/* CSS Document */

body{ background:url(../img/pages/bg.jpg) #E9DECC repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color: #827A69; font-size: 11px; line-height:15px }

*{margin: 0px; padding: 0px}
img{border: none;}
table tr, td{ vertical-align:top}
/*p.wciecie{text-indent: 3em;}*/

#Container{margin: 0px auto; width: 950px; position:relative}
#Flash_top{ height: 252px; width: 940px; background:url(../img/pages/zdrowo/box_top.jpg) no-repeat; margin-left: -20px; position:relative; padding-left: 30px; padding-top: 10px}

#Menu{float: left; font-weight:bold; width: 160px; margin-bottom:10px}
#Menu ul,li{list-style:none;}
#Menu li.active{background:#FDFDFC}
#Menu li.active a{color:#2584B2}
#Menu .menu img{height: 22px; border-top: solid 1px #B0AB9D }
#Menu .menu img.active{border-bottom: solid 1px #B0AB9D; }
#Menu a{color: #827A69; text-decoration:none}
#Menu a:hover{ color:#2584B2}
#Menu ul.tree{padding: 10px;}
#Menu .tree li{
	border-top: solid 1px #B0AB9D;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	display:block
	}

#Menu .tree li.first{
	border-top: none;
	display:block
	}	
#Menu .menu{margin-bottom:-2px}
#Menu .podmenu{display: none}

#Content{
	width: 743px;
	height: 645px;
	margin-bottom: 7px;
	float: left; 
	background: url(../img/pages/zdrowo/bg_ksiazka.jpg) no-repeat;
	padding: 7px 14px;
	color: #807A6A;
	position:relative
	}
#Content p{margin-bottom:10px; text-align:justify}
#Content p.text_left{text-align: left}

.size10{font-size: 10px}
.size20{font-size: 20px}
.size12{font-size: 12px}
.blue{color: #2584B2}
.title {font-size:16px; font-weight:bold; margin-top:10px;}

/*lewa str ksiazki*/

#Left{float:left; width: 367px; }
.bg_blue{background: url(../img/pages/zdrowo/bg_blue.jpg) repeat-y #38A6D9 right; padding: 10px 20px; color: #EFEDEE}
.bg_blue .tekst2{color: #EFEDEE}
.bg_blue a{color: #EFEDEE; text-decoration:none; font-weight: bold; }
.bg_blue a.lang{display:block; left: 2px; position:absolute; top:18px;}
.bg_blue a.lang2{display:block; left: 0px; position:absolute; top:35px;}
.bg_blue .powrot{background: url(../img/pages/zdrowo/powrot.jpg) no-repeat; padding-left: 16px; color:#E1DAC8;}

#Content div.zobacz_przepis p{margin-left: -16px; margin-top:5px; margin-bottom: 0px}
div.zobacz_przepis{position: relative}
#Content div.zobacz_przepis .opis{margin: 2px}

#Content .numer_str{border-top: solid 1px #B0AB9D; position:absolute; height: 30px; bottom: 35px; text-align:center; width: 330px; padding-top:5px}
#Content #Left .numer_str{left: 30px}
#Content #Right .numer_str{left: 410px}

#Content .numer_str_button{position:absolute; width:100px}
#Content #Left .numer_str_button{left: 30px; bottom: 52px}
#Content #Right .numer_str_button{left: 590px; bottom: 50px}


#Left #Przepis{padding: 10px 20px; color: #827968; padding-right: 16px}
#Left #Nazwa{background: url(../img/pages/smacznie/strzala_dol.jpg) no-repeat 0px 5px; margin-left: -16px; padding-left: 16px; color: #709A1E; font-size: 18px; font-weight:bold; margin-bottom:5px }
#Left .text{padding: 20px;}

#Left .ikona{ width: 36px; float: left; margin-top:5px}
#Left .ikona_strzala{ margin-top:5px;}
#Left .ikona_tekst{float: left; margin-top:5px; width: 280px}
.clear{clear: both; padding-top:5px}
.foto{clear: both; text-align: center}
#Content p.foto{clear: both; text-align: center}
.foto img{border: solid 10px #F2F2F2; margin-top:10px;}
.spis_dzial{background: url(../img/pages/zdrowo/strzala_bok_blue.gif) no-repeat; padding-left: 15px; margin-left: -15px; color:#E1DAC8; font-weight:bold; line-height: 12px; margin-bottom:0px}
.spis_dzial span{color: #7EB0C9}
.ikona_strzala{ width: 17px; float: left;}

/*prawa str ksiazki*/

#Right{float:left; width: 359px; margin-left:17px }
#Right .bg_blue{background: url(../img/pages/zdrowo/bg_blue_right.jpg) repeat-y #2485B0; padding:7px 40px}
#Right .ikona{ float: left; width: 36px;}
#Right .ikona_tekst{ float: left; width: 280px; padding-bottom: 4px;}
#Right .text{padding: 10px 20px; position:relative}


#Stopka{
	clear: both;
	background:url(../img/pages/stopka_bg.jpg) repeat-x;
	border-top: solid 1px #B0AB9D;
	border-bottom: solid 1px #B0AB9D;
	height: 18px;
	padding: 1px 20px;
	}
#Stopka img{border-right: solid 1px #B0AB9D; padding-right: 10px}
#Stopka input{margin-left: 0px; margin-top: 0px; display: inline; width: 120px; font-size:10px; background: #ECE5D5; border: none; border-top: 1px solid #D3CDBF; border-left: 1px solid #D3CDBF; font-size:10px; color: #827A69;}
#Stopka form{margin-left: 0px; margin-top: 0px; display: inline; }
#Stopka input.submit{background:url(../img/pages/strzala_bok.gif) no-repeat; width:20px; height:20px; padding:0px; border: none; cursor:pointer; top:2px; position: relative }
#Stopka img.last{border-right: none; padding-right: 0px}
#Stopka img.bakoma{border-right: none; padding-right: 0px; margin-left: 170px}

input[type=hidden]{display:none}
.input{padding-top: 0px; position: relative}
label{width: 220px; display:block; padding-top:25px; padding-bottom:8px; font-weight:bold}
input{background: #ECE5D5; border: none; border-top: 1px solid #D3CDBF; border-left: 1px solid #D3CDBF; display:block; width: 300px; font-size:11px; color: #827A69;}
select{background: #ECE5D5; border: none; border-top: 1px solid #D3CDBF; border-left: 1px solid #D3CDBF; width: 220px; font-size:11px; color: #827A69; display:block; }	
textarea{background: #ECE5D5; border: none; border-top: 1px solid #D3CDBF; border-left: 1px solid #D3CDBF; display:block;font-size:11px; color: #827A69;padding: 2px}
.checkbox{background: none; border: none;  padding-top: 0px; width: 80px; display: block}
.toggle div .error-message{ color: #3BADEF}

.submit{padding-top: 5px;  width:55px; height:11px;  margin-top: 20px}
.submit input{margin: 0px; cursor:pointer; width: 55px;background:url(../img/pages/smacznie/wyslij.gif) transparent no-repeat; border: none; }