body {
background-color: #3f3c30;
margin: 10px;
padding: 10px;
font-family: Arial;
font-weight: normal;
font-size: 15px;
color: #B7C6E6;
}

div#header {
background-color: #3f3c30;
width: 750px;
height: 500px;
margin-left: -375px;
margin-top: -250px;
position: absolute;
left: 50%;
top: 50%;
}

div#menu {
background-color: #3f3c30;
vertical-align: bottom;
float: left;
width: 20%;
height: 500px;
}
#prawakolumna {
background-color: #3f3c30;
float: right;
width: 20%;
}
div#foto {
background-color: #3f3c30;
float: left;
text-align: left;
width: 59%;
height: 500px;
}
div#stopka {
background-color: #3f3c30;
clear: both;
margin: 0 auto;
width: 100%;
}
ul, ul li {
display: block;
list-style-type: none;
width: 102px;
margin: 0;
padding: 0;
}

a#ahome {
height: 28px;
display: block;
background: url("home.png") no-repeat;
}
a#afilizanki {
height:28px;
display: block;
background: url("filizanki.png") no-repeat;
}
a#akubki {
height:28px;
display: block;
background: url("kubki.png") no-repeat;
}
a#ahome:hover {
height:28px;
display: block;
background: url("home2.png") no-repeat;
}
a#afilizanki:hover {
height:28px;
display: block;
background: url("filizanki2.png") no-repeat;
}
a#akubki:hover {
height:28px;
display: block;
background: url("kubki2.png") no-repeat;
}

div#lewa {
float: left;
display: inline;
width: 29px;
}
div#prawa {
float: left;
margin-left: 40px;
display: inline;
width: 30px;
}
a#l {
height: 29px;
display: block;
background: url("l1.png") no-repeat;
}
a#l:hover {
height: 29px;
background: url("l2.png") no-repeat;
}
a#p {
height: 29px;
display: block;
background: url("p1.png") no-repeat;
}
a#p:hover {
height: 29px;
background: url("p2.png") no-repeat;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}

a:VISITED {
text-decoration: none;
}