* {margin: 0; padding:0; border: 0px;}

html
{
background: url(_images/tlo6.png);
margin: 0 auto;
}
body
{
background: url(_images/tlo1.png) repeat-x top;
min-height: 939px;
margin: 0 auto;
font-family: arial;
padding: 0px;
text-align: center;
}
.menu
{
width: 898px;
height: 86px;
background: url(_images/tlo2.png) no-repeat top;
margin: 0 auto;
list-style-type: none;
}
.menu li
{
padding: 30px 0 0 0;
float: left;
}
.menu a img
{
visibility: hidden;
}
.menu a
{
display: block;
float: left;
width: 81px;
height: 49px;
margin-right: 20px;
position: relative; left: 342px;
}
.home {background: url(_images/home.png);}
.home:hover {background: url(_images/home2.png);}
.firma {background: url(_images/firma.png);}
.firma:hover {background: url(_images/firma2.png);}
.uslugi {background: url(_images/uslugi.png);}
.uslugi:hover {background: url(_images/uslugi2.png);}
.onas {background: url(_images/onas.png);}
.onas:hover {background: url(_images/onas2.png);}
.kontakt {background: url(_images/kontakt.png);}
.kontakt:hover {background: url(_images/kontakt2.png);}

.top
{
width: 898px;
height: 260px;
background: url(_images/tlo3.png) no-repeat top;
margin: 0 auto;
}
.tresc
{
width: 898px;
background: url(_images/tlo4.png) repeat-y 22px 0px;
margin: 0 auto;
padding: 10px 0 20px 0;
text-align: left;
overflow: hidden;
}
.lewa
{
width: 540px;
padding: 30px 0 30px 0;
border-right: 1px #C7C9CB solid;
float: left;
overflow: hidden;
}
.lewa h1
{
background: url(_images/pix1.gif) no-repeat left;
font: 20px arial;
color: #606264;
margin: 0 0 0 40px;
padding: 0 20px 0 25px;
}
.lewa p
{
font: 16px arial;
color: #606264;
margin: 20px 0 20px 40px;
padding: 0 20px 0 25px;
}
.lewa a, .tytul
{
color: #44B4E2;
font-weight: bold;
}
.lewa a:hover, .tytul:hover, .wiecej:hover
{
text-decoration: none;
}
.lewa ul
{
width: 170px;
font: 16px arial;
margin: 0 0 0 40px;
padding: 0 20px 0 25px;
list-style-type: none;

}
.lewa ul a
{
background: url(_images/pix2.gif) no-repeat left;
padding: 3px 0 3px 22px;
display: block;
}
.prawa
{
padding: 30px 0 30px 0;
overflow: hidden;
}
.prawa h1
{
background: url(_images/pix3.gif) no-repeat right;
font: 20px arial;
color: #606264;
margin: 0 0 0 20px;
padding: 0 0 1px 0;
width: 130px;
}
.prawa h2
{
font: 14px arial;
font-weight: bold;
color: #606264;
margin: 20px 0 0 20px;
padding: 0 20px 0 0;
}
.prawa p
{
font: 14px arial;
color: #606264;
margin: 0 0 20px 20px;
padding: 0 20px 0 0;
}
.tytul
{
font: 14px arial;
margin: 0 0 0 20px;
font-weight: bold;
}
.wiecej
{
font: 14px arial;
color: #AEB9C6;
margin: 0 60px 0 0;
font-weight: bold;
background: url(_images/pix4.gif) no-repeat left;
padding: 3px 0 3px 22px;
display: block;
float: right;
}
.box
{
width: 898px;
height: 230px;
background: url(_images/tlo5.png) no-repeat top;
margin: 0 auto;
list-style-type: none;
}
.box li
{
padding: 50px 0 0 0;
float: left;
}
.box a img
{
visibility: hidden;
}
.box a
{
display: block;
float: left;
width: 124px;
height: 97px;
margin-right: 40px;
}
.icon1 {background: url(_images/icon1.png); margin: 0 0 0 70px;}
.icon1:hover {background: url(_images/icon1a.png);}
.icon2 {background: url(_images/icon2.png);}
.icon2:hover {background: url(_images/icon2a.png);}
.icon3 {background: url(_images/icon3.png);}
.icon3:hover {background: url(_images/icon3a.png);}
.icon4 {background: url(_images/icon4.png);}
.icon4:hover {background: url(_images/icon4a.png);}
.icon5 {background: url(_images/icon5.png);}
.icon5:hover {background: url(_images/icon5a.png);}

.stopka
{
background: #142748;
border-top: 1px #2B436A solid;
margin: 20px 0 0 0;
padding: 25px 0 25px 0;
color: #ffffff;
font: 12px arial;
}