* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, Verdana, Thoma, sans-serif;
 font-size: 11px;
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background: #B7C793;
 border: 3px solid #000000;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 height: 195px;
 margin: 0px 0px 0px 0px;
}
#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 200px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 678px;
 display: inline;
}
#footer { 
 width: 900px;
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background: url('grafika/stopka.jpg') no-repeat center center;
 height: 120px;
}

/* glowny styl linkow */

/* style dla tekstu */
.tytul_kategorii { text-decoration: none; color: #151B08; font-size: 10px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: right; border-bottom: 1px dotted #616146; }
.tytul_kategorii_lewa { text-decoration: none; color: #151B08; font-size: 12px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px dotted #616146; font-weight:bold; }
.tytul_news { text-decoration: none; color: #6D1500; font-size: 16px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.podtytul { text-decoration: none; color: #6D1500; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 10px 0px 0px; text-align: justify;}
.news { text-decoration: none; color: #3E372A; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 10px 0px 0px; text-align: justify; }
.podpis { margin-right: 10px; margin-top: 5px; text-align: right; }
.info_center { text-decoration: none; color: #6D1500; font-size: 12px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.info_problem_center { text-decoration: none; color: #B12422; font-size: 14px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 10px; }
.wyjasnienie { text-decoration: none; color: #3E372A; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; margin: 1px 10px 0px 15px; text-align: center; }
.blok_center { text-decoration: none; color: #6D1500; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: center; margin-top: 10px; margin-bottom: 5px; }
.tytul_mod_lewa { background: url('grafika/dzial.gif') no-repeat center left; text-decoration: none; color: #594E21; font-size: 14px; padding-left: 20px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; font-weight:bold; }
.tytul_mod_center { background: url('grafika/pod_naglowek.gif') no-repeat center left; text-decoration: none; text-align: center; color: #594E21; font-size: 14px; padding-left: 10px; margin-right: 10px; font-family: Tahoma, Verdana, Arial, Helvetica; font-weight:bold; }


.podzialka10 { text-decoration: none; color: #151B08; font-size: 10px;  margin: 10px 10px 10px 10px; text-align: justify; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px dotted #616146; }
.podzialka5 { text-decoration: none; color: #151B08; font-size: 10px;  margin: 5px 5px 5px 5px; font-family: Tahoma, Verdana, Arial, Helvetica; text-align: left; border-bottom: 1px dotted #616146; }


#karta { width: auto; margin: 0px auto; text-align: center; }
#le { width: 480px; height: auto;  margin: 0px auto; padding: 11px; float: left; border: 0px solid #6D1500; }
#pr { width: 150px; height: auto;  margin: 0px auto; padding: 11px; float: right; border: 0px solid #6D1500; }


a:link {text-decoration: none; color: #6D1500; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:active {text-decoration: none; color: #6D1500; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:visited { text-decoration: none; color: #0F0F04;	font-size: 11px; font-family: Verdana, Arial, Helvetica;	font-weight:bold; }
a:hover {text-decoration: underline; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold }

/* styl dla zdjec */
#zdjecie { width: 170px; padding: 5px; }
#zdjecie img { border: none; }

/* styl dla tekstu */
#tekst_wyrozniony {  text-align: center; font-family: tahoma; font-size: 13px; color: #504326; font-weight: bold ; padding: 5px 5px;}


/* styl tytulu kategorii */
#kategoria_tytul { text-align: left; font-family: tahoma; font-size: 13px; color: #504326; font-weight: bold ; }
#kategoria_podtytul { text-align: left; font-family: tahoma; font-size: 11px; color: #504326; font-weight: bold ; }

/* styl odtwarzania muzyki */
.title { font-family: tahoma; font-size: 17px; color: #004D99; font-weight: bold; text-align: center; }

/* styl linkow pod kartkami */
a.kart, a:link.kart, a:active.kart, a:visited.kart { text-decoration: none; color: #321500; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold ; }
a:hover.kart { text-decoration: none; color: #000000; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight:bold }

/* styl okienka news, kalendarium, */
#okienko { width: 650px; text-align: justify; }

/* styl linkow do kategorii */
a.kg, a:link.kg, a:active.kg, a:visited.kg { text-decoration: none; color: #6D1500; font-size: 11px; font-family: Verdana, Arial, Helvetica;  }
a.kg:hover { text-decoration: underline; color: #0F0F04; font-size: 11px; font-family: Verdana, Arial, Helvetica; }

/* styl linkow do podkategorii */
a.pk, a:link.pk, a:active.pk, a:visited.pk { text-decoration: none; color: #6D1500; font-size: 10px; font-family: Verdana, Arial, Helvetica; }
a.pk:hover { text-decoration: underline; color: #0F0F04; font-size: 10px; font-family: Verdana, Arial, Helvetica;  }

/* styl linkow do podkategorii wybranej */
a.pkw, a:link.pkw, a:active.pkw, a:visited.pkw, a:hover.pkw { text-decoration: none; color: #3C3C2E; font-size: 10px; font-family: Verdana, Arial, Helvetica;  }

/* styl linkow do kategorii wybranej */
a.kgw, a:link.kgw, a:active.kgw, a:visited.kgw, a:hover.kgw { text-decoration: none; color: #3C3C2E; font-size: 11px; font-family: Verdana, Arial, Helvetica;  }

/*styl dużych kartek */
#pokaz_kartke { width: 530px; height: auto;  }
#pokaz_kartke img { border: none; }
#pokaz_kartke ul {width: 685px; height: auto; text-align: left; margin: 0px ; padding: 2px; }
#pokaz_kartke li {width: 680px; height: auto; list-style-type: none; text-align: center; overflow:auto; padding: 5px 0px; display: block; margin: 2px 0px; }
#pokaz_kartke li.tytul { text-align: center; font-weight:bold; padding: 5px; } 
#pokaz_kartke li div.tytul div.adresat { text-align: center; font-weight:bold; } 
#pokaz_kartke li div.tytul div.nadawca { text-align: center; font-weight:bold; } 

#pokaz_kartke ul li div.adresat { float: left; width: 200px; text-align: right; margin-left: 150px;display: inline; }
#pokaz_kartke ul li div.nadawca { float: left; width: 200px; text-align: right; display: inline; }
#pokaz_kartke ul li div.znaczek { float: left; height: 150px; padding: 0px; margin: 2px; display: inline;}
#pokaz_kartke ul li div.znaczek ul { width: auto; margin: 0px; clear: both;}
#pokaz_kartke ul li div.znaczek li { width: auto; margin: 0px; text-align: center; padding: 0px; overflow: visible; }
#tekst_wiadomosci { width: 520px; height: 220px;  margin: 0px auto; padding: 10px; background: #DDC897; border: 1px solid #616146; }
#tekst_wiadomosci textarea { width: 500px; height: 200px; margin: 0px ; padding: 3px ; background: #FFFFFF; font-size: medium; font-family: Verdana;  }

#pokaz_kartke li#pseldonimy div.nadawca { text-align: left; }


div.koniec { clear: both; width: 0px; height: 0px; margin: 0px; padding: 0px;}

#kartka { width: auto; height: auto;  margin: 0px auto; padding: 10px; border: 1px solid #6D1500;  }
#kartka img { border: 2px solid #6D1500; }
#gwiazdki { float: left;  }
#gwiazdki img{ border: none; }

#obszar_kolory { width: 490px; height: auto; margin: 0px auto; padding: 10px; overflow:auto; background: #DDC897; border: 1px solid #616146; }
#pokaz_kartke ul li div.kolory { width: 210px; overflow:auto; margin: 0px 10px; padding: 5px; float: left; border: 1px outset #DDC897; display: inline; }
#pokaz_kartke ul li div.kolory div.kolor {width: auto; height: auto; float: left; }
#czcionka { width: 400px; margin: 10px auto; padding: 10px; overflow:auto; background: #DDC897; border: 1px solid #616146; }
#czcionka div { float: left; margin: 0px; padding: 5px;  }
#muzyka { width: 400px; margin: 0px auto; padding: 10px; background: #DDC897; border: 1px solid #616146; }
#pokaz_kartke li div.przyciski input { width: 150px; margin: 5px 40px; padding: 2px; text-align: center; font-weight:bold; cursor: pointer; background:#DDC897; border: 1px solid #616146; }

#przyciski { width: 610px; height: auto; text-align: center; margin: 10px auto; overflow:auto; }
#przyciski div.przycisk { float: left; width: 300px;  }
#przyciski div.przycisk input { width: 150px; margin: 5px auto; padding: 2px; text-align: center; font-weight:bold; background:#DDC897; border: 1px solid #616146; cursor: pointer; }

#muzyka_tlo { text-align: center; font-style: italic; }


body { background: url('grafika/grafika_tlo.jpg') repeat top left; font-size: 10px; font-family: Verdana, Arial, Helvetica; margin-top:0; margin-bottom:0;	}


div.info {text-align: center; color: #6D1500 ; padding: 5px;  }
div.info span { font-weight: bold; }

form { margin: 0px; padding: 0px; }

#naglowek { width: 900px; margin: 0px auto; text-align: center; }
#logo { width: 390px; height: 162px; float: left; margin: 0px auto; }
#baner { width: 390px; height: 162px; float: right; margin: 0px auto; }

#menu { width: auto; height: auto; clear: both; text-align: left; padding: 0px; margin: 0px 0px;}
#srodek { width: 900px; margin: 0px auto; background: #F3ECD2; overflow:auto;  }
#lewa { width: 200px; height: auto; float: left; text-align: left; padding: 10px 3px; margin: 10px 5px;  }
#prawa { width: 650px; margin: 10px auto; float: left;  border: 1px solid #616146; }


#kategorie { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie li { list-style-type: none; display: block;  margin: 0px; padding: 0px;}
#kategorie li.kategoria { background: url('grafika/dzial.gif') no-repeat center left; padding-left: 20px; padding-right:2px; padding-top:2px; padding-bottom:2px  }
#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 { background: url('grafika/dzial.gif') no-repeat center left; padding-left: 20px; padding-right:2px; padding-top:2px; padding-bottom:2px }
#kategorie_linia li.podkategoria { padding: 2px 10px;  }

#kategorie_select { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#kategorie_select option.kategoria { background: url('grafika/dzial.gif') no-repeat center left; padding-left: 20px; margin: 0px 5px; padding-right:2px; padding-top:2px; padding-bottom:2px }
#kategorie_select option.podkategoria { padding: 2px 10px; margin: 0px 5px; }

#link { width: auto; height: auto; margin: 0px auto; padding: 0px; }
#link li { list-style-type: none; display: inline; margin: 0px; padding: 0px;}
#link li.kategoria { background: url('grafika/dot.gif') no-repeat center left; padding-left: 21px; padding-right:2px; padding-top:2px; padding-bottom:2px }
#link li.podkategoria { padding: 2px 10px;  }


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

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



#stopka { width: 900px; margin: 10px auto; clear: both; text-align: center; }
#dol_strony { width: 900px; margin: 0px auto; text-align: center; }
#zamknij { width: 900px; height: 20px; float: middle; margin: 0px auto; }
#szukaj { text-align: left; }
#szukaj div.przyciski input {width: auto; margin: 5px auto; padding: 2px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#CEB995; border: 1px solid #616146; }

#strony { text-align: center; margin: 10px 0px; }
#strony a { text-decoration: none; color: #341504; font-size: 10px; font-family: Verdana, Arial, Helvetica; }
#strony a:hover { text-decoration: underline; color: #FF0000; font-size: 10px; font-family: Verdana, Arial, Helvetica; }
#strony span.aktywny { color: #C4C4C4; font-size: 10px; }

#wspiera {width:900px; margin: 10px auto; font-size: 10px; font-family: Verdana; padding: 3px; text-align: center; }
#wapiera span.wspiera1 { background: #616146; color: #ffffff; padding: 2px 5px; border-right: 1px solid #ffffff; }
#wspiera span.wspiera2 { background: #CEB995; color: #ffffff; padding: 2px 5px; }
#wspiera span.wspiera2 a { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; cursor: text; }


#kontakt {width: 500px; text-align: center; margin: 10px auto; }
#kontakt ul {text-align: left; margin: 0px; padding: 2px 5px; }
#kontakt li {width: 480px; 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; }
#kontakt ul li div {float: left; margin: 0px 5px;}
#kontakt ul li div.opis { width: 150px; text-align: right; }
#kontakt ul li div.wartosc { width: auto; text-align: left }
#kontakt ul li span.przycisk input { width: auto; margin: auto 10px; padding: 0px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#DDC897; border: 1px solid #616146; }

#cytaty {width: 630px; text-align: center; margin: 10px 30px; }
#cytaty ul {width: 615px; text-align: left; margin: 10px 0px; padding: 2px 5px; }
#cytaty li {width: 605px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; }
#cytaty li.tytul { text-align: center; font-weight:bold; }
#cytaty li div.cytat { background: #DDC897; border: 1px solid #616146; width: 450px; text-align: left; margin: 5px auto; padding: 5px; }

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

#wiersze { width: 650px; text-align: center; margin: 10px 30px; }
#wiersze span.przycisk input { width: auto; margin: auto 10px; padding: 0px 10px; text-align: center; font-weight:bold; cursor: pointer; background:#DDC897; border: 1px solid #616146; }

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

#pokaz_wiersze ul {width: 615px; text-align: left; margin: 10px 0px; padding: 2px 5px; }
#pokaz_wiersze li { width: 450px; text-align: left; margin: 10px auto; padding: 5px;  list-style-type: none; text-align: center; }
#pokaz_wiersze li.wiersz { background: #DDC897; border: 1px solid #616146; }
#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; }

#szukane_lista { width: auto; height: auto; }


#zyczenia { width: 350px; height: 450px; background: #DDC897; border-width: 1px; border-style:solid; border-color: #616146; }
#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:300px; height:250px; border:1px solid #616146; }
#zyczenia div.tekst_info input {text-align: right; padding: 2px 20px; margin: 0px; background:#DDC897; width: 100%; border: none; }
#zyczenia div.przyciski { text-align: center; padding: 5px;  }
#zamknij_okienko { text-align: center; font-weight:bold; cursor: pointer; margin: 10px auto; } 
#pokaz_zyczenia { width: 200px; margin: 5px auto; padding: 5px; text-align: center; font-weight:bold; cursor: pointer; background:#DDC897; border-color:#616146; }
.pozycja_okienka { top: 500px; right: 150px; z-index: 2000;  }

#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:#DDC897; border: 1px solid #616146; }

#rejestracja { width: 630px; margin: 20px 30px; }
#rejestracja_formularz {width: 400px; margin: 0px auto; background: #DDC897; border: 1px solid #616146; }
#rejestracja_formularz ul { width: 390px; text-align: left; margin: 0px; padding: 2px 5px; }
#rejestracja_formularz li { width: 380px; list-style-type: none; padding: 0px 5px; 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 { width: auto; text-align: left }
#rejestracja_formularz li.komunikat { color: #EC4D00; }


#konto { width: 650px; margin: 20px auto; }
#menu_konto { width: 550px; height: 40px; margin: 0px auto 10px; padding: 0; background: #DEDEC0; border: 1px solid #616146; }
#menu_konto ul {text-align: center; margin: 0px; padding: 2px 0px; border: 0px #000000 solid;}
#menu_konto li {list-style-type: none; padding: 0px 5px; border-left: 1px solid silver; display: inline;}
#menu_konto li:first-child { border: none;}


#logowanie_form {width: 300px; margin: 0px auto; background: #DDC897; border: 1px solid #616146; }
#logowanie_form ul {width: 290px; text-align: left; margin: 0px; padding: 2px 5px; }
#logowanie_form li {width: 280px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; overflow:auto; }
#logowanie_form li div { float: left; margin: 0px 5px; }
#logowanie_form li.tytul { text-align: center; font-weight: bold; }
#logowanie_form li div.opis { width: 70px; text-align: right; }
#logowanie_form li div.wartosc { width: auto; text-align: left }
#logowanie_form li div.wartosc input { width: 150px; }

#witaj_konto {width: 400px; text-align: center; margin: 20px auto; padding: 2px; }

#konto_dane {width: 400px; margin: 10px auto; background: #DEDEC0; border: 1px solid #616146;  }
#konto_dane ul {width: 390px; margin: 0px; padding: 2px 5px; }
#konto_dane li {width: 370px; list-style-type: none; text-align: center; overflow:auto; padding: 5px; display: block; margin: 3px; border: 1px #2596BB dotted; }
#konto_dane li.tytul { border: none; }
#konto_dane div {padding: 2px;}
#konto_dane div.dan_opis { width: 110px; float: left; margin-top: 3px; 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; }

#nowy_kontakt {width: 400px; margin: 10px auto; background: #DEDEC0; border: 1px solid #616146; }
#nowy_kontakt ul {width: 390px; text-align: left; margin: 0px; padding: 2px 5px; }
#nowy_kontakt li {width: 380px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; 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 { width: 150px; text-align: right; }
#nowy_kontakt li div.wartosc { width: auto; text-align: left }
#nowy_kontakt li div.wartosc input { width: 150px; }
#nowy_kontakt li.komunikat { color: #EC4D00; }


#lista_kontaktow { width: 600px; margin: 10px auto; background: #DEDEC0; border: 1px solid #616146; }
#lista_kontaktow ul { width: 590px; text-align: left; margin: 0px; padding: 2px 5px; }
#lista_kontaktow li { width: 570px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; overflow:auto; border-bottom: 1px #2596BB dotted; }
#lista_kontaktow li div { float: left; margin: 0px 5px; padding: 2px; display: inline;}
#lista_kontaktow li.tytul { text-align: center; font-weight: bold; border: none; }
#lista_kontaktow li div.imie_nazwisko { width: 170px; text-align: left; }
#lista_kontaktow li div.email { width: 250px; text-align: left; }
#lista_kontaktow li div.edytuj { width: 40px; }
#lista_kontaktow li div.usun { width: 40px; }


#usun_konto {width: 120px; margin: 10px auto;}
#przycisk_usun {width:120px; background: #FF8282; color: #FFFFFF; border: 0px solid #FF3E3E; }

#regulamin { width: auto; padding: 10px 50px; }
#regulamin div.tytul { text-align: center; font-weight: bold; }
#faq { width: auto; padding: 10px 50px; }
#faq div.tytul { text-align: center; font-weight: bold; }


#konto_lista_kartek { width: 670px; margin: 10px auto; background: #DEDEC0; border: 1px solid #616146; }
#konto_lista_kartek ul { width: 660px; text-align: left; margin: 0px; padding: 2px 5px; }
#konto_lista_kartek li { width: 650px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 5px 0px; overflow:auto; border-bottom: 1px #2596BB dotted; }
#konto_lista_kartek li div { float: left; margin: 0px 3px; padding: 2px; display: inline; }
#konto_lista_kartek li.tytul { text-align: center; font-weight: bold; border: none; }
#konto_lista_kartek li div.osoba { width: 145px; text-align: left; }
#konto_lista_kartek li div.data { width: 100px; text-align: left; }
#konto_lista_kartek li div.email { width: 255px; text-align: left; }
#konto_lista_kartek li div.zobacz { width: 18px; }
#konto_lista_kartek li div.usun { width: 13px; }
#konto_lista_kartek li div.wyslano { width: 15px; text-align: center; }
#konto_lista_kartek 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; }