body { background:#FFFFFF; background: url(../grafika/tlo2.jpg); font-size: 12px; text-align: center; font-family: Verdana, Arial, Helvetica; margin-top:0; margin-bottom:0; margin:0; padding:0; line-height: 1.5em; }

/* glowny styl linkow ------ Georgia, "Times New Roman", Times, serif */
a {text-decoration: none; color: #341473; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:link {text-decoration: none; color: #341473; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:active {text-decoration: none; color: #341473; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:visited { text-decoration: none; color: #341473; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold; }
a:hover {text-decoration: underline; color: #341473; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight:bold }

a h2 {
	font: 1.7em Georgia, "Times New Roman", Times, serif;
	padding: 2px 5px 5px 0px;
	margin: 0;
	color: #000000; 
}

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

#zycz { padding: 2px; 0px; 2px; 0px; margin: 0 20px 10px 0 }

#zycz h2 {
	font: 1.5em Georgia, "Times New Roman", Times, serif;
	padding: 10px 5px 5px 17px;
	background: url(../grafika/karteczka.jpg) no-repeat 7px 14px;
	margin: 0;
}



#zycz ul {
	list-style: none;
	text-align: left;
	margin: 0 0 0 0;	
	padding-left: 20px;		
	text-decoration: none;
}

#zycz li {
	border-bottom: 1px solid #FFCCCD;
	width: 85%;
	background: url(http://zyczenia.kartki.net.pl/templates/Heil/images/zyczenia-kat.gif) no-repeat 7px 7px;
	padding: 4px 1px 2px 16px;	
}

#zycz li a { text-decoration: none; color: #341473; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold ; padding: 2px 2px 2px 12px; }
#zycz li a:hover { color: #FF0000; }



/*  uklad  */

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FFFFFF;
}

#topsection{
background: #EAEAEA;
height: 120px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
margin: 0px auto; 
overflow:auto; 
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 250px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background: #FFFFFF;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #FFFFFF;
border-right: 1px #5885c0 dotted;
}

#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -251px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
border-left: 1px #5885c0 dotted;

}

#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}





#menulewe { width: auto; height: auto; margin: 2px 0 0 10px; padding: 0px; text align: left; } 
#menulewe ul { list-style: none; text-align: left; margin: 0 0 0 0; padding-left: 5px;	text-decoration: none; }

#menulewe li { list-style-type: none; display: block;  margin: 0px; padding: 4px 3px 2px 9px; width: 85%; border-bottom: 1px solid #CCCCCC;}
#menulewe li a { text-decoration: none; color: #341473; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: bold ; padding: 2px 2px 2px 5px; }
#menulewe li a:hover { color: #FF0000; }

