body {
	background: #000 url("pasekg.png") repeat-x ;
	background-position: 0px 0px ;
	color: #555A60;
	
	margin: 0;
	padding: 0;
		
}







#TOP {
	margin: 0px auto;
	width: 780px;
	
	background: #e7e7e7;
	overflow: hidden;

}


	

#NAGLOWEK2 {

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


	
}	




#Ngora {

	
	
	padding: 0px;

	height: 47px;
	float: left;
	width: 782px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
	
	

	
}

#Nsrodek {

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

	height: 55px;
	float: left;
	width: 782px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
		

	
}
#Ndol {

	
	padding: 0px;

	height: 35px;
	float: left;
	width: 782px;
	margin-top: 0px;
	margin-left: 0px;
	
	margin-bottom: 0px;
	
	
	
	
}




#MENUPOZIOMs {
	width: 150px;
	height: 15px;
	padding-top: 0px;
	
	
	display: block;
	
	
	
}


#MENUPOZIOM {
	width: 200px;
	height: 180px;
	padding-top: 0px;
	
	
	
	margin-top: 0px;
	display: block;
	text-shadow: 3px 3px 5px black;
	
}




a.menupozioms {
        float: left;
	
	
	color: #747474;
	font:  10px sans-serif;
	padding: 0px 7px;
	text-align: center;
	text-decoration: none;
	display: block;
	
	border-right: 1px solid #dadada;
	
}

a:hover.menupozioms{
	
	color: #212121;
}




	
a.menupoziom {
        float: left;
	width: 170px;
	height: 18px;
	color: #dadada;
	font:  15px serif;
	padding: 4px 15px;
	text-align: left;
	text-decoration: none;
	display: block;
	
	
}
a:hover.menupoziom{
	
	
       
	background: url("../grafika/cien menu.png") no-repeat;
}







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



#Tleft {
	padding: 0px 0px;
	height: 100%;

	float: right;
	
	background: #fff;
	width: 74%;
	margin-bottom: 0px;
	font: 14px "Lucida Sans Unicode",serif;
	
}



#Tright {
	

	padding: 0px 0px;
	height: 100%;
	width: 26%;
	float: left;
	background: #e5e5e5;
	display: block;
	
	font: 14px "Lucida Sans Unicode",sans-serif;
	
	
	
}



#STOPKA {	
	font: 14px "Lucida Sans Unicode",serif;
	clear: both;
	height: 35px;	
	width: 577px;
	
	font-size: 10px;
	text-align: left;
	
	
	padding-top:0px;	
	
}	



#Sleft {	
	
	height: 30px;	
	width: 180px;
	
	font-size: 12px;
	text-align: left;
	
	float: left;
	background:  url("../grafika/logo.png") no-repeat 0px 3px;
	padding-left: 50px;
padding-top: 10px;
}




#Sright {	
	
	height: 30px;	
	width: 222px;
	
	font-size: 12px;
	text-align: right;
	
	float: right;
	padding-right: 20px;
padding-top: 10px;
}





#R1{

height: 28px;	
width: 510px;
background:  url("../grafika/ramka gora.png") no-repeat bottom left;
padding-top: 20px;
padding-left: 20px;
font: bold 12px "Lucida Sans Unicode",serif;
}

#R1:hover{


color: black;
}

#R2{
padding-right: 50px;	

padding-left: 20px;	
width: 460px;
background:  url("../grafika/ramka srodek.png") repeat-y;
font: 12px "Lucida Sans Unicode",sans-serif;
}
#R4{

padding-left: 35px;	
width: 495px;
background:  url("../grafika/ramka srodek.png") repeat-y;
font: 11px "Lucida Sans Unicode",sans-serif;
line-height: 1.6;

}

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

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

}


#R3{

height: 50px;	
width: 293px;
background:  url("../grafika/ramka dol.png") no-repeat top left;
padding-top: 10px;
padding-left: 350px;
}

#pytania{
height: 100%;
padding: 25px 10px;

width: 180px;
color: #833;
}
#pytania a{
text-decoration: none;
color: #333;
font-size: 12px;
}

#pytania a:hover{

width: 200px;
font-weight: bold;
padding-bottom: 0px;
color: #000;
}


#dolacz{

margin-top: 10px;


}


#dolacz a{
width: 200px;
height: 80px;

display: block;

background: url("../grafika/przystap.png") no-repeat;

}






#dolacz a:hover{


background:  url("../grafika/przystap.jpg") no-repeat;
margin-bottom:0px;
}

#zmien{
margin-top: 10px;






}

#zmien a{


width: 200px;
height: 80px;

display: block;


background:  url("../grafika/zmien.png") no-repeat;
margin-bottom: 10px;
}



#zmien a:hover{



background:  url("../grafika/zmien.gif") no-repeat;

}


tr.tlo1{

	background:#f1f1f1;
        
}





tr.tlo2{

	background:#fff;

}



td{
   width: 158px
   
}




table{
width: 490px;

}

#Sleft a {
width: 180px;
height: 20px;
text-decoration: none;
color: #555A60;
display:block;

}
 
#Sleft a:hover {

text-decoration: none;
color: #000;
font-weight: bold;

}


#kontakt{

	margin: 0px;
	padding: 0px;
	margin-left: 100px;
	
	color: #fff;
	

	
}	



#wniosek{


	padding: 0px;
	
	margin-bottom: 50px;
	margin-left: 100px;
	color: #fff;
	

}	







div.R1{

height: 28px;	

background:  url("../grafika/ramka gora.png") no-repeat bottom left;
padding-top: 20px;
padding-left: 20px;
font: bold 12px "Lucida Sans Unicode",serif;
}


div.R2{
padding-right: 50px;	

padding-left: 20px;	

background:  url("../grafika/ramka srodek.png") repeat-y;
font: 12px "Lucida Sans Unicode",sans-serif;
}
div.R4{

padding-left: 35px;	

background:  url("../grafika/ramka srodek.png") repeat-y;
font: 14px "Lucida Sans Unicode",sans-serif;


}

div.R4 a {
text-decoration: none;
font: 13px "Lucida Sans Unicode",sans-serif;
color: #555A60;
}

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

}


div.R3{

height: 50px;	

background:  url("../grafika/ramka dol.png") no-repeat top left;
padding-top: 10px;
padding-left: 350px;
}

ol{

margin: 0px;
padding: 0px;

}

#kontakt a{

display: block;
width: 360px;
height: 120px;
background: #aaa url("../grafika/kontakt.jpg");


}

#kontakt a:hover{

display: block;
width: 360px;
height: 120px;
background: #aaa url("../grafika/kontakth.jpg");


}


#wniosek a{

display: block;
width: 360px;
height: 120px;

margin-top: 20px;

background: #aaa url("../grafika/wniosek.jpg");

}

#wniosek a:hover{

display: block;
width: 360px;
height: 120px;

margin-top: 20px;

background: #aaa url("../grafika/wniosekh.jpg");

}

a.linki{
text-decoration: none;
color: #888;
	font: 9px "Lucida Sans Unicode",serif;
}




/*tabela przystąp*/

table.ofe-firma{   width: 540px;    margin-left: 20px;}

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

table.ofe-firma td.table-info{    width: 540px;    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;
}