body {
background: url('grafika/tlo-body.png') repeat-x top;
margin: 0px;
padding: 0px;
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
color: #333;
}

img {
display: block;
border: none;
}
.center {
width: 960px;
margin: auto;
text-align: center;
}
.top {
margin: 0px;
padding: 0px;
width: 960px;
}
.slogan {
background: url('grafika/top-slogan.png') no-repeat;
width: 520px;
height: 61px;
color: #FFF;
text-align: center;
}
.slogan h1 {
margin-top: 15px;
font-size: 15px;
}
.ban h3 {
font-size: 16px;
color: #FFF2C0;
letter-spacing: 2px;
margin-left: 20px;
}

.strona {
background-color: #FFF;
/* background:  url('grafika/tlo-strona.png') repeat-x 0px 0px; */
width: 960px;
margin: 0px;
padding: 0px;

}
.menu {
width: 960px;
height: 36px;
text-align: center;
}
.menu a {
margin: 4px 0px 0px 2px;
display: inline-block;
color: #FFF;
font-size: 12px;
text-decoration: none;
width: 130px;
}
.tel {
margin: 4px 0px 0px 2px;
color: #FFF2C0;
font-size: 12px;
}
.menu a:hover {
padding-bottom: 3px;
text-decoration: underline;
color: #FFF2C0;
}

.przLewy, .przycisk, .przPrawy {
height: 26px;
float: left;
background-repeat: no-repeat;
}
.przLewy {
width: 143px;
background-image: url('grafika/prz-lewy.png');
}

.przycisk {
width: 135px;
background-image: url('grafika/przycisk.png');
}
.przPrawy {
width: 142px;
background-image: url('grafika/prz-prawy.png');
}
.menuLewy {
background: url('grafika/menu-lewy.png') no-repeat;
width: 19px;
height: 36px;
float: left;
}
.menuPrawy {
background: url('grafika/menu-prawy.png') no-repeat;
width: 41px;
height: 36px;
float: right;
}
.rozdziel {
background: #999 url('grafika/rozdziel-top.png') no-repeat;
width: 960px;
height: 7px;
clear: both;
}
.ban {
width: 960px;
height: 181px;
background: url('grafika/ban-tlo.png') no-repeat;
position: relative;
}
.banTxt {
position: absolute;
top: 5px;
left: 390px;
width: 570px;
height: 130px;
text-align: left;
color: #FFF;
}
.banTxt h3 {
margin: 0px;
}
.banTxt p {
background: url('grafika/ban-strzalka.png') no-repeat center left;
padding-left: 20px;
margin: 4px 0px;
}
.banSlogan {
position: absolute;
bottom: 3px;
}

.banSlogan .le {
font-size: 16px;
color: #FF5C00;
margin: 0px 0px 0px 10px;
}
.banSlogan .pr {
font-size: 14px;
color: #FFF;
margin: 0px;
letter-spacing: 3px;
margin-left: 100px;
}
.tresc {
background: transparent url('grafika/tresc-tlo.png') repeat-x bottom;
width: 920px;
margin: 20px;
}
.stopka {
text-align: center;
font-size: 10px;
width: 920px;
height: 25px;
padding-top: 15px;
}
.stopka a {
text-decoration: none;
color: #333;
}
.box {
width: 333px;
margin-bottom: 20px;
background: url('grafika/box-ng.png') no-repeat top;
padding-top: 12px;
}

.boxTxt {
background: url('grafika/box-tlo.png') repeat-y;
width: 313px;
text-align: left;
padding: 5px 10px;
}

.boxTxt h5 {
font-size: 12px;
color: #0A4350;
margin: 0px 0px 5px 0px;
text-align: left;
}
.boxTxt h2 {
font-size: 14px;
color: #000;
margin: 0px 0px 10px 0px;
text-align: center;
}
.boxTxt li {
list-style-image: url('grafika/lista-strzalka.png');
padding-left: 20px;
line-height: 100%;
}
.boxTxt a {
color: #0A4350;
font-weight: bold;
text-decoration: none;
width: 250px;
display: block;
height: 20px;
}
.boxTxt a:hover {
border-bottom: 1px solid #B40000;
color: #B40000;
height: 19px;
}
.boxStopka {
background: url('grafika/box-stopka.png') no-repeat;
width: 333px;
height: 2px;
}
.info {
width: 577px;
margin-bottom: 20px;
background: url('grafika/info-ng.png') no-repeat top;
padding-top: 12px;
}
.infoWyr {
width: 577px;
margin-bottom: 20px;
background: url('grafika/info-ng-wyr.png') no-repeat top;
padding-top: 12px;
}
.wyr {
background-color: #FFF2C0;
}
.infoTxtWyr {
background: #FAEBBE url('grafika/info-tlo-wyr.png') repeat-y;
width: 577px;
text-align: left;
}

.infoTxt {
background: url('grafika/info-tlo.png') repeat-y;
width: 577px;
text-align: left;
}
.info img {
padding: 3px;
border: 1px solid #4F4F4F;
}
.infoWyr img {
padding: 3px;
border: 1px solid #4F4F4F;
}
.infoStopka {
background: url('grafika/info-stopka.png') no-repeat;
width: 577px;
height: 3px;
}
.lewa {
width: 333px;
}
.prawa {
width: 577px;
}
.prawa h2 {
font-size: 18px;
color: #00386C;
text-align: left;
margin: 0px 0px 10px 10px;
}
.informacje h1 {
color: #404040;
font-size: 18px;
padding-left: 15px;
border-left: 20px solid #B0B0B0;
}
.informacje h2 {
color: #000;
font-size: 16px;
text-align: center;

}
.informacje h3 {
color: #FF3C00;
font-size: 14px;
padding-bottom: 5px;
border-bottom: 1px solid #FF7400;
}

.informacje h4 {
color: #0068D8;
font-size: 14px;
border-bottom: 3px double #0068D8;
text-align: right;
padding-bottom: 5px;
}
.informacje h5 {
color: #0068D8;
font-size: 14px;
padding-bottom: 5px;
}
.informacje h6 {
color: #FF3C00;
font-size: 12px;
text-align: center;
border-bottom: 1px #FF9C00 dotted;
padding-bottom: 8px;
}
.informacje {
margin: 5px;
text-align: left;
}
.wstep {
width: 410px;
margin: 5px;
}
.wstep h3 {
font-size: 14px;
margin: 3px;
color: #00386C;
}
.wstep h4 {
font-size: 12px;
margin: 3px;
color: #900000;
}
.wstep p {
line-height: 150%
}
.wstep li {
line-height: 150%;
}
.wstep h3 a {
text-decoration: none;
color: #00386C;
}
.wstep h3 a:hover {
text-decoration: underline;
color: #666;
}
.opis {
width: 555px;
padding: 10px;
}
.opis h3 {
font-size: 16px;
color: #900000;
margin: 3px;
}
.foto {
padding: 2px;
}
.foto a img{
border: 1px #A9A9A9 solid;
}
.foto a:hover img {
border: 1px #D80000 solid;
}
.tytulFoto {
font-weight: bold;
text-align: center;
border-top: 1px #999 solid;
padding: 5px 0px;
width: 96%;
margin: auto;
}
.cl {
clear: both;
}
.flotL {
float: left;
}
.flotP {
float: right;
}
.dane {
width: 570px;
}

.dane a:hover {
color: #960000;
text-decoration: none;
}

.dane td {
padding: 5px;
border-bottom: 1px solid #BBB;
}
.dane th {
padding: 5px;
background: #F5F5F5;
height: 25px;
color: #B40000; 
}