@media screen, projection{

body {
	margin: 0;
	padding: 0;
	font-family: Arial, helvetica, sans-serif; 
	font-size: 80%;
	color: #000000;
	background: #FFFFFF url(../img/bek-body.jpg) top center repeat-x;
	text-align: center;
}

#container {
	width: 770px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align:left;
}

table, td {
	font-family: Arial, helvetica, sans-serif; 
	font-size: 100%;
	color: #000000;
}
a:link {color: #1A74CE; text-decoration: underline;}
a:visited {color: #1A74CE; text-decoration: underline;}
a:hover {color: #1A74CE; text-decoration: none;}
hr { height: 1px; color: #E3E3E3; background-color: #E3E3E3;}
p {margin: 0 0 15px 0}
img {border: none;}

h1 {font-size: 140%; color: #64A831;}
h2 {font-size: 120%; color: #478818;}
#drobky h2{font-weight:normal;}
h2.nadpish2{font-size:180%; font-weight:normal;}
h3 {font-size: 180%; color: #0074CE; font-weight: normal;}
h4 {font-size: 130%; color: #A24C08}
h5 {font-size: 130%; color: #478818; margin-top: 0;}

.cleaner {
	width: 1px;
	height: 20px;
	overflow: hidden;
	clear: both;
	margin:0; padding:0; 
}

.flt-lft,.fl {float: left}
.flr{float:right;}
img.fl{margin:10px 1em 2em 0;}
img.flr{margin:0 0 2em 1em;}
.cll{clear:left;}
.hid{display:none;}

.cll h3,.cll p{margin-left:170px;}

.kontakt-text{float:left;}
.kontakt-form{margin:3.6em 0 10px; float:right; width:500px;}
input,textarea,select{font-family:Arial,Helvetica,sans-serif; font-size:100%;}
fieldset{padding:10px; margin-bottom:10px; border:1px solid #ddd; border-top:3px solid #cdefef;}
legend{color:#0074CE; font-weight:bold; padding:3px 10px;}
.error,.warning{color:#bc281d; margin-bottom:2em; border-left:5px solid #bc281d;}

.ul{list-style:none; padding:0; margin:0;}
.ul li{padding:0 0 0 20px; margin-bottom:8px; background:url(../img/dot-blue.gif) 0 2px no-repeat;}
.produkt-detail{margin-left:280px;}

.mt05{margin-top:.5em;}

/* ___________________________ banner___________________________ */
#banner {width:770px; background: url(../img/bek-banner.jpg) top right no-repeat;}
#head{position:relative; height:137px;}
h1,h1 span{position:absolute; top:0; left:0; width:208px; height:137px; padding:0; margin:0; overflow:hidden; z-index:90;}
h1 span{display:block; top:0; left:0; background:transparent url(../img/h1-logo.jpg) 0 0 no-repeat;}

#nav{position:absolute; top:0; left:50%; width:555px; height:138px; margin-left:-170px; padding:0; font-size:13px;}

#nav ul{position:absolute; bottom:1px; right:0; margin:0; padding:0; list-style:none;}
#nav li{display:block; float:left; padding:0 0 13px 0;}
#nav a{text-decoration:none; padding:2px 5px; border-right:1px solid #7cb051;}
#nav a:link,#nav a:visited,#nav a:hover{color:white;}
#nav a:hover{text-decoration:underline;}
#nav li.active,#nav li.selected{background:url(../img/bek-mnu-active.gif) 5px 100% no-repeat;}
#nav .active a,#nav li.selected a{color:#FFE28B; font-weight:bold;}
#nav .active a:link,#nav .active a:visited,#nav .active a:hover{color:#FFE28B;}

#h-tartane-pro {margin:0; padding:0; width:450px; height: 62px; margin:0; padding:0; background: url(../img/h2-tartare-pro-kazdou2.gif) top left no-repeat;}
#h-tartane-pro span {display:none;}

#h-produkty {margin:0; padding:0; width:107px; height: 58px; margin:0; padding:0; background: url(../img/h2-produkty.gif) top left no-repeat;}
#h-produkty-brown {margin:0; padding:0; width:105px; height: 37px; margin:0; padding:0; background: url(../img/h2-produkty-brown.gif) top left no-repeat;}
#h-produkty span, #h-produkty-brown span {display:none;}

/* ___________________________ tit boxy prvni rada___________________________ */
#tit-box-80g {width: 253px; background: url(../img/bek-tit-80g.jpg) top right no-repeat; line-height: 140%; float: left; margin-right: 5px;}
#tit-box-80g .mat {padding: 20px 35px 0 0;}
#tit-box-80g .ilu {float: left; margin: 0 20px 15px 0;}
#tit-box-80g ul {list-style: none; margin:0; padding: 0;}
#tit-box-80g h3 {font-size: 105%; font-weight: bold; margin:0 0 15px 0;}
#tit-box-80g ul a,#tit-box-gourmet ul a {padding-right: 20px; background:url(../img/dot-blue.gif) 100% 50% no-repeat;}

#tit-box-gourmet {width: 253px; background: url(../img/bek-tit-gourmet.jpg) top right no-repeat; line-height: 140%; float:left; margin-right: 5px;}
#tit-box-gourmet .mat {padding: 20px 20px 0 0;}
#tit-box-gourmet .ilu {float: left; margin: 0 20px 15px 0;}
#tit-box-gourmet ul {list-style: none; margin:0; padding: 0;}
#tit-box-gourmet h3 {font-size: 105%; font-weight: bold; margin:0 0 15px 0;}

#tit-box-salatovy {width: 253px; background: url(../img/bek-tit-salatovy.jpg) top right no-repeat; line-height: 140%; float:left;}
#tit-box-salatovy .mat {padding: 20px 20px 0 5px;}
#tit-box-salatovy .ilu {float: left; margin: 0 10px 10px 0;}
#tit-box-salatovy h3 {font-size: 105%; font-weight: bold; margin:0 0 15px 0;}
.soutez-odk{text-align:center;} 
.soutez-odk a {padding:10px 35px 10px 0; font-size: 130%; color: #1A74CE; background:url(../img/dot-kviz.gif) 100% 50% no-repeat;}
.akt-odk{text-align:center;} 
.akt-odk a {padding:0px 40px 10px 0; font-size: 130%; color: #1A74CE; background:url(../img/dot-kviz.gif) 100% 50% no-repeat;}

.color-varianty {color: #5A7E16; float: left; margin: 0 13px 130px 0;}
#tit-box-gourmet .color-varianty {margin-right:18px;}
.dot-blue {width: 10px; display: inline;  padding-left: 16px; background: url(../img/dot-blue.gif) 0 2px transparent no-repeat;}

#hr-tit {margin: 25px 0 25px 0;}

/* ___________________________ tit boxy druha rada___________________________ */
#tit-box-recepty {width: 253px; background: url(../img/bek-tit-recepty.gif) top right no-repeat; float: left; margin: 0 5px 40px 0;}
#tit-box-recepty .mat {padding: 0 15px 0 16px;}
#tit-box-recepty ul {margin: 0 0 0 20px; padding: 0 1em 1em 1em; list-style-image: url(../img/dot-recepty.gif);}
#tit-box-recepty li {margin-bottom: 5px;}
#h-recepty {margin:0; padding:0; width:214px; height:45px; margin:0 0 10px; padding:0; background: url(../img/h3-recepty.gif) top left no-repeat;}
#h-recepty span {display:none;}
#tit-box-recepty .dot {display: block;padding-left: 24px; background: url(../img/dot-recepty.gif) 0 0 transparent no-repeat; margin: 0 0 5px 0;}

#tit-box-co {width: 253px; background: url(../img/bek-tit-recepty.gif) top right no-repeat; float: left; margin: 0 5px 0 0;}
#tit-box-co .mat {padding: 0 20px 0 16px;}
#h-co {margin:0; padding:0; width:195px; height:45px; margin:0 0 10px; padding:0; background: url(../img/h3-co.gif) top left no-repeat;}
#h-co span {display:none;}

#zkusit-kviz-tit {text-align: center; margin: 0;}
#zkusit-kviz-tit a {padding:10px 35px 10px 0; font-size: 130%; color: #1A74CE; background:url(../img/dot-kviz.gif) 100% 50% no-repeat;}

#tit-box-povltavske {width: 253px; float: left; margin: 0;}
#tit-box-povltavske .mat {padding: 0 0 0 16px;}
#h-povltavske {margin:0; padding:0; width:233px; height:45px; margin:0 0 10px; padding:0; background: url(../img/h3-povltavske.gif) top left no-repeat;}
#h-povltavske span {display:none;}
#h-dotaznik{margin:0; padding:0; width:233px; height:45px; margin:0 0 10px; padding:0; background: url(../img/h3-dotaznik.gif) top left no-repeat;}
#h-dotaznik span {display:none;}

a.lucina,a.sedlcansky{display:block; float:left; text-align:center; width:90px; padding-top:70px; background:url(../img/lucina_uvod.gif) 20% 50% no-repeat;}
a.sedlcansky {margin-left:20px; width:110px; background-image:url(../img/ilu-tit-sedlcansky.gif);}

/* ___________________________ footer ___________________________ */
#footer100 {width:100%; padding:10px 0 0; background:#5AA017; border-top:4px solid #468914;}
#fcontainer {width:770px; margin:0; margin-left:auto; margin-right:auto; padding:0; text-align:left;}
#footer-top {float:left;}
#footer {background-color: #5AA017; text-align: left; color: white; line-height: 160%; margin: 0; padding:0;}
#footer .mat {padding: 0 15px 30px 15px;}

#footer a:link {color: #FAE18B; text-decoration: underline;}
#footer a:visited {color: #FAE18B; text-decoration: underline;}
#footer a:hover {text-decoration: none;}

#footer .lft {width: 520px; float: left; margin-right: 40px;}
#footer .rght {width: 160px; margin: 0 0 0 570px;}

#footer ul {margin: 0 0 0 20px; padding: 0 1em 1em 1em; list-style-image: url(../img/dot-footer.gif);}
#footer li {margin-bottom: 0px;}

#footer p {margin:0;}

/* ___________________________ podstrany layout ___________________________ */
#box-lft {width: 560px; background: url(../img/bek-pod-content.gif) top right repeat-y; float:left;}
#box-lft .mat {padding: 0 20px 20px 0;}
#box-rght {margin: 0 0 0 560px; width: 207px;}
#box-rght .mat {padding: 0 0 0 10px;}

/* ___________________________ podstrana produkt ___________________________ */
#produkt-box-80g {width: 536px; height: 213px; background: url(../img/bek-produkt-80g.jpg) top right no-repeat;}
#h-tartare-80g {margin:0; padding:0; width:122px; height:48px; margin:0; padding:0; background: url(../img/h3-tartare-80g.gif) top left no-repeat;}
#h-tartare-80g span {display:none;}

#produkt-box-gourmet {width: 536px; height: 205px; background: url(../img/bek-produkt-gourmet.jpg) top right no-repeat;}
#produkt-box-gourmet .mat {padding: 5px 0 0 0;}
#h-gourmet {margin:0; padding:0; width:231px; height:34px; margin:0; padding:0; background: url(../img/h3-gourmet.gif) top left no-repeat;}
#h-gourmet span {display:none;}

#produkt-box-salatovy {width: 536px; height: 222px; background: url(../img/bek-produkt-salatovy.jpg) top right no-repeat;}
#h-salatovy {margin:0; padding:0; width:262px; height:35px; margin:0; padding:0; background: url(../img/h3-salatovy.gif) top left no-repeat;}
#h-salatovy span {display:none;}

.box-produkt div {width:130px; float:left; margin:0 0 10px 0; text-align:center;}
.box-produkt img {margin: 0 0 10px 0;}
.fnt-biger a {font-size: 120%;}
/* ___________________________ podstrana rght___________________________ */
#h-co-vas-zajima {margin:0; padding:0; width:159px; height:34px; margin:0; padding:0; background: url(../img/h3-co-vas-zajima.gif) top left no-repeat;}
#h-co-vas-zajima span {display:none;}
#dalsi-recepty {text-align: center; margin: 0 0 40px 0;}
#dalsi-recepty a {padding:10px 35px 10px 0; font-size: 130%; color: #A24C08; background:url(../img/dot-dalsi-recepty.gif) 100% 50% no-repeat;}
#zkusit-kviz {text-align: center; margin: 20px 0 0 0; padding-bottom:10px;}
#zkusit-kviz a {padding:10px 35px 10px 0; font-size: 130%; color: #1A74CE; background:url(../img/dot-kviz.gif) 100% 50% no-repeat;}

/* ___________________________ podstrana produkt detail ___________________________ */
#drobky {font-size: 150%; color: #478818; margin: 0 0 25px 0;}
#hr-produkt-detail {margin: 15px 0 5px 0; margin:0;}
.ilu-produkt-big {float: left; margin: 0 25px 0 0;}
.ul-sipka-modra {margin: 0 0 0 20px; padding: 0 1em 1em 1em; list-style-image: url(../img/dot-blue.gif);}
.ul-sipka-modra li {margin: 0 0 5px 0;}
.blue-14 {font-weight: bold; font-size: 110%; color: #1A74CE; margin: 0 0 15px 0;}

#dalsi-recepty a{display:block;background-position: 10.3em 50% }
#zkusit-kviz-tit a{display:block;background-position: 8.1em 50% }

/* soutěž formulář*/
.cnt8 {display:inline;float:left;line-height:16px;margin-bottom:10px;width:100%;}
.cnt8_1 {display:inline;float:left;margin-right:5px;width:60px;}
.cnt8_2 {display:inline;float:left;margin-right:10px;width:180px;}
.pole, .pole2 {height:15px;line-height:13px;padding-left:3px;width:100%;}
.pole2 {height: 45px;}
.cnt8_3 {display:inline;float:left;margin-right:10px;width:435px;}
.butt {background-color:#0060CE;border:medium none;color:#FFFFFF;font-size:10px;padding:0 5px;}
.fieldset-soutez {width: 520px;}

/* fotogalerie */
.fotogalerie{position:relative;text-align:center;width:172px;height:124px;padding:0;margin:0 8px 8px 0;background:#ebf3c4;overflow:hidden;}
.fotogalerie div{display:table-cell;vertical-align:middle;width:172px;height:124px;}
.fotogalerie img {max-height: 110px;}
/* ___________________________ podstrana zabava video ___________________________ */
.videobox{position:absolute; top:445px; padding:0; margin-left:-55px;border:none;}
.videobox2{position:absolute; top:765px; padding:0; margin-left:-55px;border:none;}
.videobox3{position:absolute; top:1092px; padding:0; margin-left:-55px;border:none;}
.videobox4{position:absolute; top:1419px; padding:0; margin-left:-55px;border:none;}
.videobox5{position:absolute; top:1736px; padding:0; margin-left:-55px;border:none;}

}