@charset "utf-8";
body {  margin: 0;}

.kosh-head{display: none !important;}
.navv{display: none !important;}

a { color: #4b4a4a; }
.kosh{display: inline-block; border: 1px solid #999;}
.k80{display: inline-block; width: 80px;}
.k120{display: inline-block; width: 120px;}
.k320{display: inline-block; width: 300px;}
img {  max-width: 100% height: auto; }
input, textarea {  max-width:100% }
h1 {color:#666666; font-style: italic; text-align: center;}
.noundrlne{ color: #4b4a4a;}
.noundrlne a { color: #4b4a4a; outline:0; text-decoration:none; }
.desc:before {  content: "This browser window is smaller than 640px wide."; }
.style28 {font-family: Georgia, "Times New Roman", Times, serif;
 font-weight: bold; color: #A56AD4; font-size: 14pt; font-style: italic; text-align: center; }
@media screen and (max-width: 800px) {
.menu {  display: none !important;  }
.nadpisi {  display: none !important;  }
.liavoto-menu {  display: none !important;  }
.lenta {  display: none !important;  }
.art-liavo1	{  display: none !important;  } 
.seven-day{  display: none !important;  } 
.menuto-mal{  display: none !important;  } 
/* .nadpis-gore{  display: none !important;  } */
.nadpis-gore{ color: #000000; font-size: 12pt; font-style: italic; height: auto;text-align: center;background-image: url("http://www.zoe-top.com/img/bggorepink.jpg") ; 
background-color: pink;padding-top: 10px;padding-bottom: 10px; }
.notudrline{ color: #000000;}
.notudrline a:link {color: #000000;}
 
  * {  box-sizing: border-box;} 

/* Create three equal columns that floats next to each other */
.column {  float: left; width: 30%; padding: 10px;  height:70px;  font-size: 16pt;}
.column2 { float: left; width: 30%; padding: 10px;  height: 70px; text-align: center;margin-bottom: 10px;  }
.column3 {  float: left; width: 40%;  padding: 10px;  height:70px;   font-size: 15pt; }

/* Clear floats after the columns */
.row:after {  content: "";  display: table;  clear: both;}

 
}
.tel-mal{color: #A56AD4;font-size: 14pt;font-style: italic;text-align: center; display: inline-block;}
.nadpisi{display: inline-block;}
.nomera{display: inline-block;}
.morepics{display: inline-block;}
.940{width: 95%}
.za-poredni{display: inline-block;}
.za-inline{display:inline;}
.podhojda{display: inline-block;}
.img-responsive{display:block;margin-left: auto;margin-right: auto ;}
.img-responsive img{max-width:100% !important;height:auto;}
.stranici{display: inline;color:#45619d;font-size: 14px ; word-spacing: 15px;}
.staracena{text-decoration: line-through;display: inline-block;	}
.cena-mal{font-size: 20px ;color:#678a23;display: inline-block;font-weight: bold;}
.cena{font-size: 30px ;color:#5e9e67;display: inline-block;font-weight: bold; text-align: center;}
.tialo{margin: 2px; width: 220px; border: 3px solid #e2e2e2; padding: 1px 1px 1px 1px; display: inline-block; text-align: center;}
.tialo h2{color: #333; font-size:18px;}
.imagebox{margin: 2px; width: 46%; border: 1px solid #e2e2e2; padding: 1px 1px 1px 1px; display: inline-block; text-align: center;position:relative;}
.imagebox a { color: #4b4a4a; outline:0; text-decoration:none; }
.seven-day  {margin-left: auto;margin-right: auto ;	display: inline-block;text-align: center; vertical-align:middle ;}
.za-gore{margin: 1px;padding: 3px 3px 3px 3px;display: inline-block;text-align: center;vertical-align:middle ;	}
.seven-day-fc {  font-size: 18 px; }
.seven-day-fc a:link {font-size: 25 px;}

.seven-mnu {  font-size: 18 px; line-height: 1.8;}
.seven-mnu a:link {font-size: 25 px;}

.art-diasno{border-left:1px dotted #7b6f83; width:95%; margin: 1px; padding: 10px 5px 10px 15px;  padding-left: 10px; display: inline-block; 
text-align: center;
vertical-align:top ;}
.art-liavo{margin: 0 auto; text-align: center;}


.burza{margin: auto; width: 80%; border: 0px ; padding: 10px; text-align: center;}
.dolmenu{display: inline-block;text-align: center;margin: 5px;width: 20% ;}	
.menuto-mal  {
list-style:none;
width:100% ;
margin:5px 5px 5px 5px;
height:43px;
padding:10px 20px 0px 20px;
background: #45619d;
z-index:1;
text-align:center;
position:relative;
border:thin;
border-radius: 15px;	
}
.menuto-mal a {font-size: 16px ;color: #FFF;outline:0;text-decoration:none;	font-size: 22px ;text-shadow: 1px 1px 1px #000;}
.tooltip {border-bottom: 1px dotted #000000; color: #5a0ea4; outline: none;cursor: help; text-decoration: none;position: relative;}
.tooltip span {margin-left: -999em;position: absolute;}
.tooltip:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: 1em; top: 2em; z-index: 99;
margin-left: 0; width: 280px;
}
.tooltip:hover img {border: 0; margin: -20px 0 0 -185px;float: left; position: absolute;}
.tooltip:hover em {
font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
display: block; padding: 0.2em 0 0.6em 0;
text-decoration	: none;
}
.tooltipup {
border-bottom: 1px dotted #000000; color: #651ea9; outline: none;
cursor: help; text-decoration: none;
position: relative;
}
.tooltipup span {margin-left: -999em;position: absolute;}
.tooltipup:hover span {
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
font-family: Calibri, Tahoma, Geneva, sans-serif;
position: absolute; left: -28em; top: -10em; z-index: 99;
margin-left: 0; width: 350px;
}
.label{
    position:absolute;
    display:none;
    top:0px;
    padding:12px;
    background: #dddee3;
	opacity: 0.4;
    filter: alpha(opacity=40);
  }
.label h2{font-size: 20px ;} 
.sticky {  position: fixed;  top: 0;  width: 100%; }

.butoncenter { margin: auto; width: 50%; border: 2px solid grey; padding: 10px; text-align: center; }
.butoncenter a{ color:grey; text-decoration:none;	}
.column3 a{ color:grey; text-decoration:none; top: 50%;	vertical-align:middle ;}
.big-red{ font-size: 22px ; color:#5e5b52 ; display: inline-block; }
.footer{ color:#FFFFFF; width: 100%; background:grey ; margin: 0px; padding: 2px 2px 2px 2px; display: inline-block; text-align: center; vertical-align:middle ;	font-size: 20px ;}
.footer a{ color:white;	}

 .warning, .error 
{
border: 1px solid;
margin-left: auto;
margin-right: auto ;
margin-top: 150px ;
padding:15px 20px 15px 55px;
width: 300px;	
font: bold 12px verdana;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
 box-shadow: 0 0 5px #888;
text-shadow: 2px 2px 2px #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align: center;
}	
.warning {color: #9F6000;  background: #FEEFB3 url('http://www.zoe-chanti.eu/imgs-dizain/icon-warning.png') no-repeat 10px center;}