/* generated by csscreator.com */ 


body {
	background-color: #77feb9;
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
	color: #adeec5;
}



h1 {
	font-size:14px;
	padding-top:10px;
}
a {
	color: white;
	font-size: 14px;

	text-decoration: none;
}

a : hover {
 
 background-image : url(../images/hydraulika.jpg);
 
 
}

#container {
	width: 1003px;
	padding: 0px;
	margin: 0px;
	height: 700px;
	
	
	
	
	
	
	
	
	padding:0px;
	text-align:left;

	vertical-align: middle;
	margin: 0px auto;
	color: #666666;
	
	
}

#container a {
  border: 0px;
 }

#header{
 background:  url(../images/conex.jpg) no-repeat ;
 width:1003px; 
 float:center; 
 height: 260px;
	

}

#pasek{
 background:  url(../images/rys_02.jpg) no-repeat ;
 width:1003px; 
 float:center; 
 height: 33px;
	

}


#content{

 width:1003px; 
 

	

}



#baner {
	
	width: 1003px;
	height: 68px;
	float: center;
}

#left_column {


	width: 248px;
	height:459px;
	float: left;

}



#left_column ul{

    padding: 0px;
	margin: 0px;
	list-style-type: none;

}



#left_column li{

   

   text-align: center;
    font-size: 20px;

	height: 33px;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
	border-bottom-width: 0px;

	}







#left_column li a {
    display : block; 
	width: 228px;
  height: 33px;
  border: 0px;
background-image : url(../images/rys_02.jpg);
	background-repeat: no-repeat;


} 


#left_column li a:hover {
    display : block;
	width: 228px;
  height: 33px;
  border: 0px;
background-image : url(../images/hydraulik.jpg);
	background-repeat: no-repeat;

} 





#middle
{


 border: 2px;
width: 20px;

}


















#right_column {

	
	width: 755px;

	float: left;

	
	

	

	

}






#container .foot {
	background:  url(../images/14.jpg) no-repeat center top ;
	width: 1022px;
	height: 83px;
	float: right;
}











 
#pagewidth{ 
 max-width:600em;  
}

#maincol{
 background:  url(images/sss.jpg) no-repeat center top; 
 float: right; 
width: 446px;
height: 318px;
 
 }
 
#foot{
 height:39px; 

 clear:both;
  background:  url(../images/rys_06.jpg) no-repeat center top;
  font-size: 12px;
	color: white;
} 
 } 
 
 
 
 
 
 h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	}

hr {
	border:none;
	border-top:1px solid #CCCCCC;
	height:1px;
	margin-bottom:25px;
	}
#styleone{position:relative;display:block;height:21px;font-size:11px;font-weight:bold;background:transparent url(bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:1px solid #d9d9d9;}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{display:block;float:left;margin:0 1px 0 0;}
#styleone ul li a{display:block;float:left;color:#034895;text-decoration:none;padding:3px 20px 0 20px;height:18px;}
#styleone ul li a:hover,#styleone ul li a.current{color:#034895;background:transparent url(bgON.gif) repeat-x top left;}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}