@charset "utf-8";
.kosh-head{display: none !important;}
.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;}
.navv{display: none !important;}


.nadpis-gore{  

color: #000000; 
font-size: 12pt; 
font-style: italic; 
height: auto;

text-align: center;

background-image: url("http://www.zoe-chanti.eu/img/bggorepink.jpg") ; 
background-color: pink;
padding-top: 10px;
padding-bottom: 10px;


 }

 



  * {
  box-sizing: border-box;
} 

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

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
img {  max-width: 100% height: auto; }
input, textarea {  max-width:100% }
h1 {color:#ff5c00; font-style: italic;}
.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;  }
.nadpis-gore{  display: none !important;  }
.lenta {  display: none !important;  }
.art-liavo1	{  display: none !important;  }
}
.tel-mal{color: #A56AD4;font-size: 14pt;font-style: italic;text-align: center; display: inline-block;}
.nadpisi{display: inline-block;}
.nomera{display: inline-block;}
.940{width: 95%}
.za-poredni{display: inline-block;}
.red{color:#FF0000;}
.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 ;}
.staracena{text-decoration: line-through;display: inline-block;	}
.cena-mal{font-size: 20px ;color:#678a23;display: inline-block;font-weight: bold;}
.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;}
.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:255px; margin: 1px; padding: 3px 3px 3px 3px;  padding-left: 10px; display: inline-block; 
text-align: left;
vertical-align:top ;}

.burza{width:240px;margin-left: auto;margin-right: auto ;border: 3px solid  #CCC;padding: 2px 3px 3px 3px;}
.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%; }