.innertube{
margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




















/* styl miniaturek kartek */
#lista_kartek { width: 517; height: auto; text-align: center; margin: 0; padding: 0 0 0 25px;  }
#lista_kartek ul { width: 517px; height: auto; margin: 0px; padding: 0px;   }
#lista_kartek li { width: 500px; height: auto; list-style-type: none; text-align: center; overflow: auto; display: block; margin: 2px; padding: 5px;  }
#lista_kartek ul li div.kartka  { float: left; font-family: verdana; font-size:10px ; width: 145px; height: auto; padding: 2px; margin: 5px; }
#lista_kartek ul li div.kartka span { color: #999999; font-weight: bold; }
#lista_kartek ul li div.kartka div.zdjecie { background: #ffffff; padding: 2px; }
#lista_kartek li a img { border: 1px solid #cccccc; padding: 7px;  }
#lista_kartek li a:hover img { border: 1px solid #FF0000; padding: 7px; }


/* styl tytulu kategorii */
#kategoria_tytul { text-align: center; font-family: tahoma; font-size: 16px; color: #4B0082; font-weight: bold ; padding: 10px 0 12px 0; }

/* 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: #4B0082; 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 }

/* styl okienka news, kalendarium, */
.okienko { background: #FFF0F5; border: 1px dashed #341473; width: 450px; text-align: left; margin: 0 auto; padding: 5px; }
.okienko li.tytul { font-weight: bold; list-style-type: none; }

/* styl linkow do kategorii */
a.kg,a:link.kg,a:active.kg,a:visited.kg { text-decoration: none; color: #5885c0; font-size: 11px; font-family: Verdana, Arial, Helvetica;  }
a.kg:hover { text-decoration: underline; color: #FF0000; 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: #5885c0; font-size: 10px; font-family: Verdana, Arial, Helvetica; }
a.pk:hover { text-decoration: underline; color: #FF0000; 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: #C4C4C4; 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: #C4C4C4; font-size: 11px; font-family: Verdana, Arial, Helvetica;  }

/*styl dużych kartek */
#pokaz_kartke { width: 537px; height: auto;  }
#pokaz_kartke img { border: none; }
#pokaz_kartke ul {width: 537px; height: auto; text-align: left; margin: 0px ; padding: 2px; }
#pokaz_kartke li {width: 537px; 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: 50px; 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: 10px 0px 0px 0px; 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: 507px; height: 220px;  margin: 0px auto; padding: 0; background: #FFFFFF; }
#tekst_wiadomosci textarea { width: 507px; 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: 0; background: #FFFFFF; }
#kartka img { border: 1px dotted #341473; }
#gwiazdki { float: left;  }
#gwiazdki img{ border: none; }
#autor { float: right; }
#znaczki { width: 507px; overflow: auto; margin: 2px auto;  }

#obszar_kolory { width: 507px; height: auto; margin: 0px auto; padding: 10px; overflow:auto; background: #D2E8FF; border: 1px dashed #341473; }
#pokaz_kartke ul li div.kolory { width: 210px; overflow:auto; margin: 0px 10px; padding: 5px; float: left; border: 1px dotted #37868A; 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: #D2E8FF; border: 1px dashed #341473; }
#czcionka div { float: left; margin: 0px; padding: 5px;  }
#muzyka { width: 400px; margin: 0px auto; padding: 10px; background: #D2E8FF; border: 1px dashed #341473; }
#pokaz_kartke li div.przyciski input { width: 150px; margin: 5px 40px; padding: 2px; text-align: center; font-weight:bold; cursor: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#przyciski { width: 517px; 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:#D2E4F4; border: 1px solid #617E9E; cursor: hand; }

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


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

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

#kartki { width: 1000px; margin: 0 auto; padding: 3px 5px 5px 5px }

#kartki ul{
display: inline;
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}
#kartki li { display: inline; margin: 0px; padding: 0 5px 0 5px;}
#kartki h1 { 
display: inline;
font: 1.9em Georgia, "Times New Roman", Times, serif;
color: #556B2F;
text-align: center;
padding: 2px 60px 5px 60px;
margin: 0;
}

#container {
width: 1000px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #EBD3E0;
}

#naglowek { width: 1000px; margin: 0px auto; text-align: center; background: #FFFFFF; }

#logo { width: 200px; height: 100px; float: left; margin: 0 auto; padding: 4px 0 0 0; background: #FFFFFF; border-right: 1px #5885c0 dotted; }
#logo a h1 {
	font: 1.9em Georgia, "Times New Roman", Times, serif;
	padding: 2px 5px 5px 0px;
	margin: 0;
	color: #000000; 
}

#logo a:hover h1 {
	text-decoration: none; 
}

#baner { width: 799px; height: 100px; float: left; text-align: center; margin: 0 auto; padding: 4px 0 0 0; background: #FFFFFF; border-bottom: 1px #5885c0 dotted; }

#logoz { width: 250px; height: 120px; float: right; margin: 0 auto; padding: 2px 0 0 0; background: #FFFFFF; }
#logoz a h1 {
	font: 1.9em Georgia, "Times New Roman", Times, serif;
	padding: 2px 5px 5px 0px;
	margin: 0;
	color: #000000; 
}

#logoz a:hover h1 {
	text-decoration: none; 
}




#menu { width: 1000px; height: 31px; clear: both; overflow: hidden; text-align: center; valign: bottom; padding: 0; margin: 0 auto;}

#menu ul{
list-style-type: none;
margin: 0 0 0 30px;
padding: 0;
}

#menu li{
float: left;
margin: 0;
padding: 0;
}

#menu .konto li{
float: left;
margin: 0;
padding: 0;
}

#menu .konto a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(grafika/menu-kartki.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

#menu .konto a span{
float: left;
position: relative;
display: block;
background: url(grafika/menu-kartki-p.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}


#menu a{
float: left;
position: relative;
top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url(grafika/tab-blue-left.gif) no-repeat left top;
margin: 0;
margin-right: 3px; /*Spacing between each tab*/
padding: 0 0 0 9px;
text-decoration: none;

}

