body { text-align: center; margin: 0px; background: url(img/tlo.jpg) 0px 44px repeat-x #360031; }
a img {border-width: 0px;}
form {margin: 0px; padding: 0px;}

.clear { font-size: 2px; height: 1px; width: 100%; clear: both;}

.sortowanie {font: 11px Tahoma; border-bottom: 1px solid #D7D7D7; padding-bottom: 8px; margin-bottom: 8px;}
.sortowanie a { font: 11px Tahoma; color: #740079; }
.sortowanie a.wybrane {font-weight: bold;}

.stronaKomentarze {display: none;}

#nawigacja { font: 11px Tahoma; color: white; text-align: left; padding: 10px 10px; padding-bottom: 0px;} 
#nawigacja a { font: 11px Tahoma; color: white;}

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


a {text-decoration: none;}
a:hover {text-decoration: underline;}

#top {width: 100%; height: 44px; background: url(img/tlo_top.jpg) repeat-x;}
#top #kontener {width: 1015px; margin: auto;}
#top #lapki {width: 529px; height: 44px; background: url(img/top_lapki.jpg) right top no-repeat; float: left;}

#top #operacje {float: right; padding-right: 32px;}
#top .przerwa {width: 7px; height: 44px; background: url(img/top_przerwa.gif) no-repeat; float: left;}

#operacje a { color: #976696; font: 12px Arial; display: block; float: left; padding: 0px 7px; padding-top: 24px;}
#operacje .ulubione  { background: url(img/ulubione.jpg) center 7px no-repeat}
#operacje .startowa  { background: url(img/startowa.jpg) center 7px no-repeat}
#operacje .znajomy   { background: url(img/znajomy.jpg) center 7px no-repeat}
 

#topDolny {width: 1015px; margin: auto; height: 154px;}

#top2 { float: left; width: 186px; height: 154px; background: url(img/top2.jpg) no-repeat; }
#top3 { float: left; width: 288px; height: 154px; background: url(img/top3.jpg) no-repeat; }
#top4 { float: left; width: 226px; height: 154px; background: url(img/top4.jpg) no-repeat; }

a#logo { display: block; float: left; width: 315px; height: 154px; background: url(img/logo.jpg) no-repeat; }
a#dodajMaterial {display: block; width: 117px; height: 31px; margin-left: 74px; margin-top: 115px; }

#szukaj {margin-top: 115px; text-align: left; padding-left: 15px;}
#szukajPole, #szukajPrzycisk { float: left; }
#szukajPole { margin-top: 6px;}
#szukajPole input { width: 216px; height: 15px;  margin-right: 10px; border-width: 0px; background: transparent; color: #E7BDE7; font: 12px Verdana;}

#content { width: 1015px; margin: auto;}

#lewa {width: 232px; float: left; }
#lewa .blokNaglowek { width: 232px; height: 46px; margin-top: 1px; position: relative;}
#lewa .blokNaglowek a { color: white; font: 11px Arial; position: absolute; left: 173px; top: 25px;}

#lewa .blok { padding-left: 35px; text-align: left; }
#lewa .kategorie { background: url(img/kategorieTlo.jpg) 35px 0px repeat-y; padding-left: 45px;}
#lewa .kategorieTop {background: url(img/kategorieTop.jpg) 35px 0px no-repeat;  height: 10px; font-size: 2px;}
#lewa .kategorieDol {background: url(img/kategorieDol.jpg) 35px 0px no-repeat;  height: 10px; font-size: 2px;}

#lewa .kategoria { width: 174px; height: 29px; background: url(img/kategoria.jpg) no-repeat; }
#lewa .kategoria a {display: block; padding-left: 23px; padding-top: 8px;  font: 12px Tahoma; color: white; }
#lewa .kategoria a.wybrana {color: #FFED00; font-weight: bold;}
#lewa .podkategoria { width: 174px; height: 29px; }
#lewa .podkategoria a {display: block; padding-left: 34px; padding-top: 8px;  font: 12px Tahoma; color: white; background: url(img/strzalki.gif) 8px 12px no-repeat;}
#lewa .podkategoria a.wybrana {color: #FFED00; font-weight: bold;}


#lewa .ciemny {background: #f77a00; width: 194px; padding-left: 0px; float: right; margin-right: 3px;}
#lewa .blok .zdjecie { text-align: center;}
#lewa .blok .zdjecie img { border: 1px solid #ffce00; margin: 10px;}
#lewa .blok .pasek { height: 9px; background: url(img/pasek3.gif) center top no-repeat; clear: both; font-size: 2px;}
#lewa .blok div.nazwa { text-align: left; padding-left: 13px;}
#lewa .blok div.nazwa a { font: bold 11px Tahoma; color: white;}

#lewa .blok div.kat { text-align: left; padding-left: 13px; float: left; padding-top: 4px;}
#lewa .blok div.kat a { font: 11px Tahoma; color: #ffed00;}
#lewa .blok div.ogladaj { float: right; padding-right: 13px; padding-top: 1px;}

.srodek {width: 556px; float: left;}
.srodekDuzy {width: 783px; float: left;}
.srodekWew {width: 556px; margin:auto;}
#menuDzialy { height: 43px; }
#menuDzialy a {display: block; float: left; background-position: 0px 0px; background-repeat: no-repeat; height: 43px;}
#menuDzialy a:hover { background-position: 0px -43px; }
#menuDzialy a:active { background-position: 0px -86px; }
#menuDzialy a.wybrany { background-position: 0px -86px; }

#menuDzialy a.filmiki { background-image: url(img/dzialy/filmiki.gif); width: 63px;}
#menuDzialy a.dowcipy { background-image: url(img/dzialy/dowcipy.gif); width: 78px;}
#menuDzialy a.gry { background-image: url(img/dzialy/gry.gif); width: 45px;}

#menuDzialy a.zyczenia { background-image: url(img/dzialy/zyczenia.gif); width: 77px;}
#menuDzialy a.obrazki { background-image: url(img/dzialy/obrazki.gif); width: 71px;}
#menuDzialy a.tapety { background-image: url(img/dzialy/tapety.gif); width: 71px;}
#menuDzialy a.teksty { background-image: url(img/dzialy/teksty.gif); width: 62px;}
#menuDzialy a.opisygg { background-image: url(img/dzialy/opisygg.gif); width: 92px;}
#menuDzialy a.teledyski { background-image: url(img/dzialy/teledyski.gif); width: 80px;}
#menuDzialy a.tekstypiosenek { background-image: url(img/dzialy/tekstypiosenek.gif); width: 130px;}



.reklama {text-align: center; padding: 15px; }

.reklamaZTlem { margin-top: 2px; margin-bottom: 1px;}
.reklamaZTlem .gora {width: 553px; height: 7px; font-size: 2px; background: url(img/reklama_gora.jpg) no-repeat;}
.reklamaZTlem .dol {width: 553px; height: 7px; font-size: 2px; background: url(img/reklama_dol.jpg) no-repeat;}
.reklamaZTlem .zawartosc {width: 553px; background: #58166e; height: 91px;}

.glownaZawartosc { margin-top: 2px; font: 12px Tahoma; }
.glownaZawartosc .gora {font-size: 2px; width: 553px; height: 9px; background: url(img/srodek_gora.gif) no-repeat;}
.glownaZawartosc .dol {font-size: 2px; width: 553px; height: 9px; background: url(img/srodek_dol.gif) no-repeat;}

.glownaZawartosc .gora2 {font-size: 2px; width: 783px; height: 9px; background: url(img/srodek_gora2.gif) no-repeat;}
.glownaZawartosc .dol2 {font-size: 2px; width: 783px; height: 9px; background: url(img/srodek_dol2.gif) no-repeat;}

.glownaZawartosc .zawartosc { width: 553px; background: white; }
.glownaZawartosc .zawartoscDuza { width: 783px; background: white; }

.news { padding: 0px 27px; }
.news .data { color: #a1a6ae; float: right;}
.news .tytul { color: #393939; float: left;}
.news .tytul a.t {color: #740079; font: bold 12px Tahoma;}
.news .tresc {color: #393939; padding-top: 15px; text-align: left; clear: both;}
.news .trescTekst {color: #848484; padding-top: 15px; text-align: left; clear: both; padding-bottom: 4px;}
.news .trescTekst a { color: #848484; }
.news .zdjecie { float: right; text-align: right; padding-left: 10px;}

.news .pasek { text-align: center; background: url(img/pas2.gif) 0px 8px repeat-x; float: left; width: 400px; font-size: 2px; height: 15px;}
.news .pasek img { margin-top: 5px;}
.news .skomentuj { float: right; padding-left: 14px; background: url(img/kartka.gif) 0px 2px no-repeat;}
.news .skomentuj a { font: 11px Tahoma; color: #7b0084;}

.tekstPasek { margin: auto; width: 547px;  height: 31px; background: url(img/tekstPasekPrawa.gif) right top no-repeat #E69400; margin-bottom: 10px;}
.tekstPasek div {float: left;}
.tekstPasek .ocena {padding-top: 6px;}

.tekstPasek .glosow {color: #FEE8B0; padding-left: 6px; padding-top: 9px; font: 12px Tahoma;}
.tekstPasek .dodal {color: white; padding-left: 10px; padding-top: 9px; font: 12px Tahoma;}
.tekstPasek .dodal a {color: white;  font: bold 12px Tahoma;}
.tekstPasek .kategoria {color: white; padding-left: 6px; padding-top: 9px; font: 12px Tahoma;}
.tekstPasek .kategoria a {color: #FFED00;  font:  12px Tahoma;}
.tekstPasek .dodajDoUlubionych { padding-left: 6px; padding-top: 9px;}
.tekstPasek .dodajDoUlubionych a {color: white;  font: bold 12px Tahoma; background: url(img/plus.gif) 0px 4px no-repeat; padding-left: 12px; display: block;}

.gry { margin: auto; width: 545px;  }
.gry .przerwa {width: 4px; font-size: 2px; clear: none;}
.gry .przrwaPionowa {font-size: 2px; height: 4px; }
.gra { width: 268px; border: 1px solid #CECECF; padding: 3px 0px; }
.gra .obrazek { float: left; padding-left: 2px; padding-right: 5px;}
.gra .obrazek img { border: 1px solid #8C8C8C;  }
.gra .informacje {float: left; width: 130px; text-align: left;}
.gra .tytul a {color: #B600FE; font: bold 12px Arial;}
.gra .opis { font: 12px Tahoma; #636363; margin-top: 13px;}
.gra .opis span {color: #F78400; font-weight: bold; }
.gra .odslon { float: left; clear: left; font: bold 12px Arial; color: #9C52AD; width: 125px; padding-top: 15px;}
.gra .zagraj {float: right; padding-top: 9px; padding-right: 3px;}

.film { padding: 0px 11px; margin-bottom: 10px; }
.film .tytul {color: #740079; font: bold 12px Tahoma; padding-left: 30px; background: url(img/strzalka2.gif) 13px 4px no-repeat; text-align: left; border-bottom: 1px solid #D7D7D7; padding-bottom: 9px; margin-bottom: 10px;}
.film .tagi {color: #5A085A; font: bold 12px Tahoma; text-align: left;}
.film .tagi a {color: #686868; font: 12px Tahoma;}
.film .opis span {color: #F78400; font: bold 12px Tahoma; text-align: left;}
.film .opis {color: #5A5A5A; font: 12px Tahoma; text-align: left; margin-top: 13px; margin-bottom: 17px;}

.film .dodal {color: #686868; font:  12px Tahoma; text-align: left; border-bottom: 1px solid #D7D7D7; padding-bottom: 6px; margin-bottom: 9px;}
.film .dodal a.user {color: #A327AD; font: bold 12px Tahoma;}
.film .dodal a {color: #3B3C37; font:  12px Tahoma;}
.film .wyswietlen {float: right; color: #3B3C37;}
.film .glosow {padding-left: 10px; padding-top: 8px; }

.film .ocena {color: #686868; font:  12px Tahoma;}
.film .ocena div.tekst {padding-top: 10px; padding-right: 10px;}
.film .ocena div {float: left;}

.film .operacje { clear: both; margin-top: 16px; padding-top: 7px; border-top: 1px solid #D7D7D7; margin-bottom: 10px; padding-bottom: 7px; border-bottom: 1px solid #D7D7D7;}

.dodajKomentarz { font: 11px Arial; text-align: left; border-bottom: 1px solid #D7D7D7; }
.dodajKomentarz .polecenie { background: url(img/strzalka3.gif) 0px 4px no-repeat; font-weight: bold; padding-left: 12px;}
.dodajKomentarz textarea { border: 1px solid #909090; background: transparent; width: 98%; height: 79px;}
.dodajKomentarz .przycisk { padding: 5px 0px; text-align: right; float; right;}

.nadkomentarzeUzytkownicy { text-align: right;}
.komentarzeUzytkownicy { width: 80%; margin-right: 50px; margin-left: auto;; padding-top: 20px;}

.komentarz {text-align: left; border-bottom: 1px solid #D7D7D7; padding-bottom: 12px; padding-top: 10px;}
.komentarz .avatar {float: left; padding-left: 4px; padding-right: 21px;}
.komentarz .avatar img {border: 1px solid #514F4F;}
.komentarz .tresc { font: 12px Tahoma; color: #3B3C37;}
.komentarz .autor { font: 12px Tahoma; color: #CE98D0;  margin-top: 10px;}
.komentarz .autor span {color: #9EA8B7;}
.komentarz .autor a {color: #A327AD; font: bold 12px Tahoma;}

#strony { text-align: center; }
#strony a { font: 13px Arial; color: black;}
#strony a:hover { color: #740079;}
#strony a.wybrana {color: #740079; font-weight: bold;}
#strony a:hover { color: #740079;}

.tytulStrony {color: #740079; font: bold 12px Tahoma; color: #393939; text-align: left; margin-bottom: 7px; padding-bottom: 7px; border-bottom: 1px solid #740079; width: 95%; margin: auto; padding-left: 10px;}

.listaUlubione { padding: 10px; }
.listaUlubione a {padding: 0px 10px; font: 11px Tahoma; color: black;}
.listaUlubione a:hover {font-weight: bold;}

a.usunZUlubionych { font: 11px Tahoma; color :red; clear: both;} 

form table {width: 400px; margin: auto;}
form table .etykieta { font: 12px Arial; color: black; text-align: right; padding-right: 5px;  width: 200px;}
form table .pole {text-align: left;}
form table .pole  input { width: 250px;}
form table .pole select { width: 250px;}



#profilInformacje { float: left; margin-left: 40px;  text-align: left; padding-top: 20px; font: 11px Tahoma;}
#profilAvatar {float: left; text-align: left; padding-left: 10px; padding-right: 20px; padding-top: 20px;}
#profilInformacje .e {font-weight: bold; padding-right: 20px; }
#profilInformacje td { padding: 2px 0px;}


a.profil { color: #f5af00; font: bold 12px Tahoma;}

.prawa { width: 227px; float: left; background: url(img/paneluzytkownika_tlo.jpg) right top no-repeat; text-align: left;}

#paneluzytkownikaNaglowek {background: url(img/paneluzytkownika.gif) no-repeat; width: 193px; height: 28px;}
#paneluzytkownika {background: url(img/paneluzytkownika_dol.jpg) left bottom no-repeat #737373; width: 193px; height: 122px;}
#paneluzytkownika .pole { padding-left: 12px; height: 31px; background: url(img/paneluzytkownika_pole.jpg) 6px 0px no-repeat; padding-top: 5px;}
#paneluzytkownika .pole input { width: 165px; height: 15px;  border-width: 0px; background: transparent; color: #737373; font: 12px Verdana; text-align: left; padding-top: 3px;}
#paneluzytkownika .odnosniki { float: left;}
#paneluzytkownika .odnosniki a{ display: block; color: white; font: 11px Tahoma; padding-left: 10px; background: url(img/kreskaOdnosniki.gif) no-repeat; padding-top: 8px;}
#paneluzytkownika .przycisk { float: right;}

#paneluzytkownika .odnosniki2 { }
#paneluzytkownika .odnosniki2 a{ display: block; color: white; font: 12px Arial; padding-left: 10px; padding-top: 2px; padding-bottom: 2px;}

.prawa .blokNaglowek { width: 227px; height: 46px; margin-top: 1px; position: relative; clear: both;}
.prawa .blokNaglowek a { color: white; font: 11px Arial; position: absolute; left: 12px; top: 25px;}

.prawa .blok {width: 194px; float: left; text-align: center;}
.prawa .ciemny {background: #260022;}
.prawa .blok .zdjecie img { border: 1px solid #ffce00; margin: 10px;}
.prawa .blok .pasek { height: 9px; background: url(img/pasek.gif) center top no-repeat; clear: both; font-size: 2px;}
.prawa .blok div.nazwa { text-align: left; padding-left: 13px;}
.prawa .blok div.nazwa a { font: bold 11px Tahoma; color: white;}

.prawa .blok div.kat { text-align: left; padding-left: 13px; float: left; padding-top: 4px;}
.prawa .blok div.kat a { font: 11px Tahoma; color: #ffed00;}
.prawa .blok div.ogladaj { float: right; padding-right: 13px; padding-top: 1px;}

.prawa .blok .pasek2 { height: 5px; font-size: 2px; background: url(img/pasek2.gif) left top no-repeat; clear: both;}
.prawa .blok .partnerzy { font: 12px Arial; padding: 2px 0px; color: #ce9cce; padding-left: 30px; background: url(img/strzalka.gif) 15px 7px no-repeat; display: block; text-align: left;}




#stopka { height: 95px; width: 100%; background: url(img/stopka.gif) repeat-x; text-align: center;}
#stopkaWnetrze { width: 930px; margin: auto;}
#stopkaStatystyki { float: left; font: 12px Arial; color: white; text-align: left; margin-top: 20px;}
#stopkaStatystyki div { margin-bottom: 10px;}

#stopkaDzialy { float: right;   background: url(img/stopka_d_tlo.jpg) 0px 10px repeat-x; padding-top: 10px;}
#stopkaDzialy div { float: left; background: url(img/stopka_d_srodek.jpg) no-repeat; width: 3px; height: 27px; font-size: 2px;}
#stopkaDzialy div.prawa { background-image: url(img/stopka_d_prawa.jpg);}
#stopkaDzialy div.lewa { background-image: url(img/stopka_d_lewa.jpg);}
#stopkaDzialy a { float: left; display: block; color: white; font: 12px Arial; text-align: center; padding: 0px 14px; margin-top: 10px;}
#stopkaDzialy a:hover { color: #ffed00; }



#stopkaPodpis { float: right; clear: right; color: white; font: 12px Arial; width: 70%; text-align: right; margin-top: 20px;}
#stopkaPodpis a { color: #ffed00; font: 12px Arial;}

.generator { text-align: left; width: 300px; margin: auto; margin-top: 10px; margin-bottom: 10px;}
.generator textarea{ width: 290px;}

.daty {padding: 10px; text-align: left;}
.daty a {font: 12px Tahoma; color: black;}
.daty a.rok {font-weight: bold;}

.historia {padding: 10px; text-align: left;}
.historia .pozycja {font: bold 11px Tahoma;}
.historia .pozycja {font: bold 11px Tahoma;}
.historia .elementy {padding: 10px; display:none;}
.historia .elementy {font: 10px Tahoma; color: black;}
.historia .elementy a {font: 11px Tahoma; color: black;}
.historia .okres {font: bold 12px Tahoma; color: black; padding-bottom: 4px; border-bottom: 1px solid black; margin-bottom: 4px;}

.listaPanel { width: 700px; margin: auto;}
.listaPanel td {text-align: left;}
.listaPanel td {text-align: left; padding: 4px;}
.listaPanel td.linia { padding: 5px; background: url(img/linia.jpg) center center repeat-x;}
.listaPanel a { color: #131F95; }
.listaPanel a.edytuj { color: black; }

.formAdmin { margin-top: 8px; }
.formAdmin table.ust { width: 700px;}
.formAdmin .etykieta { font: 12px Arial; color: black; text-align: right; padding-right: 5px;  }
form.formAdmin table td.etykieta2 { font: 12px Arial; color: black; text-align: left; padding-right: 5px;  }
.formAdmin .pole input { width: 400px; }
.formAdmin .pole textarea { width: 400px; height: 150px;}

#dodajTeledysk { margin-bottom: 10px; display: none; }
#dodajTeledysk textarea { width: 90%; height: 120px;}
#dodajTlumaczenie { margin-bottom: 10px; display: none; }
#dodajTekst { margin-bottom: 10px; display: none; }
#dodajTlumaczenie textarea { width: 90%; height: 120px;}
#dodajTekst textarea { width: 90%; height: 120px;}

#tekstPiosenki { width:100%; }
#tekstPiosenki td { width: 50%; padding: 10px; text-align: left;}
#tekstPiosenki div { padding-bottom: 8px;}

#zdjeciaMiniaturki { width: 600px; margin: auto; margin-top: 10px;}
#zdjeciaMiniaturki img { cursor: hand;}

#ocenyProfilu {}
#ocenyProfilu .glosow { padding: 5px 0px;}


table td { vertical-align: top;}


.tapetyRozmiary table { width: 500px; margin: auto; margin-bottom: 10px;}
.tapetyRozmiary th { text-align: left;}
.tapetyRozmiary td { text-align: left; width: 33%;}
.tapetyRozmiary td a {display: block; color: black; padding-bottom: 2px;}

#wiadomosci { width: 500px; margin: 0px auto; } 
#wiadomosci .l { text-align: left;}
#wiadomosci .r { text-align: right;}

#wiadomosci a { color: #000000; }
#wiadomosci th { padding-bottom: 3px; }

.formularz table { margin: 10px 10px; width: 100%;}
.formularz .etykieta { font-weight: bold; text-align: right; padding-right: 10px; width: 50px;}
.formularz .pole {text-align: left;}
.formularz .pole input { width: 430px;}
.formularz .pole textarea { width: 430px; height: 120px;}

#wiadomosc { text-align: left; width: 520px; margin: 0px auto; padding: 10px 0px;}
#wiadomosc div {padding-bottom: 4px;}
#wiadomosc div.tresc {padding-top: 6px;}
#wiadomosc div.powrot { padding-top: 6px ; text-align: center;}
#wiadomosc div.powrot a { color: #0000ff;  }

.naglowek { text-align: left; font: bold 14px Tahoma; padding: 5px 10px; color: #620358; border-bottom: 1px solid #D7D7D7;}
.tekstGlowna { text-align: left; padding: 5px 10px;}

.odnosnikiWTytule { padding: 8px 20px; text-align: left; color: #000000;}
.odnosnikiWTytule a { color: #0000ff;}

.znajomiLista {
    width: 480px;
    margin: 10px auto;
}

.znajomiLista td {
    width: 120px;
    padding: 0px;
    padding-bottom: 17px;
    text-align: center;   
}

a.user {color: #A327AD; font: bold 12px Tahoma;}
.znajomiLista .avatar { padding: 3px;}

.historiaPunktowSpis { 
    text-align: left;
    padding: 5px 20px;
}

.historiaPunktowSpis h3 {
    text-align: left;
    color: #360031;
    font: bold 12px Arial;
    padding-bottom: 3px;
    margin-bottom: 7px;
    border-bottom: 1px solid #360031;
}

.historiaPunktowSpis .elementSpisu {
    padding-left: 10px;
    padding-bottom: 3px;
}

.historiaPunktowSpis .elementSpisu a {
    color: #000000;
    
}

.historiaPunktowSpis .elementSpisu .dataDodania {
    color: #bbbbbb;
}

.historiaPunktowSpis .elementSpisu div.dataDodania {
    padding-top: 2px;
}

.historiaPunktowSpis .elementSpisu .obrazek {
    padding-bottom: 6px;
}


.historiaPunktowSpis .wiecej {
    padding-right: 10px;
    text-align: right;
    padding-top: 5px;
}

.historiaPunktowSpis table {
    width: 100%;
}

.historiaPunktowSpis table td {
    width: 20%;
    text-align: center;
    vertical-align: bottom;
}