/* ZAKLADNI DEFINICE */
body {
	background:#fff; margin:0; padding:0; color:#464646;
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:.75em}
h1, h2, h3, h4, h5, h6, p, ul, li, table, td, tr, form, fieldset {
	margin:0; padding:0}
.clear {width:100%; clear:both; margin:-7px 0}
.divider {
	background:url(../img/divider-back.gif) repeat-x; width:100%; height:1px;
	margin:13px 0; _margin:13px 0 -3px 0}
.relative {position:relative; width:100%; height:100%}
a:hover {text-decoration:none}
#cont, #cont2 {
	margin:45px auto; width:753px; position:relative; padding-top:500px;
	background:#fff url(../img/header-back.gif) top repeat-x}
#cont2 {padding-top:228px}
a.hidden {visibility:hidden}

/* ZAKLADNI STAVEBNI BLOKY */
#content, #content2 {
	margin:25px 0 5px 0; background:url(../img/page-back.gif) right repeat-y; width:100%; z-index:1}
#content2 {background:none}
#footer {
	font-size:.9em; clear:both; width:100%; background:#f4f4f4;
	color:#888383; margin-bottom:10px}

#topPanel {
	position: absolute; top: -46px; left: 0; 
	width: 753px; height: 46px;
	background-image: url(../img/interlacto2.png);
	background-repeat: no-repeat; background-position: top right; 
}

/* OSTATNI SPOLECNE */
.padding {margin:20px 0; padding:0 20px}
table {
	width:100%; border-collapse:collapse; border:1px solid #f1f7fe;
	color:#064694}
td {
	padding:2px 10px; background:#e4effd;
	border-width:0 0 1px 0; border-style:solid; border-color:#f1f7fe}
td.l {font-weight:bold}
tr.e td {background:#c2daf7}

/* cerveny drop down */
ul.red, ul.blue {
	background:url(../img/select-back.png) bottom no-repeat; list-style:none;
	text-align:left; width:173px; margin-top:21px; float:left}
ul.red li, ul.blue li {margin:-6px 0 2px 0; padding-bottom:2px; position:relative}
ul.red li.selected, ul.blue li.selected {background:url(../img/select-top.png) no-repeat; padding:4px 0; margin:0}
ul.red li a, ul.blue li a {color:#91140f; text-decoration:none; padding:0 10px}
ul.red li a#arrow, ul.blue li a#arrow {position:absolute; top:5px; right:4px; width:0; height:16px}
ul.red li a#arrow:hover, ul.blue li a#arrow:hover {text-decoration:none}
ul.red li a:hover, ul.blue li a:hover {text-decoration:underline}
ul.blue {background:url(../img/select-back-blue.png) bottom no-repeat}
ul.blue li.selected {background:url(../img/select-top-blue.png) no-repeat}
ul.blue li a {color:#064694}

/* LOGO MLEKARNY */
#logo {
	width:117px; height:88px; position:absolute; top:17px; left:28px}
#logo img {border:0}

/* PREPINAC JAZYKU */
#lang {position:absolute; top:6px; right:12px; font-size:.9em; color:#538fdb}
#lang a {color:#538fdb; font-weight:bold}

/* HLAVNI MENU V ZAHLAVI WEBU */
ul#main_menu {position:absolute; z-index:1000; top:21px; left:150px; display:block; float:left}
ul#main_menu li {
	display:block; position:relative; float:left; 	
	font-weight:bold; font-size:.9em}
ul#main_menu li a {
	color:#064694; display:block; float:left; padding:8px;
	background:url(../img/menu-divider.gif) right no-repeat;}
ul#main_menu li a.active {color:#ef3a32}
ul#main_menu li a:hover {background:#a1c8ee url(../img/menu-divider.gif) right no-repeat}

/* HLAVNI MENU V ZAHLAVI WEBU - DRUHA UROVEN */
ul#main_menu ul {
	background:#8dbaeb; opacity:.8; position:absolute; filter:alpha(opacity:80); 
	top:32px; left:-1px; border-width:0 1px 1px 1px; border-style:solid; border-color:#ddf;
	width:150px; display:block; padding:8px 10px 12px 10px}
ul#main_menu ul li {
	background:none; padding:1px 0; font-size:1em; list-style:none}
ul#main_menu ul li a {
	color:#03244b; padding:0 0 0 12px; width:136px;
	background:url(../img/arrow-blue2.gif) 0 5px no-repeat; display:list-item}
ul#main_menu ul li a:hover {
	background:url(../img/arrow-blue2.gif) 0 5px no-repeat; text-decoration:none}

/* VYHLEDAVACI FORMULAR */
form#search {
	display:block; position:absolute; top:58px; right:0; width:181px; height:24px;
	background:url(../img/search-back.png) no-repeat; padding:3px 5px}
