html, body{ 

 margin:0; 

 padding:0; 

 text-align:center; 

 background-color: #D6D6D6;

 background-image: url(../elewacje/grafika/bg.jpg);

 background-repeat: repeat-x;

} 

 

#pagewidth{ 

 width:800px; 

 text-align:left;  

margin-left:auto; 

 margin-right:auto;  

} 

 

#header{

 position:relative; 

 height:177px; 

 background-color:#D6D6D6;

 width:100%;

} 

 

#maincol{

 background-color: #D6D6D6; 

 background-image: url(../elewacje/grafika/gora.jpg);

 width:100%;

 height:39px;

 float:left; 

 display:inline; 

 position: relative; 

  }



#middle{

 background-color: #D6D6D6; 

 background-image: url(../grafika/lay/renowacje/srodek.2.jpg);

 width:100%;

 height:543px;

 float:left; 

 display:inline; 

 position: relative;

  }



#in_middle{

 font-family: Tahoma;

 color:#FFFFFF;

margin-left:40px;

 margin-top:30px;

 margin-bottom:22px;

 margin-right:45px;

 font-size: 12px;

 text-align:center;

  }



#middle_2{

 background-color: #D6D6D6; 

 background-image: url(../grafika/lay/renowacje/srodek.jpg);

 width:100%;

 height:19px;

 float:left; 

 display:inline; 

 position: relative;

  }



#bottom{

 background-color: #D6D6D6; 

 background-image: url(../grafika/lay/renowacje/dol.jpg);

 width:100%;

 height:130px;

 float:left; 

 display:inline; 

 position: relative;

  }



#in_bottom{

 font-family: verdana;

 color:#661018;

 margin-left: 22px;

 margin-right: 5px;

 margin-top: 35px;

 margin-bottom: 0px;

 font-size: 11px;

 font-weight: bold;

 float:right; 

  }





A:link {text-decoration: none; color: #661018}

A:visited {text-decoration: none; color:#370e0e}

A:hover {text-decoration:underline; color:#D6D6D6}



 

.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 */