html, body{ 
 background-color: #d7d6d0;
 margin: 25px; 
 padding:0; 
 text-align:center; 
font-family: Verdana;
color: #444444;
font-size: 14px;
} 

.input {
    border: 1px solid #666666;
    background: #eeeeee;
}
.button {
    border: 1px solid #666666;
    background: #87003F;
color: #EFCFD1;
}

a:link, a:visited, a:active {
color: #222222;
text-decoration: none;
font-size: 14px;
}

a:hoover {
color: #444444;
text-decoration: underline;
font-size: 14px;
}
.rawimages img {
border: none;
margin:1px;
}
 
#pagewidth{ 
 width:524px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:101px; 
 background-image: url(../gora.png);
height:103px; 
 width:100%;
} 
 
#maincol{
 background-image: url(../srodek.png); 
 float: right; 
 display:inline; 
 position: relative; 
text-align:center;
 width:524px;
height:141px; 
 }
 
#footer{
 height:46px; 
  background-image: url(../stopka.png); 
 clear:both;
 } 
 

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