* {margin: 0; padding: 0;}
body {text-align: center; font: 1.0em verdana, arial, sans-serif;}
/* szkielet strony */
div#wrapper {width: 780px; margin-left: auto; margin-right: auto; text-align: left;  background:url(images/yin_yang.gif) no-repeat 476px 89%;}
div#naglowek {}
div#lokalizacja {}
div#kolumny {}
div#kol_lewa {width: 199px; float: left;}
div#kol_zawartosc {width: 581px; float: left; top: 0px;}
div#stopka {clear: both;}


/* kontenery wewnetrzne */
div#naglowek_wew, div#kol_lewa_wew, div#kol_zawartosc_wew, div#stopka_wew {overflow: hidden;}
div#naglowek_wew {height: 70px; border-bottom: 2px solid #009DFF; border-top: 2px solid #009DFF; position: relative;}
div#lokalizacja_wew {margin-top: 2px; border-top: 1px solid #009DFF; padding: 0 .5em .35em .5em;}
div#kol_lewa_wew {}
div#kol_zawartosc_wew {padding: 0 0 0 .7em;}
div#stopka_wew {padding: .3em .7em; border-top: 1px solid #009DFF; text-align: center;}


/* komponenty interfejsu */
#naglowek_wew img {border: 0; margin: 10px 0 0 10px;}
#naglowek_wew p {color: #B2B009; font-size: .7em; font-weight: normal; font-family: tahoma, sans-serif; margin: -9px 0 0 17px;}
#naglowek_wew h1, #naglowek_wew p.slogan {color: #B2B009; font-size: .75em; font-weight: normal; font-family: tahoma, sans-serif; margin: 8px 0 0 257px; word-spacing: .25em; letter-spacing: .01em;}
#naglowek_wew ul {position: absolute; top: 0px; right: 25px; border-left: 1px solid #009DFF; list-style-type: none;}
#naglowek_wew ul li {float: left; border-right: 1px solid #009DFF; border-bottom: 1px solid #009DFF;}
#naglowek_wew ul li a {text-decoration: none; color: black;  font-size: .7em; background-color: #F0F9FF; padding: .1em .5em .2em .5em; display: block;}
#naglowek_wew ul li a:hover {color: #FFF; background-color: #009DFF}

#lokalizacja_wew ul {list-style-type: none;}
#lokalizacja_wew ul li {float: left; margin-right: .4em;}
#lokalizacja_wew ul li span {color: #ccc;  font-size: .65em;}
#lokalizacja_wew ul li a {color: #666;  font-size: .65em;}
#lokalizacja_wew ul li a:hover {color: #999; text-decoration: none;}

#nav_box_gora {background: url(images/bg_nav_gora.gif) no-repeat; height: 6px; font-size: 0px; line-height: 0px;}
#nav_box_srodek {padding: 0 .7em .5em .7em; background: url(images/bg_nav_srodek.gif) repeat-y; background-color: #B26800;}
#nav_box_dol {background: url(images/bg_nav_dol.gif) no-repeat; height: 6px; font-size: 0px; line-height: 0px;}
#nav_box_srodek p {padding-top: .25em; color: #fff; font: bold italic .75em georgia, palatino, serif; letter-spacing: .05em; text-indent: .75em;}
#nav_box_srodek ul {list-style-type: none;}
#nav_box_srodek ul li {padding: .15em 0 0 0;}
#nav_box_srodek ul li a {color: #fff; font-size: .65em; font-weight: bold; text-decoration: none;}
#nav_box_srodek ul li a:hover {text-decoration: underline;}

#polecamy_box_gora {background: url(images/bg_polecamy_gora.gif) no-repeat; height: 6px; font-size: 0px; line-height: 0px; margin-top: 10px;}
#polecamy_box_srodek {padding: 0 .7em .5em .7em; background: url(images/bg_polecamy_srodek.gif) repeat-y; background-color: #B2B009;}
#polecamy_box_dol {background: url(images/bg_polecamy_dol.gif) no-repeat; height: 6px; font-size: 0px; line-height: 0px; margin-bottom: 10px;}
#polecamy_box_srodek p {padding-top: .25em; color: #fff; font: bold italic .75em georgia, palatino, serif; letter-spacing: .05em; text-indent: .75em;}
#polecamy_box_srodek ul {list-style-type: none;}
#polecamy_box_srodek ul li {padding: .45em 0 .25em 0; font-size: .7em; color: #fff; line-height: 1.3; border-bottom: 1px dotted #fff;}
#polecamy_box_srodek ul li a {color: #fff;}
#polecamy_box_srodek ul li a:hover {color: #006EB2; text-decoration: none;}

