/* CSS Document */

/*I. OGÓLNE*/

body {text-align:center;
	  scrollbar-face-color:ccc;
	  scrollbar-highlight-color:#ffffff;
	  scrollbar-shadow-color:#ffffff;
      scrollbar-3dlight-color:#115E8D;
      scrollbar-arrow-color:#999;
      scrollbar-track-color:url("tlo.gif")  
		}

/*1. układ strony*/
		
#content {height: 600px;
		  width: 980px;
		  margin-left: auto;
		  margin-right: auto;
		  margin-top: -5px;
		  }	
#naglowek {height: 25px;
		   width: 683px;
		   margin-left: 145px;
		   text-align: right;
		  }
#menugorne {height: auto;
			width: 680px;
			margin-left: 146px;
			background-color: #fff;
			text-align: center;
			}
#menulewe {height: 571px;
			width: 145px;
			float:right;
			background-color:#eee;
			margin-top: -51px;
			}					  		  
#srodek {width: 683px !important;
		 width: 680px;
		 height:520px;
		 float:right;
		 overflow: auto;
		 background-color:#FFFFFF;
		 margin: auto;
		 margin-bottom:0px
		}		  	
#menuprawe {height: 571px;
			width: 145px;
			background-color:#eee;
			margin-top: -51px;
			}
#stopka {background-color:#eee;
		 width: 978px;
		 height: 30px;
		 border: 1px solid #eee;	
		}			
.czyszczacy {clear: both;}				
/*2. typografia*/

#content {font-family: Arial, Helvetica, sans-serif;
		  font-size: 12px;
		  color:#000000;
		  text-align:justify;
		}		
		
p {padding-left: 5px;
   padding-right: 5px;
   }
a {color:#666666; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;} 
a:hover {text-decoration: underline; underline-style:dotted;}  	
 


/*II. POSZCZEGÓLNE SEKCJE*/ 

/*1. nagłówek*/	

#naglowek {font-size: 11px;}
.odnosniki {float:left; margin-top: 10px;}
.jezyk {float: right;}
#naglowek img {margin-top: 10px; border: 1px solid #000;}	
#naglowek ul {list-style:none; display:inline; padding-left: 1px; margin-left: 1px;}
#naglowek li {display: inline;}

/*2.menu górne*/
/*#menugorne {font-size: 14px; color:#fff; text-align:center; padding-top: 0px;}
#menugorne ul {list-style:none; 
			   background-color:yellow;
			   width: 678px;
				margin: 0;
				padding: 0;
				border: 1px solid blue;
			   }
#menugorne li {display: inline;
					margin: -2px;
					}
#menugorne a {background-color:#000;
				  color:#FFFFFF;
					
				  margin: 0px;	
				  }			 
#menugorne a:hover {background-color:#900;
						  text-decoration: none;
				 			}
#menugorne a:hover {background-color:#900; text-decoration: none;}
#menugorne a.aktywny {background-color:#900; text-decoration: none;}
ul.dolne {display: block;}*/
#menugorne {font-size: 14px; color:#fff; text-align:center; padding-top: 0px;}
					#menugorne ul {list-style-type: none;
								 text-align: center;
								 width: 224px;
								 padding: 0;
								 margin: 0;
								 border-left: 2px solid #fff;
								}						
					#menugorne ul a {background-color: #000;
								   color: white;
									font-weight: bold;
									display: block;
									margin: 0px;
									padding: 0px;
									border-bottom: 1px solid #fff;
									}	
					#menugorne li.data {display: block;
												float: left;}				
					#menugorne a.data {font-weight: normal; 
											 font-size: 12px; 
											 width: 110px; 
											 float: left;
											 border-left: 1px solid #fff;
											 border-right: 1px solid #fff;
											 }		
					#menugorne a.dataktywny {background-color: #900;
											 font-weight: normal; 
											 font-size: 12px; 
											 width: 110px; 
											 float: left;
											 border-left: 1px solid #fff;
											 border-right: 1px solid #fff;
											 }						 		
					#menugorne ul a:hover {text-decoration: none;
											background-color:#900;
											}	
					#menugorne ul a.aktywny {text-decoration: none;	
											background-color:#900;
											}																
					.menur{
							 float: left;
							 margin-top: 0px;
							}
					
					.menusr{
							  float: left;
							  margin-top: 0px;	
							 }
						 
					.menul{
							 margin-bottom: 0px;
							 margin-top: 0px;
							 float: left;
							}
			  

/*3.srodek*/
#srodek img {border: none;}
#srodek p {font-size: 11px; color:#999999; text-align: right; margin-top:0px;}
#ok1 a {display: block; background:url(../images/ok1.gif); height: 232px; width:195px;}
#ok1 a:hover {display: block; background:url(../images/ok1red.gif); height: 232px; width:195px;}
#ok2 a {display: block; background:url(../images/ok2.gif); height: 307px; width:195px;}
#ok2 a:hover {display: block; background:url(../images/ok2red.gif); height: 307px; width:195px;}
#ok3 a {display: block; background:url(../images/ok3.gif); height: 241px; width:195px;}
#ok3 a:hover {display: block; background:url(../images/ok3red.gif); height: 241px; width:195px;}
#ok2, #ok3 {float: left; margin-left: 30px; }
#ok1 {background-color:#eee; margin-top: 20px; height: 500px; margin-left: 15px!important;margin-left: 10px; float: left;}
#ok2 {background-color:#eee; margin-top: 60px; height: 460px;}
#ok3 {background-color:#eee; margin-top: 220px; height: 300px;}
table {width: 100%; border:1; text-align: left; vertical-align: top; font-size:12px; margin-top: 10px;}
td {vertical-align: top;}
td a {color: #000000;
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 12px;}
tr.wysrodkowany {text-align: center;}
td.poziom {text-align: center;}
ul.pozioma {margin-top: 10px; margin-bottom: 10px;}
td li.czynny {list-style-image:url(../images/kwadratgrey.gif)}
td li.nieczynny {list-style-image:url(../images/kwadratobr.gif)}	
td li li.czynny {list-style-image:url(../images/punktgrey.gif)}
td li li.nieczynny {list-style-image:url(../images/punktobr.gif)}
/*7. stopka*/
#stopka p {font-size: 10px; text-align: center;}
ul.pozioma li {display: inline; background-image: url(../images/kwadratgrey.gif); background-repeat: no-repeat; background-position: center left; padding-left: 15px; padding-bottom: 0px; margin-right: 30px;}
ul.pozioma li.czynny {list-style-image:url(../images/kwadratgrey.gif)}
ul.pozioma li.nieczynny {list-style-image:url(../images/kwadratobr.gif)}