/* CSS Document */

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

*{margin: 0px; padding: 0px}
img{border: none;}
table tr, td{ vertical-align:top}

#Container{margin: 0px auto; width: 950px; position:relative}
#Flash_top{ height: 254px; width: 940px; background:url(../img/pages/rozrywkowo/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:#709A1E}
#Menu .menu img{height: 22px; border-top: solid 1px #B0AB9D }
#Menu .menu img.active{ }
#Menu a{color: #827A69; text-decoration:none}
#Menu a:hover{color:#709A1E}
#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: 647px;
	margin-bottom: 7px;
	float: left; 
	background: url(../img/pages/rozrywkowo/bg_ksiazka.jpg) no-repeat;
	padding: 6px 14px;
	color: #807A6A;
	position:relative
	}
#Content p{margin-bottom:10px; text-align:justify }
.foto{clear: both; text-align: center}
#Content p.foto{clear: both; text-align: center}
.foto img{border: solid 10px #F2F2F2; margin-top:10px;}
#Content .text_left{text-align: left}

.size10{font-size: 10px}
.size18{font-size: 18px}
.size20{font-size: 20px}
.orange{color: #F37D00}
.gray{color: #A7A195}
.green{color: #77A121}
.title {font-size:16px; font-weight:bold; margin-top:10px;}

#Left{float:left; width: 367px; }
.bg_orange{background: url(../img/pages/rozrywkowo/bg_orange.jpg) repeat-y; padding: 10px 20px; color: #F0F2F1}
.bg_orange .tekst2{color: #F0F2F1}
.bg_orange a{color: #F0F2F1; text-decoration:none; font-weight: bold; line-height:17px }
.bg_orange a.lang{display:block; left: 2px; position:absolute; top:18px;}
.bg_orange a.lang2{display:block; left: 0px; position:absolute; top:35px;}

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

#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 }
.ikona{ width: 36px; float: left;}
.tekst{float: left; margin-top:5px; width: 280px}
.clear{clear: both; padding-top:8px}

#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; }
#Left .text{padding: 0px 20px;}

#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{padding-top:5px}
.input input{display: block; margin-bottom: 3px; margin-top:2px}
.input label{margin-top:-18px; margin-left: 20px; display:block; margin-bottom: 3px }
.pytanie{margin-top:13px; text-align:justify }
.odpowiedzi{border-bottom: solid 1px #B0AB9D; margin-left:30px; margin-top:5px; padding-bottom:10px}
.odpowiedzi_last{margin-left:30px; margin-top:5px; padding-bottom:10px}
.submit{padding-top: 5px; margin-top: 40px; margin-left: 40px}
.submit input{margin: 0px; cursor:pointer; width: 186px;background:url(../img/pages/rozrywkowo/submit.gif) transparent no-repeat; border: none; }


#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}

#Content p.blue_grad{background:url(../img/pages/rozrywkowo/blue_grad.jpg) repeat-y #6FC3F1; color:#FFFFFF; padding:3px 10px; margin-left: 10px; float: left; width:90px; text-align: right}
.blue_grad img{margin-left: 10px}
.blue_grad a{color:#FFFFFF; text-decoration:none}