body {
margin: 0 auto;
padding: 0;
text-align: center;
background: url('graf/background.png') repeat-x #222222;
font-family: Calibri, Tahoma, Times New Roman;
}

.clear {
clear: both;
}

div#banner {
margin: 0 auto;
padding: 0;
width: 900px;
height: 200px;
}

div#top {
margin: 0 auto;
padding: 0;
width: 900px;
height: 60px;
background: url('graf/top.jpg');
}

#top > h1 {
margin: 0;
padding: 0;
padding-left: 239px;
padding-right: 170px;
padding-top: 20px;
font-size: 16px;
}

div#center {
margin: 0 auto;
padding: 0;
width: 900px;
background: url('graf/main.jpg') repeat-y;
}

div#menubox {
margin: 0;
padding: 0;
float: left;
width: 229px;
background: url('graf/left.jpg') no-repeat;
}

div#text {
margin: 0;
padding: 0;
padding-bottom: 100px;
float: left;
width: 521px;
background: url('graf/center.jpg') no-repeat;
}

div#linkbox {
margin: 0;
padding: 0;
float: left;
text-align: center;
width: 150px;
height: 200px;
background: url('graf/right.jpg') no-repeat;
}

div#stopka {
margin: 0 auto;
padding: 2px;
padding-right: 160px;
padding-left: 230px;
width: 510px !important;
width: 900px;
background: url('graf/stopka.jpg');
font-size: 13px;
color: #dddd99;
}

#text > p {
font-size: 16px;
color: #333333;
text-align: left;
text-indent: 20px;
line-height: 120%;
margin: 1px;
padding: 3px;
padding-left: 10px;
padding-right: 20px;
}

#linkbox > h2 {
font-size: 13px;
width: 100px;
margin: 10px auto;
padding: 2px;
color: #333333;
border-bottom: dotted 1px #666666;
}

#linkbox > p {
font-size: 13px;
text-align: center;
margin: 0 auto;
padding: 1px;
padding-left: 4px;
color: #333333;
}

ul#link{
display: block;
margin: 0 auto;
padding: 0;
}

#link > li {
display: block;
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 130px;
height: 40px;
}

#link> li > a {
margin: 0 auto;
padding: 0;
width: 130px;
height: 40px;
}

#link> li > a > img {
border: none;
margin: 0;
padding: 0;
}


ul#menu {
display: block;
margin: 0 auto;
padding: 0;
}

#menu > li {
display: block;
margin: 0 auto;
padding: 0;
list-style-type: none;
width: 215px;
height: 60px;
}

#menu > li > a {
margin: 0 auto;
padding: 0;
width: 215px;
height: 60px;
}

#menu > li > a > img {
border: none;
margin: 0;
padding: 0;
}

a.glowna, a.glowna:visited {
display: block;
margin: 0;
padding: 0;
background: url('graf/link-glowna.png') no-repeat;
}
a.glowna:focus, a.glowna:hover {
display: block;
margin: 0;
padding: 0;
background: url('graf/hover-glowna.png') no-repeat;
}

a.oferta, a.oferta:visited {
display: block;
margin: 0;
padding: 0;
background: url('graf/link-oferta.png') no-repeat;
}
a.oferta:focus, a.oferta:hover {
display: block;
margin: 0;
padding: 0;
background: url('graf/hover-oferta.png') no-repeat;
}

a.instruktorzy, a.instruktorzy:visited {
display: block;
margin: 0;
padding: 0;
background: url('graf/link-instruktorzy.png') no-repeat;
}
a.instruktorzy:focus, a.instruktorzy:hover {
display: block;
margin: 0;
padding: 0;
background: url('graf/hover-instruktorzy.png') no-repeat;
}

a.wspolpraca, a.wspolpraca:visited {
display: block;
margin: 0;
padding: 0;
background: url('graf/link-wspolpraca.png') no-repeat;
}
a.wspolpraca:focus, a.wspolpraca:hover {
display: block;
margin: 0;
padding: 0;
background: url('graf/hover-wspolpraca.png') no-repeat;
}

a.kontakt, a.kontakt:visited {
display: block;
margin: 0;
padding: 0;
background: url('graf/link-kontakt.png') no-repeat;
}
a.kontakt:focus, a.kontakt:hover {
display: block;
margin: 0;
padding: 0;
background: url('graf/hover-kontakt.png') no-repeat;
}

img.page {
float: right;
margin: 15px;
margin-top: 0;
margin-bottom: 10px;
padding: 5px;
background: #ffffff;
border: solid 1px #aaaaaa;
}

a > img {
border: none;
}