#menu a span{
float: left;
position: relative;
display: block;
background: url(grafika/tab-blue-right.gif) no-repeat right top;
padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: black;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {cursor: hand; }
#menu .konto a span {cursor: hand; }
/* End IE5-Mac hack */

#menu .selected a{
background-position: 0 -125px;
top: 0;
}

#menu .selected a span{
background-position: 100% -125px;
color: black;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#menu .konto a:hover{
background-position: 0% -125px;
top: 0;
}

#menu .konto a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}

#menu a:hover{
background-position: 0% -125px;
top: 0;
}

#menu a:hover span{
background-position: 100% -125px;
padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
}



#srodek { width: 1000px; margin: 0px auto; overflow:auto; background-color: #ffffff; }
#lewa { width: 200px; border-right: 1px #5885c0 dotted; height: auto; float: left; text-align: left; padding: 10px 0 0 5px; margin: 0;  background-color: #ffffff; }
#prawa { width: 541px; margin: 0 267px 0 207px; padding: 0; background-color: #ffffff; }


#right {
float: right;
width: 250px;
margin: 0;
padding: 0;
border-left: 1px #5885c0 dotted; 
background-color: #ffffff;
}
#kategorie ul {
	list-style: none;
	text-align: left;
	margin: 0 0 0 0;	
	padding-left: 15px;		
	text-decoration: none;
}
#kategorie { width: auto; height: auto; margin: 2px 0 0 10px; padding: 0px; }
#kategorie li { list-style-type: none; display: block;  margin: 0px; padding: 4px 1px 2px 16px; width: 85%; border-bottom: 1px solid #FFCCCD;}
#kategorie li a { text-decoration: none; color: #341473; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold ; padding: 2px 2px 2px 12px; }
#kategorie li a:hover { color: #FF0000; }
#kategorie li.kategoria { padding: 4px 1px 2px 16px; background: url(grafika/kopertka.gif) no-repeat 7px 7px; }
#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; }


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

#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;}


#stopka_reklamowa { width: 1000px; height: 100px; margin: 0 auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted; }
#stopka_menu { width: 1000px; margin: 0 auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted; background:#FFFFFF; }
#stopka_partnerzy { width: 1000px; margin: 0 auto; clear: both; text-align: center; border-top: 1px #5885c0 dotted;  }
#stopka_partnerzy h1 { display: inline; font: 1.9em Georgia, "Times New Roman", Times, serif; color: #556B2F; text-align: center; padding: 3px 5px 5px 5px; margin: 0; }
#szukaj { text-align: left; }
#szukaj div.przyciski input {width: auto; margin: 5px auto; padding: 2px 10px; text-align: center; font-weight:bold; cursor: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#strony { text-align: center; margin: 10px 0px; }
#strony a { text-decoration: none; color: #341473; 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: #5885C0; font-size: 10px; padding: 0 3px 0 3px; }

#powered_by {width:900px; margin: 10px auto; font-size: 10px; font-family: Verdana; padding: 3px; text-align: left; }
#powered_by span.powered { background: #617E9E; color: #ffffff; padding: 2px 5px; border-right: 1px solid #ffffff; }
#powered_by span.ekartka { background: #5A5A5A; color: #ffffff; padding: 2px 5px; }
#powered_by span.ekartka a { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration: none; cursor: text; }


