* {margin: 0; padding: 0;}
body {
	font-family:  "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	font-size: 12px;
	text-align: left;
	width: 1000px;
	margin: 0 auto;
}
.invisible { 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: 170%; color: #620001; }
h3 { 
	font-size: 130%; 
	color: #620001; 
	clear: both;
	margin: 1em 0 2px;
	padding-left: 0.5em;
	border-bottom: 1px solid #f0e8d1;
	background-color: #f4f2e4;
}
h4 { font-size: 130%; color: #990000; margin: 1em 0 2px; font-style: italic; }
dt a.selected {margin: 0.5em 0 0; clear: both; font-variant: small-caps; font-size: 170%; color: #620001; font-weight: bold; }
p { padding: 6px 0; }
a {	color: #990000; }
a img { border: none; }
hr { display: none; clear: both; }
abbr { cursor: help; }
strong { color: #56402b; }
span.red {color: #720000; font-weight: bold; }
/*format info stranky*/
dl {padding-left: 15px; margin-top: 15px;}
.zdroj {font-style: italic; font-size: 10px; color: #333;}
dt span.arrow {
	width: 12px;
	height: 12px;	
	float: left;
	margin: 2px 5px 0 0;
	background-image: url(../images/arrow.png);
}/*sipka pri rozrolovani*/
dt span.selected {
	float: left;
	background-position: 12px 0;		
	margin-top: 7px;
}
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*/
}
dd p, dd ul, dd ol {padding: 0 0.5em !important; margin-top: 5px;}
dt.faq-title {color: #333;}/*uvodny textik v svet caju*/
dt.faq-title span.obr-nadpis {display: block; text-align: center;}
/*koniec format info stranky*/

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

/*......................LAYOUT.....................................*/
#left {
	width: 278px;
	float: left;
	padding-left: 32px;	
}
a.logo-popradskakava img { padding-top: 11px; float: left; }/*logo popradskakava*/
div#photo-left { width: 278px; height:329px; background: transparent url(../images/photo-uvod.jpg); float: left; }
div#slogan-left { width: 278px; height: 100px; background: transparent url(../images/slogan1.gif); float: left; }
#left form { 
	height: 28px;
	margin-top: 5px;
	padding-left: 8px;
	float: left;
	color: white;
}/*hladaj formular*/
#right {
	background: transparent url(../images/head-uvod.jpg) top left no-repeat;
	width: 679px;
	float: left;
	text-align: justify;
}
#right ul, #right ol {margin-left: 25px; }
#right ul { list-style-image: url(../images/list.gif); }

/*info-menu*/
ul#info-menu a span { display:none }
#menu ul { list-style: none; margin:0; padding: 0; }
#menu ul#info-menu { width: 150px; height: 142px; margin: 11px 0 0 0; }
ul#info-menu li a { 
	background-position: 0 0;
	float: left;
	text-decoration: none;
	margin:0; padding:0; 
}
.info-menu1 a, .info-menu2 a, .info-menu3 a, .info-menu4 a, .info-menu5 a, .info-menu6 a, .info-menu7 a { width:150px; }
.info-menu1 a { height: 24px; background-image: url(../images/menu-svet-kavy.png); }
.info-menu2 a { height: 19px; background-image: url(../images/menu-umenie-kvalitnej-zmesi.png); }
.info-menu3 a { height: 19px; background-image: url(../images/menu-kava-zdravie.png); }
.info-menu4 a { height: 19px; background-image: url(../images/menu-priprava-recepty.png); }
.info-menu5 a { height: 19px; background-image: url(../images/menu-akcie-sutaze.png); }
.info-menu6 a { height: 19px; background-image: url(../images/menu-spolocnost-media.png); }
.info-menu7 a { height: 23px; background-image: url(../images/menu-kontakty.png);}
ul#info-menu li.info-menu2 a:hover, ul#info-menu li.info-menu3 a:hover, ul#info-menu li.info-menu4 a:hover, ul#info-menu li.info-menu5 a:hover, ul#info-menu li.info-menu6 a:hover, ul#info-menu li.info-menu2 a.active, ul#info-menu li.info-menu3 a.active, ul#info-menu li.info-menu4 a.active, ul#info-menu li.info-menu5 a.active, ul#info-menu li.info-menu6 a.active { 
	background-position: 0 -19px;
	float: left;
}
ul#info-menu li.info-menu1  a:hover, ul#info-menu li.info-menu1 a.active { background-position: 0 -24px; float: left; }
ul#info-menu li.info-menu7  a:hover, ul#info-menu li.info-menu7 a.active { background-position: 0 -23px; float: left; }

.none { display:none; }
.yes { display:block; }
/*end of info-menu*/
/*kava-menu*/
ul#kava-menu { height: 26px; line-height: 26px; margin: 114px 0 0 0; padding-left: 25px; position: relative;}
ul#kava-menu li {
	display: inline;
	color: #bdb3aa;
	position: relative;
}
ul#kava-menu a { color: #bdb3aa; text-decoration: none; font-size: 13px; padding: 3px 5px 3px 5px;}
ul#kava-menu a:hover, ul#kava-menu a.active {color: white; background-color: #620001;}
/*end of kava-menu*/

#content { margin-top: 6px; }
div.kontakt {margin-left: 45px;}/*div v kontakte a na uvode*/
.citat {margin: 15px 0 15px 0px;}/*citat na uvode*/
img.nadpis {float: none;}
.akcia {margin: 20px 0 20px 45px; padding-bottom: 20px; border-bottom: 1px solid #f0e8d1;}
.akcia img {float:left; margin: 0 30px 15px 0; background-color: #f4f2e4; padding: 5px; border: 1px solid #ccc; }
.side-pictures {width: 151px; float: left; margin-top: 10px;}/*obrazky pod sebou na jednej strane*/
/*images*/
img.left-border { float: left; margin: 5px 14px 5px 0; border: 1px solid #e6e0d0; padding: 10px; }
a img.left-border, a img.right-border {border: 1px solid #c9ab6e; background-color: #f4f2e4; }
a:hover img.left-border {background-color: #F4F2E4; border: 1px solid #ccc; }
img.right-border { float: right; margin: 5px 0 5px 14px; border: 1px solid #e6e0d0; padding: 10px; }
a:hover img.right-border {background-color: white; border: 1px solid #ccc;}
img.left { float: left; margin: 5px 18px 5px 0; }
img.right { float: right; margin: 5px 0 5px 18px; }
/*end of images*/
/*footer*/
#footer {
	float: right;
	width: 660px;
	margin: 50px 0 0 0;
	padding: 2px;
	line-height: 20px;
	height: 20px;
	border-top: 1px solid #ccc;
}
#footer p { float: right; text-align: right;}
#footer img { vertical-align: top; }
#footer a:hover { color: #333;}
/*end of footer*/
/*.............END OF LAYOUT....................................*/