body {
	background:  #cdcdcd;
	
	
	font-size: 10px;
	margin: 0;
	padding: 0;
		
}







#rankingofe {
	margin: 30px auto;
	width: 980px;
	background: #fff url("pasekg.png") repeat-x;
	border: 8px double #44a9c5;
	border-right: 8px double #44a9c5;
	border-bottom: 6px double #006981;


}


#ofe {

	
	height: 0px;
	
	background: url()  no-repeat;

	
}	

#ranking {

	margin: 0px;
	padding: 0px;
	
	height: 295px;
	
	color: #fff;
	background: url('../grafika/baner.jpg')  no-repeat;


	
}	




#niezalezny_ranking_funduszy_emerytalnych {

	
	
	padding: 0px;

	height: 34px;
	float: left;
	width: 980px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
	
	

	
}

#zmien_ofe {

	font: bold 15px "Trebuchet MS",sans-serif;
	padding: 0px;

	height: 112px;
	float: left;
	width: 980px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
		

	
}
#wybierz_ofe {

	
	padding: 0px;

	height: 68px;
	float: left;
	width: 980px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
	
	
	
}





#generali_ing_polsat {
	width: 800px;
	height: 68px;
	padding-top: 0px;
	
	margin-left: 90px;
	
	margin-top: 0px;
	display: block;
	
	
}







	
a.zmiana_ofe ,a.losowanie_ofe,a.wybierz_najlepszy_fundusz_emerytalny {
        float: left;
	width: 86px;
	height: 50px;
	color: #fff;
	font: bold 18px serif;
	padding: 10px 22px;
	text-align: center;
	text-decoration: none;
	display: block;
	border: 1px solid #006991;
	border-top: none;
	border-bottom: none;
	
	margin-top:-2px;
}
a:hover.zmiana_ofe, a:hover.losowanie_ofe, a:hover.wybierz_najlepszy_fundusz_emerytalny{
	
        color: #fff;
    
	border-top: none;
	border-bottom: none;
	background:  url('../grafika/menuh.png') no-repeat;
	
}







#otwarty_fundusz_emerytalny {
	
	padding: 0px 0px;
	
	float: left;
	width: 680px;
	margin-top: -50px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	font: 14px "Lucida Sans Unicode",serif;
	
	
	
}

#ranking_otwartych_funduszy_emerytalnych{
	

      
	
	float: left;
	width: 1px;
	height: 550px;
	
}


#ing_ofe {
	padding: 0px 0px;
	

	float: right;
	width: 210px;
	
	
	font: 14px "Lucida Sans Unicode",serif;
	
}



#wybor_ofe {
	

	padding: 0px 0px;
	margin-left: 90px;
	float: left;
	
	
	
	
	margin-bottom: 0px;
	font: 14px "Lucida Sans Unicode",sans-serif;
	
	
}



#generali_ofe {	
	font: 12px "DejaVu Serif","Lucida Sans Unicode";
	clear: both;
	height: 35px;	
	width: 980px;
	color: #cbd3db;
	
	text-align: left;
	padding-left: 0px;
	
	background:  url('../grafika/stopka.jpg') no-repeat;

}	



#ranking_funduszy_emerytalnych {	
	
	height: 14px;	
	width: 150px;
	color: #cbd3db;
	
	text-align: left;
	padding: 10px 50px;
        margin-left: 100px;
	margin-top: 3px;
	float: left;
	background: url('../grafika/logo.png') no-repeat;
	font-size: 12px;
}


#fundusz_emerytalny {	
	
	height: 14px;	
	width: 210px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding: 10px 45px;
	
	float: left;
	

}

#najlepszy_ofe {	
	
	height: 34px;	
	width: 222px;
	color: #cbd3db;
	text-align: right;
	padding: 10px 00px;
	font-weight:bold;
	float: left;
	margin-top: 3px;
	font-size: 12px;

}