div.kategoria {float: left; width: 50%; margin: 0 0 .6em 0;}
div.kategoria h2 {border-bottom: 1px solid #009DFF; border-right: 1px solid #009DFF; font-size: .75em; font-weight: normal; letter-spacing: .1em; text-indent: .5em; padding: 0 0 .2em 0; margin: 0 3px 0 0;}
div.kategoria h2 a {color: black; text-decoration: none;}
div.kategoria h2 a:hover {color: #B26800; text-decoration: none;}
div.kategoria ul {list-style-type: none; margin: 0 0 0 0;}
div.kategoria ul li {text-indent: 1em;}
div.kategoria ul li a {color: black; font-size: .75em; text-decoration: none;}
div.kategoria ul li a:hover {color: #1274B2; text-decoration: underline;}

#ostatnio_dodane {float: left; width: 100%; margin: 0 0 .6em 0;}
#ostatnio_dodane h3 {border-bottom: 1px solid #009DFF; border-right: 1px solid #009DFF; font-size: .75em; font-weight: normal; letter-spacing: .4em; text-indent: .5em; padding: 0 0 .2em 0; margin: 0 3px 0 0;}
#ostatnio_dodane ul {list-style-type: none; margin: 0 0 0 0;}
#ostatnio_dodane ul li {text-indent: 1em;}
#ostatnio_dodane ul li a {color: black; font-size: .75em; text-decoration: none;}
#ostatnio_dodane ul li a:hover {color: #1274B2; text-decoration: underline;}

#kol_zawartosc_wew h1 {border-bottom: 1px solid #009DFF; border-right: 1px solid #009DFF; font-size: .75em; font-weight: bold; letter-spacing: .1em; text-indent: .5em; padding: 0 0 .2em 0; margin: 0 3px 0 0;}
#kol_zawartosc_wew h2 {border-bottom: 1px solid #009DFF; border-right: 1px solid #009DFF; font-size: .75em; font-weight: normal; letter-spacing: .1em; text-indent: .5em; padding: 0 0 .2em 0; margin: 0 3px 0 0;}
ul.podkategorie {list-style-type: none; margin: 0 0 .6em 0;}
ul.podkategorie li {text-indent: 1em;}
ul.podkategorie li a {color: black; font-size: .75em; text-decoration: none;}
ul.podkategorie li a:hover {color: #1274B2; text-decoration: underline;}

div.wpisy {margin: 0 0 .8em 0; padding: 0 0 0 1em;}
div.wpisy a.tytul {color: black; font-size: .8em; text-decoration: none; letter-spacing: .1em;}
div.wpisy a.tytul:hover {color: #333;}
div.wpisy p.wstep {color: #444; font-size: .75em; margin: .5em 0 .4em 0;}
div.wpisy p.wstep a {color: black;}
div.wpisy p.wstep a:hover {color: #1274B2; text-decoration: none;}
div.wpisy p.url {color: #888; font-family: courier, "courier new", monospace; font-size: .7em; text-indent: 1em;}

ul.mapa_kat, ul.mapa_podkat {list-style-type: none; margin: 0 0 .6em 0;}
ul.mapa_kat li {text-indent: 1em;}
ul.mapa_kat li a {color: black; font-size: .75em; text-decoration: none;}
ul.mapa_kat li a:hover {color: #B26800; text-decoration: underline;}
ul.mapa_podkat li {text-indent: 2em;}
ul.mapa_podkat li a {color: #555; font-size: .75em; text-decoration: none;}
ul.mapa_podkat li a:hover {color: #1274B2; text-decoration: underline;}
ul.mapa_wpisy {list-style-type: none;}
ul.mapa_wpisy li {text-indent: 3.5em;}
ul.mapa_wpisy li a {color: #999; font-size: .75em; text-decoration: none;}
ul.mapa_wpisy li a:hover {color: #B2B009; text-decoration: underline;}

#wpis {margin: 0 0 .6em  0;}
#wpis p {font-size: .8em; margin: 1.5em 1em 0 1em; line-height: 1.5;}
#wpis p.data {font-size: .7em; color: #666; margin: 1.5em 1em 0 2em;}
#wpis p.link {font-size: .7em; color: #666; margin: .5em 1em 0 2em;}
#wpis p.link a {color: #666;}
#wpis p.link a:hover {color: #1274B2; text-decoration: none;}
#wpis p.adres {font-size: .7em; color: #666; margin: .5em 1em 0 2em;}
#wpis p.adres span {font-family: courier, "courier new", monospace;}
#wpis p.kategoria {font-size: .7em; color: #888; margin: 1em 1em 0 2em;}

#formularz {font-size: .8em; padding: .6em 1em 0 1em;}
#formularz ul {list-style-type: none; margin: 0 0 1em 0;}
#formularz li {padding: .2em 0; line-height: 1.35;}
#formularz li:first-letter {font-weight: bold;}
#formularz form {float: left; width: 99%;}
#formularz div.form_sekcja, div.przycisk {float: left; width: 100%;}
div.form_sekcja input, div.form_sekcja textarea, div.form_sekcja select {border: 1px solid #1274B2; background-color: transparent; padding: .15em;}
div.form_sekcja input {cursor: text;}
div.form_sekcja input:focus, div.form_sekcja textarea:focus, div.form_sekcja select:focus {border: 1px solid #B2B009;}
div.form_sekcja label {display: block; clear: both; font-size: .85em; font-weight: bold; margin: .6em 0 0 0; padding-bottom: .2em;}
div.form_sekcja label span, div.przycisk p span {color: red; padding-left: .1em;}
div.przycisk input {float: right; margin: .5em 12em .5em 0;}
div.przycisk p {margin-top: .5em;}
#formularz p.blad, #formularz p.komunikat {color: red; margin: 0 0 1em 0; font-size: 100%;}
#formularz p.komunikat {color: black;}

p.zwykly {font-size: .8em; margin: .6em 1em 0 1em; line-height: 1.35;}
p.zwykly:first-letter {font-weight: bold;}
img.kod {margin: 1em 1em 0 1em; border: 0;}
textarea.kod {margin: .5em 1em .6em 1em;}

p.blad {margin: 2em 0 0 1em; font-size: .85em;}
p.blad a {color: black;}
p.blad a:hover {color: #666; text-decoration: none;}

#stopka_wew img {float: left; border: none;}
#stopka_wew p {color: #666; font-size: .65em;}


.clear {clear: both; font-size: 0px; line-height: 0;}