body {  margin: 0;}



 * {  box-sizing: border-box;} 

/* Create three equal columns that floats next to each other */
.column {display: none !important;}
.column2 {display: none !important;}
.column3 {display: none !important;}

/* Clear floats after the columns */
.row:after {  content: "";  display: table;  clear: both;} 
.navv {
  background-color: ffffff; 
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
  border-color: #555555;
  border-style: dotted;
  border-width: 1px;
}

.navv li {  display: inline-block;  font-size: 16px;  padding: 10px;}        	
.navv a{color:#000000;} 
.kosh-head{display: inline-block; width: 900px;border: 1px solid #999;border-top-left-radius: 10px ;border-top-right-radius: 10px;background-color:#CCC;padding: 10px 0px 10px 0px;}
.kosh-down{display: inline-block; width: 880px; background-color:#CCC ;text-align: right;border: 1px solid #999;padding: 10px 20px 10px 0px;}
.kosh{display: inline-block; width: 900px;border: 1px solid #999;vertical-align:middle ;}
.k80{display: inline-block; width: 80px;vertical-align:middle ;}
.k120{display: inline-block; width: 120px;vertical-align:middle ;}
.k320{display: inline-block; width: 300px;vertical-align:middle ;}

.imagebox{margin: 2px; width: 180px; border: 1px solid #e2e2e2; padding: 1px 1px 1px 1px; display: inline-block; text-align: center;position:relative;}
.label{
position:absolute;
display:none;
top:0px;
padding:12px;
background: #dddee3;
opacity: 0.4;
filter: alpha(opacity=40);
  }
.label h2{font-size: 20px ;}  
img {  max-width: 100%; height: auto; }
a {	text-decoration	: none; padding	: 0px 0px; color:#2d4d90 }
a:hover {	text-decoration : underline;}	
hr { color:#999999 ;}
img {	border:0px}
h1{color:#ff5c00; font-style: italic;}
body { background-color:#FFFFFF ; color: #333;}
.big-red{ font-size: 22px ; color:#FF0000; display: inline-block; }
.stranici{ display: inline; color:#45619d; font-size: 14px ; }
.mal-sivo{ color:#666666; font-size: 12px ; }
.red{color:#FF0000;}
.cena{font-size: 35px ; color:#ff5c00; text-align: center; }
.staracena{ text-decoration: line-through; display: inline-block;	}
.cena-mal{font-size: 20px ; color:#678a23; display: inline-block; font-weight: bold; }
.tel{color:#4F8100;}
.za940{max-width:940px; margin-left: auto; margin-right: auto ; }
.za-poredni{display: inline-block;}
.za-inline{display:inline;}
.nomera{display: inline-block; border-left:1px dotted #7b6f83; text-align: center;}
.breadcrumb{display: inline ;}
.lenta{ color:#FFFFFF; width: 100%; background: #383737; margin: 0px; padding: 2px 2px 2px 2px; display: inline-block; text-align: center; vertical-align:middle ;	font-size: 20px ;}
.lenta a{color:#FFFFFF;}
.nadpis-gore{
color: #000000; 
font-size: 12pt; 
font-style: italic; 
height: auto;

text-align: center;

background-image: url("https://www.zoe-chanti.eu/img/bggorepink.jpg") ; 
background-color: pink;
padding-top: 10px;
padding-bottom: 10px;
}
.nadpis-gore a{ color:#ff5c00}
.nadpis-gore a:visited { color: #ff5c00; }

@media screen and (max-width: 950px) {
.nadpisi {  display: none !important;  }
.liavoto-menu {  display: none !important;  }
.na4-diasno{display: none !important;}
}
.na4-diasno{display: inline-block; text-align: center; margin-left: auto; margin-right: auto ; padding-top:10px;}
.nadpisi{display: inline-block;}
.za-tialo{display: table;}
.menuto-mal {  display: none ;  }
.tel-mal{  display: none !important;  }
.dop-snimki{  display: none !important;  }
.img-responsive-mod{display:block; margin-left: auto; margin-right: auto ; }
.img-responsive-mod img{ max-width:600px !important; height:auto; }

.img-responsive{display:inline-block; margin-left: auto; margin-right: auto ; }
.img-responsive img{ max-width:100% !important; height:auto; }

.kolaji{
max-width:840px;
margin-left: auto;
margin-right: auto ;
border: 2px solid  #CCC;
padding: 2px 3px 3px 3px;
display: inline-block;
border-top-left-radius: 10px ;
border-top-right-radius: 10px; 
}
.burza{ width:240px; margin-left: auto; margin-right: auto ; border: 3px solid  #CCC; padding: 2px 3px 3px 3px;}
.sinia-lenta{
margin-left: auto;
margin-right: auto ;	
display: inline-block;
text-align: center; 
vertical-align:middle ;
border: 1px solid  #45619d;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}

.lubimi{
width:240px;
margin-left: auto;
margin-right: auto ;
text-align: center;
background-color:#CCC;
padding: 10px 0px 10px 0px;
border: 1px solid  #999;
vertical-align:middle ;}
.lubimi a{color:#444444;font-size: 18px ;}
.seven-day  { margin-left: auto; margin-right: auto; display: inline-block; text-align: center; vertical-align:middle ;}
.tialo{margin: 2px; width: 180px; border: 1px solid #e2e2e2; padding: 1px 1px 1px 1px; display: inline-block; text-align: center;}
.tialo h2{color:#333; font-size:18px;}
.liavoto-menu{ margin: 1px; width: 180px; padding: 10px 3px 3px 3px; display: table-cell; text-align: left; vertical-align:top;color:45619d;
}
.tialo-diasno{display: inline-block; padding-top:2px; text-align: center; }
.tialo-diasno h1{color:#ff5c00; font-style: italic;}
.liavoto-menu a{ color:#45619d;	}
.seven-day-fc  {
margin: 5px;
width: 300px ;
border: 1px solid #999999;
padding: 10px 11px 10px 11px;
display: inline-block;
text-align: center;
}
.seven-day-fc img{	border:none ; }
.za-gore{
margin-left: auto;
margin-right: auto ;
width: 300px ;
padding: 3px 3px 3px 3px;
display: inline-block;
text-align: center;
vertical-align:middle ;
}
.za-gore-menu{margin: 1px;padding: 3px 5px 3px 5px;display: inline-block;text-align: center;vertical-align:middle ;}
.info, .success, .warning, .error 
{
border: 1px solid;
margin-left: auto;
margin-right: auto ;
margin-top: 10px ;
padding:15px 20px 15px 55px;
width: 500px;	
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;}
.wrap { 
width:940px;
margin-left: auto;
margin-right: auto ;
margin-top: 15px;
border-top-left-radius: 10px ;
border-top-right-radius: 10px; 
border: 1px solid #7b6f83;
border-top: 1px solid #ada5b3;
vertical-align:top ;
 }
.wrap h1{font-size: 20px ;color:#444444;text-align: center;}
.art-liavo1{width:104px;margin: 0px;padding: 15px 1px 3px 3px;display: inline-block;text-align: left;vertical-align:middle ;}
.art-liavo{width:560px;margin: 1px;padding: 3px ;display: inline-block;text-align: left;vertical-align:top ;}
.art-diasno{
border-left:1px dotted #7b6f83;
width:250px;
margin: 1px;
padding: 2px ;
 padding-left: 8px;
display: inline-block;
text-align: left;
vertical-align:top ;}
.za-center{ text-align:center;}
.za-left{ text-align:left;}
.tooltip {
border-bottom: 1px dotted #000000; color: #5a0ea4; outline: none;
cursor: help; text-decoration: none;
position: relative;
}
.tooltip span {margin-left: -999em; position: absolute; color: #00529B; background: #BDE5F8 }
.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 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; color: #00529B; background: #BDE5F8 }
.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;
}
.kareta-view
{
	width:880px;
	margin:5px auto 0px auto;
	height:45px;
	padding:5px 20px 0px 20px;
	border-top-left-radius: 10px 5px;
	border-top-right-radius: 10px; 
	border: 1px solid #7b6f83;
	border-top: 1px solid #ada5b3;	
	background: -moz-linear-gradient(top, #e4e4e4, #a3a3a3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#a3a3a3));	
	z-index:1;	
}

.kareta-view td{font-size:18px; font-style:italic,color#333; font-weight:bold;}
.kareta-view-bod{margin:0px auto 0px auto;width:900px;padding:3px 10px 0px 10px;background: #FFF;	border: 1px solid #CCC;}
.menu {
list-style:none;
width:940px;
margin:10px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; 
background: #45619d;
border: 1px solid #7b6f83;
border-top: 1px solid #ada5b3;
z-index:1;
}
.menu li {
	float:left;
	text-align:center;
	position:relative;
	padding: 2px 10px 1px 10px;
	margin-right:12px;
	margin-top:7px;
	border:none;
	
	
}
.menu li:hover {
	z-index:5;
	background:#F4F4F4;
	border:1px solid #aaaaaa;
	padding: 4px 9px 4px 9px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 	
}
.menu li a {
	color: #EEEEEE;
	outline:0;
	text-decoration:none;
	display:block;
	text-shadow: 1px 1px 1px #000;
}
.menu li:hover a {color:#161616;text-shadow: none;}
.menu li .drop {padding-right:21px;background:url("img/drop.png") no-repeat right 8px;font-size: 20px ;}
.menu li:hover .drop {padding-right:21px;background:url("img/drop.png") no-repeat right 7px;}
.menu li:hover div a {color:#7b6f83;}
.menu li:hover div a:hover {color:#ada5b3;}
.menu li ul li a:hover {color:#ada5b3;}

/* Right aligned menu item */

.menu .right {float:right;right:0;margin-right:0px;z-index:5;}
/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */

/* Left & right aligned common styles */

.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns {
	margin:4px auto;
	left:-999em;
	position:absolute;
	background:#F4F4F4;
	border:1px solid #aaaaaa;
	border-top:none;
	padding:1px;
	text-align:left;
border-top-right-radius: 10px; 

}

/* Drop Downs Sizes */

.menu .dropdown_1column {width: 235px;}
.menu .dropdown_2columns {width: 350px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 765px;}

/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {	left:-1px;top:25px;}

/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
/* Rounded Corners */
border-top-left-radius: 10px 5px;
border-top-right-radius: 10px; 
}
.menu li:hover .align_right {left:auto;	right:-1px;	top:auto;}
/* Columns Sizes */
.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {display:inline;float: left;position: relative;margin-left: 10px;}
.menu .col_1 {width:235px;}
.menu .col_2 {width:350px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}

/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {margin-left: 0;	clear: left;}

/*  _______________________________________

	03 CONTENT STYLINGS
    _______________________________________  */
.menu p,
.menu ul,
.menu li,
.menu h2,
.menu h3 {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:21px;text-align:left;}
.menu p {font-size:12px;line-height:18px;margin-bottom:10px;text-shadow: 1px 1px 1px #FFFFFF;}
.menu .strong {	font-weight:bold;}
.menu .italic {	font-style:italic;}
.menu h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	letter-spacing:-1px;
	font-size:21px;
	line-height:21px;
	margin-top:7px;
	margin-bottom:14px;
	padding-bottom:14px;
	text-shadow: 1px 1px 1px #FFFFFF;
	border-bottom:1px solid #666666;
}
.menu h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	font-size:14px;
	line-height:21px;
	margin-top:14px;
	margin-bottom:7px;
	padding-bottom:3px;
	padding-top:10px;
	text-shadow: 1px 1px 1px #FFFFFF;
	border-bottom:1px solid #888888;
}
.menu .pusher { /* Use this pucher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}

/* Standard lists styles */

.menu li ul {	list-style:none;padding:0;margin:0 0 3px 0;}
.menu li ul li {
	font-size:14px;
	line-height:20px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	padding-left:3px;
	margin:0;
	float:left;
	text-align:left;
	width:145px;
}
.menu li ul li:hover {background:none;background: #F4F4F4\9;border:none;padding:0;margin:0;}