* {margin: 0; padding: 0;}
body {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	font-size: 11px;
	text-align: left;
	width: 998px;
	margin: 0 auto;
}
#head h1 { display: none; overflow: hidden;}
h1, h2, h4, legend { margin: 0.5em 0 0; }
h1, h2, legend, .title { 
	clear: both;
	font-variant: small-caps;
}/*title-nadpisy vo faq*/
h1 { font-size: 180%; }
h2, .title, legend { font-size: 150%; color: #0f0f0f; }
h3 { 
	font-size: 110%; 
	color: #c33; 
	margin: 0 1em 0 0; 
	padding: 0 !important; 
}/*nadpisy zlozenie, priprava*/
h4 { font-size: 110%; color: #c40109; }
p { padding: 3px 0 0 0; }
a {	color: #990000; }
a img {border: none;}
hr { display: none; clear: both; }
abbr {cursor: help;}
strong {color: black; background-color: #F4F2E4; font-weight: normal; }

/*format info stranky*/
dt span.arrow {
	width: 9px;
	height: 9px;	
	float: left;
	margin: 5px 5px 0 0;
	background-image: url(../images/arrow.gif);
}/*sipka pri rozrolovani*/
dt span.selected {
	float: left;
	background-position: 0 -9px;		
}
dt {
	margin-top: 5px;
	color: #990000;
	clear: both;
	font-size: 12px;
}
dt a { text-decoration: none; }
dt a:hover { color: #000000; text-decoration: underline; }
dd {
	margin: 0.5em 0 0.7em;
	padding: 3px 0px 10px 15px;
	/*border-bottom: 1px solid #eaeaea;*/
	display: block;/*aby obrazky nevytrcali*/
	float: left;/*aby obrazky nevytrcali*/
}
dt.faq-title {color: #333;}/*uvodny textik v svet caju*/
dt.faq-title span.obr-nadpis {display: block; text-align: center;}
dt a.selected {margin: 0.5em 0 0; clear: both; font-variant: small-caps; font-size: 140%; color: #620001; font-weight: bold; }

/*koniec format info stranky*/

/*forms*/
input { margin: 2px 0; }
fieldset { padding: 15px; margin-bottom: 10px; }
.hidden {display: none;}

/*......................LAYOUT.....................................*/
#head {
	width: 998px;
	float: left;
}
/*#content p a:hover {color: #000; background-color: #F4F2E4; border-bottom: 1px solid #9A8E51;}
#content p a:link, #content p a:visited {color: #555; border-bottom: 1px solid #555;}*/

a.logo-bop img { padding: 5px 0 0 258px; float: left; }/*logo bop - stara verzia*/
a.logo-caj { padding: 5px 0 0 0; float: left; }/*logo caj - stare logo pop. caj*/
a.logo-popradsky { margin: 0 0 0 588px; float: left; }/*nove logo popradsky*/
#head form { 
	color: white; 
	padding: 0 3px 0 5px;
	float: right;
}
p.mutacie { clear: right; text-align: right; }

/*info menu*/
#menu {  clear: both; padding-left: 526px; margin: 0; }
ul#info-menu { width: 157px; padding-top: 0; float: left;}
ul#info-menu li { display: block; float: left; }
ul#info-menu li a { 
	background-position: 0 0;
	float: left;
	text-decoration: none;
	display: block;
}
ul#info-menu a span { display: none; overflow: hidden; }
#info-menu1 a, #info-menu2 a, #info-menu3 a, #info-menu4 a, #info-menu5 a, #info-menu6 a { height: 28px; width: 157px; }

#info-menu1 a { background-image: url(../images/menu/menu-kvalita-caju.png); }
#info-menu2 a { background-image: url(../images/menu/menu-svet-caju.png); }
#info-menu3 a { background-image: url(../images/menu/menu-caj-zdravie.png); }
#info-menu4 a { background-image: url(../images/menu/menu-firma-media.png); }
#info-menu5 a { background-image: url(../images/menu/menu-faq.png); }
#info-menu6 a { background-image: url(../images/menu/menu-kontakt.png); }

ul#info-menu li a:hover, ul#info-menu li a.active { 
	background-position: 0 -28px;
	float: left;
}
/*tea menu*/
ul#tea-menu { width: 137px; padding-top: 0; padding-left: 35px; float: left;}
ul#tea-menu li { display: block; float: left; }
ul#tea-menu li a { 
	background-position: 0 0;
	float: left;
	text-decoration: none;
	display: block;
}
ul#tea-menu a span { display: none; overflow: hidden; }
#tea-menu1 a, #tea-menu2 a, #tea-menu3 a, #tea-menu4 a, #tea-menu5 a, #tea-menu6 a, #tea-menu7 a, #tea-menu8 a { width: 137px; }

#tea-menu1 a { height: 34px; background-image: url(../images/menu/menu-medzi-telom-a-dusou.png); }
#tea-menu2 a { height: 20px; background-image: url(../images/menu/menu-ovocne.png); }
#tea-menu3 a { height: 20px; background-image: url(../images/menu/menu-bylinne-s-ovocim.png); }
#tea-menu4 a { height: 20px; background-image: url(../images/menu/menu-bylinkove.png); }
#tea-menu5 a { height: 20px; background-image: url(../images/menu/menu-liecive.png); }
#tea-menu6 a { height: 20px; background-image: url(../images/menu/menu-zelene.png); }
#tea-menu7 a { height: 20px; background-image: url(../images/menu/menu-cierne-ochutene.png); }
#tea-menu8 a { height: 20px; background-image: url(../images/menu/menu-cierne.png); }

ul#tea-menu li a:hover, ul#tea-menu li a.active { 
	background-position: 0 -20px;
	float: left;
}
ul#tea-menu li#tea-menu1 a:hover, ul#tea-menu li#tea-menu1 a.active { 
	background-position: 0 -34px;
	float: left;
}
.none {display:none;}
.yes {display:block; }
/*end of menu*/

/*content*/
#content-left { 
	width: 339px;
	height: 126px;
	float: left;
	margin:  340px 0 0 25px;
	text-align: right;
}/*kontextova navigacia*/
#content {
	width: 600px;
	float: right;
	margin: 50px 0 0 0;
	text-align: justify;
	min-height: 360px;
	height: 343px;
}
div[id] #content {
   height: auto;
}/*aby platila min height aj v exploreri*/


#content ul, #content ol {margin-left: 25px; }
#content ul { list-style-image: url(../images/list.gif); }
/*images*/
#content img.left-border { float: left; margin: 3px 11px 3px 0; border: 1px solid #e6e0d0; padding: 10px; }
#content a:hover img.left-border {background-color: #F4F2E4; border: 1px solid #ccc; }
#content img.right-border { float: right; margin: 3px 0 3px 11px; border: 1px solid #e6e0d0; padding: 10px; }
#content a:hover img.right-border {background-color: #F4F2E4; border: 1px solid #ccc;}
#content img.left { float: left; margin: 3px 18px 3px 0; }
#content img.right { float: right; margin: 3px 0 3px 18px; }
/*end of images*/
/*footer*/
#footer {
	float: right;
	width: 598px;
	margin: 80px 0 0 0;
	padding: 2px;
	height: 22px;
	border-top: 1px solid #ccc;
	background-color: #fcfaeb;
}
#footer img {vertical-align: top;}
#footer p { float: left; text-align: right;}
#footer a:hover { color: #333;}
/*end of footer*/
/*.............END OF LAYOUT....................................*/