form#search input {border:0; width:111px; color:#448}
form#search input.submit {
	font-size:.75em; width:auto; padding:0 0 0 15px; font-weight:bold; _vertical-align:text-top;
	color:#17489e; background:none; text-decoration:underline; _font-size:.85em; _padding:0 0 0 10px}

/* ZAHLAVI */
#header, #header2, #header3 {
	position:absolute; top:91px; left:-13px; width:766px; height:210px; z-index:0;
	background:url(../img/header-blue2.png) no-repeat}
#header2 {width:762px; background:url(../img/header-blue3.png) no-repeat; height:169px; left:-9px}
#header3 {width:766px; background:url(../img/header-blue4.png) no-repeat; height:169px; left:-13px}
#caption {float:left; margin:60px 45px 0 45px; _margin:62px 23px 0 23px}
#caption p {padding:12px 0; color:#fff; font-size:1.1em; width:410px}
#caption p.float {float:left; display:block; width:330px; padding:0 12px; font-size:1.25em}
h1 {float:left; display:block; color:#fff; font-size:1.6em}
h1 span {display:none; visibility:hidden}
h1#heading_ole {width:278px; height:22px; background:url(../img/slogan.gif) no-repeat; float:none; margin-top:5px}
#header #kluk {float:right; background:url(../img/kluk.png) bottom no-repeat; width:235px; height:210px}
#header2 #kluk {float:right; background:url(../img/kluk2.png) bottom no-repeat; width:205px; height:146px}
#header3 #kluk {float:right; background:url(../img/kluk3.png) bottom no-repeat; width:205px; height:146px}

#breadcrumbs {position:absolute; bottom:3px; right:12px; font-size:.9em; color:#1d5090}
#breadcrumbs .arrow {padding-left:7px; background:url(../img/arrow.gif) 0 5px no-repeat}
#breadcrumbs a {color:#ef3a32}

/* OKENKO S UPOUTAVKOU NA VYROBEK */
#ad_left {
	position:absolute; top:310px; left:0; width:263px; height:200px;
	background:url(../img/ad-back.png) no-repeat}
#ad_left img {float: right; position: relative; left: 14px;}
#ad_left_cont {position:relative; z-index:1000; padding:13px 18px}
#ad_left_cont p {padding:3px 55px 0 0}
#ad_left_cont h2 {font-size:1.1em; color:#064694}
#ad_left_cont h2 strong {font-size:1.1em}
#ad_left_cont a {color:#3378cc; background:url(../img/arrow-blue.gif) 0 2px no-repeat; padding-left:18px}

/* OKENKO S VYBEREM PRODUKTU */
#ad_right {
	position:absolute; top:310px; left:268px; width:501px; height:221px;
	background:url(../img/ad-red-back.png) no-repeat; color:#fff}
#ad_right_cont {padding:18px}
#ad_right_cont h2 {font-size:1.4em; font-weight:normal}
#ad_right_cont h2 strong {font-weight:bold; font-size:1.1em}
#ad_right_cont p {padding:12px 150px 0 0; font-size:1.1em; font-weight:bold}
#ad_right_cont p.caption {font-size:1.2em; font-weight:normal; float:left; padding:24px 16px 0 0}

/* HLAVNI OBSAH */

/* SEDY BOX S PRODUKTY */
.box_grey {
	width:216px; height:166px; background:#f3f3f3 url(../img/box-grey.png) no-repeat;
	float:left; margin:0 0 25px 27px; text-align:center; position:relative; _margin:0 30px 25px 0px}
#col_right .box_grey {margin:0 0 15px 17px; _margin:0 0 15px 11px}
.box_grey h2 {color:#064694; font-size:1.2em; padding:11px 8px}
.box_grey ul.blue {position:absolute; left:21px; top:129px; margin:0; z-index:1000}
.box_grey img {position:absolute}
.box_grey a.more {
	position:absolute; bottom:5px; left:56px; display:block; padding-left:19px;
	background:url(../img/arrow-blue.gif) 0 3px no-repeat; z-index:1000; color:#3378cc}

/* produkty */
#img_tekute {left:40px; top:35px}
#img_zakysane {left:28px; top:37px}
#img_syry {left:30px; top:36px}
#img_tvarohy {left:20px; top:36px}
#img_pomazanky {left:33px; top:45px}
#img_masla {left:36px; top:33px}
#img_ostatni {left:53px; top:45px}
.produkt {top:52px; left:58px; z-index:0}


/* LEVY SLOUPEC HP */
#content #col_left {
	float:left; width:225px; margin:10px 0; padding:0 20px}
#content #col_left h2 {color:#2b6fc2; font-size:1em}
#content #col_left h2 a {color:#2b6fc2}

/* PRAVY SLOUPEC HP */
#content #col_right {
	float:right; width:436px; padding:0 25px}
