body { font-family:Verdana; color:#333333; font-size:13px; }
li { font-family:Verdana; }
a { color:#333333; text-decoration:none; }
a:hover { text-decoration:underline; }

.menu-uvod {
	top:210px;
	}

.menu-ponuka {
	top:240px;
	}

.menu-aromaterapia {
	top:270px;
	}

.menu-kontakty {
	top:320px;
	}

.menu-predajne {
	top:350px;
	}

div.vlavo-hore-kosik {
	top:400px;
	}

div.zakaznicka-zona-box {
	position:fixed;
	top:450px;
	left:5px;
	width:130px;
	border:1px solid #526D01;
	padding:2px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

div.zakaznicka-zona-box .email {
	font-size:11px;
}

div.zakaznicka-zona-box .sprava {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}
div.zakaznicka-zona-box .objednavky {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}
div.zakaznicka-zona-box .odhlasit {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}
div.zakaznicka-zona-box .text {
	font-size:11px;
	font-style:italic;
}

div.zakaznicka-zona-box .prihlasenie {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}

div.zakaznicka-zona-box .nadpis {
	font-weight:bold;
	color:#526D01;
}

div.newsletter_zapisany {
	position:absolute;
	top:-115px;
	left:0px;
	font-size:1.5em;
	height:60px;
	width:600px;
	border:1px solid grey;
	background-color:white;
	color:green;
	z-index:10000 !important;
}

div.newsletter-box {
	position:fixed;
	top:560px;
	left:5px;
	width:130px;
	border:1px solid #526D01;
	padding:2px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

div.newsletter-box input {
	width:120px;
}

div.newsletter-box input::-webkit-input-placeholder {
    color: grey;
}

div.facebook-box {
	text-align:center;
	position:fixed;
	top:720px;
	left:10px;
	width:60px;
	padding:3px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

div.blog-box {
	text-align:center;
	position:fixed;
	top:720px;
	left:75px;
	width:60px;
	padding:3px;
	white-space: pre-wrap;      /* CSS3 */   
	white-space: -moz-pre-wrap; /* Firefox */    
	white-space: -pre-wrap;     /* Opera <7 */   
	white-space: -o-pre-wrap;   /* Opera 7 */    
	word-wrap: break-word;      /* IE */
}

div.blog-box img, div.facebook-box img {
	width:30px;
}


.black_overlay{
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: block;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 8px solid #526D01;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

	
.picmenu {
	top:155px;
	}

.picmenu_medzera {
	height:265px;
	}
	
.search-box {
	top:150px;
}
.search-input {
	background:#F9EDBE;
	color:black;
}
::-webkit-input-placeholder { color: #EFF2DD; font-style:italic; }
:-moz-placeholder { /* Firefox 18- */ color: #EFF2DD; font-style:italic; }
::-moz-placeholder {  /* Firefox 19+ */ color: #EFF2DD; font-style:italic; }
:-ms-input-placeholder { color: #EFF2DD; font-style:italic; }

.eshop-menu {
	position:absolute;
	width:270px;
	padding:0px;
	z-index:900;
	border: 1px solid #DDDDDD;
	box-shadow: 1px 1px 1px #CCCCCC;
	margin-left:5px;
	}

h2.picmenu-aromaterapia { display:inline-block;padding-top:8px;font-size:24px;font-weight:normal;color:#B22222; }
h2.picmenu-caje-drogy { display:inline-block;padding-top:10px;font-size:18px;font-weight:normal;color:#228B22; }
h2.picmenu-galenicke { display:inline-block;padding-top:10px;font-size:18px;font-weight:normal;color:#4169E1; }
/*
.eshop-menu-silica		{ left:0px; top:10px; }
.eshop-menu-lekarnicka	{ left:0px; top:100px; }
.eshop-menu-atelier		{ left:0px; top:190px; }
.eshop-menu-galenika	{ left:285px; top:10px; }
.eshop-menu-hydrolat	{ left:285px; top:100px; }
.eshop-menu-cajnik		{ left:285px; top:190px; }
.eshop-menu-droga		{ left:570px; top:10px; padding-left:5px; }
.eshop-menu-cajovina	{ left:570px; top:100px; padding-left:5px; }
.eshop-menu-vakuove		{ left:570px; top:190px; padding-left:5px; }
*/
.eshop-menu-aromaterapia	{ background:#FFE4E1; color:#B22222; width:270px; height:250px; left:0px; top:10px; font-weight:normal; text-align:center; overflow:hidden; }
.eshop-menu-aromaterapia a	{ color:#B22222; cursor:pointer; }
.eshop-menu-caje			{ background:#EEF3DF; color:#228B22; width:270px; height:250px; left:285px; top:10px; font-weight:normal; text-align:center; overflow:hidden; }
.eshop-menu-caje a			{ color:#228B22; cursor:pointer; }
.eshop-menu-maste			{ background:#FFEFD5; width:270px; height:80px; left:570px; top:10px; font-weight:normal; text-align:center; overflow:hidden; }
.ponio						{ background:#FFF5E5; height: 80px; top:95px; background-image: url('\grafika\ponioBackground.jpg'); }
.obaly						{ background:#FFFBF5; height: 80px; top:180px; background-image: url('\grafika\ponioBackground.jpg'); }
.eshop-menu-maste a			{ cursor:pointer; }
.eshop-uvod-kategoria		{ width:270px; cursor:pointer; height:45px;position:relative; }
.eshop-uvod-kategoria h3 span		{ font-size:14px;position:absolute;top:15px; }
.eshop-uvod-kategoria h3 span.aromaterapeuticka-lekarnicka { top:6px; }
.eshop-uvod-kategoria-aroma	h3 span { left:60px; }
.eshop-uvod-kategoria-aroma:hover	{ background:#CD5C5C; color:#FFFFFF; }
.eshop-uvod-kategoria-aroma:hover a	{ color:#FFFFFF; }
.eshop-uvod-kategoria-caje h3 span { left:70px; }
.eshop-uvod-kategoria-caje:hover	{ background:#3CB371; color:#FFFFFF; }
.eshop-uvod-kategoria-caje:hover a	{ color:#FFFFFF; }
.eshop-uvod-kategoria-maste h3 span { left:53px; }
.eshop-uvod-kategoria-maste:hover	{ background:#DFDCD8; }

.eshop-uvod-kategoria-ponio:hover	{ background:#DFDCD8; }
.eshop-uvod-kategoria-obaly:hover	{ background:#DFDCD8; }

.mensi-text { font-size:10px; font-style:normal; }

.cennik-span-left { height:20px;width:49%;text-align:left;display:inline-block; }
.cennik-span-right { height:20px;width:49%;text-align:right;display:inline-block; }

h1 { font-size:26px; font-weight:normal; padding:0px; margin:0px; display:inline; }
h2 { font-size:16px; font-weight:bold; padding:8px; margin:0px; color:#526D01; text-align:left; }
h3 { font-size:inherit; color:inherit; font-weight:inherit; vertical-align:inherit; display:inherit; margin:inherit; }
.div_left { font-size:12px; width:572px; overflow:hidden; }
.div_right { text-align:center; width:265px; position:absolute; right:0px; top:0px; overflow:visible; padding-top:4px;padding-right:10px; }
.div_h1 { text-align:center; width:100%; color:#526D01; }
.div_podnadpis { text-align:center; width:100%; padding-top:20px; padding-bottom:20px; }
.div_text_left { text-align:left; padding-top:8px; color:#6C6F5B; display:inline-block; width:130px; vertical-align:top; }
.div_text_right { text-align:left; padding-top:8px; overflow: hidden; display:inline-block; width:400px; vertical-align:top; }
.div_text_fullWidth { text-align:left; padding-top:8px; }
.vyrobok_foto { border:1px solid #DDDDDD; max-width:260px; max-height:800px; }
.vyrobok_foto_extra { border:1px solid #DDDDDD; max-width:60px; max-height:60px; }
.div_pouzitie {
	border:1px solid #DDDDDD;
	background-color:#F3F6E1;
	margin-top:8px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:8px;
	width:560px;
	box-shadow: 1px 1px 1px #BBBBBB;
	z-index:2000;
	}

font.bold { color:#6C6F5B; font-weight:bold; }
	
.div_cudzojazycne_nazvy {
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	margin-top:8px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:8px;
	width:560px;
	box-shadow: 1px 1px 1px #BBBBBB;
	z-index:2000;
	}
.div_ramcek {
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	margin-top:8px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:8px;
	width:560px;
	box-shadow: 1px 1px 1px #BBBBBB;
	z-index:2000;
	padding-top:4px;
	text-align:justify;
	}

.upozornenieImg { width:18px; float:left; padding-right:3px; }
.silica_foto { width:240px; }

	
.div_h1_kategoria { text-align:left; width:100%; color:#526D01; }
.div_left_kategoria { font-size:12px; width:320px; overflow:hidden; padding-top:20px; margin-bottom:20px; }
.div_right_kategoria { width:502px; position:absolute; right:0px; top:0px; overflow:hidden; padding-right:10px; padding-top:20px; }
.kategoria_foto { border:0px solid #EEEEEE;width:320px; }
.div_ramcek_kategoria {
	border:1px solid #DDDDDD;
	background-color:#F3F6E1;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:8px;
	width:495px;
	box-shadow: 1px 1px 1px #BBBBBB;
	z-index:2000;
	}

#kategoria_pokracovanie_popisu_a { color:#1E50A9; cursor:pointer; }


.cesta-bottom {
	position:relative;
	left:0px;
	top:18px;
	}
.cesta-bottom img { position:absolute;left:0px;top:8px;width:20px; }
.cesta-bottom div { color:#54552B;display:inline-block;position:relative;top:11px;left:25px; }
.cesta-bottom a { color:#54552B; }
.cesta-bottom a:hover { text-decoration:none; }
.cesta-bottom div:hover { text-decoration:underline; }


.cesta-top {
	position:absolute;
	left:170px;
	top:10px;
	z-index:200;
	background: rgba(0,0,0,0.3);
	}
.cesta-top img { position:absolute;left:-22px;top:-3px;width:20px; }
.cesta-top div { color:#F2EDD0;display:inline-block; position:relative;top:0px;left:0px; }
.cesta-top a { color:#F2EDD0; }
.cesta-top div:hover { text-decoration:underline; }
.cesta-top a:hover { text-decoration:none; }

.paticka_cookies { font-size:12px; position:absolute;left:430px; padding-bottom:10px; bottom:5px; text-decoration:none; color:#54552B; }
.paticka_gdpr { font-size:12px; position:absolute;left:230px; padding-bottom:10px; bottom:5px; text-decoration:none; color:#54552B; }

.paticka_vop { font-size:12px; position:absolute;left:5px; padding-bottom:10px; bottom:-27px; text-decoration:none; color:#54552B; }
.paticka_poriadok { font-size:12px; position:absolute;left:220px; padding-bottom:10px; bottom:-27px; text-decoration:none; color:#54552B; }
.paticka_protokol { font-size:12px; position:absolute;left:380px; padding-bottom:10px; bottom:-27px; text-decoration:none; color:#54552B; }
.paticka_formular { font-size:12px; position:absolute;left:530px; padding-bottom:10px; bottom:-27px; text-decoration:none; color:#54552B; }
.paticka_organy { font-size:12px; position:absolute;left:750px; padding-bottom:10px; bottom:-27px; text-decoration:none; color:#54552B; }
hr.paticka { border: 0; height: 1px; background: #EEEEEE; }

.kosikButtonHore,.kosikButtonHoreDisabled span { white-space:nowrap; font-size:22px;  }
.kosikButtonDole span { white-space:nowrap; font-size:16px;  }

.kosikButtonHore {
  color: #FFFFFF;
  border:1px solid #CCCCCC;
  border-radius:8px;
  background: #7C9D29;
  box-shadow: 1px 1px 2px #BBBBBB;
  padding: 2px 12px 2px 12px;
  cursor:pointer;
}
.kosikButtonHoreDisabled {
  color: #FFFFFF;
  border:1px solid #CCCCCC;
  border-radius:8px;
  background: #696969;
  box-shadow: 1px 1px 2px #BBBBBB;
  padding: 2px 12px 2px 12px;
  cursor:not-allowed;
}
.kosikButtonDole {
  color: #61801E;
  border:1px solid #CCCCCC;
  border-radius:8px;
  background: #FFFFFF;
  box-shadow: 1px 1px 2px #BBBBBB;
  padding: 1px 10px 2px 10px;
  cursor:pointer;
  z-index:500;
}

.kosikButtonHore,.kosikButtonDole,.kosikItem  {  
        -webkit-transition: background 0.1s linear;
        -moz-transition: background 0.1s linear;
        -ms-transition: background 0.1s linear;
        -o-transition: background 0.1s linear;
        transition: background 0.1s linear;
}

.kosikButtonHore:hover {
  border:1px solid #577408;
  background: #61801E;
  color:#F3F6E1;
}

.kosikButtonDole:hover{
  background: #E7F3CB;
}

.promo2a:hover > span {display:block;}

.kosikButtonNacitavam, .kosikButtonNacitavam:hover {		
  cursor: wait;  				
}

.oznam { text-align:center;border:1px solid #F5CA73;background:#F9EDBE;color:#222222;font-size:13px;padding:4px;width:700px;margin-left:70px; }
.oznam a { font-size:1em; color:#BA783C;font-weight:bold;}

.horeOdobrat	{ border:1px solid #DDDDDD; padding:4px; text-decoration:none; font-size:18px; width:14px; display:inline-block; }
.horePridat		{ border:1px solid #DDDDDD; padding:4px; text-decoration:none; font-size:18px; width:14px; display:inline-block; }
.horeKusov		{ color:#61801E; font-weight:bold; padding:4px; text-decoration:none; font-size:14px; display:inline-block; }
.horeVlozene	{ font-size:11px; }
.horeDoKasy		{ font-size:12px; text-decoration:underline; }
.horePredelDiv	{ height:8px;width:5px;border:0px; }
img.tickHoreZoznam { position:absolute;left:45px;top:30px;width:30px;z-index:100}
div.kosikBorderDivHore { position:absolute;left:50px;top:40px;width:170px;height:95px;border:1px solid #829100;border-radius:8px;z-index:-1;box-shadow: 1px 1px 2px #BBBBBB;}
div.kosikAkoZaplatim { position:absolute;left:37px;top:137px;width:200px;border:0px;font-size:11px; height:20px; display:none;}

.podTlacitkomKosikDoleClass { padding:0px;line-height:10px; position:relative; }
.doleOdobrat	{ border:1px solid #DDDDDD; padding:1px; text-decoration:none; font-size:12px; width:14px; display:inline-block; font-weight:bold; }
.dolePridat		{ border:1px solid #DDDDDD; padding:1px; text-decoration:none; font-size:12px; width:14px; display:inline-block; font-weight:bold; }
.doleKusov		{ color:#61801E; padding-left:4px; padding-right:4px; text-decoration:none; font-size:14px; display:inline-block; font-weight:bold; }
.doleVlozene	{ font-size:11px;  }
.doleDoKasy		{ color:#61801E; font-size:11px; text-decoration:underline; }

.doleOdobrat:hover,.dolePridat:hover,.horeOdobrat:hover,.horePridat:hover { background-color: #829100; color:#FFFFE0; }

.doleOdobrat,.dolePridat,.horeOdobrat,.horePridat,.doleZoznam {  
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
}

.doleZoznam {  
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear;
		-webkit-transition: border 0.2s linear;
        -moz-transition: border 0.2s linear;
        -ms-transition: border 0.2s linear;
        -o-transition: border 0.2s linear;
        transition: border 0.2s linear;
}

div.doleZoznamHlavicka { background: #526D01; color:#F3F6E1; border-bottom:1px solid #999999; height:20px;line-height:20px;font-weight:bold;text-align:center;display:inline-block;padding:0px;margin:0px; margin-bottom:10px; box-shadow: 0px 1px 2px #F3F6E1; }

div.doleZoznam { width:835px;height:105px;border:1px solid #BBBBBB;padding:4px;overflow: hidden;box-shadow: 1px 1px 1px #888888; margin-bottom:10px; position:relative; }
div.doleZoznam:hover {  border: 1px solid #829100; background: #F3F6E1; }
div.doleZoznamFotka { height:100%;width:115px;border:0px dashed silver;text-align:center;display:inline-block;padding:0px;margin:0px;float:left; }
div.doleZoznamFotka img { border:0px;height:100px; }
div.doleZoznamNazovIndikacie { color:#54552B;width:500px;height:90px;border:0px dashed silver;text-align:left;display:inline-block;padding:0px;margin:0px;float:left;padding-top:0px; }
div.doleZoznamNazovIndikacie a { color:#6C6F5B; font-size:13px; font-weight:bold; }
div.doleZoznamNazovIndikacie a:hover { color:#528B2E; text-decoration:underline; }
div.doleZoznamCena { width:220px;height:90px;border:0px dashed silver;text-align:center;display:inline-block;padding:0px;margin:0px;margin-left:0px;float:left;color:#54552B;padding-top:10px; }
font.doleZoznamCena {  color:#6C6F5B; font-size:14px; font-weight:bold; }
span.doleZoznamSkladom a { color:#1E50A9; cursor:pointer; }
img.tickDoleZoznam { position:relative;left:-715px;top:-90px;width:25px;z-index:1000;}
.nieJeSkladomHore { font-size:15px; color:#8B0000; }
.lekarnickaTab-content { }
.lekarnickaTabs { cursor:pointer; background-color:#EEEEEE; padding:4px; border:1px solid silver; border-top-left-radius:4px; border-top-right-radius:4px; }
.lekarnickaTabs:hover{ background-color:#DDDDDD; }
.lekarnickaTabsActive { background-color:#FFFFFF; }
.lekarnickaTabsActive:hover { background-color:#FFFFFF; }

.letak-img			{ border:1px solid white; }
.letak-img:hover	{ border:1px solid silver; }

.kosik-nadpis { color:#526D01; }

.opacity60				{ opacity:0.6; filter:alpha(opacity=40); /* For IE8 and earlier */ cursor:pointer; }
.opacity60:hover		{ opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer; }

span.red {color:red;font-weight:bold;}
div.akcia {color:red;font-weight:normal;}

#nezasielame {color:red !important;}