#ofe_1{
width: 355px;
padding-bottom: 0px;
padding-left: 25px;
background: url('../grafika/r1.jpg') no-repeat bottom left;
font:bold 12px "Lucida Sans Unicode",serif;
height: 42px;
padding-top: 10px;
color: #cbd3db;
padding-right: 25px;
}


#ofe_2{
padding-left: 25px;
padding-right: 30px;
width: 350px;
background:  url('../grafika/r2.jpg') repeat-y;
font: 12px "Lucida Sans Unicode",sans-serif;
padding-bottom: 10px;

}
#ofe_4{

width: 380px;
padding-bottom: 10px;
background: url('../grafika/r2.jpg') repeat-y;
font: 11px "Lucida Sans Unicode",sans-serif;
line-height: 1.6;

padding-left: 25px;
}

#ofe_4 a {
text-decoration: none;
font: 11px "Lucida Sans Unicode",sans-serif;
color: #cbd3db;
}

#ofe_4 a:hover {
text-decoration: none;
font: 11px "Lucida Sans Unicode",sans-serif;
color: #000;

}


#ofe_3{
width: 350px;width: 380px;
background: url('../grafika/r3.jpg') no-repeat top left;
margin-bottom: 30px;
padding-left: 25px;
height: 33px;
color: #cbd3db;
}

#polsat_ofe{

font:bold 12px "Lucida Sans Unicode",serif;

padding-top: 10px;
color: #ededed;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 25px;
margin-top: 40px;



background: url('../grafika/pyt.jpg') no-repeat top left;
width: 290px;
padding-left: 30px;
padding-right: 20px;
height: 310px;


}

#polsat_ofe li{
list-style-type: circle;
font-size: 12px;
color: #000;
}
li{
list-style-type: circle;
font-size: 12px;
}



#polsat_ofe a{
text-decoration: none;
color: #000;
font: 10px "Lucida Sans Unicode",sans-serif;
}

#polsat_ofe a:hover{

color: #fff;


}


#ofe_zmiana{




}


#ofe_zmiana a{
text-decoration: none;
color: #dedede;
font: bold 20px sans-serif;
background: url('../grafika/buton.jpg') no-repeat;
display: block;
width: 260px;
height: 70px;
padding: 5px 30px;
color: #663;
margin-top: 0px;
}

#ofe_zmiana a:hover{

background-position:0 -80px;

}


#inny_ofe{








}

#inny_ofe a{
text-decoration: none;
background: url('../grafika/buton3.jpg') no-repeat;
display: block;
width: 260px;
height: 70px;
color: #fff;
font: bold 20px sans-serif;
color: #663;
padding: 5px 30px;
margin-top: 10px;
}

#inny_ofe a:hover{

background-position:0 -80px;

}
tr.tlo1{

	background: #cbd3db;
        
}





tr.tlo2{

	background: #006991;
	color: #fff;

}



td{
   width: 158px
   
}




table{
width: 330px;
margin-left: 25px;
font-size: 12px;
}

#ranking_funduszy_emerytalnych a {

text-decoration: none;
color: #cbd3db;
font-size: 12px;
}
 



#kontakt{



	
}	


#kontakt a{

background: url('../grafika/form.png') no-repeat;
display: block;
width: 300px;
height: 70px;
text-decoration: none;
font: bold 20px sans-serif;
color: #663;
padding: 10px 30px;


}
	
#kontakt a:hover{
background-position:0 -90px;
}


#wniosek{


margin: 0px 0px;
	
}	

#wniosek a{

background: url('../grafika/wniosek.png') no-repeat;
display: block;
width: 300px;
height: 70px;
text-decoration: none;
font: bold 20px sans-serif;
color: #663;
padding: 10px 30px;
}
	
#wniosek a:hover{
background-position:0 -91px;
}



#polsat_ofe p{
margin: 0px;
margin-bottom: 27px;
padding: 0px;

}

ol{
padding: 0px;
margin: 0px;

}






