body {text-align: center; background: url(img/tlo.jpg) 0px 88px repeat-x; font: 12px Arial; 
    padding: 0px; margin: 0px; height: 100%;
}

html {padding: 0px; margin: 0px; height: 100%;}

a img {border-width: 0px;}
form {margin: 0px; padding: 0px;}

a {text-decoration: none; font: 12px Arial; color: black;}
a:hover {text-decoration: underline;}

table td { vertical-align: top;}

.clear { font-size: 2px; height: 2px; clear: both;}


#top {height: 84px; background: url(img/top.jpg) repeat-x; margin-top: 15px;}
#top #data { height: 24px; z-index: 10; width: 250px; position: absolute; top: 5px; right: 20px; font: 11px Tahoma; color: white; text-align: right;}
#logo {width: 431px; height: 84px; display: block; background: url(img/logo.jpg) no-repeat; float: left;}

#top1 {width: 279px; height: 212px; float: left; background: url(img/top1.jpg) no-repeat; position: relative;}
#top1Zalogowany {width: 279px; height: 212px; float: left; background: url(img/top1Zalogowany.jpg) no-repeat; position: relative;}

#top1Zalogowany .operacje { position: absolute; top: 98px; left: 24px; text-align: left; color: white;}
#top1Zalogowany .operacje a { color: white;}


#top1 * { color: white;}
#top1 .panelLogowania { position: absolute; top: 98px; left: 24px;}
#top1 .pole1 { position: absolute; top: 122px; left: 29px;}
#top1 .pole1 input { background: transparent; border-width: 0px; width: 185px; color: black;}
#top1 .pole2 { position: absolute; top: 152px; left: 29px;}
#top1 .pole2 input { background: transparent; border-width: 0px; width: 185px; color: black;}

#top1 .login { position: absolute; top: 122px; left: 234px;}
#top1 .haslo { position: absolute; top: 152px; left: 234px;}
#top1 .zarejestruj { position: absolute; top: 176px; left: 29px;}
#top1 .zaloguj { position: absolute; top: 176px; left: 112px;}
#top1 .zaloguj input { background: transparent; border-width: 0px; font: 12px Arial;}

#top1 .zapomniales { position: absolute; top: 177px; left: 170px;}
#top1 .zapomniales a { color: #ffd75d; font-size: 11px;}


#top2 {width: 131px; height: 212px; float: left; background: url(img/top2.jpg) no-repeat; }
#topZdjecia {width: 511px; height: 212px; float: left; background-repeat: no-repeat; }
.z1 {background-image:  url(img/z1.jpg);}
.z2 {background-image:  url(img/z2.jpg);}
.z3 {background-image:  url(img/z3.jpg);}
.z4 {background-image:  url(img/z4.jpg);}
.z5 {background-image:  url(img/z5.jpg);}
.z6 {background-image:  url(img/z6.jpg);}
.z7 {background-image:  url(img/z7.jpg);}
.z8 {background-image:  url(img/z8.jpg);}
.z9 {background-image:  url(img/z9.jpg);}
.z10 {background-image:  url(img/z10.jpg);}
.z11 {background-image:  url(img/z11.jpg);}
.z12 {background-image:  url(img/z12.jpg);}
.z13 {background-image:  url(img/z1.jpg);}

.zz1 {background-image:  url(img/zz1.jpg);}
.zz2 {background-image:  url(img/zz2.jpg);}
.zz3 {background-image:  url(img/zz3.jpg);}
.zz4 {background-image:  url(img/zz4.jpg);}
.zz5 {background-image:  url(img/zz5.jpg);}
.zz6 {background-image:  url(img/zz6.jpg);}
.zz7 {background-image:  url(img/zz7.jpg);}
.zz8 {background-image:  url(img/zz8.jpg);}
.zz9 {background-image:  url(img/zz9.jpg);}
.zz10 {background-image:  url(img/zz10.jpg);}
.zz11 {background-image:  url(img/zz11.jpg);}
.zz12 {background-image:  url(img/zz12.jpg);}
.zz13 {background-image:  url(img/zz13.jpg);}

.blokPrzerwa {width: 26px; float: left; height: 100px;}
#blokL { float: left; width: 219px;}
#blokS { float: left; width: 431px; padding-top: 20px;}
#blokSDuzy { float: left; width: 676px; padding-top: 20px;}
#blokSA { float: left; width: 676px; padding-top: 20px;}
#blokP { float: left; width: 219px;}

