html, body { 

 text-align:center; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;	
 color: #1E1E1E;

} 
 
 img {border: none;}
 
h3 {
 	padding: 30px 0px 0px 0px;
	font-size: 12px;
	color: #434343;	
 }
 
 a {
text-decoration : none;
color : gray;
font-weight: bold;
}

a:hover {
text-decoration : none;
color : #98A5B1;
font-weight: bold;
} 


 /*************  CALOSC  ***************/

 #container{ 
 width:900px; 
 min-height: 600px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
 overflow: hidden; 
 background-image: url(images/tlo02.png);
 } 
   
					
/************* TOP  ***************/

	
#frell{
 position:relative; 
 height:130px; 
 width:100%;
  } 
  
#frell h1 {
	font-size: 17px;
	color: #0C3759;
	line-height: 150%;
 }
 
 #frell p {
 	font-size: 13px;
	font-weight: bold;
	color: #575757;
	}

	hr {
color: #9A9A9A;
border: thin dotted; 
width: 150px;
text-align: left;
float: left;
}		
	
 /*************  LEWA  ***************/ 
  
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 text-align:justify; 
 background-color: White;
 min-height:450px;
  }
   	
/************* ROLLOVERY MENU LEWE ***************/

#rollover a { display: block; 
				width: 170px; 
				height: 20px; 
             background: url(images/rollover01.png) 
				 no-repeat; 
				 font-size : 12px; 
				 font-weight: bold;  
				 color: #0C3759;	 
				 position:relative; 	
				 padding-top: 10px;
				  padding-left: 26px;
				 }
		 
#rollover a:hover { display: block; 
					width: 170px; 
					height: 20px; 
             background: url(images/rollover_over01.png) 
				 no-repeat; 
				 font-size : 12px; 
				 font-weight: bold;  
				 color: #439FE6;  
				 position:relative; 
				 padding-top: 10px;
				padding-left: 26px;
				}
	
/***************************/
	
	
#leftcol p {
 	padding: 0px 5px 0px 20px;
	 } 
	 
#leftcol p.small {
 	font-size: 9px;
	 } 	 
     
#leftcol ul {
margin-left: 40px;
	list-style-image: url(images/kwadracik.gif);
	line-height: 250%;
	font-weight: bold;
	color: #0C3759;
	font-size: 14px;
	padding: 0px 5px 0px 5px;
	 } 
 
 
#leftcol a.ericksson {
padding-left: 0px;
}
#leftcol a.ericksson: hover {
padding-left: 0px;
}  
 
 /************ lewa kolumna telefony **********/
 
 #leftcol2 {
 width:200px; 
 float:left; 
 position:relative; 
 text-align:justify; 
 background-image: url(images/tlo03.gif);
 font-weight: bold;
  }
   
#leftcol2 p {
 	padding: 0px 5px 0px 20px;
	 line-height: 200%;
	 font-size: 10px;
	 color: #BF3500;
	 } 
 
 #leftcol2 p.small {
 	font-weight: normal;
	font-size: 9px;
	line-height: 100%;
	color: Black;
		 } 
 
 /*********************************/
 
#twocols{
 width:700px; 
 float:right; 
 position:relative;
 overflow: hidden; 
  }
 
 /*************   PRAWA ***************/
 
 
#rightcol{
 width:200px; 
 float:right; 
 position:relative; 
 background-color: White;
 text-align:justify; 
 height:auto;
 overflow: hidden;
 }


#rightcol p {
 	padding: 10px 10px 10px 10px;
	 }
 
 /*************  ŚRODEK ***************/
 
#maincol {
 background-color: White;  
 float: left; 
 display:inline; 
 position: relative; 
 width:500px; 
 text-align:justify; 
 min-height: 450px;
   }
 
 #maincol p, td {
 	padding: 10px 30px 10px 0px;
	font-size: 11px;
	line-height: 150%;
 }
  
 #maincol ul {
 	list-style-image: url(images/kwadracik.gif);
	line-height: 150%;
	font-weight: normal;
	font-size: 11px;
	margin-right: 30px;
	} 
	
#maincol ol {
 	line-height: 150%;
	font-weight: normal;
	font-size: 11px;
	margin-right: 30px;
	} 	
	
 /*************************************/   
	
#footer{
 height:20px; 
  background-color: White;
 clear:both;
 text-align: right;
 } 
 
  /*************   DRUKARKA ***************/
 
 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}