* { border: 0; margin: 0; padding: 0; }
body { background-color: #f3f2eb; font-family: Arial; font-size: 11px; margin: 0 auto; padding: 0; text-align: center; }

div.clear { clear: both; }
div.center { margin: 0 auto; text-align: center; width: 750px; }
div.komunikat, div.uwaga { border: 1px dotted #dfdabb; color: #55523e; margin: 0 20px 0 30px; padding: 5px; }

#top_menu a span { float: left; display: block; background: url('./images/top_menu_bgr.jpg') no-repeat right top; padding: 11px 10px 11px 0px; color: #9c987e; }

#google_lewa { background-color: #F3F2EB; float: left; padding-top: 10px; text-align: left; width: 200px; }
#google_srodek { margin: 0 0 20px 30px; }
#google_linki { background-color: #f3f2eb; margin: 15px 0 5px; padding-left: 30px; }

#top_title { height: 46px; line-height: 46px; text-align: left; }
#top_title h1 { color: #534f39; float: left; font-size: 18px; margin-left: 30px; white-space: nowrap; width: 505px;}

#banner { margin: 5px 0; }			
	
#imieniny { color: #898464; float: right; height: 30px; line-height: 15px; margin-top: 8px; text-align: right; padding-right: 10px; width: 198px; }
#imieniny span { color: #d92d04; }
#imieniny a { color: #d92d04; margin-left: 1px; }
#imieniny a:hover { text-decoration: none; }

#bgr { height: 130px; width: 100%; }
#red_line { background: url('./images/logo_bgr.jpg') repeat-x 0 30px; height: 100%; left: 0; margin-top: -130px; position: absolute; width: 50%; z-index: -1; }

span.b { font-weight: bold; }

#top { background: url('./images/top_bgr.jpg'); height: 130px; text-align: left; }
#online { color: #55523e; line-height: 30px; margin-left: 625px; position: relative; text-align: center; width: 80px; }
#logo { float: left; height: 130px; width: 204px; }
#logo a { background: url('./images/logo.jpg') no-repeat left 30px; display: block; height: 126px; width: 100%; }
#header { float: left; height: 130px; margin-left: 20px; width: 260px; }
#header a { display: block; height: 126px; text-decoration: none; width: 100%; }
#header a.zyczenia { background: url('./images/header/zyczenia.png') no-repeat center center; }
#header a.smsy { background: url('./images/header/smsy.png') no-repeat center center; }
#header a.wierszyki { background: url('./images/header/wierszyki.png') no-repeat center center; }
#header a.wiersze-znanych { background: url('./images/header/wiersze-znanych.png') no-repeat center center; }
#header a.aforyzmy-sentencje-i-cytaty { background: url('./images/header/aforyzmy-sentencje-i-cytaty.png') no-repeat center center; }
#header a.polskie-swieta-i-tradycje { background: url('./images/header/polskie-swieta-i-tradycje.png') no-repeat center center; }
#header a.znaczenie-imion { background: url('./images/header/znaczenie-imion.png') no-repeat center center; }
#header a.kwiaty { background: url('./images/header/kwiaty.png') no-repeat center center; }
#header a.news { background: url('./images/header/news.png') no-repeat center center; }
#header a.info { background: url('./images/header/info.png') no-repeat center center; }

#wpisow { color: #55523e; float: left; height: 20px; line-height: 20px; margin-left: 50px; padding-top: 20px; width: 200px; }

#polozenie { background: url('./images/polozenie_bgr.png') no-repeat; float: left; height: 30px; line-height: 30px; margin-top: 5px; padding-left: 30px; text-align: left; width: 720px; }
#polozenie a { color: #534f39; margin: 0 3px; text-decoration: none; }
#polozenie span { border-bottom: 1px solid; color: #ca0a20; margin-left: 5px; font-weight: bold; }

#top_menu { float: left; width: 100%; line-height: normal; margin-top: 10px; text-align: left; }
#top_menu ul { margin: 0; padding: 0; list-style: none; }
#top_menu li { display: inline; margin: 0; padding: 0; }
#top_menu ul a { float: left; background: url('./images/top_menu_bgr_l.jpg') no-repeat left top; margin: 0; padding: 0 0 0 11px; text-decoration: none; }

#top_menu ul a { }
#top_menu ul a:hover span { color: #55523e; }
#top_menu ul a:hover { background-position: 0% -36px; }
#top_menu ul a:hover span { background-position: 100% -36px; }
#top_menu ul a.active { background-position: 0% -36px; }
#top_menu ul a.active span { background-position: 100% -36px; color: #55523e; }
#top_menu_underline { background: url('./images/top_menu_underline.jpg') repeat-x; height: 24px; text-align: left; width: 100%; }

#dodaj { float: right; position: relative; margin-top: 2px; width: 55px; }
#dodaj a { background: url('./images/dodaj.png') no-repeat; display: block; height: 34px; width: 55px; }

#menu { float: left; text-align: left; width: 200px; }
#menu_bgr { background: #dfdabb url('./images/menu_bgr.jpg') repeat-x top; float: left; width: 100%; }
#menu_bgr_2 { background: url('./images/menu_bgr_bottom.jpg') repeat-x bottom; float: left; width: 100%; }
#menu_bottom { background: url('./images/menu_bottom.gif') no-repeat; float: left; height: 11px; width: 200px; }
#menu ul { margin: 5px 10px 0 30px; padding: 0; list-style: none; }
#menu li { margin: 0px; padding: 2px 0 1px; }
#menu li.lev_1 { background: url('./images/raquo.jpg') no-repeat left 10px; }
#menu li.lev_2, li.lev_3, li.lev_4 { background: url('./images/menu_dot.jpg') repeat-y left 10px; }

#menu a { display: block; color: #55523e; padding: 4px 0 3px; text-decoration: none; }
#menu a.dl, li.dl { display: inline; }
#menu a:hover { text-decoration: underline; }
#menu a.active { color: #ca0a20; font-size: 13px; font-weight: bold; background: url(''); }
#menu a.a_active { font-size: 14px; font-weight: bold; }
#menu li.lev_1 a { padding-left: 15px; width: 150px; }
#menu li.lev_2 a { background: url('./images/raquo.jpg') no-repeat 15px 60%; padding-left: 30px; width: 135px; }
#menu li.lev_3 a { background: url('./images/raquo.jpg') no-repeat 30px 60%; padding-left: 45px; width: 120px; }
#menu li.lev_4 a { background: url('./images/raquo.jpg') no-repeat 45px 60%; padding-left: 60px; width: 105px; }

#opis { color: #ababab; margin: 10px 0; padding: 10px; text-align: center; }

#add { margin: 0 30px; }
#add div.uwaga { color: #ff2626; line-height: 120%;  margin: 0; }
#add p { border-bottom: 1px solid #e8e8e8; color: #88846b; font-weight: bold; line-height: 20px; margin: 15px 0 2px; }
#add p.info {  border: 1px dotted #d8d8d8; padding: 5px 10px; }
#add span { color: #ca0a20; }
#add textarea { height: 150px; width: 342px; }
#add input.t { width: 200px; }

#add select { width: 320px; }
#add option.l0 { background: url('./images/folder.gif') no-repeat 5px; font-weight: bold; padding: 6px 10px 6px 50px }
#add option.l1 { background: url('./images/folder2.gif') no-repeat 50px; padding-left: 75px; }
#add option.l2 { background: url('./images/node.gif') no-repeat 72px; font-size: 10px; padding-left: 100px; }
#add option.l3 { padding-left: 115px; font-size: 9px; }

#addWyslij[disabled] { background-color: gray; }
#addWyslij { background-color: #ca0a20; color: #FFFFFF; margin-bottom: 2px; padding: 10px 40px; }

#wpisy { background: #fbfbf8 url('./images/rog_l.gif') no-repeat left top; float: left; text-align: left; width: 410px; }
#wpisy p { margin-bottom: 15px; }
#wpisy h3 { font-size: 14px; color: #3a3a3a; }

#wpisy img { margin: 5px 10px; }
#wpisy_bottom { background: url('./images/wpisy_bottom.gif') no-repeat bottom; height: 12px; line-height: 12px; width: 410px; }

#rozmiar { background: url('./images/rozmiar.png') no-repeat right; height: 45px; line-height: 45px; margin-left: 30px; width: 360px; }
#pomniejsz { background: url('./images/pomniejsz.gif') no-repeat; float: right; height: 20px; margin: 6px 0 0 0; width: 29px; }
#powieksz { background: url('./images/powieksz.gif') no-repeat; float: right; height: 20px; margin: 6px 0 0 0; width: 29px; }

h2.nag { background: url('./images/dot.gif') repeat-x bottom; color: #ca0a20; font-size: 16px; margin: 0 20px 20px 30px; padding: 3px 0; }

#news { background: #f6f8f7 url('./images/news_bgr.jpg') repeat-x top; border-bottom: 1px solid #eeeeee;	width: 100%; }
#news div.rog { background: url('./images/rog_l.gif'); position: absolute; margin-left: 0; margin-top: 0; height: 12px; width: 12px; }
#news img { border: 0; margin: 0;	padding: 0; }
#news h3 { color: #ff5f00; font-size: 18px; font-weight: normal; line-height: 18px;  margin: 0 20px 20px 30px; padding-top: 20px; }
#news h3 a	{ color: #ff5f00; font-size: 18px; }
#news span.news_data { font-size: 11px; color: gray; font-weight: bold; }
#news p { color: #919191; margin: 0 20px 10px 30px; }

#news a	{ color: #879498; }
#news a.archiwum { color: #879498; font-size: 9px; margin-left: 230px; font-weight: bold; }

#sortuj { height: 30px; margin-left: 96px; margin-bottom: 20px; }
#sortuj a { display: block; height: 100%; width: 100%; }

#najnowsze { background: #F3F2EB url('./images/najnowsze.gif') no-repeat left top; float: left; height: 25px; width: 137px; }
#najlepsze { background: #F3F2EB url('./images/najlepsze.gif') no-repeat left top; float: left; height: 25px; width: 137px; }
#najnowsze_a { background: #F3F2EB url('./images/najnowsze_a.gif') no-repeat left top; float: left; height: 30px; width: 157px; }
#najlepsze_a { background: #F3F2EB url('./images/najlepsze_a.gif') no-repeat left top; float: left; height: 30px; width: 157px; }

div.wpis { color: #88846b; line-height: 18px; margin: 0 0 20px 30px; width: 360px; }
div.wpis a { color: #ca0a20; }
div.wpis a.red { color: #ca0a20; font-weight: bold; }
div.wpis span.gray { color: #5F593B; font-weight: bold; }

div.wpis a.tekst { color: #88846b; text-decoration: none; }
div.wpis a.tekst:hover { text-decoration: underline; }

span.nadeslal { color: #71a2ab; float: right; font-size: 10px; line-height: 100%; margin-left: 5px; padding: 2px; text-align: right; }
span.red { color: #ca0a20; font-weight: bold; }

h3.tytul a { color: #5F593B; font-size: 11px; text-decoration: underline;}
h3.tytul  { line-height: 25px; margin-right: 5px; }
a.wiecej { color: #5F593B; text-decoration: none;}

div.info { background: url('./images/dot.gif') repeat-x top; height: 30px; line-height: 30px; width: 100%; }
div.linia { background: url('./images/dot.gif') repeat-x top; height: 1px; width: 100%; }
div.dodano { color: #55523e; float: left; width: 80px; }
div.autor { color: #d6d4c7; float: left; font-size: 10px; width: 180px; }
div.ocena { float: right; padding-top: 2px; width: 125px; }
div.komentarze { float: right; margin-left: 20px; padding-top: 2px; width: 25px; }

#komentarze { margin: 30px 20px 10px 30px; }
a.komentarze { background: url('./images/komentarze.png'); display: block; float: right; height: 21px; width: 25px; }
#komentarze p.inf { color: gray; padding: 5px 10px; }
div.komentarz { padding-left: 10px; margin-top: 10px; width: 350px;	}
div.kom_info, div.kom_tekst { vertical-align: middle; }
div.kom_info { background: url('./images/dot.gif') repeat-x bottom; height: 25px; }
div.kom_info p { color: #c4c4c4; font-size: 10px; padding: 2px; }
div.kom_info span { color: #397fa1; font-size: 14px; font-weight: bold; }
div.kom_tekst { background: url('./images/komentarz_bgr.png') repeat-y; margin-top: 5px; width: 350px; }
div.kom_tekst p { color: #575757; padding: 15px; }
div.kom_top { background: url('./images/komentarz_top.png') 0 0 no-repeat; height: 100%; width: 100%; }
div.kom_bot { background: url('./images/komentarz_bot.png') 0 100% no-repeat; height: 100%; width: 100%; }

#komentarzDodaj { margin-bottom: 40px; width: 100%; }
#komentarzTekst { border: 1px solid #d7d7d7; font-family: Arial; font-size: 12px; height: 80px; margin-bottom: 20px; width: 100%; }
#komentarzAutor { border: 1px solid #d7d7d7; height: 20px; width: 180px; }
#komentarzDodaj div.komentarzCaptcha { background: url('./images/captcha_bgr.png') no-repeat; height: 30px; line-height: 30px; margin: 20px 0; text-align: center; width: 220px;}
#komentarzDodaj input.kod { border: 2px solid green; text-align: center; margin: 0 4px; width: 40px; }
#komentarzWyslij { border: 0;	height: 21px; width: 77px; }

h3.zobacz { background: url('./images/dot.gif') repeat-x bottom; margin: 20px 20px 10px 30px; padding: 3px 0; }
a.zobacz { color: #ca0a20; font-weight: bold; }
div.left { float: left; line-height: 20px; }

#str { line-height: 26px; padding: 5px 20px; text-align: right; margin-bottom: 10px; }
#str a { color: #ca0a20; text-decoration: none; padding: 5px 8px; font-weight: bold; }
#str a:hover { text-decoration: underline; }
#str a.page { background: url('./images/str.gif') no-repeat 50% 50%; color: #55523e; font-weight: normal; }
#str a.page:hover { background: url('./images/str_a.gif') no-repeat 50% 50%; color: #FFFFFF; text-decoration: none; }
#str a.a_page { background: url('./images/str_a.gif') no-repeat 50% 50%; color: #FFFFFF; text-decoration: none; }

a.wszystkie { color: #ca0a20; font-weight: bold; margin-left: 30px; }

#prawa { float: right; text-align: left; width: 135px; }
#swieta { background: url('./images/swieta_bgr.jpg') repeat-x top; color: #ca0a20; height: 182px; margin-bottom: 10px; }
#swieta span { color: #3e3d31; font-weight: bold; margin-left: 10px; line-height: 25px; }
#swieta a { background: url('./images/dot.gif') repeat-x bottom; color: #d92d04; display: block; line-height: 25px; margin: 0 20px; white-space: nowrap; text-align: right; text-decoration: none; }
#swieta_bottom { background: url('./images/swieta_bottom.png') no-repeat bottom; height: 9px; }
a.kwiaty { background: url('./images/znaczenie.jpg') no-repeat; display: block; height: 183px; width: 135px; }
#prawa_reklama { margin: 20px 0 10px; text-align: right; }

#stopka { background: url('./images/stopka_bgr.gif') no-repeat; color: #55523e; font-weight: bold; height: 40px; line-height: 40px; margin-top: 10px; text-align: left; width: 100%; }
#stopka a { color: #ca0a20; font-weight: bold; text-decoration: none; }
#stopka a:hover { text-decoration: underline; }
#stopka span, #stopka_linki span { font-weight: normal; margin-left: 30px; }
#stopka_linki { color: #b4b2a2; line-height: 20px; margin-top: 5px; text-align: right; }
#stopka_linki a { color: #88846B; text-decoration: none; }
#stopka_linki a:hover { text-decoration: underline; }
p.validate { margin-top: 10px; line-height: 20px; }

div.status { color: red; position: relative; margin-top: -22px; margin-left: 270px; }
.t { border: 1px solid #d55b5b; padding: 3px; }
.notification {border: 1px solid #d55b5b; background-color: #ffcdcd; padding: 3px;}