div.ofe_1{
width: 355px;
padding-bottom: 0px;
padding-left: 25px;
background: url('../grafika/r1.jpg') no-repeat bottom left;
font:bold 12px "Lucida Sans Unicode",serif;
height: 42px;
padding-top: 10px;
color: #cbd3db;
padding-right: 25px;
}


div.ofe_2{
padding-left: 25px;
padding-right: 30px;
width: 350px;
background:  url('../grafika/r2.jpg') repeat-y;
font: 12px "Lucida Sans Unicode",sans-serif;
padding-bottom: 10px;

}
div.ofe_4{

width: 380px;
padding-bottom: 10px;
background: url('../grafika/r2.jpg') repeat-y;
font: 11px "Lucida Sans Unicode",sans-serif;
line-height: 1.6;

padding-left: 25px;
}

div.ofe_4 a {
text-decoration: none;
font: 11px "Lucida Sans Unicode",sans-serif;
color: #cbd3db;
}

div.ofe_4 a:hover {
text-decoration: none;
font: 11px "Lucida Sans Unicode",sans-serif;
color: #000;

}


div.ofe_3{
width: 350px;width: 380px;
background: url('../grafika/r3.jpg') no-repeat top left;
margin-bottom: 30px;
padding-left: 25px;
height: 33px;
color: #cbd3db;
}





/*tabela przystąp*/

table.ofe-firma{   width: 490px;    margin-left: -40px;}

table.ofe-firma tr{    width: 490px;}

table.ofe-firma td.table-info{    width: 490px;    padding: 20px;    font-size: 13px;}

table.ofe-firma a, table.ofe-firma a:hover{  
color: #333;
text-decoration: none;
}
table.ofe-firma .button2 a:hover{ text-decoration: none; }

table.ofe-firma td{   text-align: center;    border: 1px solid #235689;    margin: 6px;    padding: 2px 2px 2px 0px;    box-shadow: 0px 5px 5px #aaa;    -moz-border-radius: 5px;      -webkit-border-radius: 5px;      border-radius: 5px;}

table.ofe-firma .button2 {     
 width: 100px; 
height: 30px;    
line-height: 27px;
color: white;
text-decoration: none;      
font-size: 12px;   
font-family: helvetica, arial;
font-weight: bold;
display: block;
text-align: center;    
 position: relative;      
 margin: 0px 1px 0px 7px;  
               /* BACKGROUND GRADIENTS */      background: #368dbe;   
                  background: -moz-linear-gradient(top, #0D658E, #368dbe 50%, #257cad 51%, #003E5C);     
  background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));     
                     /* BORDER RADIUS */      -moz-border-radius: 5px;      -webkit-border-radius: 5px;      border-radius: 5px;    
border: 1px solid #368DBE;      border-top: 1px solid #c3d6df;      
                       /* BOX SHADOW */      -moz-box-shadow: 0 1px 3px black;      -webkit-box-shadow: 0 1px 3px black;      box-shadow: 0 1px 3px black;  }  
                       
                       /* WHILE HOVERED */  
table.ofe-firma .button2:hover {     
   background: #014464;      
  background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);     
 background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));  }  
                        
  /* WHILE BEING CLICKED */ 
table.ofe-firma .button2:active {   
      -moz-box-shadow: 0 2px 6px black;      -webkit-box-shadow: 0 2px 6px black;  } 
     table.ofe-firma td:hover{    border: 1px solid #666;    box-shadow: 0px 5px 5px #666;}
  table.ofe-firma img{    max-width: 90px;    max-height: 60px;    margin-top: 10px;}
    table.ofe-firma a{    display: block;    text-align: center;}
     table.ofe-firma a:hover{    color: #000;}
  table.ofe-firma a span{    display: block;    font-size: 11px;}
     table.ofe-firma  span{        font-size: 11px;}span.h80{    height: 70px;    }


a.ofe-firma-img{   
text-decoration: none;
padding: 0;
margin: 0;
width: 110px;
}

table.ofe-firma a img{
  padding: 0;
  margin: 0;
}