body,html{
background-color: black;
margin: 1%;
padding: 0;
}
#top {
width: 900px;
height: 700px;
margin: 0;
padding: 0;
}
img {
border: 0px;
}
img.zoom:hover{
width: 100.2%;
}
a.on {
background-image: url('images/onas.png');
width: 140px;
height: 30px;
float: left;
color: black;
margin: 10px;
}
a.on {
background-image: url('images/onas.png');
width: 140px;
height: 30px;
float: left;
color: black;
margin: 10px;
}
a.home {
background-image: url('images/strzalka.png');
width: 150px;
height: 150px;
float: left;
margin: 10;
color: black;
}
a.of {
background-image: url('images/oferta.png');
width: 140px;
height: 30px;
float: left;
color: black;
margin: 10px;
}
a.pr {
background-image: url('images/prace.png');
width: 140px;
height: 60px;
float: left;
margin: 10px;
color: black;
}
a.ko {
background-image: url('images/kontakt.png');
width: 140px;
height: 30px;
float: left;
color: black;
margin: 10px;
}
a.on:hover {
color: black;
background-image: url('images/onas2.png');
}
a.of:hover {
background-image: url('images/oferta2.png');
}
a.ko:hover {
background-image: url('images/kontakt2.png');
}
a.pr:hover {
background-image: url('images/prace2.png');
}
#menu {
background-image: url('images/menu.gif');
background-repeat: no-repeat;
position: absolute;
width: 255px;
padding-top: 70px;
padding-left: 40px;
text-align: left;
margin-top: 45px;
margin-left: 50px;
height: 550px;
}
#page1{
background-image: url('images/page1.gif');
background-repeat: no-repeat;
width: 450px;
height: 500px;
text-align: left;
color: black;
padding-top: 200px;
padding-right: 20%;
padding-left: 35%;
}

#page2{
background-image: url('images/page2.gif');
background-repeat: no-repeat;
width: 450px;
height: 590px;
text-align: left;
color: black;
font-weight: bold;
padding-top: 180px;
padding-right: 20%;
padding-left: 35%;
}
#page3{
background-image: url('images/page3.gif');
background-repeat: no-repeat;
width: 420px;
height: 550px;
color: white;
padding-top: 165px;
text-align: left;
padding-right: 20%;
padding-left: 38%;
}
#page4{
background-image: url('images/page4.gif');
background-repeat: no-repeat;
width: 350px;
height: 530px;
color: black;
font-size: 15px;
font-weight: bold;
padding-top: 25%;
text-align: left;
padding-right: 20%;
padding-left: 44%;
}
input {
width: 180px;
}
input.submit{
border: 0px;
width: 80px;
font-weight: bold;
color: #B22222;
}
h2 {
color: brown;
}
hr {
border:  solid 0.2px black;
width: 460px;
text-align: left;
}
#text {
color: black;
width: 500px;
height: 410px;
margin-left: 18px;
padding-top: 17px;
font-size: 12px;
overflow: auto;
}
#onas{
width: 470px;
height: 313px;
float: left;
}
#oferta {
width: 430px;
height: 313px;
float: left;
}
#banner {
width: 900px;
height: 102px;
float: left;
}
#prace{
width: 456px;
height: 285px;
float: left;
}
#kontakt{
width: 444px;
float: left;
height: 285px;
}