* {
margin: 0;
padding: 0;
}
body {
background: #FFF url(images/bg.gif) repeat-x;
}
img {
border: 0;
}
#kontener {
width: 980px;
margin: 0 auto;
font: 11px Arial;
}
#top {
float: left;
width: 980px;
height: 123px;
background: url(images/bg_top.gif);
}
.logo {
float: left;
width: 288px;
}
.nav {
width: 642px;
text-align: right;
float: right;
margin: 6px 0;
padding: 0 50px 0 0;
font: 12px Arial;
}
.nav a {
color: #3a3a3a;
text-decoration: none;
margin: 0 0 0 10px;
}
.nav a:hover {
text-decoration: underline;
}
.menu {
width: 642px;
float: right;
}
.menu ul {
width: 642px;
list-style: none;
float: left;
margin: 35px 0 0;
}
.menu li {
float: left;
margin: 0 10px 0 0;
}
.menu li a {
color: #f5f5f5;
font: bold 12px Tahoma;
text-decoration: none;
float: left;
background: url(images/strzalki.gif) no-repeat left 3px;
padding: 0 0 0 20px;
}
.menu li a:hover {
background: url(images/strzalki_hover.gif) no-repeat left 3px;
}
#lewa {
width: 732px;
float: left;
background: url(images/bg_tresc.gif) no-repeat;
padding: 0 0 0 3px;
}
.wstepniak {
width: 678px;
float: left;
font: bold 12px Arial;
color: #3a3a3a;
line-height: 22px;
padding: 10px 30px 20px 27px;
}
.wstepniak img {
float: left;
}
.wstepniak h4 {
float: left;
font: 18px Arial;
color: #59893d;
margin: 10px 470px 25px 5px;
__margin: 10px 235px 25px 3px;
}
.kat {
width: 239px;
height: 160px;
float: left;
background: url(images/bg_kat.gif);
position: relative; z-index: 1;
margin: 8px 5px 0 0;
line-height: 20px;
}
.kat img {
float: left;
position: relative; z-index: 2;
left: 15px; top: -3px;
}
.kat h2 {
float: left;
margin: 8px 0 14px 30px;
__margin: 8px 0 14px 30px;
font: 18px Georgia;
color: #d16303;
width: 150px;
}
.kat h2 a {
color: #d16303;
text-decoration: none;
}
.kat h2 a:hover {
text-decoration: underline;
}
.kat a {
color: #3a3a3a;
text-decoration: none;
}
.kat a:hover {
text-decoration: underline;
}
.kat span {
float: left;
margin: 5px 10px 0 15px;
}
.artykuly {
float: left;
width: 735px;
margin: 10px 0;
padding: 20px 0 0;
}
.newsy {
float: left;
width: 215px;
line-height: 20px;
}
.newsy img {
float: left;
}
.newsy h4 {
float: left;
font: 18px Arial;
color: #59893d;
margin: 10px 0 25px 5px;
width: 145px;
}
.newsy a {
color: #3a3a3a;
text-decoration: none;
}
.newsy a:hover {
text-decoration: underline;
}
.newsy span {
color: #919191;
float: right;
}
.arty {
float: left;
margin: 0 0 0 20px;
width: 470px;
}
.art {
float: left;
color: #3a3a3a;
font: 11px Arial;
line-height: 20px;
width: 470px;
margin: 0 0 0 10px;
}
.art a {
color: #d16303;
float: right;
margin: 20px 0 0;
}
.art h5 {
margin: 0 0 5px 0;
}
.art h5 a {
color: #d16303;
text-decoration: none;
font: bold 12px Arial;
float: none;
}
.art h5 a:hover {
text-decoration: underline;
}
#porady {
margin: 0 30px 0 0;
}
#prawa {
float: left;
width: 229px;
__width: 230px;
__overflow: hidden;
background: #FFF url(images/bg_prawa.gif) no-repeat;
padding: 5px;
margin: 0 0 0 5px;
__margin: 0;
__position: relative;
__z-index: 1;
}
#prawa img {
float: left;
}
#prawa h4 {
float: left;
font: 18px Arial;
color: #d16303;
margin: 13px 0 22px 5px;
__margin: 13px 0 11px 5px;
width: 150px;
}
.wstepniak_prawa {
float: left;
line-height: 20px;
margin: 15px;
__margin: 15px 7px 15px 7px;
}
.wstepniak_prawa div {
margin: 0 0 15px 0;
}
.wstepniak_prawa div a {
color: #59893d;
text-decoration: none;
font: bold 12px Arial;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.newsletter {
float: left;
width: 209px;
margin: 0 0 0 10px;
__margin: 0 0 0 5px;
color: #3a3a3a;
border-top: 1px solid #dfdede;
border-bottom: 1px solid #dfdede;
padding: 10px 0 10px 0;
}
form {
margin: 20px 0 0 5px;
}
input {
width: 125px;
height: 13px;
float: left;
text-align: center;
background: url(images/bg_input.gif) no-repeat;
border: 0;
font: 11px Tahoma;
color: #3a3a3a;
margin: 0 0 8px 0;
padding: 5px 0 5px 0;
}
input.wyslij {
background: url(images/bg_wyslij.gif);
width: 57px;
height: 21px;
font: bold 11px Tahoma;
color: #FFF;
margin: 1px 0 0 5px;
padding: 3px 0 3px;
}
.kontakt {
float: left;
width: 206px;
margin: 10px 0 0 15px;
__margin: 10px 0 0 5px;
border-bottom: 1px solid #dfdede;
color: #3a3a3a;
padding: 0 0 10px 0;
}
.kontakt img {
position: relative; left: -10px;
z-index: 2;
}
textarea {
width: 173px;
height: 149px;
background: url(images/bg_tresc.gif);
float: left;
border: 0;
font: 11px Tahoma;
color: #3a3a3a;
padding: 5px;
}
.kontakt input.wyslij {
margin: 10px 0 0 50px;
}
.kursy {
float: left;
padding: 0 0 25px 0;
border-bottom: 1px solid #dfdede;
margin: 0 0 0 10px;
__margin: 0 0 0 3px;
width: 215px;
}
.kursy table {
width: 239px;
height: 106px;
float: left;
background: url(images/bg_kursy.gif) no-repeat;
font: 12px Arial;
padding: 10px 15px 10px 20px;
margin: 0 0 0 -10px;
__position: relative;
__z-index: 2;
}
span.down {
color: #e80505;
}
span.up {
color: #4cbf00;
}
.konto {
float: left;
text-align: center;
margin: 10px 0 0 30px;
}
#prawa .konto img {
float: none;
}
#stopka {
float: left;
width: 980px;
height: 68px;
background: url(images/bg_stopka.gif) no-repeat;
margin: 30px 0;
color: #FFF;
line-height: 20px;
}
.lewa {
float: left;
margin: 13px 0 0 40px;
__margin: 13px 0 0 20px;
}
.prawa {
float: right;
margin: 23px 40px 0 0;
__margin: 23px 20px 0 0;
}
#stopka a {
color: #FFF;
text-decoration: none;
}
#stopka a:hover {
text-decoration: underline;
}