#content #col_right a {color:#c6150c}
#content #col_right h2 {font-size:1.1em}
#content #col_right p {padding-bottom:10px}
#content #col_right ul {padding:0 30px 10px 40px; list-style:url(../img/arrow.gif)}
#content #col_right h2 {padding-bottom:5px}

/* LEVY SLOUPEC DETAIL */
#content2 #col_left {
	float:left; width:255px; margin:-25px 0 0 0; _margin:-4px 0 0 0; z-index:1000}
#content2 #col_left p.heading {
	padding-bottom:10px; color:#ef3a32; font-size:1.2em; font-weight:bold}
#content2 #col_left h2 {font-size:1em}
#content2 #col_left h2 a {color:#2b6fc2}

/* menu */
#menu_box {
	width:205px; background:url(../img/menu-back.png) bottom no-repeat;
	margin:0 0 15px 0; padding:0 25px 5px 25px}
#menu_box ul {list-style:none; font-weight:bold}
#menu_box ul li {border-bottom:1px solid #deeaf9; padding:3px 0; color:#064694}
#menu_box ul a {color:#064694}
#menu_box ul ul {
	padding:5px 0 0 10px; font-weight:normal; font-size:.9em}
#menu_box ul ul a {color:#466894; display:block; background:url(../img/arrow-blue3.gif) 0 4px no-repeat; padding-left:10px}
#menu_box ul ul span {
	display:block; background:url(../img/arrow-blue3.gif) 0 4px no-repeat; padding-left:10px; font-weight:bold}
#menu_box ul ul li {border:0; padding:0 0 5px 0}

/*PRAVY SLOUPEC DETAIL */
#content2 #col_right {
	float:right; width:485px; padding-left:13px}
#content2 #col_right .heading {font-weight:bold; font-size:1.1em; margin-bottom:10px}
#content2 #col_right .border {
	padding:1px 0 20px 0; margin:10px 0; border-width:0 1px;
	width:483px;
	border-style:solid; border-color:#d8d6d6}
#content2 #col_right .border .heading {padding:5px 12px}

/* upoutavky */
.klasa {width:438px; height:65px; background:url(../img/klasa.png) no-repeat; margin:auto}
.klasa p {color:#654505; padding:14px 15px 14px 105px; font-size:1.1em}
.ad_container {
	position:relative; color:#fff; width:485px; _height:144px; min-height:144px;
	background:url(../img/red-back.gif) repeat}
.ad_container .tl, .ad_container .tr, .ad_container .br, .ad_container .bl {
	position:absolute; width:9px; height:9px}
.ad_container .tl {top:0; left:0; background:url(../img/c-tl.gif) no-repeat}
.ad_container .tr {top:0; right:0; _right:-1px; background:url(../img/c-tr.gif) no-repeat}
.ad_container .br {bottom:0; right:0; _right:-1px; _bottom:-9px; background:url(../img/c-br.gif) no-repeat}
.ad_container .bl {bottom:0; left:0; _bottom:-9px; background:url(../img/c-bl.gif) no-repeat}
.ad_container img {}
.ad_container h2 {padding:15px 20px 10px 20px; font-size:1.5em; font-weight:normal}
.ad_container p {padding:0 145px 10px 20px; font-size:1.1em}

/* PATICKA */
#footer ul {background:#e9e8e8; width:90%; padding:10px 5%}
#footer ul li {display:inline; padding:0 8px; border-left:1px solid #d3d7dc}
#footer ul li.first {border:0}
#footer span {font-size:.9em; padding:5px 60px}
#footer span.left {float:left; padding:6px 5%}
#footer span.right {float:right; padding:6px 5%; text-align:right}
#footer a {color:#888383}
#footer ul a {padding-left:25px; displat:block}
#footer a.hp {background:url(../img/ico-hp.gif) no-repeat}
#footer a.favorite {background:url(../img/ico-favorite.gif) no-repeat}
#footer a.mail {background:url(../img/ico-mail.gif) no-repeat}
#footer a.map {background:url(../img/ico-map.gif) no-repeat}
#footer a.print {background:url(../img/ico-print.gif) no-repeat}

/* INAGE */

.clear {clear: both; height: 0; line-height: 0;}                                                  
.ad_container {padding-bottom: 10px;}
.ad_container .image {float:right; margin-right: 20px; margin-left: 15px; width: 150px; position: static; border: 2px solid #000; padding: 4px; background: #fff; text-align: center;}
.ad_container .image a {text-decoration: none;}
.ad_container .image img {max-width: 150px; border: 0}
.ad_container .image span {display: block; width: 150px; text-align: center; text-decoration: none; color: #000;background:url(../img/magnify.png) 15px 50% no-repeat;}