.menu {margin-bottom: 32px; }
.menu .naglowek { height: 20px; background: url(img/menuNaglowek.jpg) no-repeat; text-align: left; color: white; }
.menu .naglowek div {padding-left: 28px; padding-top: 2px;}
.menu .zawartosc { background: url(img/menuTlo.jpg) repeat-y; text-align: left; color: white; }
.menu .zawartosc div { height: 29px; padding-left: 41px; background: url(img/ss.jpg) 15px 12px no-repeat; }
.menu .zawartosc div a { display: block; color: white; padding-top: 8px; }

.menu2 {margin-bottom: 32px; }
.menu2 .naglowek { height: 24px; background: url(img/menu2Naglowek.jpg) no-repeat; text-align: left; color: white; }
.menu2 .naglowek div {padding-left: 28px; padding-top: 2px;}
.menu2 .zawartosc { background: url(img/menu2Tlo.jpg) repeat-y; text-align: center; color: white; padding-bottom: 10px;}
.menu2 .zawartosc div {padding-top: 10px; display: block;}

.menu3 {margin-bottom: 32px; }
.menu3 .naglowek { height: 20px; background: url(img/menu3Naglowek.jpg) right top no-repeat; text-align: left; color: white; }
.menu3 .naglowek div {padding-left: 90px; padding-top: 2px;}
.menu3 .zawartosc { background: url(img/menu3Tlo.jpg) repeat-y; text-align: left; color: white; }
.menu3 .zawartosc div { height: 29px; padding-left: 41px; background: url(img/ss.jpg) 15px 12px no-repeat; }
.menu3 .zawartosc div a { display: block; color: white; padding-top: 8px; }

.menu4 {margin-bottom: 32px; }
.menu4 .naglowek { height: 20px; background: url(img/menu4Naglowek.jpg) right top no-repeat; text-align: left; color: white; }
.menu4 .naglowek div {padding-left: 90px; padding-top: 2px;}
.menu4 .zawartosc { background: url(img/menu4Tlo.jpg) repeat-y; text-align: center; color: white; padding-bottom: 10px;}
.menu4 .zawartosc div {padding-top: 10px; display: block;}

