@media screen,projection{

html, body {height:100%}
body{text-align:center; line-height:1.4em; margin:0; padding:0; background: url(../img/web/bg-prkno.jpg) repeat center top; font-family:"trebuchet MS", Arial; font-size:80%  }


.skipnav{position:absolute; top:-5000px; left:-5000px}
#main{/*background: url(../img/web/-bg-body-h.png) repeat-y 50% 0;*/  min-height:100%; /*height:100%; /*position:relative*/}
#logged #main-right{background: url(../img/web/bg-logged.jpg) no-repeat 50% 0;} 

#main-bottom-right{background: url(../img/web/bg.jpg) no-repeat 50% 0;}
#logged #main-bottom-right{background: url(../img/web/bg-logged.jpg) no-repeat 50% 0;}

#main-bottom-right{width:980px; position:relative; margin:0 auto; }
#main-right{background: url(../img/web/bg.jpg) no-repeat 50% 0;}

#svatek{background: url(../img/web/svatek.jpg) no-repeat 0 0; width:174px; height:174px; position:absolute; top:11px; left:705px}
#gramofon #gramofon-flash{position:absolute; top:8px; left:876px;}
#pepatv a img,
#svanda-darky a img{border:none}
#svanda-darky{position:absolute; top:239px; left:697px;}
#svanda-syr{position:absolute; top:239px; left:864px;}
#pepatv{position:absolute; top:509px; left:704px;}
#pepatv a span,
#pepatv a{display:block; width:183px; height:121px; position:relative; overflow: hidden;}
#pepatv a span{background: url(../img/pepa-tv.png) no-repeat 0 0; display:block; width:183px; height:121px; position:absolute; top:0; left:0;cursor:pointer}
#pepatv a:hover span{background-position: 0 -121px;}

#logo a img{border:none}
#logo{position:relative; top:11px; left:349px;  width:242px; height:111px;}
#logo a{position:relative; display:block; width:242px; height:111px;}
#logo a span{position:absolute; top:0; left:0;display:block; width:242px; height:111px; background: url(../img/web/bg-logo.jpg) no-repeat 0 0}
#logged #logo a span{background-position:0 -111px}

/* menu */
#nav{position:absolute; top:174px; left:83px; text-align:left}
#nav ul,
#nav li{list-style:none; margin:0; padding:0; position:relative;}
#nav li a, #nav li strong{position:relative; display:block; height:45px; width:143px}
#nav .right{background: url(../img/web/bg-menu-4.gif) no-repeat 0 -48px; display:block; height:45px; width:143px;  cursor:pointer;}
#nav .left{display:none}

#nav .nav-1 a:hover .right{background-position:-143px 0; }
#nav .nav-2 a:hover .right{background-position:-143px -49px}
#nav .nav-3 a:hover .right{background-position:-143px -94px}
#nav .nav-4 a:hover .right{background-position:-143px -139px}
#nav .nav-5 a:hover .right{background-position:-143px -184px}
#nav .nav-6 a:hover .right{background-position:-143px -229px}
#nav .nav-7 a:hover .right{background-position:-143px -274px}
#nav .nav-8 a:hover .right{background-position:-143px -319px}


#nav .nav-1 strong .right{background-position:-286px 0; }
#nav .nav-2 strong .right{background-position:-286px -49px}
#nav .nav-3 strong .right{background-position:-286px -94px}
#nav .nav-4 strong .right{background-position:-286px -139px}
#nav .nav-5 strong .right{background-position:-286px -184px}
#nav .nav-6 strong .right{background-position:-286px -229px}
#nav .nav-7 strong .right{background-position:-286px -274px}
#nav .nav-8 strong .right{background-position:-286px -319px}


#nav .nav-1 a, #nav .nav-1 strong{height:49px; width:143px}
#nav .nav-1 .right{background-position:0 0; height:49px; width:143px} 
#nav .nav-2 .right{background-position:0 -49px}
#nav .nav-3 .right{background-position:0 -94px}
#nav .nav-4 .right{background-position:0 -139px}
#nav .nav-5 .right{background-position:0 -184px}
#nav .nav-6 .right{background-position:0 -229px}
#nav .nav-7 .right{background-position:0 -274px}
#nav .nav-8 .right{background-position:0 -319px}





#content{width:446px; margin-right:300px; text-align:left; float:right; }
.sub-content{padding: 0 15px 1px 15px; color:#99775E}
a{color:#412211}
a:hover{color:red}
a:visited{color:#99775E}

#logged #content-box-white{background:#F9F7F4; min-height:630px;}
#content-box-white{background:#F9F7F3; min-height:630px;}

#content-box-white.zalozky{background: url(../img/web/bg-zalozky.png) no-repeat 0 0 #F9F7F4; margin-top:-26px}
#logged #content-box-white.zalozky{background: url(../img/web/bg-zalozky.png) no-repeat 0 0 #F9F7F4; margin-top:-26px;}

#content-box-white .cl{border:1px solid #F9F7F3}

#content-box-white.zalozky{position:relative; }
#content-box-white.zalozky a img{border:none}
#content-box-white.zalozky .stitek{height:90px}
#content-box-white.zalozky .stitek li{list-style:none; font-weight:bold; position:absolute; text-align:center; }
#content-box-white.zalozky .stitek li a{display:block; width:88px; height:37px; text-decoration:none; color:#412211; line-height:1.1em; font-size:100%}
#content-box-white.zalozky .stitek li a:hover{color:#987853}
#content-box-white.zalozky .stitek li a.active{color:red}
.subnav-4{top:52px; left:340px;}
.subnav-3{top:52px; left:230px;}
.subnav-2{top:52px; left:125px;}
.subnav-1{top:52px; left:20px;}
.subnav-5{top:22px; left:285px; height:20px; }
.subnav-6{top:22px; left:180px; height:20px; }

h1.subnav-1,
h1.subnav-2,
h1.subnav-3,
h1.subnav-4,
h1.subnav-5,
h1.subnav-6{position:relative; top:0; left:0; height:77px}

#content-box-white.zalozky .stitek li.subnav-5 a{height:20px; }
#content-box-white.zalozky .stitek li.subnav-6 a{height:20px; }


#head-login{position:absolute; top:75px; left:240px; text-transform: uppercase; color:#f7e4b9; font-weight:bold; font-size:90% }
#head-login a{color:#f7e4b9}

h1 span,h1{display:block; width:406px; height:77px; position: relative; overflow: hidden; margin-left:20px; margin-bottom:0}
h1 span{position:absolute; top:0; left:0; margin:0;}
h1.nav-1 span, h1.nav-1{width:146px; height:77px;}
h1.nav-2 span, h1.nav-2{width:235px; height:77px;}
h1.nav-3 span, h1.nav-3{width:249px; height:77px;}
h1.nav-4 span, h1.nav-4{width:228px; height:77px;}
h1.nav-6 span, h1.nav-6{width:249px; height:77px;}
h1.nav-7 span, h1.nav-7{width:225px; height:77px;}
h1.nav-8 span, h1.nav-8{width:159px; height:77px;}

h1 span{background: url(../img/web/pepuv-sklipek.gif) no-repeat 0 0; }
h1.nav-1 span{background: url(../img/web/novinky.gif) no-repeat 0 0; }
h1.nav-2 span{background: url(../img/web/z-pepova-zivota.gif) no-repeat 0 0; }
h1.nav-3 span{background: url(../img/web/kolik-pepu-znas.gif) no-repeat 0 0; }
h1.nav-4 span{background: url(../img/web/varime-s-pepou.gif) no-repeat 0 0; }
h1.nav-6 span{background: url(../img/web/jak-se-rodi-pepa.gif) no-repeat 0 0; }
h1.nav-7 span{background: url(../img/web/hura-za-pepou.gif) no-repeat 0 0; }
/*h1.nav-8 span{background: url(../img/web/pro-media.gif) no-repeat 0 0; }*/
h1.nav-8 span{background: url(../img/web/zabava.gif) no-repeat 0 0; }

h1.nav-pepovy-hlasky span{background: url(../img/web/h1-pepovy-hlasky.gif) no-repeat 0 0; }
h1.nav-zvoneni-do-mobilu span{background: url(../img/web/h1-zvoneni-do-mobilu.gif) no-repeat 0 0; }
h1.nav-pepa-v-tv span{background: url(../img/web/h1-pepa-v-tv.gif) no-repeat 0 0; }
h1.nav-diskuze span{background: url(../img/web/h1-diskuze.gif) no-repeat 0 0; }

.registrace h1 span, .registrace h1{width:183px; height:73px;}
.registrace h1 span{background: url(../img/web/registrace.gif);}
h1.login-default,h1.login-default span{width:138px; height:73px;}
h1.login-default span{background: url(../img/web/login.gif);}

h1 .napis-text{display:none}


.tr{display: table-row;}
.td1,
.td2{display: table-cell; padding-bottom:4px}
.td1{width:200px}
.td2{width:270px}
.td2 input{width:270px}
fieldset{border:none}
legend{color:#a06835; margin:0; padding:0; font-weight:bold}
label{color:#351405}
.need{color:#d10020}

#foot{background:#ebdfcc; width:446px; margin-left:234px; font-size:70% }

	#foot p{margin:0}
	#foot .foot-box{padding:5px 3px; }
	#foot p,
	#foot p a{color:#b46e27}
	#foot p,
	#foot .author a{color:#412211}
	#foot .author a.first{padding:0 30px 0 0}
	#foot p a.first{padding:0 25px 0 0}
	#foot p a.last{padding:0 0 0 25px}
	#foot p a{color:#995e22; padding:0 25px; }
	#foot .author a{padding:0px}
	#foot .author a.first{padding:0 20px 0 0}
	#foot .author a.last{padding:0 0 0 20px}
	#foot .author a:hover, #foot p a:hover{color:red}
	
	
.first{}
.last{}
.cl{display:block; clear:both}

.img-left, .img-right{color:#99775e}
.img-left{padding:0 15px 0 15px; }
.img-right{padding:0 15px 0 15px; }
.img-left hr{margin-left:10px}
.img-left h2 img, .img-right h2 img{float: none; margin:0; border:none; }
.img-left h2, .img-right h2{float: none; margin:0}
.img-left p{margin:5px 0px 10px 0px; font-size:85%; line-height:1.3em; }
.img-right p{margin:5px 0px 10px 0px; font-size:85%; line-height:1.3em; }
.img-left img{float:left; margin:0 10px 0 0}
.img-right img{float:right; margin:0 0 0 10px;}


.hr {background: url(/img/web/hr.png) no-repeat 0 0; height: 6px; width:407px; margin:15px 0 }
.hr hr{display:none}


.access{position:absolute; top:-5000px; left:-5000px}

#anketa{display:block;  width:138px; min-height:200px; /* position:absolute; top:570px; left:77px;  */; float:right; position:relative; margin:459px 19px 0 0;}
#anketa p{text-align:left; color:white; font-weight:bold; margin:0 0 0 30px} 
#anketa h3{display:block; width:136px; height:52px; position:relative; margin:0}
#anketa h3 span{display:block; width:136px; height:52px; background: url(../img/web/chutometr.png) no-repeat 0 0; position:absolute; top:0; left:0}

#anketa{text-align:left}
#anketa p{margin:6px 0 6px 20px; font-size:110%}
#anketa .cl{margin-left:20px; font-weight:bolder;  color:#dbd2c8; position:relative; top:4px; font-size:90%}
#anketa a img{border:none}

/*
#anketa .teplomer{background: url(../img/web/bg-teplomer-empty.gif) no-repeat top right; display:block; width:105px; height:18px; float:left; position:relative;  border:1px solid red }
#anketa .teplomer .indikator{background: url(../img/web/bg-teplomer-full.gif) no-repeat 0 0; display:block; width:0% !important; height:18px; position:absolute; top:0; left:18px;} 
.anketa-plus{position:absolute; top:0; left:0px; z-index:100;}
*/


#anketa .teplomer{display:block; width:105px; position:relative;}
#anketa .teplomer-in{background: url(../img/web/bg-teplomer-empty.gif) no-repeat top right; display:inline-block; width:87px; height:18px; position:relative;float:right;}
#anketa .teplomer .indikator{background: url(../img/web/bg-teplomer-full.gif) no-repeat 0 0; display:inline-block; height:18px; position:absolute; top:0; left:0px;} 


#hermelin-1{position:absolute;top:629px;left:914px}
#hermelin-2{position:absolute;top:390px;left:-119px}
#hermelin-3{position:absolute;top:645px;left:-63px}

#zaslat-recept-razitko{position:absolute; top:-63px; left:370px; width:60px; height:59px; display:block; overflow: hidden;}
#zaslat-recept-razitko span{background: url(../img/web/zaslat-recept-razitko.jpg) no-repeat 0 0; width:60px; height:59px; display:block; position:absolute; top:0; left:0}

#detail-receptu h2{color:#c1272d; margin-bottom:.3em}
#detail-receptu h3{color:#402211; margin-bottom:5px}
#detail-receptu p{margin-top:.3em}
#detail-receptu #zaslal-autor{margin-top:0}

.prehled-item a.prehled-item{display:block; float:left; width:159px; height:104px; background: url(../img/web/prehled-item.gif) no-repeat 0 0; margin:0 10px 5px 0;}
.prehled-item a.prehled-item img{margin:15px 0 0 15px}
.prehled-item a{color:#c1272d; font-size:135%; margin-top:100px}
.prehled-item .recept-vyrobek{margin-top:3px; font-size:120%; color:#603915}

.recept-miniatury{width:160px; float:left; margin-right:30px}

#recept-detail-stin{background: url(../img/web/recept-detail-stin.jpg) no-repeat 0 0; width:333px; height:206px; margin:0 0 11px 0}
#recept-detail-stin img{margin:15px 0 0 14px}

.detail-ingredience{margin-left:190px}
.detail-ingredience h3{margin-top:0}
.hlasovani h4{color:#402313; font-size:125%}

.fl{float:left}
.flr{float:right}


.hlasovani-odkazy{margin-left:254px}
.hlasovani-odkazy a{color:#a22b13}
.hlasovani-odkazy a:hover{color:red}
.sub-content a:hover{color:red}

}