body {
 text-align:center;
 font-family:tahoma, sans-serif, times new roman, Comic Sans MS;
 color:white;
 background:#FFFFFF;
}

div#container {
 width:728px;
 margin:auto;
}

div#top{

}

div#naglowek {
 width:728px;
 margin-bottom:10px;
 height:80px;
 background:#3399ff;
 border :4px solid #2c8ef3;
}

div#data {
 float:left;
 width:350px;
 margin:10px;
 background:#3399ff;
 text-align: left;
 font-size: 12px;
}

div#logo {
 float:right;
 margin:0px;
 margin-right:40px;
 background:#3399ff;
 font-size: 25px;
 text-align:center;
}

div#menul {
 float:left;
 margin-top:10px;
}

div#menur {
 float:right;
 margin-top:10px;
}

div.menu {
 width:160px;
 margin-bottom:20px;
 padding-bottom:5px;
 border:4px solid #2c8ef3;
 background:#3399ff;
 font-size: 12px;
 margin-right:-8px;
}

div.menu_top {
 margin-top:5px;
 margin-left:15px;
 background:#3399ff;
 text-align:left;
 height:20px;
}

li.menu, li.lista{
 text-align: left;
 list-style:none;
 text-decoration:none;
 padding-left:15px;
 color:#FFFFFF;
}

a{
 text-decoration:none;
 color:#FFFFFF;
 font-size: 12px;
}

a.menu{

 text-decoration:none;
 color:#FFFFFF;
 font-size: 12px;
}
 
li.menu:hover, a.menu:hover{
 background:#3399ff;
 color:#000000;
 text-decoration:none;
}

div#tresc {
 float:right;
 width:360px;
 margin-left:20px;
 margin-right:20px;
 margin-top:10px;
 margin-bottom:20px;
}

div.tekst {
 clear:both;
 overflow:hidden;
 background:#3399ff;
 margin-bottom:10px;
 border:4px solid #2c8ef3;
 font-size: 12px; 
}

div.ramka {
 width:320px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:0px;
 padding:5px;
 text-align:left;
}

div#bottom {
 clear:both;
 width:708px;
 margin:auto;
 background:#3399ff;
 border:4px solid #2c8ef3;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
 font-size: 11px;
}

div#reklama_top {
 width:728px;
 margin:auto;
 background:#3399ff;
 border:4px solid #2c8ef3;
}

table.uniwersalna {
 border-collapse: collapse;
}

p {
 text-align: justify;
} 

h1 {
 font-size:13px;
}

a.stopka{
 color:white;
 text-decoration: none;
}

a.stopka:hover {
 color:#000000;
 text-decoration: none;
}

span{
 font-size:20px;
}

div.baner {
 width:90px;
 margin:auto;
 text-align:center;
 margin-bottom:10px;
 margin-top:10px;
}


div.dodal {
 float:left;
 width:125px;

}

div.ocena {
float:left;
 width:40px;
}

div.srednia {
 float:right;
 width:60px;
 text-align:right;
 margin-right:-5px;
}

div.ocen {
 float:left;
 width:100px;        
 height:10px;
 margin-top:3px;
 overflow:hidden;
}

ol.ocen {
 margin:0;
 padding:0;          
 position: relative;          
 list-style: none;
 background: url("grafika/gwiazda_1.gif") repeat-x;  
 width:100px;                   
}

li.ocen {
 height:10px;
}
 
ol.ocen li.ocen a.ocen {
 position: absolute;
 display: block;          
 height:10px;
 left:0;
 top:0;                            
}

ol.ocen li.ocen a.ocen:hover{
 border: 0px solid #fff;
 text-decoration:none;            
 background: url("grafika/gwiazda_2.gif") repeat-x;               
}

#e1{           
 width: 20px;          
 z-index:5;               
}           
 
#e2{          
 width: 40px;          
 z-index:4; 
}     
 
#e3{
 width: 60px;            
 z-index:3;          
}      
 
#e4{          
 width: 80px;          
 z-index:2;            
}
  
#e5{          
 width: 100px;          
 z-index:1;            
}

hr.separator{
 text-align:center;
 width:80%;
 background:#2c8ef3;
 margin-top:20px;
 margin-bottom:20px;
}