#kontakt {width: 517px; 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: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#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: #D2E8FF; border: 1px dashed #341473; 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: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#wiersze { width: 630px; 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: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#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: #D2E8FF; border: 1px dashed #341473; }
#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: #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:300px; height:250px; 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;  }
#zamknij_okienko { text-align: center; font-weight:bold; cursor: hand; margin: 10px auto; } 
#pokaz_zyczenia { width: 200px; margin: 5px auto; padding: 5px; text-align: center; font-weight:bold; cursor: hand; background:#D2E4F4; border-color:#617E9E; }
.pozycja_okienka { top: 517px; 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: hand; background:#D2E4F4; border: 1px solid #617E9E; }

#rejestracja { width: 100%; margin: 20px 0 0 0; }
#rejestracja_formularz {width: 400px; margin: 0px auto; background: #D2E8FF; border: 1px dashed #341473; }
#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: #FF6FCF; }


#konto { width: 100%; margin: 20px auto; }
#menu_konto { width: 100%; height: 46px; margin: 0 0 10px 0; padding: 0; background: #E3EFF9; border: 1px solid #617E9E; }
#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: #D2E8FF; border: 1px dashed #341473; }
#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: 100%px; text-align: center; margin: 20px auto; padding: 2px; }

#konto_dane {width: 400px; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E;  }
#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: #FF6FCF; }

#nowy_kontakt {width: 400px; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#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: #FF6FCF; }


#lista_kontaktow { width: 100%; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#lista_kontaktow ul { width: 537px; text-align: left; margin: 0px; padding: 2px 5px; }
#lista_kontaktow li { width: 532px; 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: 160px; text-align: left; }
#lista_kontaktow li div.email { width: 210px; text-align: left; }
#lista_kontaktow li div.edytuj { width: 35px; }
#lista_kontaktow li div.usun { width: 35px; }


#nowe_haslo { width: 517px; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; padding: 5px; }
#form_zaphaslo { width: 450px; text-align: center; margin: 10px auto; padding: 5px; }

#form_przypominajka {width: 537px; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#form_przypominajka ul {width: 490px; text-align: left; margin: 0px; padding: 2px 5px; }
#form_przypominajka li {width: 480px; list-style-type: none; padding: 2px 5px; display: block; text-align:center; margin: 5px 0px; overflow:auto; }
#form_przypominajka li div { float: left; margin: 0px 5px; }
#form_przypominajka li.tytul { text-align: center; font-weight: bold; }
#form_przypominajka li div.opis { width: 200px; text-align: right; }
#form_przypominajka li div.wartosc { width: auto; text-align: left; }
#form_przypominajka li.komunikat { color: #FF6FCF; }
#form_przypominajka li div.wartosc textarea { width: 230px; height: 100px; margin: 5px 0px; }



#lista_przypomnien { width: 100%; margin: 10px auto; background: #E3EFF9; border: 1px solid #617E9E; }
#lista_przypomnien ul { width: 100%; text-align: left; margin: 0 2px; padding: 2px 5px; }
#lista_przypomnien li { width: 537px; list-style-type: none; padding: 0px 2px; display: block; text-align:center; margin: 2px 0px; overflow:auto; border-bottom: 1px #2596BB dotted; }
#lista_przypomnien li div { float: left; margin: 0px 5px; padding: 2px; display: inline; }
#lista_przypomnien li.tytul { text-align: center; font-weight: bold; border: none; }
#lista_przypomnien li div.rodzaj { width: 90px; text-align: left; }
#lista_przypomnien li div.nazwa { width: 120px; text-align: left; }
#lista_przypomnien li div.data { width: 95px; text-align: left; }
#lista_przypomnien li div.edytuj { width: 35px; }
#lista_przypomnien li div.usun { width: 35px; }
#lista_przypomnien li div.przypomnienie {width: 70px; text-align: left; }


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

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


#konto_lista_kartek { width: 100%; margin: 0 auto; background: #E3EFF9; border: 1px solid #617E9E; }
#konto_lista_kartek ul { width: 537px; text-align: left; margin: 0px; padding: 2px 2px; }
#konto_lista_kartek li { width: 535px; list-style-type: none; padding: 0px 5px; display: block; text-align:center; margin: 1px 0px; overflow:auto; border-bottom: 1px #2596BB dotted; }
#konto_lista_kartek li div { float: left; margin: 0px 1px; padding: 2px; display: inline; }
#konto_lista_kartek li.tytul { text-align: center; font-weight: bold; border: none; }
#konto_lista_kartek li div.osoba { width: 130px; text-align: left; }
#konto_lista_kartek li div.data { width: 95px; text-align: left; }
#konto_lista_kartek li div.email { width: 195px; text-align: left; }
#konto_lista_kartek li div.zobacz { width: 20px; }
#konto_lista_kartek li div.usun { width: 20px; }
#konto_lista_kartek li div.wyslano { width: 12px; text-align: center; }
#konto_lista_kartek li div.przeczytano { width: 12px; 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; }

#imieniny {background: #DFFFDF; border: 1px dashed #55FF55; margin: 0px auto 5px; padding: 2px; text-align: center; width: 100%; }
#imieniny span { font-weight: bold; color: #3E3E3E; }

a.stopka  { text-decoration: none; color: #556B2F; font-size: 10px; font-family: Verdana, Arial, Helvetica; font-weight: normal; padding: 1px 1px 1px 1px; }
a:hover.stopka { text-decoration: underline; }