.paginacja {
float: left;
width: 100%;
text-align: center;
margin: 15px 0 0;
}
.paginacja a {
color: #d16303;
text-decoration: none;
font: 12px Arial;
float: none;
}
a.on {
font-weight: bold;
}
.paginacja a:hover {
text-decoration: underline;
}

h5 a {
color: #59893d;
font-size: 12px;
text-decoration: none;
}
h5 a:hover {
text-decoration: underline;
}
#podstrona {
width: 735px;
background: url(images/bg_tresc.gif) no-repeat;
float: left;
padding: 10px 0 36px 0;
font-size: 13px;}

#podstrona img {
float: left;
position: relative; z-index: 2;
left: 20px; top: -3px;
}
#podstrona h2 {
float: left;
margin: 8px 0 0 30px;
font: 18px Georgia;
color: #d16303;
}
#podstrona h2 a {
color: #d16303;
text-decoration: none;
}
#podstrona h2 a:hover {
text-decoration: underline;
}
.n_p {
width: 737px;
height: 44px;
float: left;
}
#podstrona span {
float: left;
width: 712px;
padding: 0 10px 0 15px;
}
#podstrona span span {
background: none;
width: 500px;
padding: 0;
}
#podstrona a {
color: #3874a6;
font-weight: bold;
text-decoration: none;
}
#podstrona a:hover {
text-decoration: underline;
}
#podstrona h5 a {
color: #59893d;
font-size: 12px;
text-decoration: none;
}
#podstrona h5 a:hover {
text-decoration: underline;
}