body { margin:0; padding: 0; background: url(../images/bg.png) right top; color:#444; font-family: Arial, Verdana, Sans; font-size: 14px;}
*{margin:0; padding:0;}
a { text-decoration: none; color: #6C7ABF;}
a:focus {-moz-outline: none;}/*usuniety border z FF */

#pagebody{margin:auto; width:990px;}

#top { width:100%;  height:280px; float:left; margin:auto; background: url(../images/top.jpg) right top no-repeat; position:relative; }

#top img#logo {width:219px; height:114px; border:none; position:absolute; top:15px; left:80px;}


#middle { width:100%; margin:auto; float:left; background: url(../images/middle.png) right top repeat-y; /*clear:both;*/ }
#middle a{ text-decoration:none; color:#37385a;}
#middle a:hover{ text-decoration:underline;}

#middle #menu { width: 180px; float:left; /*margin: -30px 0 0 90px;*/ padding:0 0 0 90px; position:relative; top:-40px;  }

#middle #menu ul { float:left; list-style: none; width:100%;}
#middle #menu ul li { float:left; width:100%; border-top: 1px dotted #bbb; }
#middle #menu ul li a{color: #3D4039; padding: 5px 0 5px 2%; font-weight:bold; float:right; width:98%; }
#middle #menu ul li a:hover { color: #FFF; background-color: #6B6B6B; padding: 5px 0 5px 2%; width:98%; /*border-top: 1px solid #dcdcdc;*/ text-decoration:none; font-weight:normal;}

#middle #menu ul li ul { padding: 5px 0 10px 10%; font-size: 12px; width:90%; float:right;}
#middle #menu ul li ul li{width:100%; border-top: 1px dotted #dcdcdc;}
#middle #menu ul li ul li a{ color: #666A62; font-weight:normal;}


#middle #content #skalowanie { position: absolute; top:-15px; right:0px; font-size:11px; height:22px; }
#middle #content #skalowanie img{vertical-align:middle; height:17px; width:17px; background:#fff; border:none; padding:0;}
#middle #content { width: 650px; margin: 0px 0 0 310px; font-weight: normal; line-height: 20px; position:relative; padding:10px 0; top:-20px; }

#middle #content img.galeria{ height:100px; padding:5px; border:1px solid #eee; background:#f7f7f7;}

#middle #content ul#mapa{padding:0 0 0 5%; list-style:disc; vertical-align:top;}
#middle #content ul#mapa li{ list-style:disc; vertical-align:top;}

/*************style dla tesktu zakladek****************/
	#middle #content h1#tytul_zkladki{font-size:155%; text-align:left; padding:3px 2% 5px 2%; width:96%; color:#333; margin:5px 0 10px 0; border-bottom:1px solid #eee;}
	
	#middle #content h1{font-size:135%; text-align:left; padding:3px 2%; width:96%; color:#333; margin:5px 0 10px 0;}
	#middle #content h2{font-size:125%; text-align:left; padding:3px 2%; width:96%;}
	#middle #content h3{font-size:110%; text-align:left; padding:3px 2%; width:96%;}
	#middle #content h4{font-size:90%; text-align:left;padding:3px 2%; width:96%; }
	#middle #content h5{font-size:80%; text-align:left; padding:3px 2%; width:96%;}
	#middle #content h6{font-size:70%; text-align:left; padding:3px 2%; width:96%;}
	#middle #content p{font-size:100%; padding:5px 0;}
	
	#middle #content img{ padding:5px; border:1px solid #eee; background:#f7f7f7;}
	
	#middle #content ul {width:95%; padding:5px 0 5px 5%;}
	#middle #content ul li {list-style:disc; margin:0; padding:0 0 5px 0;width:100%; font-size:100%; vertical-align:middle;}
	
	#middle #content ol { width:95%; padding:5px 0 5px 5%;}
	#middle #content ol li { margin:0; padding:0 0 5px 0; font-size:90%;}
	
	
	

#footer {float:left; width:78%;  height: 130px; margin:auto; clear:both; background: url(../images/footer.jpg) right top no-repeat; position: relative; font-size:12px; padding:70px 2% 0 20%;}
#footer #up { width: 67px; height:23px; position: absolute; right: 24px; top:5px; background: url(../images/btop.png) left top no-repeat;}
#footer #print {width: 73px; height:23px; position: absolute; right: 91px; top:5px; background: url(../images/bprint.png) left top no-repeat; }

#footer .prawa a { color:#bbb; border-right: 1px solid #ddd; padding:0  10px }
#footer .prawa a:hover{color:#fff;}
#footer .prawa { text-align:right; position:relative; top:-40px;}
#footer .lewa { text-align:right; color:#fff;}


#footer #creditsD{position:absolute; top:-50px; left:68px; background:#444; color:#fff; width:900px; float:right; display:none; padding:0; list-style:none; z-index:9;}
		#creditsD li#h{float:left; font-size:14px; font-weight:normal; background:#fff; color:#fff; text-align:right; padding:15px 1% 14px 4%; width:15%; background:url("../images/pdll/c_h1.gif") no-repeat left top; border-right:1px dotted #eee;}
		#creditsD li#close{float:right; font-size:14px; font-weight:normal;color:#fff; text-align:right; padding:0; width:27px; border:none;}
		
		#creditsD li{float:left;  list-style:none; border-right:1px dotted #999; color:#ccc; font-size:10px; width:18%;}
		#creditsD li a{float:left; text-decoration:none; padding:9px 2% 8px 10%;  color:#ccc; font-size:10px; width:88%;}
		#creditsD li a:hover{color:#fff; background:#222;}
			
		#creditsD li strong{color:#fff; font-size:12px; padding-left:10px; font-weight:normal;}
		#creditsD img#c_close{position:absolute; right:-1px; top:0px; cursor:pointer;}