.news .naglowek { height: 32px;}
.news .naglowekS { float: left; height: 32px; width: 11px; background: url(img/naglowekS.jpg) no-repeat;}
.news .naglowekT { float: left; height: 32px;  background: url(img/naglowekT.jpg) repeat-x; padding-right: 20px; color: white;}
.news .naglowekT div { padding-top: 6px;}
.news .naglowekK { float: left; height: 32px; width: 11px; background: url(img/naglowekK.jpg) no-repeat;}
.news .tresc {color: #464529; text-align: justify; padding-top: 5px; padding-bottom: 10px;}
.news .czytajCalosc { float: left;}
.news .dodal {height: 26px; float: right; }
.news .dodalS { float: left; height: 26px; width: 7px; background: url(img/dodalS.jpg) no-repeat;}
.news .dodalT { float: left; height: 26px;  background: #f0eedf; color: #9f9383;}
.news .dodalT div { padding-top: 6px;}
.news .dodalK { float: left; height: 26px; width: 7px; background: url(img/dodalK.jpg) no-repeat;}

.news .kategorie { margin: 14px 0px; padding: 0px 15px; }
.news .kategoria  { height: 26px; float: left; padding-right: 5px;}
.news .kategoriaS { float: left; height: 20px; width: 7px; background: url(img/kategoriaS.jpg) no-repeat;}
.news .kategoriaT { float: left; height: 20px; background: #454545; color: white; font-size: 11px;}
.news .kategoriaT div { padding-top: 3px; padding-left: 7px; padding-right: 7px;}
.news .kategoriaT a {color: white; font-size: 11px;}
.news .kategoriaK { float: left; height: 20px; width: 7px; background: url(img/kategoriaK.jpg) no-repeat;}

.strony {font: 11px Verdana;}
.strony a {color: black;}
.strony a.wybrana { font-weight: bold;}

.nawigacja { height: 21px; background: #eeeeee; margin-top: 10px;}
.nawigacja div { padding-top: 4px;}
.nawigacja div.lewa {float: left; color: #395169; padding-left: 23px; font-size: 11px;}
.nawigacja div.prawa {float: right; color: black; font-size: 11px;}


.galeria {width: 100%;}
.galeria td {width: 33%; padding: 18px 0px; text-align: center; }
.galeria td img {border: 1px solid #a9a9a9; padding: 3px;}  

.archiwum {}
.archiwum .lewa {width: 40px; background: url(img/archiwum.jpg) 16px 0px no-repeat; height: 348px;}
.archiwum .prawa a {display: block; padding-top: 2px;}

.wywiady {}
.wywiady .lewa {width: 320px; }
.wywiady .prawa a {display: block;  font-size: 11px; padding: 2px;}
.wywiady .prawa a:hover {background: #eeeeee;}

.formularzKontaktowy {width: 100%;}
.formularzKontaktowy td {text-align: left;}
.formularzKontaktowy .pole input {border: 1px solid #CCCCCC; background: white; width: 206px;}
.formularzKontaktowy .pole select {border: 1px solid #CCCCCC; background: white; width: 206px;}
.formularzKontaktowy .pole textarea {border: 1px solid #CCCCCC; background: white; width: 100%; height: 181px;}

.termin {font-weight: bold; padding-top: 8px;}
.wydarzenie { padding-top: 5px; }

.komunikaty {padding: 10px 0px;}
.komunikaty div {text-align: center; font: bold 11px Verdana; color: red;}

.ranking td {width: 80px;}
.ranking .p {width: 20px; text-align: center;}

h4 { font: bold 12px Arial; padding: 10px; margin: 0px; text-align: left;}
.adm { font: 11px Tahoma; color: black; text-align: left; width: 600px; margin: auto; margin-bottom: 30px;}
.kolor1 { background: #eeeeee;}

.admDodaj { text-align: left; font: 11px Tahoma;}
.admDodaj .etykieta {text-align: right; padding-right: 10px;}
.admDodaj .pole input { width: 500px;}
.admDodaj textarea { width: 500px; height: 150px;}
.admDodaj .naglowek { padding-bottom: 10px;} 
.cen {text-align: center;}

#zawodnicy { width: 100%;}
#zawodnicy td { width: 33%; text-align: center; }
#zawodnicy a { color: #bb2600; font: bold 12px Arial; }


#page {
    position: relative;
    width: 100%;
    min-height: 100%; 
    height: auto !important;
    height: 100%;
}

#content {
    width: 921px; 
    margin: auto; 
    margin-top: 10px;
    padding-bottom: 95px;
}

#footer {
    width: 100%;
    height: 65px;
    position: absolute;
    bottom: 0 !important;
    bottom: -1px;
    left: 0px;
    background: url(img/stopka.jpg) repeat-x;
    text-align: center; 
}

#footerInside { width: 921px; margin: auto; } 

#liniaLeft { background: url(img/stopkaLinia.jpg) 0px 14px no-repeat; float: left; font-size: 2px; width: 3px; height: 65px;}
#liniaRight { background: url(img/stopkaLinia.jpg) 0px 14px no-repeat; float: right; font-size: 2px; width: 3px; height: 65px;}
#footerContentLeft { color: #ffffff; float: left; width: 300px; text-align: left; padding-top: 28px;}
#footerContentRight { color: #ffffff; float: left; width: 615px; text-align: right; padding-top: 28px; }
#footerContentLeft div, #footerContentRight div { padding: 0px 19px;}

.topPlp3_1 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top1.jpg); }
.topPlp3_2 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top2.jpg); }
.topPlp3_3 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top3.jpg); }
.topPlp3_4 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top4.jpg); }
.topPlp3_5 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top5.jpg); }
.topPlp3_6 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top6.jpg); }
.topPlp3_7 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top7.jpg); }
.topPlp3_8 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top8.jpg); }
.topPlp3_9 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top9.jpg); }
.topPlp3_10 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top10.jpg); }
.topPlp3_11 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top11.jpg); }
.topPlp3_12 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top12.jpg); }
.topPlp3_13 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top13.jpg); }
.topPlp3_14 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top14.jpg); }
.topPlp3_15 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top15.jpg); }
.topPlp3_16 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top16.jpg); }
.topPlp3_17 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top17.jpg); }
.topPlp3_18 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top18.jpg); }
.topPlp3_19 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top19.jpg); }
.topPlp3_20 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp3/top20.jpg); }

.topPlp5_1 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top1.jpg); }
.topPlp5_2 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top2.jpg); }
.topPlp5_3 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top3.jpg); }
.topPlp5_4 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top4.jpg); }
.topPlp5_5 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top5.jpg); }
.topPlp5_6 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top6.jpg); }
.topPlp5_7 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top7.jpg); }
.topPlp5_8 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top8.jpg); }
.topPlp5_9 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top9.jpg); }
.topPlp5_10 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top10.jpg); }
.topPlp5_11 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top11.jpg); }
.topPlp5_12 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top12.jpg); }
.topPlp5_13 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top13.jpg); }
.topPlp5_14 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top14.jpg); }
.topPlp5_15 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top15.jpg); }
.topPlp5_16 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top16.jpg); }
.topPlp5_17 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top17.jpg); }
.topPlp5_18 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top18.jpg); }
.topPlp5_19 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top19.jpg); }
.topPlp5_20 {width: 511px; height: 212px; float: left; background-repeat: no-repeat; background-image:  url(img/plp5/top20.jpg); }