@media only screen and (min-width: 990px) and (max-width: 1189px) {
#naglowek { width: 980px; margin: 0px auto; text-align: center; background: #FFFFFF; }
#srodek { width: 980px; margin: 0px auto; overflow:auto;  }
#lewa { width: 200px; height: auto; float: left; text-align: left; padding: 10px 3px; margin: 10px 2px;  }
#prawa { width: 760px; float: right; border-left: 1px #5885c0 dotted; padding: 10px 3px; margin: 10px 0px; }
#stopka { width: 980px; margin: 10px auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted; }
}  
            
@media only screen and (min-width: 1190px) {
#naglowek { width: 1180px; margin: 0px auto; text-align: center; background: #FFFFFF; }
#srodek { width: 1180px; margin: 0px auto; overflow: auto; }
#lewa { width: 260px; height: auto; float: left; text-align: left; padding: 10px 3px; margin: 10px 2px;  }
#prawa { width: 900px; float: right; border-left: 1px #5885c0 dotted; padding: 10px 3px; margin: 10px 0px; }
#stopka { width: 1180px; margin: 10px auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted; }
}


/* style300 */
@media only screen and (min-width: 320px) and (max-width: 839px) {

img { max-width: 100%; }
#info_cookies { width: 95%; }
#naglowek { width: 100%; margin: 0px auto; padding: 0px; overflow: visible; text-align: center; background: #FFFFFF; }
#srodek { width: 100%; margin: 0px auto; padding: 0px; overflow: visible; }
#lewa { width: 99%; height: auto; padding: 0px; margin: 10px auto; text-align: center; }
#prawa { width: 99%; height: auto; padding: 0px; margin: 10px auto; }	
#info_online { width: 99%; display: block; margin: 10px auto; }
#info_online li { display: inline-block; width: auto; }
#stopka { width: 100%; margin: 0px auto; clear: both; text-align: center; padding: 0px; overflow: visible; }
#baner { display: none; width: 0px; height: 0px; }
#logo { margin: 5px auto; }
#formularz_logowania { float: none; width: 305px; margin: 5px auto; clear: both; text-align: center; } 
#logowanie_form2 { overflow: auto; width: auto; }
#logowanie_form2 ul { overflow: auto; }
#logowanie_form2 li { float: left; }
#logowanie_form2 li.email { width: 100px; }
#logowanie_form2 li.haslo { width: 100px; }
#logowanie_form2 li.przycisk { width: 60px; }
#logowanie_form2 li.email input { width: 45px; }
#logowanie_form2 li.haslo input { width: 45px; }
#logowanie_form2 li.przycisk input { width: 60px; }
#strony a { font-size: 16px; padding: 8px; }
#strony a:hover { font-size: 16px; }
#strony span.aktywny { font-size: 16px; }
.okienko { width: 90%; margin: 5px auto; padding: 2px; }
#mobilne_menu { float: left; margin: 10px auto; width: 42px; height: 42px; background-image: url(grafika/menu_mobilne.gif); background-position: right center; background-repeat: no-repeat; cursor: pointer; }
#mobilne_kategorie { cursor: pointer; margin: 0px auto 5px; font-size: 14px; color: #fcc022; font-weight: bold; width: 140px; text-align: center; text-decoration: underline; display: inline-block; }
#mobilne_top { cursor: pointer; margin: 0px auto 5px; font-size: 14px; color: #fcc022; font-weight: bold; width: 140px; text-align: center; text-decoration: underline; display: inline-block; }
#menu { overflow: hidden; width: 0px; height: 0px; margin: 0px auto; text-align: center; border-width: 0px; }
#menu a { font-size: 14px; display: block; margin: 5px auto; }
#menu ul { margin: 3px; padding: 0px; }
#menu li { display: block; }
a {text-decoration: none; color: #5A5A5A; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:link, a:visited, a:hover, a:active { font-size: 14px; }
a.kg, a.kg:link, a.kg:active, a.kg:visited, a.kg:hover { font-size: 14px; }
a.pk, a.pk:link, a.pk:active, a.pk:visited, a.pk:hover { font-size: 12px; }
a.kgw, a.kgw:link, a.kgw:active, a.kgw:visited, a.kgw:hover { font-size: 14px; }
a.pkw, a.pkw:link, a.pkw:active, a.pkw:visited, a.pkw:hover { font-size: 12px; }
#szukaj { width: 260px; margin: 10px auto 5px; overflow: hidden; }
#szukaj div input { width: 100px; }
#szukaj div.szukany { width: 120px; float: left; }
#szukaj div.przyciski { width: 130px; float: left; }
#lista_kartek ul li div.kartka { padding: 3px; margin: 1px; width: auto; max-width: 137px; }
#lista_kartek ul li div.kartka div.zdjecie { padding: 3px; }
#kategorie { overflow: hidden; clear: both; max-width: 250px; width: 0px; height: 0px; margin: 0px auto; padding: 0px; text-align: center; }	
#kategorie li.kategoria { text-align: left; padding: 2px 2px 2px 20px; }
#kategorie li ul li.podkategoria { text-align: left; padding-left: 30px; }
#top { overflow: hidden; clear: both; width: 0px; height: 0px; margin: 0px auto; padding: 0px; text-align: center; }
#top a { margin: 2px; display: block; }
#imieniny { margin: 1px auto; text-align: center; }
#kategoria_tytul { text-align: center; }
#form_cytaty input { width: 70px; }
#form_wiersze { width: 290px; text-align: left; }
#pokaz_wiersze li { width: 80%; }
#lista_zyczen li.zyczenie { width: 80%; margin: 30px auto; }
#kontakt { margin: 10px auto; }
#kalendarz { width: 95%; margin: 0px auto; padding: 0px; }
#kalendarz ul { width: 99%; margin: 5px 0px; padding: 0px; }
#kalendarz li { width: 98%; }
#kalendarz li div.dzien_miesiac { width: 130px; }
#kalendarz li div.dzien_tyg { width: 130px; }
#kalendarz li div.imieniny { width: 97%; clear: both; }
#kalendarz li div.imieniny span.slonce { margin: 5px 0px; display: block; font-family: Arial; font-size: 12px; }
#rejestracja { width: 300px; margin: 10px auto; }
#rejestracja_formularz { width: 99%; }
#rejestracja_formularz ul { width: 98%; padding: 0px; }
#rejestracja_formularz ul li { width: 98%; padding: 0px; }
#rejestracja_formularz ul li div.wartosc { width: 160px; }
#rejestracja_formularz ul li div.wartosc input { width: 145px; }
#rejestracja_formularz ul li div.wartosc input[type="radio"] { width: 15px; margin: 2px 10px 2px 40px; padding: 0px; }
#rejestracja_formularz ul li div.wartosc select { margin: 5px 0px; }
#witaj_konto { width: 90%; }
#menu_konto { display: none; width: 90%; height: auto; margin: 0px auto 20px; padding: 0px; }
#menu_konto ul { margin: 0px; padding: 0px; }
#menu_konto ul li { margin: 3px; padding: 2px; display: inline-block; }
#konto_dane { width: 285px; margin: 10px auto; }
#konto_dane ul { width: auto; margin: 0px; padding: 2px 5px; }
#konto_dane li { width: auto; padding: 5px 2px; margin: 2px; }
#konto_dane div.dan_opis { width: 110px; margin-top: 3px; }
#konto_dane div.dan_warosc { width: 137px; text-align: left; }
#konto_dane div.dan_warosc input { width: 125px; }
#konto_dane div.dan_warosc input[type="radio"] { width: 20px; margin: 2px 10px 2px 20px; padding: 0px; }
#konto_dane div.dan_warosc select { margin: 5px 0px; }
#formularz_omnie { width: 290px; margin: 10px auto; }
#formularz_omnie ul { width: auto; margin: 0px; padding: 2px 5px; }
#formularz_omnie li { width: auto; padding: 5px; margin: 3px; }
#formularz_omnie li div.opis { width: 250px; margin-top: 3px; text-align: center; }
#formularz_omnie li div.wartosc { width: 250px; text-align: center; margin: 0px auto; }
#formularz_omnie li div.wartosc textarea { width: 240px; height: 210px; }
#nowy_kontakt { width: 290px; margin: 10px auto; }
#nowy_kontakt ul { width: auto; margin: 0px; padding: 2px 5px; }
#nowy_kontakt li { width: auto; padding: 0px 5px; margin: 5px 0px; }
#nowy_kontakt li div.opis { width: 100px; }
#nowy_kontakt li div.wartosc { width: 140px; }
#nowy_kontakt li div.wartosc input { width: 125px; }
#form_przypominajka { width: 290px; margin: 10px auto; }
#form_przypominajka ul { width: auto; margin: 0px auto; padding: 0px; }
#form_przypominajka ul li { width: auto; padding: 2px 5px; margin: 5px 0px; }
#form_przypominajka ul li div { margin: 2px auto; text-align: center; }
#form_przypominajka ul li div.opis { width: 270px; }
#form_przypominajka ul li div.wartosc { width: 270px; }
#form_przypominajka ul li div.wartosc textarea { width: 250px; height: 100px; margin: 5px auto; }
#form_przypominajka ul li div.wartosc input[type="text"] { width: 250px; }
#form_konto_zyczenie { width: 290px; margin: 10px auto; padding: 0px; }
#form_konto_zyczenie ul { width: auto; margin: 0px; padding: 2px; }
#form_konto_zyczenie ul li { width: auto; padding: 3px; margin: 10px 0px; }
#form_konto_zyczenie ul li textarea { width: 270px; margin: 0px auto; }
#form_dodaj_kartke { width: 290px; margin: 10px auto; padding: 1px; }
#form_dodaj_kartke ul {width: auto; height: auto; margin: 10px 0px; padding: 0px; }
#form_dodaj_kartke ul li {width: auto; height: auto; padding: 2px; margin: 3px; border: 1px #2596BB dotted; }
#form_dodaj_kartke ul li div { width: 250px; margin: 0px auto; text-align: center; padding: 0px; }
#form_dodaj_kartke ul li div.opis { text-align: center; padding: 5px; margin-bottom: 5px; font-weight: bold; }
#form_dodaj_kartke ul li div.opis br { display: none; }
#form_dodaj_kartke ul li div.wartosc { text-align: center; }
#form_dodaj_kartke ul li div.wartosc input[type="text"] { width: 240px; }
#form_dodaj_kartke ul li div.wartosc input[type="checkbox"] { width: auto; }
#form_dodaj_kartke ul li div.komentarz { font-size: 12px; margin-top: 10px; }
#twoje_dod_kartki { width: 290px; margin: 10px auto; padding: 1px; }
#lista_kontaktow { width: 290px; margin: 10px auto; padding: 0px; }
#lista_kontaktow ul { width: auto; margin: 0px; padding: 2px 5px; }
#lista_kontaktow ul li { width: auto; padding: 0px 5px; margin: 10px 0px; }
#lista_kontaktow ul li.tytul div.imie_nazwisko { width: 210px; font-size: 12px; border-right: none; color: inherit; }
#lista_kontaktow ul li.tytul div.email { width: 210px; margin: 0px; border-right: none; }
#lista_kontaktow ul li.tytul div.edytuj { width: 46px; margin: 0px; } 
#lista_kontaktow ul li.tytul div.usun { width: 46px; margin: 0px; } 
#lista_kontaktow ul li div { margin: 0px; padding: 2px; }
#lista_kontaktow ul li div.imie_nazwisko { width: 220px; text-align: left; font-size: 14px; border-right: 1px #2596BB dotted; color: green; float: left; }
#lista_kontaktow ul li div.email { width: 220px; text-align: left; margin-top: 5px; clear: left; border-right: 1px #2596BB dotted; float: left; }
#lista_kontaktow ul li div.edytuj { width: 30px; margin: 0px; padding: 1px; clear: both; display: inline-block; }
#lista_kontaktow ul li div.usun { width: 30px; margin-top: 10px; padding: 1px; display: inline-block; }
#lista_kartek_uzytk { width: 99%; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul { width: 99%; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul li { width: 99%; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul li div.kartka { font-size: 12px; width: auto; height: auto; padding: 2px; margin: 2px 1px; max-width: 137px; }
#lista_kartek_uzytk ul li div.kartka div.zdjecie { padding: 3px; }
#pokaz_kartke { width: 99%; height: auto; margin: 0px auto; padding: 0px; }
#pokaz_kartke ul { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#pokaz_kartke ul li { width: auto; height: auto; padding: 5px 0px; margin: 2px auto; }
#pokaz_kartke ul li div#kartka { width: auto; height: auto; margin: 0px auto; padding: 10px 0px; max-width: 99%; }
#pokaz_kartke ul li div#ocen_kartke { width: 200px; }
#pokaz_kartke ul li div.liczba_adresatow { width: 180px; padding: 0px; margin: 0px auto 10px; }
#pokaz_kartke ul li div.adresat { width: 250px; text-align: right; margin: 10px auto; padding: 5px 0px; }
#pokaz_kartke ul li div.adresat div.adresat_nazwa { margin: 0px auto; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_email { margin: 0px; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_kontakty { margin: 3px auto; padding: 3px; }
#pokaz_kartke ul li div.nadawca { width: 250px; text-align: right; margin: 10px auto; padding: 5px 0px; }
#pokaz_kartke ul li div.nadawca div.nadawca_nazwa { margin: 0px auto; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_email { margin: 0px auto; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_ujawnij { width: auto; margin: 0px auto; padding: 5px; }
#pokaz_kartke ul li div.nadawca div#pseldonimy { text-align: left; margin-left: 30px; }
#pokaz_kartke ul li div#czcionka { width: 85%; margin: 10px auto; padding: 10px; max-width: 480px; }
#pokaz_kartke ul li div#obszar_kolory { width: 80%; min-width: 250px; max-width: 490px; }
#pokaz_kartke ul li div#znaczki { width: 99%; max-width: 600px; }
#pokaz_kartke ul li div#tekst_wiadomosci { width: 80%; max-width: 500px; }
#przeczytaj_kartke div { max-width: 99%; }
#przeczytaj_kartke div.kartka_zew { width: 90%; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew { width: 99%; text-align: center; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_zdjecie { max-width: 99%; padding: 5px 3px; margin: 10px 3px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_znaczek { display: inline-block; margin: 10px auto; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy { display: inline-block; margin: 10px auto; }
#przyciski { max-width: 99%; }
#przyciski div.przycisk { max-width: 98%; display: inline-block; }
#lista_przypomnien { width: 300px; margin: 10px auto; padding: 0px; }
#lista_przypomnien ul { width: auto; }
#lista_przypomnien ul li { width: auto; text-align: center; padding: 2px; margin: 0px auto; }
#lista_przypomnien ul li:first-child { text-align: center; }
#lista_przypomnien ul li.tytul { margin: 10px auto 15px; }
#lista_przypomnien ul li div { margin: 0px auto; padding: 2px; text-align: center; }
#lista_przypomnien ul li div.rodzaj { width: 100px; color: green; float: left; font-weight: bold; }
#lista_przypomnien ul li div.nazwa { width: 170px; float: left; }
#lista_przypomnien ul li div.data { width: 100px; clear: both; float: left; }
#lista_przypomnien ul li div.edytuj { width: 45px; float: left; }
#lista_przypomnien ul li div.usun { width: 35px; float: left; }
#lista_przypomnien ul li div.przypomnienie { width: 78px; color: orange; float: left; }
#konto_lista_kartek { max-width: 350px; }
#konto_lista_kartek ul li div {  }
#konto_lista_kartek ul li div.osoba { width: 95%; display: inline-block; color: green; }
#konto_lista_kartek ul li div.osoba a { color: green; }
#konto_lista_kartek ul li div.data { width: 168px; display: inline-block; color: orange; }
#konto_lista_kartek ul li div.data a { color: orange; }
#konto_lista_kartek ul li div.email { width: 95%; display: inline-block; }
#konto_lista_kartek ul li div.zobacz { width: 20px; display: inline-block; }
#konto_lista_kartek ul li div.usun { width: 13px; display: inline-block; }
#konto_lista_kartek ul li div.wyslano { width: 15px; text-align: center; display: inline-block; }
#konto_lista_kartek ul li div.przeczytano { width: 15px; text-align: center; display: inline-block; }
#mobilne_menu_konta { cursor: pointer; margin: 0px auto 20px; font-size: 14px; color: #fcc022; font-weight: bold; width: 140px; text-align: center; text-decoration: underline; }
#o_mnie div.omnie_info { width: 90%; display: block; margin: 10px auto; }
#o_mnie div.omnie_zdjecie { width: 90%; display: block; margin: 10px auto; }
#o_mnie div.omnie_podsum { width: 90%; display: block; margin: 10px auto; text-align: center; }
#uzytkownicy { width: 315px; }
#uzytkownicy_top li div { width: auto; }
#uzytkownicy_top li.tytul div.pseudonim { width: auto; }
#uzytkownicy_top li.tytul div.liczba { width: 50px; }
#uzytkownicy_top li.tytul div.liczba_wys { width: 75px; }
#uzytkownicy_top li.tytul div.gwiazdki { width: 55px; }
#uzytkownicy_top li div.numer { width: 25px; display: none; }
#uzytkownicy_top li div.pseudonim { width: 120px; }
#uzytkownicy_top li div.liczba { width: 40px; text-align: center; }
#uzytkownicy_top li div.liczba_wys { width: 40px; text-align: center; }
#uzytkownicy_top li div.gwiazdki { width: 60px; float: right; text-align: center; }


}

/* style800 */
@media only screen and (min-width: 840px) and (max-width: 989px) {

#info_cookies { width: 95%; }
#naglowek { width: 835px; margin: 0px auto; padding: 0px; text-align: center; background: #FFFFFF; }
#srodek { width: 835px; margin: 0px auto; overflow: auto; padding: 0px; }
#lewa { width: 180px; height: auto; float: left; text-align: left; padding: 10px 1px; margin: 10px 0px;  }
#prawa { width: 645px; float: right; border-left: 1px #5885c0 dotted; padding: 10px 1px; margin: 10px 0px; }
#stopka { width: 835px; margin: 10px auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted; }
#baner { display: none; width: 0px; height: 0px; }
#logo { float: left; margin: 5px auto; }
#formularz_logowania { float: right; width: 155px; margin: 5px 10px; text-align: right; } 
#logowanie_form2 { width: 150px; }
#logowanie_form2 li.email { width: 130px; }
#logowanie_form2 li.haslo { width: 130px; }
#logowanie_form2 li.przycisk { width: 130px; }
#logowanie_form2 li.email input { width: 60px; }
#logowanie_form2 li.haslo input { width: 60px; }
#logowanie_form2 li.przycisk input { width: 60px; }
#strony a { font-size: 14px; padding: 3px; }
#strony a:hover { font-size: 14px; }
#strony span.aktywny { font-size: 14px; }
.okienko { width: 450px; margin: 10px auto; padding: 2px; }
#mobilne_menu { float: left; margin: 10px auto; width: 42px; height: 42px; background-image: url(grafika/menu_mobilne.gif); background-position: right center; background-repeat: no-repeat; cursor: pointer; }
#mobilne_kategorie { width: 0px; height: 0px; padding: 0px; margin: 0px; display: none; }
#mobilne_top { width: 0px; height: 0px; padding: 0px; margin: 0px; display: none;  }
#menu {overflow: hidden; width: 0px; height: 0px; margin: 0px auto; text-align: left; border-width: 1px; }
#menu ul { margin: 3px; padding: 0px; }
#menu li:first-child { border-left: none; }
#menu li { display: inline-block; border-left: 2px solid #52888A; }
a:link, a:visited, a:hover, a:active { font-size: 11px; }
a.kg, a.kg:link, a.kg:active, a.kg:visited, a.kg:hover { font-size: 11px; }
a.pk, a.pk:link, a.pk:active, a.pk:visited, a.pk:hover { font-size: 10px; }
a.kgw, a.kgw:link, a.kgw:active, a.kgw:visited, a.kgw:hover { font-size: 11px; }
a.pkw, a.pkw:link, a.pkw:active, a.pkw:visited, a.pkw:hover { font-size: 10px; }
#szukaj div input { width: 120px; }
#lista_kartek ul li div.kartka { padding: 5px; margin: 5px; width: auto; }
#lista_kartek ul li div.kartka div.zdjecie { padding: 10px; }
#kategorie { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie li.kategoria { background: url(grafika/kopertka.gif) no-repeat center left; padding: 2px 2px 2px 17px; }
#top { width: auto; height: auto; margin: 15px auto; padding: 0px;}
#top li { background: url(grafika/kopertka.gif) no-repeat center left; padding: 2px 2px 2px 17px; }
#info_online { float: left; clear: left; width: 150px; margin: 0px auto; }
#info_online li { display: block; }
#imieniny { margin: 1px auto 10px; text-align: left; clear: left; float: left; }
#kategoria_tytul { text-align: left; }
#form_cytaty input { width: 150px; }
#form_wiersze { width: 90%; text-align: center; }
#pokaz_wiersze li { width: 60%; }
#lista_zyczen li.zyczenie { width: 60%; margin: 50px auto; }
#kontakt { margin: 30px auto; }
#kalendarz { width: 95%; margin: 0px auto; padding: 0px; }
#kalendarz ul { width: 99%; margin: 5px 0px; padding: 0px; }
#kalendarz li { width: 98%; }
#kalendarz li div.dzien_miesiac { width: 130px; }
#kalendarz li div.dzien_tyg { width: 130px; }
#kalendarz li div.imieniny { width: 310px; }
#kalendarz li div.imieniny span.slonce { margin: 5px 0px; display: block; }
#rejestracja { width: 630px; margin: 20px auto; }
#rejestracja_formularz { width: 400px; }
#rejestracja_formularz ul { width: 390px; padding: 2px 5px; }
#rejestracja_formularz li { width: 380px; padding: 0px 5px; }
#witaj_konto { width: 400px; }
#menu_konto { width: 600px; height: 60px; margin: 0px auto 20px; padding: 0px; }
#menu_konto ul { margin: 0px; padding: 2px 0px; }
#menu_konto ul li { padding: 0px 5px; display: inline; border-left: 1px solid silver; }
#konto_dane { width: 400px; margin: 10px auto; }
#konto_dane ul { width: 390px; margin: 0px; padding: 2px 5px; }
#konto_dane li { width: 370px; padding: 5px; margin: 3px; }
#konto_dane div.dan_opis { width: 110px; margin-top: 3px; }
#konto_dane div.dan_warosc {  }
#formularz_omnie { width: 500px; margin: 10px auto; }
#formularz_omnie ul { width: 490px; margin: 0px; padding: 2px 5px; }
#formularz_omnie li { width: 470px; padding: 5px; margin: 3px; }
#formularz_omnie li div.opis { width: 120px; margin-top: 3px; text-align: right; }
#formularz_omnie li div.wartosc { width: 320px; text-align: left; }
#formularz_omnie li div.wartosc textarea { width: 310px; height: 250px; }
#nowy_kontakt { width: 400px; margin: 10px auto; }
#nowy_kontakt ul { width: 390px; margin: 0px; padding: 2px 5px; }
#nowy_kontakt li { width: 380px; padding: 0px 5px; margin: 5px 0px; }
#nowy_kontakt li div.opis { width: 150px; }
#nowy_kontakt li div.wartosc { width: auto; }
#nowy_kontakt li div.wartosc input { width: 150px; }
#form_przypominajka { width: 500px; margin: 10px auto; }
#form_przypominajka ul { width: 490px; margin: 0px; padding: 2px 5px; }
#form_przypominajka ul li { width: 480px; padding: 2px 5px; margin: 5px 0px; }
#form_przypominajka ul li div { margin: 0px 5px; }
#form_przypominajka ul li div.opis { width: 200px; text-align: right; }
#form_przypominajka ul li div.wartosc { width: auto; text-align: left; }
#form_przypominajka ul li div.wartosc textarea { width: 230px; height: 100px; margin: 5px 0px; }
#form_konto_zyczenie { width: 550px; margin: 10px auto; padding: 0px; }
#form_konto_zyczenie ul { width: auto; margin: 0px ; padding: 2px; }
#form_konto_zyczenie ul li { width: auto; padding: 3px; margin: 2px 0px; }
#form_dodaj_kartke {width: 480px; margin: 10px auto; padding: 5px; }
#form_dodaj_kartke ul {width: 470px; height: auto; margin: 0px 5px; padding: 0px; }
#form_dodaj_kartke ul li {width: 469px; height: auto; padding: 0px; margin: 5px 0px; }
#form_dodaj_kartke ul li div { float: left; display: inline; }
#form_dodaj_kartke ul li div.opis { width: 150px; padding: 2px; text-align: right;}
#form_dodaj_kartke ul li div.wartosc { width: 300px; padding: 2px; }
#form_dodaj_kartke ul li div.wartosc input[type="text"] { width: 260px; }
#form_dodaj_kartke ul li div.wartosc input[type="checkbox"] { width: auto; }
#form_dodaj_kartke ul li div.komentarz { width: 300px; margin-left: 156px; text-align: left; font-size: 10px; }
#twoje_dod_kartki { width: 590px; margin: 10px auto; padding: 5px; }
#lista_kontaktow { width: 600px; margin: 10px auto; }
#lista_kontaktow ul { width: 590px; margin: 0px; padding: 2px 5px; }
#lista_kontaktow ul li { width: 570px; padding: 0px 5px; margin: 5px 0px; }
#lista_kontaktow ul li div { float: left; margin: 0px 5px; padding: 2px; display: inline; }
#lista_kontaktow ul li div.imie_nazwisko { width: 170px; text-align: left; }
#lista_kontaktow ul li div.email { width: 250px; text-align: left; }
#lista_kontaktow ul li div.edytuj { width: 45px; }
#lista_kontaktow ul li div.usun { width: 40px; }
#lista_kartek_uzytk { width: 550px; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul { width: 545px; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul li { width: 530px; height: auto; margin: 2px; padding: 5px; }
#lista_kartek_uzytk ul li div.kartka { font-size: 10px ; width: auto; height: auto; padding: 5px; margin: 5px; }
#lista_kartek_uzytk ul li div.kartka div.zdjecie { padding: 10px; }
#pokaz_kartke { width: 640px; height: auto; }
#pokaz_kartke ul { width: auto; height: auto; margin: 0px ; padding: 2px; }
#pokaz_kartke ul li { width: auto; height: auto; padding: 5px 0px; margin: 2px 0px; }
#pokaz_kartke ul li div#kartka { width: auto; height: auto;  margin: 0px auto; padding: 10px; }
#pokaz_kartke ul li div.liczba_adresatow { width: 450px; text-align: right; margin: 10px auto 20px; padding: 5px 0px; }
#pokaz_kartke ul li div.adresat { width: 450px; text-align: right; margin: 10px auto; padding: 5px 0px; }
#pokaz_kartke ul li div.adresat div.adresat_nazwa { float: left; margin: 0px 10px; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_email { float: left; margin: 0px; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_kontakty { text-align: right; margin-top: 3px;}
#pokaz_kartke ul li div.nadawca { width: 450px; text-align: right; margin: 10px auto; margin-top:20px; padding: 10px 0px; }
#pokaz_kartke ul li div.nadawca div.nadawca_nazwa { float: left; margin: 0px 9px; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_email { float: left; margin: 0px; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_ujawnij { clear: both; width: auto; margin-top: 5px; text-align: left; margin-left: 50px; margin-bottom: 5px; }
#pokaz_kartke ul li div.nadawca div#pseldonimy { text-align: left; margin-left: 50px; }
#pokaz_kartke ul li div#czcionka { width: 400px; margin: 10px auto; padding: 10px; }
#pokaz_kartke ul li div#obszar_kolory { width: 80%; max-width: 490px; }
#pokaz_kartke ul li div#znaczki { width: 80%;  }
#pokaz_kartke ul li div#tekst_wiadomosci { width: 80%; max-width: 500px; }
#przeczytaj_kartke div.kartka_zew { width: 710px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew { width: 700px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_zdjecie { float: left; padding: 5px; margin: 10px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_znaczek { float: right; margin: 10px 25px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy { float: right; margin: 10px 25px; }
#lista_przypomnien { width: 630px; }
#lista_przypomnien ul { width: auto; }
#lista_przypomnien ul li { width: auto; text-align: center; padding: 2px; }
#lista_przypomnien ul li div { margin: 0px 5px; padding: 2px; display: inline-block; }
#lista_przypomnien ul li div.rodzaj { width: 90px; text-align: left; }
#lista_przypomnien ul li div.nazwa { width: 148px; text-align: left; }
#lista_przypomnien ul li div.data { width: 100px; text-align: left; }
#lista_przypomnien ul li div.edytuj { width: 45px; }
#lista_przypomnien ul li div.usun { width: 35px; }
#lista_przypomnien ul li div.przypomnienie {width: 75px; text-align: left; }
#konto_lista_kartek { max-width: 630px; }
#konto_lista_kartek ul li div { display: inline-block; }
#konto_lista_kartek ul li div.osoba { width: 135px; }
#konto_lista_kartek ul li div.data { width: 115px; }
#konto_lista_kartek ul li div.email { width: 210px; }
#mobilne_menu_konta { display: none; width: 0px; height: 0px; }
#o_mnie div.omnie_info { width: 360px; display: inline-block; margin: 10px; }
#o_mnie div.omnie_zdjecie { width: 200px; display: inline-block; margin: 10px; }
#o_mnie div.omnie_podsum { width: 200px; display: inline-block; margin: 10px; }
#uzytkownicy { width: 560px; }
#uzytkownicy_top ul li div.numer { width: 35px; }
#uzytkownicy_top ul li div.pseudonim { width: 200px; }
#uzytkownicy_top ul li div.liczba { width: 60px; }
#uzytkownicy_top ul li div.liczba_wys { width: 80px; }
#uzytkownicy_top ul li div.gwiazdki { width: 100px; }

}

/* style */
@media only screen and (min-width: 990px) {
	
#info_cookies { width: 80%; }	
#baner { width: 500px; height: 65px; float: left; margin: 5px auto; text-align: center; }
#logo { float: left; margin: 5px auto; }
#formularz_logowania { float: right; width: 155px; margin: 5px 10px; text-align: right; } 
#logowanie_form2 {width: 150px; }
#logowanie_form2 li.email { width: 130px; }
#logowanie_form2 li.haslo { width: 130px; }
#logowanie_form2 li.przycisk { width: 130px; }
#logowanie_form2 li.email input { width: 60px; }
#logowanie_form2 li.haslo input { width: 60px; }
#logowanie_form2 li.przycisk input { width: 60px; }
#strony a { font-size: 14px; padding: 3px; }
#strony a:hover { font-size: 14px; }
#strony span.aktywny { font-size: 14px; }
.okienko { width: 450px; margin: 10px auto; padding: 2px; }
#mobilne_menu { width: 0px; height: 0px; }
#mobilne_kategorie { width: 0px; height: 0px; padding: 0px; margin: 0px; display: none; }
#mobilne_top { width: 0px; height: 0px; padding: 0px; margin: 0px; display: none;  }
#menu { width: 90%; height: auto; margin: 0px auto; text-align: left; border-width: 1px; }
#menu ul { margin: 3px; padding: 0px; }
#menu li:first-child { border-left: none; }
#menu li { display: inline-block; border-left: 2px solid #52888A; }
a:link, a:visited, a:hover, a:active { font-size: 11px; }
a.kg, a.kg:link, a.kg:active, a.kg:visited, a.kg:hover { font-size: 11px; }
a.pk, a.pk:link, a.pk:active, a.pk:visited, a.pk:hover { font-size: 10px; }
a.kgw, a.kgw:link, a.kgw:active, a.kgw:visited, a.kgw:hover { font-size: 11px; }
a.pkw, a.pkw:link, a.pkw:active, a.pkw:visited, a.pkw:hover { font-size: 10px; }
#szukaj div input { width: 120px; }
#lista_kartek ul li div.kartka { padding: 5px; margin: 5px; width: auto; }
#lista_kartek ul li div.kartka div.zdjecie { padding: 10px; }
#kategorie { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie li.kategoria { background: url(grafika/kopertka.gif) no-repeat center left; padding: 2px 2px 2px 17px; }
#top { width: auto; height: auto; margin: 15px auto; padding: 0px;}
#top li { background: url(grafika/kopertka.gif) no-repeat center left; padding: 2px 2px 2px 17px; }
#info_online { float: left; clear: left; width: 200px; margin: 0px; }
#info_online li { display: block; }
#imieniny { margin: 1px auto 10px; text-align: left; clear: left; float: left; }
#kategoria_tytul { text-align: left; }
#form_cytaty input { width: 150px; }
#form_wiersze { width: 90%; text-align: center; }
#pokaz_wiersze li { width: 50%; }
#lista_zyczen li.zyczenie { width: 55%; margin: 50px auto; }
#kontakt { margin: 30px auto; }
#kalendarz { width: 95%; margin: 0px auto; padding: 0px; }
#kalendarz ul { width: 99%; margin: 5px 0px; padding: 0px; }
#kalendarz li { width: 98%; }
#kalendarz li div.dzien_miesiac { width: 130px; }
#kalendarz li div.dzien_tyg { width: 130px; }
#kalendarz li div.imieniny { width: 420px; }
#kalendarz li div.imieniny span.slonce { margin: 5px 0px; display: block; }
#rejestracja { width: 630px; margin: 20px auto; }
#rejestracja_formularz { width: 400px; }
#rejestracja_formularz ul { width: 390px; padding: 2px 5px; }
#rejestracja_formularz li { width: 380px; padding: 0px 5px; }
#witaj_konto { width: 400px; }
#menu_konto { width: 600px; height: 60px; margin: 0px auto 20px; padding: 0px; }
#menu_konto ul { margin: 0px; padding: 2px 0px; }
#menu_konto ul li { padding: 0px 5px; display: inline; border-left: 1px solid silver; }
#konto_dane { width: 400px; margin: 10px auto; }
#konto_dane ul { width: 390px; margin: 0px; padding: 2px 5px; }
#konto_dane li { width: 370px; padding: 5px; margin: 3px; }
#konto_dane div.dan_opis { width: 110px; margin-top: 3px; }
#konto_dane div.dan_warosc {  }
#formularz_omnie { width: 500px; margin: 10px auto; }
#formularz_omnie ul { width: 490px; margin: 0px; padding: 2px 5px; }
#formularz_omnie li { width: 470px; padding: 5px; margin: 3px; }
#formularz_omnie li div.opis { width: 120px; margin-top: 3px; text-align: right; }
#formularz_omnie li div.wartosc { width: 320px; text-align: left; }
#formularz_omnie li div.wartosc textarea { width: 310px; height: 250px; }
#nowy_kontakt { width: 400px; margin: 10px auto; }
#nowy_kontakt ul { width: 390px; margin: 0px; padding: 2px 5px; }
#nowy_kontakt li { width: 380px; padding: 0px 5px; margin: 5px 0px; }
#nowy_kontakt li div.opis { width: 150px; }
#nowy_kontakt li div.wartosc { width: auto; }
#nowy_kontakt li div.wartosc input { width: 150px; }
#form_przypominajka { width: 500px; margin: 10px auto; }
#form_przypominajka ul { width: 490px; margin: 0px; padding: 2px 5px; }
#form_przypominajka ul li { width: 480px; padding: 2px 5px; margin: 5px 0px; }
#form_przypominajka ul li div { margin: 0px 5px; }
#form_przypominajka ul li div.opis { width: 200px; text-align: right; }
#form_przypominajka ul li div.wartosc { width: auto; text-align: left; }
#form_przypominajka ul li div.wartosc textarea { width: 230px; height: 100px; margin: 5px 0px; }
#form_konto_zyczenie { width: 550px; margin: 10px auto; padding: 0px; }
#form_konto_zyczenie ul { width: auto; margin: 0px ; padding: 2px; }
#form_konto_zyczenie ul li { width: auto; padding: 3px; margin: 2px 0px; }
#form_dodaj_kartke {width: 480px; margin: 10px auto; padding: 5px; }
#form_dodaj_kartke ul {width: 470px; height: auto; margin: 0px 5px; padding: 0px; }
#form_dodaj_kartke ul li {width: 469px; height: auto; padding: 0px; margin: 5px 0px; }
#form_dodaj_kartke ul li div { float: left; display: inline; }
#form_dodaj_kartke ul li div.opis { width: 150px; padding: 2px; text-align: right; }
#form_dodaj_kartke ul li div.wartosc { width: 300px; padding: 2px; }
#form_dodaj_kartke ul li div.wartosc input[type="text"] { width: 260px; }
#form_dodaj_kartke ul li div.wartosc input[type="checkbox"] { width: auto; }
#form_dodaj_kartke ul li div.komentarz { width: 300px; margin-left: 156px; text-align: left; font-size: 10px; }
#twoje_dod_kartki { width: 590px; margin: 10px auto; padding: 5px; }
#lista_kontaktow { width: 600px; margin: 10px auto; }
#lista_kontaktow ul { width: 590px; margin: 0px; padding: 2px 5px; }
#lista_kontaktow ul li { width: 570px; padding: 0px 5px; margin: 5px 0px; }
#lista_kontaktow ul li div { float: left; margin: 0px 5px; padding: 2px; display: inline; }
#lista_kontaktow ul li div.imie_nazwisko { width: 170px; text-align: left; }
#lista_kontaktow ul li div.email { width: 250px; text-align: left; }
#lista_kontaktow ul li div.edytuj { width: 45px; }
#lista_kontaktow ul li div.usun { width: 40px; }
#lista_kartek_uzytk { width: 550px; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul { width: 545px; height: auto; margin: 0px auto; padding: 0px; }
#lista_kartek_uzytk ul li { width: 530px; height: auto; margin: 2px; padding: 5px; }
#lista_kartek_uzytk ul li div.kartka { font-size: 10px ; width: auto; height: auto; padding: 5px; margin: 5px; }
#lista_kartek_uzytk ul li div.kartka div.zdjecie { padding: 10px; }
#pokaz_kartke { width: 690px; height: auto;  }
#pokaz_kartke ul { width: 685px; height: auto; margin: 0px ; padding: 2px; }
#pokaz_kartke ul li { width: 680px; height: auto; padding: 5px 0px; margin: 2px 0px; }
#pokaz_kartke ul li div#kartka { width: auto; height: auto;  margin: 0px auto; padding: 10px; }
#pokaz_kartke ul li div.liczba_adresatow { padding-left: 5px; margin-right: 110px; margin-bottom: 20px; }
#pokaz_kartke ul li div.adresat { width: 450px; text-align: right; margin-left: 115px; padding: 5px 0px; }
#pokaz_kartke ul li div.adresat div.adresat_nazwa { float: left; margin: 0px 10px; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_email { float: left; margin: 0px; padding: 5px; }
#pokaz_kartke ul li div.adresat div.adresat_kontakty { text-align: right; margin-top: 3px;}
#pokaz_kartke ul li div.nadawca { width: 450px; text-align: right; margin-left: 115px; margin-top:20px; padding: 10px 0px;  }
#pokaz_kartke ul li div.nadawca div.nadawca_nazwa { float: left; margin: 0px 9px; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_email { float: left; margin: 0px; padding: 5px; }
#pokaz_kartke ul li div.nadawca div.nadawca_ujawnij { clear: both; width: auto; margin-top: 5px; text-align: left; margin-left: 50px; margin-bottom: 5px; }
#pokaz_kartke ul li div.nadawca div#pseldonimy { text-align: left; margin-left: 50px; }
#pokaz_kartke ul li div#czcionka { width: 400px; margin: 10px auto; padding: 10px; }
#pokaz_kartke ul li div#obszar_kolory { width: 80%; max-width: 490px; }
#pokaz_kartke ul li div#znaczki { width: 80%; }
#pokaz_kartke ul li div#tekst_wiadomosci { width: 80%; max-width: 500px; }
#przeczytaj_kartke div.kartka_zew { width: 710px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew { width: 700px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_zdjecie { float: left; padding: 5px; margin: 10px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_znaczek { float: right; margin: 10px 25px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy { float: right; margin: 10px 25px; }
#lista_przypomnien { width: 640px; }
#lista_przypomnien ul { width: auto; }
#lista_przypomnien ul li { width: auto; text-align: center; padding: 2px; }
#lista_przypomnien ul li div { margin: 0px 5px; padding: 2px; display: inline-block; }
#lista_przypomnien ul li div.rodzaj { width: 90px; text-align: left; }
#lista_przypomnien ul li div.nazwa { width: 150px; text-align: left; }
#lista_przypomnien ul li div.data { width: 100px; text-align: left; }
#lista_przypomnien ul li div.edytuj { width: 45px; }
#lista_przypomnien ul li div.usun { width: 35px; }
#lista_przypomnien ul li div.przypomnienie {width: 75px; text-align: left; }
#konto_lista_kartek { max-width: 650px; }
#konto_lista_kartek ul li div { display: inline-block; }
#konto_lista_kartek ul li div.osoba { width: 140px; }
#konto_lista_kartek ul li div.data { width: 115px; }
#konto_lista_kartek ul li div.email { width: 220px; }
#mobilne_menu_konta { display: none; width: 0px; height: 0px; }
#o_mnie div.omnie_info { width: 390px; display: inline-block; margin: 10px; }
#o_mnie div.omnie_zdjecie { width: 200px; display: inline-block; margin: 10px; }
#o_mnie div.omnie_podsum { width: 200px; display: inline-block; margin: 10px; }
#uzytkownicy { width: 560px; }
#uzytkownicy_top ul li div.numer { width: 35px; }
#uzytkownicy_top ul li div.pseudonim { width: 200px; }
#uzytkownicy_top ul li div.liczba { width: 60px; }
#uzytkownicy_top ul li div.liczba_wys { width: 80px; }
#uzytkownicy_top ul li div.gwiazdki { width: 100px; }
}

/* All
* { box-sizing: border-box; }
*/

div, ul, li { margin: 0px; padding: 0px; }
img { max-inline-size: 100%; block-size: auto; }
div { word-wrap: break-word; }
body { background: #ffffff;	font-size: 12px; font-family: Verdana, Arial, Helvetica; margin: 0px; padding: 0px; }
div.info {text-align: center; color: #EC4D00; padding: 5px; margin: 10px; }
div.info span { font-weight: bold; }
form { margin: 0px; padding: 0px; }
#powered_by { width: 100%; margin: 10px auto; font-size: 10px; font-family: Verdana; padding: 0px; text-align: center; overflow: visible; }
#powered_by span.powered { background: #F16930; color: #ffffff; padding: 2px 5px; border-right: 1px solid #ffffff; }
#powered_by span.ekartka { background: #1B792B; color: #ffffff; padding: 2px 5px; }
#powered_by span.ekartka a { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; cursor: text; font-family: Verdana; }
#imieniny { padding: 2px; width: auto; }
#imieniny span { font-weight: bold; color: #C67700; }
#formularz_logowania { padding: 0px; } 
#formularz_logowania a.wyloguj { color: #D56A00; }
#logowanie_form2 { margin: 2px; padding: 1px; background: #D2E4F4; border: 1px solid #617E9E; }
#logowanie_form2 ul { text-align: left; margin: 0px; padding: 2px; }
#logowanie_form2 li { list-style-type: none; padding: 0px 2px; display: block; text-align:center; margin: 2px; }
#logowanie_form2 li.tytul { text-align: center; font-weight: bold; }
#logowanie_form2 li.zapamietaj { }
#logo { width: 220px; height: 65px; text-align: center; }
#menu { clear: both; padding: 0px; margin: 1px auto; background: #E2F0F1; border-color: #52888A; border-style: solid; }
#menu ul { margin: 5px; padding: 0px; }
#menu ul li { list-style-type: none; margin: 0px; padding: 0px 5px; }
#strony { text-align: center; margin: 15px auto; width: 99%; }
#strony a { text-decoration: none; color: #5885c0; font-family: Verdana, Arial, Helvetica; display: inline-block; }
#strony a:hover { text-decoration: underline; color: #FF0000; font-family: Verdana, Arial, Helvetica; }
#strony span.aktywny { color: #C4C4C4; }
a, a:link, a:visited, a:active { text-decoration: none; color: #5A5A5A; font-family: Verdana, Arial, Helvetica; font-weight: bold; }
a:hover { text-decoration: underline; color: #000000; font-family: Verdana, Arial, Helvetica; font-weight: bold; }
a.kg, a.kg:link, a.kg:active, a.kg:visited { text-decoration: none; color: #5885c0; }
a.kg:hover { text-decoration: underline; color: #FF0000; }
a.pk, a.pk:link, a.pk:active, a.pk:visited { text-decoration: none; color: #5885c0; }
a.pk:hover { text-decoration: underline; color: #FF0000; }
a.kgw, a.kgw:link, a.kgw:active, a.kgw:visited, a.kgw:hover { text-decoration: none; color: #C4C4C4; }
a.pkw, a.pkw:link, a.pkw:active, a.pkw:visited, a.pkw:hover { text-decoration: none; color: #C4C4C4; }
.okienko { background: #D2E4F4; border: 1px solid #617E9E; text-align: left; }
.okienko li.tytul { font-weight: bold; list-style-type: none; }
#szukaj div input { margin: 5px; padding: 2px; }
#szukaj div.szukany { margin: 0px auto; padding: 0px; }
#szukaj div.przyciski { margin: 0px auto; padding: 0px; }
#szukaj div.przyciski input { text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
#top li { list-style-type: none; display: block; margin: 0px; }
#info_online { padding: 0px; }
#info_online li { list-style-type: none; margin: 5px 10px; padding: 0px; }
#kategoria_tytul { font-family: tahoma; font-size: 17px; color: #5885c0; font-weight: bold; padding: 2px 7px; }
#kategoria_tytul span { margin-left: 10px; background: #FFE67D; border: 1px solid #BF9900; padding: 2px 5px; font-size: 11px; }

#cytaty {width: 99%; text-align: center; margin: 10px auto; }
#cytaty ul {width: 98%; text-align: left; margin: 10px 0px; padding: 2px 5px; }
#cytaty li {width: 97%; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 20px 0px; }
#cytaty li.tytul { text-align: center; font-weight:bold; }
#cytaty li div.cytat { background: #D2E4F4; border: 1px solid #617E9E; width: 90%; text-align: left; margin: 5px auto; padding: 5px; max-width: 500px; }

#pokaz_cytaty {width: 99%; height: auto; margin: 10px auto; }
#form_cytaty span.przycisk input { width: auto; margin: auto 10px; padding: 0px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }

#zyczenia_strona { width: 96%; margin: 10px auto; }
#zyczenia_strona div.tytul { text-align: center; font-weight: bold; }

#kategorie_zyczen { width: 95%; margin: 0px auto; padding: 0px; }
#kategorie_zyczen ul { width: 92%; margin: 10px auto; padding: 2px 5px; }
#kategorie_zyczen li { width: 90%; text-align: center; margin: 2px auto; padding: 3px;  list-style-type: none; }
#kategorie_zyczen li.tytul { text-align: center; font-family: tahoma; font-size: 17px; color: #5885c0; font-weight: bold ; padding: 2px 7px; margin: 0px auto 10px; }
#kategorie_zyczen li.tytul span { margin-left: 10px; background: #FFE67D; border: 1px solid #BF9900; padding: 2px 5px; font-size: 11px; }

#lista_zyczen ul {width: 95%; text-align: left; margin: 10px auto; padding: 2px 5px; }
#lista_zyczen li { width: 90%; text-align: left; margin: 5px auto; padding: 5px; list-style-type: none; }
#lista_zyczen li.tytul { text-align: left; font-weight: bold; margin: 0px auto; }
#lista_zyczen li.zyczenie { background: #D2E4F4; border: 1px solid #617E9E; }
#lista_zyczen li.zyczenie div.tekst_zyczenia { width: 90%; margin: 10px auto; text-align: left; border-top: 1px dotted #617E9E; border-bottom: 1px dotted #617E9E; padding: 10px 0px; font-style: italic; }
#lista_zyczen li.zyczenie div.gwiazdki { margin: 5px auto; text-align: center; }
#lista_zyczen li.zyczenie div.gwiazdki span { margin-left: 5px; font-style: italic; }
#lista_zyczen li.zyczenie div.ocen_zycz { margin: 10px auto; text-align: center; }

#wiersze { width: 99%; text-align: center; margin: 10px auto; padding: 0px; }
#wiersze input { width: 150px; }
#wiersze span.przycisk input { width: auto; margin: 0px 5px; padding: 2px 5px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }

#form_wiersze { margin: 10px auto; padding: 0px; }
#form_wiersze div.tytul { text-align: center; font-weight:bold; padding: 5px; }
#form_wiersze div.formularz { margin: 10px; padding: 5px; }
#form_wiersze div.formularz div { margin: 10px auto; }
#form_wiersze div.formularz select { width: 120px; } 

#pokaz_wiersze ul { width: 98%; text-align: left; margin: 10px 0px; padding: 2px 5px; }
#pokaz_wiersze li { text-align: left; margin: 10px auto; padding: 5px;  list-style-type: none; text-align: center; }
#pokaz_wiersze li.wiersz { background: #D2E4F4; border: 1px solid #617E9E; margin: 30px auto; }
#pokaz_wiersze li.wiersz div { text-align: left; }
#pokaz_wiersze li.wiersz div.autor { font-weight:bold; margin-left: 10px; text-decoration: underline; }
#pokaz_wiersze li.wiersz div.tytul { font-weight:bold; margin-left: 15px; margin-top: 5px; font-style: italic;  }
#pokaz_wiersze li.wiersz div.tekst_wiersz { margin: 10px 15px; }

#top_linia { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#top_linia li { list-style-type: none; display: inline;  margin: 0px; padding: 0px; background: url(grafika/kopertka.gif) no-repeat center left; padding-left: 17px;}

#lista_kartek { width: 99%; height: auto; text-align: left; margin: 0px; padding: 0px; }
#lista_kartek ul { width: 99%; height: auto; margin: 0px; padding: 0px; }
#lista_kartek ul li { width: 99%; height: auto; list-style-type: none; text-align: center; overflow: auto; display: block; margin: 0px auto; padding: 0px; }
#lista_kartek ul li div.kartka { display: inline-block; font-family: verdana; font-size: 10px; height: auto; vertical-align: top; }
#lista_kartek ul li div.kartka span { color: #5885c0; font-weight: bold; }
#lista_kartek ul li div.kartka div.zdjecie { background: #D2E4F4; border: 1px outset #87DEBD; }
#lista_kartek ul li a img { border: 2px solid #37868A; }

#regulamin { width: 90%; padding: 10px; }
#regulamin ol li { margin: 10px auto; }
#regulamin div.tytul { text-align: center; font-weight: bold; }
#faq { width: 90%; margin: 10px auto; padding: 10px; }
#faq ol li { margin: 10px auto; }
#faq ol li blockquote { margin: 10px 15px; }
#faq div.tytul { text-align: center; font-weight: bold; }


#kontakt {width: 295px; text-align: center; padding: 0px; }
#kontakt ul { width: auto; text-align: left; margin: 0px; padding: 0px; }
#kontakt li { width: auto; list-style-type: none; padding: 0px 5px; display: block; text-align: center; overflow: auto; margin: 5px 0px; }
#kontakt li.tytul { text-align: center; font-weight: bold; margin: 20px auto;}
#kontakt ul li div { float: left; margin: 0px auto; }
#kontakt ul li span.przycisk input { width: auto; margin: auto 10px; padding: 0px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
#kontakt ul li textarea { width: 270px; margin: 5px auto; }
#kontakt ul li div.opis { width: 100px; text-align: right; padding: 5px; }
#kontakt ul li div.wartosc { width: 165px; text-align: left }
#kontakt ul li div.wartosc input { width: 150px; }
#kontakt ul li div.wartosc input[name="kod"] { width: 50px; }


#kategorie li { list-style-type: none; display: block; margin: 0px; padding: 0px; }
#kategorie li.podkategoria { padding: 2px 2px 2px 20px; }
#kategorie_linia { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie_linia li { list-style-type: none; display: inline; margin: 0px; padding: 0px;}
#kategorie_linia li.kategoria { padding: 2px; background: url(grafika/kopertka.gif) no-repeat center left; padding-left: 17px; }
#kategorie_linia li.podkategoria { padding: 2px 10px; }
#kategorie_select { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie_select option.kategoria { padding: 2px; background: url(grafika/kopertka.gif) no-repeat center left; padding-left: 17px; margin: 0px 5px; }
#kategorie_select option.podkategoria { padding: 2px 10px; margin: 0px 5px; }

#kalendarz { padding: 5px; }
#kalendarz ul { height:auto; text-align: left; }
#kalendarz li { height:auto; list-style-type: none; overflow:auto; padding: 10px 2px; display: block; text-align: center; margin: 5px 0px; }
#kalendarz li.zaznacz { border: 3px solid #008800; }
#kalendarz li.zaznacz div.imieniny span { font-weight: bold; } 
#kalendarz li.weakend { background: #EAFFEA; border-top: 1px solid #00C400;  border-bottom: 1px solid #00C400; }
#kalendarz li.weakend_zaznacz { background: #EAFFEA; border: 3px solid #008800; }
#kalendarz li.weakend_zaznacz div.imieniny span { font-weight: bold; } 
#kalendarz li div.imieniny span.slonce { color: #B75B00; } 
#kalendarz li div.imieniny span.slonce img { vertical-align: middle; }
#kalendarz li.tytul { text-align: center; font-weight: bold; border: none; }
#kalendarz li div { text-align: left; float: left; padding: 2px; display: inline; }
#kalendarz li div.dzien_miesiac { padding: 2px; color: #B75B00; font-weight: bold; }
#kalendarz li div.dzien_tyg { padding: 2px; color: #006C36; font-weight: bold; }
#kalendarz li div.imieniny { padding: 2px; }
#kalendarz li div.dzien_tyg span.swieto { font-weight: bold; color: #FF0000; padding-top: 5px; }

#konto { width: 99%; margin: 20px 0px; padding: 0px; }
#logowanie_form {width: 290px; margin: 30px auto; background: #D2E4F4; border: 1px solid #617E9E; }
#logowanie_form ul {width: 280px; text-align: left; margin: 0px; padding: 2px 5px; }
#logowanie_form li {width: 270px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; overflow:auto; }
#logowanie_form li div { margin: 0px 5px; }
#logowanie_form li.tytul { text-align: center; font-weight: bold; }
#logowanie_form li div.opis { width: 70px; text-align: right; float: left; }
#logowanie_form li div.wartosc { width: auto; text-align: left; float: left; }
#logowanie_form li div.wartosc input { width: 150px; }

#nowe_haslo { width: 280px; margin: 30px auto; background: #E3EFF9; border: 1px solid #617E9E; padding: 5px; }
#form_zaphaslo { width: 90%; text-align: center; margin: 10px auto; padding: 5px; }
#form_zaphaslo p { text-align: center; padding: 5px; }
#form_zaphaslo p input[type="text"] { margin: 5px auto; width: 200px; }


#rejestracja_formularz { margin: 0px auto; background: #D2E4F4; border: 1px solid #617E9E; }
#rejestracja_formularz ul { text-align: left; margin: 0px; }
#rejestracja_formularz li { list-style-type: none; display: block; text-align: center; margin: 5px 0px; overflow: auto; }
#rejestracja_formularz li div { float: left; margin: 0px 5px; }
#rejestracja_formularz li.tytul { text-align: center; font-weight: bold; }
#rejestracja_formularz li div.opis { width: 100px; text-align: right; }
#rejestracja_formularz li div.wartosc { text-align: left; }
#rejestracja_formularz li.komunikat { color: #EC4D00; }

#menu_konto { background: #E3EFF9; border: 1px solid #617E9E; }
#menu_konto ul { text-align: center; border: 0px #000000 solid; }
#menu_konto ul li { list-style-type: none; }
#menu_konto ul li:first-child { border: none;}
#menu_konto ul li a.wyloguj { color: #D56A00; display: none; width: 0px; height: 0px; }
#witaj_konto { text-align: center; margin: 20px auto; padding: 2px; }

#konto_dane { background: #E3EFF9; border: 1px solid #617E9E; }
#konto_dane ul { margin: 0px; padding: 2px 5px; }
#konto_dane li { list-style-type: none; text-align: center; overflow: auto; display: block; border: 1px #2596BB dotted; }
#konto_dane li.tytul { border: none; }
#konto_dane div { padding: 2px; }
#konto_dane div.dan_opis { float: left; text-align: right; font-weight: bold; }
#konto_dane div.dan_warosc { float: left; }
#konto_dane div.dan_komentarz { clear: both; text-align: center; }
#konto_dane li.komunikat { color: #EC4D00; }

#formularz_omnie { background: #E3EFF9; border: 1px solid #617E9E; }
#formularz_omnie li { list-style-type: none; text-align: center; overflow: auto; display: block; border: 1px #2596BB dotted; }
#formularz_omnie li.tytul { text-align: center; font-weight: bold; border: none; }
#formularz_omnie li div { padding: 5px; }
#formularz_omnie li div.opis { float: left; font-weight:bold; }
#formularz_omnie li div.wartosc { float: left; }
#formularz_omnie li div.zdjecie { text-align: center;  }
#formularz_omnie li div.zdjecie span { font-weight: bold; margin: 5px; display: block; }
#formularz_omnie li div.komentarz { clear: both; text-align: center; }
#formularz_omnie li.komunikat { color: #EC4D00; }

#form_przypominajka { background: #E3EFF9; border: 1px solid #617E9E; }
#form_przypominajka ul { text-align: left; }
#form_przypominajka ul li { list-style-type: none; display: block; text-align: center; overflow: auto; }
#form_przypominajka ul li div { float: left; }
#form_przypominajka ul li.tytul { text-align: center; font-weight: bold; }
#form_przypominajka ul li.komunikat { color: #EC4D00; }

#form_konto_zyczenie { background: #E3EFF9; border: 1px solid #617E9E; }
#form_konto_zyczenie ul { text-align: left; }
#form_konto_zyczenie ul li { list-style-type: none; display: block; text-align: center; }
#form_konto_zyczenie ul li.tytul { text-align: center; font-weight: bold; }

#form_dodaj_kartke { background: #E3EFF9; border: 1px solid #617E9E;}
#form_dodaj_kartke ul { text-align: left; }
#form_dodaj_kartke ul li { list-style-type: none; overflow: auto; display: block; text-align:center; }
#form_dodaj_kartke ul li.tytul { text-align: center; font-weight: bold; border: none; margin: 10px auto; }
#form_dodaj_kartke ul li div { text-align: left; padding: 2px; }
#form_dodaj_kartke ul li div.opis { }
#form_dodaj_kartke ul li div.komentarz { clear: both; color: green; }

#twoje_dod_kartki { background: #E3EFF9; border: 1px solid #617E9E; }
#twoje_dod_kartki ul { width: auto; height:auto; text-align: left; margin: 0px 5px; padding: 0px; }
#twoje_dod_kartki li { width: auto; height:auto; list-style-type: none; overflow:auto; padding: 0px; display: block; text-align: left; margin: 5px 0px; }
#twoje_dod_kartki li.tytul { text-align: center; font-weight: bold; border: none; margin: 10px; }
#lista_kontaktow { background: #E3EFF9; border: 1px solid #617E9E; }
#lista_kontaktow ul { text-align: left; }
#lista_kontaktow ul li { list-style-type: none; display: block; text-align: center; overflow: auto; border: 1px #2596BB dotted; background-color: white; }
#lista_kontaktow ul li.tytul { text-align: center; font-weight: bold; border: none; background: none;}
#lista_kontaktow ul li div.email { word-wrap: break-word; }
#lista_kartek_uzytk { text-align: left; }
#lista_kartek_uzytk ul li { list-style-type: none; text-align: center; overflow: auto; display: block; }
#lista_kartek_uzytk ul li.tytul { text-align: center; font-weight: bold; background: #E3EFF9; border: 1px solid #617E9E; }
#lista_kartek_uzytk ul li div.kartka { font-family: verdana; vertical-align: top; display: inline-block; }
#lista_kartek_uzytk ul li div.kartka span { color: #5885c0; font-weight: bold; }
#lista_kartek_uzytk ul li div.kartka div.zdjecie { background: #D2E4F4; border: 1px outset #87DEBD; }
#lista_kartek_uzytk ul li a img { border: 2px solid #37868A; }


#pokaz_kartke { }
#pokaz_kartke ul { text-align: left; }
#pokaz_kartke ul li { list-style-type: none; text-align: center; overflow: auto; display: block; }
#pokaz_kartke ul li.tytul { text-align: center; font-weight:bold; padding: 5px 0px; } 
#pokaz_kartke ul li div.adresat fieldset { background: #F2F9F9; border: 1px solid #617E9E; }
#pokaz_kartke ul li div.adresat fieldset legend { font-weight:bold; color: #000000; }
#pokaz_kartke ul li div.adresat div#adresat2 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat3 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat4 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat5 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat6 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat7 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat8 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat9 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat div#adresat10 { margin-top: 15px; clear: both; }
#pokaz_kartke ul li div.adresat input { width: 140px; }
#pokaz_kartke ul li div.adresat div.adresat_tytul { float: left; text-align: right; font-weight:bold; margin: 5px; width: 60px; }
#pokaz_kartke ul li div.adresat div.adresat_kontakty select { width: 144px; }
#pokaz_kartke ul li div.liczba_adresatow { text-align: right; font-weight:bold; }
#pokaz_kartke ul li div.nadawca fieldset { background: #ECF3FB; border: 1px solid #617E9E; }
#pokaz_kartke ul li div.nadawca fieldset legend { font-weight:bold; color: #000000; }
#pokaz_kartke ul li div.nadawca input[type="text"] { width: 140px; }
#pokaz_kartke ul li div.znaczek { width: 98%; padding: 0px; margin: 2px auto; text-align: center; }
#pokaz_kartke ul li div.znaczek ul { width: auto; margin: 0px; text-align: center; }
#pokaz_kartke ul li div.znaczek li { width: auto; height: auto; margin: 5px; text-align: center; padding: 0px; overflow: visible; display: inline-block; vertical-align: top; }
#pokaz_kartke ul li div.kolory { width: 225px; overflow: auto; margin: 5px 5px; padding: 1px; border: 1px outset #37868A; display: inline-block; text-align: left; }
#pokaz_kartke ul li div.kolory div.tytul { width: auto; height: auto; text-align: center; display: block; padding: 3px; }
#pokaz_kartke ul li div.kolory div.kolor { width: auto; height: auto; display: inline-block; }
#pokaz_kartke li div.przyciski { margin: 0px auto; text-align: center; }
#pokaz_kartke li div.przyciski input { width: 150px; margin: 5px 40px; padding: 2px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke select { font-family: Comic Sans MS; color: #324050; }
#pokaz_kartke img { border: none; }
#pokaz_kartke ul li div#kartka { background: #D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke ul li div#kartka div.kartka_zdjecie { width: auto; margin: 0px auto; padding: 5px; }
#pokaz_kartke ul li div#kartka div.kartka_zdjecie img { border: 0px solid #47620B; margin: 0px; }
#pokaz_kartke ul li div#kartka div.kartka_gora { text-align: center; }
#pokaz_kartke ul li div#kartka div.kartka_gora img { text-align: center; }
#pokaz_kartke ul li div#kartka div.kartka_lewa_pod { float: left; text-align: left; padding: 5px;  }
#pokaz_kartke ul li div#kartka div.kartka_prawa_pod { float: right; text-align: right; padding: 5px; }
#pokaz_kartke ul li div#ocen_kartke { margin: 5px auto; text-align: center; }
#pokaz_kartke ul li div#ocen_kartke input { background:#D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke ul li div#tekst_wiadomosci { height: 220px; margin: 0px auto; padding: 10px; background: #D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke ul li div#tekst_wiadomosci textarea { width: 95%; height: 200px; margin: 0px auto; padding: 3px; background: #FFFFFF; font-size: medium; font-family: Verdana; }
#pokaz_kartke ul li div#emotikony { width: 80%; margin: 0px auto 5px; text-align: center;  }
#pokaz_kartke ul li div#pokaz_zyczenia { width: 160px; margin: 5px auto; padding: 5px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke ul li div#obszar_kolory { height: auto; margin: 0px auto; padding: 10px; overflow: auto; background: #D2E4F4; border: 1px solid #617E9E; text-align: center; }
#pokaz_kartke ul li div#czcionka { overflow: auto; background: #D2E4F4; border: 1px solid #617E9E; }
#pokaz_kartke ul li div#czcionka div { margin: 0px; padding: 5px; display: inline-block; }
#pokaz_kartke ul li div#czcionka div.rodzaj_czcionki { text-align: center; }
#pokaz_kartke ul li div#czcionka div.wielkosc_czcionki { text-align: center; }
#pokaz_kartke ul li div#czcionka div.wyrownywanie { text-align: center; }
#pokaz_kartke ul li div#czcionka div.bold_italic { margin: 1px auto; text-align: center; display: block; }
#pokaz_kartke ul li div#znaczki_tytul { margin: 0px auto 5px; text-align: center; }
#pokaz_kartke ul li div#znaczki { overflow: auto; margin: 10px auto; text-align: center; }
#pokaz_kartke ul li div#powiadom { margin: 0px auto 5px; text-align: center; }
#pokaz_kartke ul li div#data_wyslania { margin: 0px auto 5px; text-align: center; }

#przyciski { width: 420px; height: auto; text-align: center; margin: 10px auto; overflow:auto; }
#przyciski form { display: inline-block; }
#przyciski div.przycisk { width: 200px; }
#przyciski div.przycisk input { width: 150px; margin: 5px auto; padding: 2px; text-align: center; font-weight: bold; background: #D2E4F4; border: 1px solid #617E9E; cursor: pointer; }


#przeczytaj_kartke { margin: 0px auto; padding: 0px; }
#przeczytaj_kartke div.tytul_kartki { text-align: center; font-weight: bold; padding: 5px; margin: 10px; }
#przeczytaj_kartke div.kartka_zew { height: auto; margin: 10px auto; padding: 10px; border: 2px solid #617E9E; background-color: #D2E4F4; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew { height: auto; border: 1px solid #617E9E; margin: 0px auto; padding: 0px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_zdjecie { width: auto; height: auto; text-align: center;  }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_znaczek { width: 150px; height: 150px; text-align: right; padding: 0px; background-repeat: no-repeat; background-position: center top; vertical-align: top; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_znaczek img { margin-top: 40px; margin-right: 5px; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy { width: 200px; height: auto; text-align: center; padding: 5px; border: 1px solid #617E9E; background: #D2E4F4; color: #000000; vertical-align: top; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy div.adresat { width: 180px; height: auto; padding: 5px; margin: 20px 2px; text-align: left; border-bottom: 1px dotted black; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy div.nadawca { width: 180px; height: auto; padding: 5px; margin: 10px 2px; text-align: left; border-bottom: 1px dotted black; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_adresy div div.nazwa { text-align: right; word-wrap: break-word; }
#przeczytaj_kartke div.kartka_zew div.kartka_wew div.kartka_tekst { width: 90%; clear: both; margin: 20px auto; padding: 5px; border-top: 1px dotted black; }


#lista_przypomnien { margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#lista_przypomnien ul { text-align: left; margin: 0px; padding: 2px 5px; }
#lista_przypomnien ul li { list-style-type: none; display: block; margin: 5px 0px; overflow: auto; border: 1px #2596BB dotted; background: white; }
#lista_przypomnien ul li.tytul { text-align: center; font-weight: bold; border: none; background: none; }

#konto_lista_kartek { width: 99%; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#konto_lista_kartek ul { width: auto; margin: 0px; padding: 0px; }
#konto_lista_kartek ul li { width: auto; list-style-type: none; padding: 3px 5px; display: block; text-align: left; margin: 5px; overflow: auto; border: 1px #2596BB dotted; background-color: white; }
#konto_lista_kartek ul li:first-child { text-align: center; }
#konto_lista_kartek ul li div { margin: 0px 3px; padding: 0px; }
#konto_lista_kartek ul li.tytul { font-weight: bold; border: none; background: none; }
#konto_lista_kartek ul li div.osoba { text-align: left; color: green; }
#konto_lista_kartek ul li div.data { text-align: left; }
#konto_lista_kartek ul li div.email { text-align: left; }
#konto_lista_kartek ul li div.zobacz { width: 20px; text-align: center; }
#konto_lista_kartek ul li div.usun { width: 13px; text-align: center; }
#konto_lista_kartek ul li div.wyslano { width: 15px; text-align: center; }
#konto_lista_kartek ul li div.przeczytano { width: 15px; text-align: center; }
#konto_lista_kartek div.legenda { margin: 10px;  }
#konto_lista_kartek div.legenda span { font-weight: bold; }
#konto_lista_kartek span.ok {color: green; font-weight: bold; font-size: 14px; }
#konto_lista_kartek span.no {color: red; font-weight: bold; font-size: 14px; }

#o_mnie { width: 99%; margin: 0px auto; }
#o_mnie div	{ vertical-align: top; }
#o_mnie div.tytul { width: 80%; font-weight: bold; font-size: 16px; margin: 10px auto; padding: 5px; text-align: center; background: #FBF58B; border: 1px solid #CFCA73;}
#o_mnie div.tytul span { color: #CC0000; }
#o_mnie div.tytul span.omnie { margin-left: 10px; padding: 2px; white-space: pre; }
#o_mnie div.omnie_info { text-align: left; }
#o_mnie div.omnie_zdjecie { text-align: center; padding: 15px; }
#o_mnie div.omnie_podsum {  }

#zyczenia { width: 300px; height: 370px; background: #D2E4F4; border-width: 1px; border-style:solid; border-color: #617E9E; }
#zyczenia div.tytul { text-align: center; font-weight:bold; padding: 5px; margin: 5px; }
#zyczenia div.kat_zyczenia { text-align: center; padding: 5px; margin: 5px; }
#zyczenia div.tekst { text-align: center;  }
#zyczenia div.tekst textarea { margin: 10px; width: 90%; height: 150px; border:1px solid #617E9E; }
#zyczenia div.tekst_info input {text-align: right; padding: 2px 20px; margin: 0px; background:#D2E4F4; width: 100%; border: none; }
#zyczenia div.przyciski { text-align: center; padding: 5px;  }


#uzytkownicy { margin: 10px auto; padding: 0px; }
#uzytkownicy_top ul { width: auto; height:auto; text-align: left; margin: 0px 5px; padding: 0px; }
#uzytkownicy_top ul li { width: auto; height:auto; list-style-type: none; overflow: auto; padding: 0px 2px; display: block; text-align: left; margin: 5px auto; background-color: #f0f8ff; }
#uzytkownicy_top ul li.naglowek { text-align: left; font-family: tahoma; font-size: 17px; color: #5885c0; font-weight: bold ; padding: 2px 0px; border-bottom: 1px solid #5885c0; background: none; }
#uzytkownicy_top ul li.tytul { text-align: left; font-weight: bold; background: none; margin: 10px auto; }
#uzytkownicy_top ul li div { text-align: left; padding: 2px; display: inline-block; }
#uzytkownicy_top ul li div.numer { padding: 2px; }
#uzytkownicy_top ul li div.pseudonim { padding: 2px; color: #B75B00; }
#uzytkownicy_top ul li div.pseudonim span { margin-left: 5px; }
#uzytkownicy_top ul li div.pseudonim span a { font-size: 10px; background: #FFE67D; border: 1px solid #BF9900; padding: 0px 1px; }
#uzytkownicy_top ul li div.liczba { padding: 2px; color: green; }
#uzytkownicy_top ul li div.liczba_wys { padding: 2px; color: #dd9208; }
#uzytkownicy_top ul li div.gwiazdki { padding: 2px; }

#muzyka { width: 85%; max-width: 400px; margin: 0px auto; padding: 10px; background: #D2E4F4; border: 1px solid #617E9E; text-align: center; }
#muzyka select { font-family: Comic Sans MS; color: #324050; margin: 5px; }
#muzyka select option.kategoria { background-color: #E0EDF8; color: #494949; }
#muzyka input { margin: 5px; }
#muzyka_tlo { width: auto; text-align: center; font-style: italic; margin: 5px auto; }
#muzyka_odczyt { margin: 0px auto 10px; width: auto; padding: 0px; text-align: center; }

#reklama1 { width: 90%; text-align: center; margin: 20px auto; }
#reklama2 { width: 90%; text-align: center; margin: 20px auto; }
#reklama3 { width: 90%; text-align: center; margin: 20px auto; }
#reklama4 { width: 90%; text-align: center; margin: 20px auto; }
#reklama5 { width: 90%; text-align: center; margin: 20px auto; }
#reklama6 { width: 90%; text-align: center; margin: 20px auto; }


.title { font-family: tahoma; font-size: 17px; color: #004D99; font-weight: bold; text-align: center; }
a.kart,a:link.kart,a:active.kart,a:visited.kart { text-decoration: none; color: #2D6824; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold ; }
a:hover.kart { text-decoration: none; color: #FF0000; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold }
div.koniec { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px;}
#szukane_lista { width: auto; height: auto; }
#zamknij_okienko { text-align: center; font-weight:bold; cursor: pointer; margin: 10px auto; } 
#przycisk_odpowiedz {text-align: center; margin: 10px; }
#przycisk_odpowiedz input {width: auto; margin: 5px auto; padding: 2px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
#nowy_kontakt { background: #E3EFF9; border: 1px solid #617E9E; }
#nowy_kontakt ul { text-align: left; }
#nowy_kontakt li { list-style-type: none; display: block; text-align:center; overflow: auto; }
#nowy_kontakt li div { float: left; margin: 0px 5px; }
#nowy_kontakt li.tytul { text-align: center; font-weight: bold; }
#nowy_kontakt li div.opis { text-align: right; }
#nowy_kontakt li div.wartosc { text-align: left }
#nowy_kontakt li div.wartosc input {  }
#nowy_kontakt li.komunikat { color: #EC4D00; }
#usun_konto {width: 120px; margin: 10px auto;}
#przycisk_usun {width:120px; background: #FF8282; color: #FFFFFF; border: 0px solid #FF3E3E; }
#form_zyczenia { text-align: center; width: auto; }
#form_zyczenia select { width: 250px; }
#form_zyczenia div.kat_zycz { margin:10px; }
#form_zyczenia div.kat_zycz span.przycisk input { width: auto; margin: auto 10px; padding: 0px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#D2E4F4; border: 1px solid #617E9E; }
.pozycja_okienka { }

#lista_kartek li.menu_sortowania { margin: 10px auto 5px; overflow: auto; padding: 0px; }
#lista_kartek ul.sortowanie { width: auto; margin: 0px; padding: 0px; text-align: right; }
#lista_kartek ul.sortowanie li { list-style-type: none; display: inline-block; text-align: left; margin: 0px; padding: 5px 0px; }
#lista_kartek ul.sortowanie li a { font-size: 12px; font-family: Verdana, Arial, Helvetica; }
#lista_kartek ul.sortowanie li.tytul { width: 80px; text-align: right; }
#lista_kartek ul.sortowanie li.data { width: 100px; }
#lista_kartek ul.sortowanie li.wyslane { width: 155px; }
#lista_kartek ul.sortowanie li.ocena { width: 140px; }

#kategoria_opis { width: 70%; margin: 10px auto; }

#info_cookies { height: auto; omax-width: 500px; font-size: 14px; margin: 20px auto 5px; padding: 5px; border-bottom: 1px solid #fc0; border-top: 2px solid #fc0; color: #668ac6; background-color: #fbf9ea; text-align: center; }
#info_cookies span { font-weight: bold; }
#info_cookies a { color: #668ac6; font-size: 14px; }
#cookies_akceptacja { cursor: pointer; color: #F16930; white-space: nowrap; }