*  {font: normal 11px verdana, sans-serif; padding: 0px; margin: 0px; color: #fff;}
body {margin: 0px; padding: 0px; font: normal 11px verdana, sans-serif;}
body {background: #76aba2 url('grafika/body_bg.jpg') left top repeat-x; padding: 0px 0px 50px 0px; position: relative;}
a {text-decoration: none; color: #ffa;}
a:hover {text-decoration: underline;}
img {border: none;}
strong {font-weight: bold;}

textarea, input {display: block; margin: 3px 0px 6px; padding: 3px; color: #333;}

#naTop {margin: 0px 0px 0px; background: url('grafika/box_b.jpg') center -120px no-repeat;}
#top {margin: auto; height: 210px; width: 980px;}
#top h1 {text-align: center; font: bold 30px 'trebuchet ms', serif; padding: 85px 0px; color: #f00; text-transform: uppercase; text-indent: -109090909px;}

#wrapper {background: url('grafika/box_bg.jpg') center top no-repeat; overflow: hidden; zoom: 1;}

#menu {margin: 0px 0px 0px; padding: 90px 0px 0px 20px; background: url('grafika/box_bg.jp') center top no-repeat; overflow: hidden; zoom: 1;}
#menu ul {width: 400px; margin: auto; padding: 10px 0px 0px 500px; overflow: hidden; zoom: 1;}
#menu ul li {float: left; list-style: none; border-left: 1px #ddd solid; border: none; zoom: 1;}
#menu ul .first {border: none;}
#menu ul li a {padding: 4px 9px 4px; display: block; text-transform: uppercase; color: #fff;}
#menu ul li a:hover {text-decoration: underline; color: #fff; background: url('grafika/act.jpg') left -1px repeat-x;}
#menu .active a {background: url('grafika/act.jpg') left -1px repeat-x;}
#menu ul li ul {display: none; position: absolute; left: 0px; top: 21px; width: 150px; z-index: 2;}
#menu ul li ul li {background: url('grafika/menubg.jpg') left -1px repeat-x; width: 100%; clear: both; float: none;}
#menu .active li a {background: none;}
#menu .active li a:hover {background: url('grafika/menuactive.jpg') left -1px repeat-x;}


#naokruszek {background: url('grafika/box_bg.jp') center -330px no-repeat;}
#okruszek {width: 760px; margin: auto; padding: 10px 10px;}

#naInfoMenu {position: relative; border: 0px #f00 solid;height: 0px; line-height: 0px; font-size: 0px;}
#infoMenu {position: absolute; top: -40px; left: 0px; color: #ddd; background: #000; padding: 7px 4px; display: none; border: #999 solid; border-width: 1px 1px 1px; z-index: 30; overflow: visible;}
#infoMenu img {position: absolute; top: 27px; left: 21px; overflow: visible;}

#box {background: url('grafika/sk.jpg') center top repeat-y;}

.lupa {position: absolute; bottom: 0px; right: 0px; border: 0px !important; padding: 0px !important;}
#container {margin: 0px auto 0px; padding: 0px 0px; overflow: hidden; zoom: 1; background: url('grafika/box_bg.jpg') center -365px no-repeat}
#up {text-align: right; padding: 10px 20px 0px; border-top: 1px #95b5b1 solid; width: 800px; margin: auto;}
#lewaKolumna {width: 230px; float: left; margin: 0px 0px; padding: 0px 0px;}

.bold {font-weight: bold;}

#naZajawkaGalerii {margin: 0px 10px; padding: 7px 10px 0px; overflow: hidden; zoom: 1; position: relative; height: 210px;}
#zajawkaGalerii .fotkaZajawkowa {overflow: hidden; zoom: 1; width: 177px; float: left; margin: 0px 20px 0px 12px; border: #95b5b1 1px solid; background: #799e93;}
#zajawkaGalerii h2 {color: #efe; margin: 2px 0px 25px 0px; padding: 5px 5px; font: normal 15px georgia, serif;}
#zajawkaGalerii h3 {margin: 0px auto; font: bold 14px/16px 'trebuchet ms', serif; padding: 0px 5px;}
#zajawkaGalerii h3 a {display: block; padding: 7px 3px;}
#zajawkaGalerii .fotaNews {position: relative; display: block; width: 165px; padding: 0px; margin: 7px auto 0px; border: 1px #95b5b1 solid;}
#zajawkaGalerii .fotaNews:hover {}

#zajawkaGalerii img {display: block; margin: auto;}
#zajawkaGalerii {overflow: hidden; zoom: 1;}
#zajawkaGalerii .more {text-align: right; padding: 8px 0px 0px; margin: 3px 0px 0x; clear: both; position: absolute; top: 10px; width: 100%; right: 20px;}
#zajawkaGalerii .lupa {position: absolute; bottom: -1px; right: -1px; border: #95b5b1 solid !important; border-width: 1px 0px 0px 1px !important; padding: 0px !important;}

#srodkowaKolumna {width: 900px; margin: auto; overflow: hidden; zoom: 1;}
#content { padding: 5px 10px 10px; overflow: hidden; zoom: 1; line-height: 18px; background: url('grafika/box_bg.jpg') center -602px no-repeat;}
#content h2 {margin: 0px 0px 20px 0px; color: #efe; padding: 5px 5px; text-align: right;}
#content h2 a {color: #efe; font: normal 15px georgia, serif;}
#content #bloki {padding: 0px 20px;}
#content p {line-height: 17px; margin: 0px 0px 17px 0px; text-align: justify;}
.contentLista {padding: 0px 0px 0px 30px; margin: 10px 0px; clear: both; float: none;}
.contentLista li {list-style: disc;}

.contentTabelka {border: 1px #ddd solid;}
.contentTabelka td {border: 1px #ddd solid; padding: 3px;}

#prawaKolumna {display: block; float: right; width: 230px; display: none;}

.news {padding: 10px; margin: 0px 0px 10px; overflow: hidden; zoom: 1; line-height: 17px; border: 1px #95b5b1 solid;}
.news h3 a {font: bold 14px/16px 'trebuchet ms', serif;}
.news h3 { border-bottom: 1px #95b5b1 solid; margin: 0px; padding: 3px 0px;}
.news .data {text-align: right; display: block; font-weight: bold; margin: 5px 0px 15px 0px; color: #efe;}
.news .data span {font-weight: normal;}
.news p {display: block; text-align: justify; line-height: 17px; overflow: hidden; zoom: 1;}
.news .more {text-align: right; clear: both;}
.news.caly {border: none;}
.caly .lead p {font-weight: bold; margin: 0px 0px 10px 0px; line-height: 17px;}
.news .lead {overflow: hidden; zoom: 1; margin: 0px 0px 15px 0px; line-height: 17px;}
.caly .lead {font-weight: bold;}
.news .fotaNews {display: block; float: left; margin: 0px 7px 7px 0px; position: relative;}
.news .fotaNews img {padding: 2px; border: 1px #ddd solid; display: block; background: #fff;}
.news .fotaNews:hover img {border: 1px #ccc solid; background: #ddd;}
.news .lead p {float: left; width: auto;}

#stronicowanie {overflow: hidden; zoom: 1;  margin: 10px 0px 0px; padding: 10px 0px 0px; border-top: 1px #ddd solid;}
#stronicowanie li {float: left; list-style: none; margin: 0px 3px 3px 0px;}
#stronicowanie a {padding: 3px 4px; display: block; background: #f7f7f7; border: 1px #ddd solid;}
#stronicowanie a:hover {background: #eee; text-decoration: none; border: 1px #ccc solid;}
#stronicowanie .active {}
#stronicowanie .active a {color: #fff; font-weight: bold; background: #888 !important; border: 1px #666 solid;}


#duzeFotoBG {background: #000; position: absolute; top: 0px; left: 0px; z-index: 1000;}
#duzeFoto {position: absolute; top: 40px; background: #fff url('grafika/ajax-loader.gif') center center no-repeat; padding: 10px; overflow: hidden; zoom: 1; cursor: pointer; width: 126px; height: 22px; text-align: center; border: 0px #000 solid; z-index: 2000;}
#duzeFoto img {display: none; margin: auto; border: 1px #eee solid; overflow: hidden; zoom: 1; z-index: 0;}
#duzeFoto span {position: absolute; right: 8px; top: 10px; color: #aaa; font: bold 15px verdana; background: #fff; display: block; padding: 4px 5px; display: none; border: #eee solid; border-width: 0px 0px 1px 1px;}
#duzeFoto #podpis {position: absolute; bottom: 9px; left: 11px; width: auto; padding: 9px; color: #ddd; background: #000; display: none; text-align: left;}


#listaGalerii {overflow: hidden; zoom: 1; width: 840px;}
#listaGalerii li {list-style: none; float: left; margin: 0px 22px 15px 4px; text-align: center; height: 150px; width: 177px; overflow: hidden; zoom: 1; border: #95b5b1 1px solid; background: #799e93; padding: 7px 2px 0px;}
#listaGalerii li a {position: relative; display: block; width: 167px; padding: 0px; margin: auto;}
#listaGalerii li a span {}
#listaGalerii li a img {display: block; margin: 0px auto 4px;  border: 1px #95b5b1 solid;}
#listaGalerii li a:hover img {border: 1px #ccc solid; background: #ddd;}


#galeriaMiniaturki {overflow: hidden; zoom: 1; margin: 10px 0px 0px; width: 840px;}
#galeriaMiniaturki p {margin: 10px 0px;}
#galeriaMiniaturki li {list-style: none; float: left; margin: 0px 22px 15px 4px; text-align: center; width: 177px; overflow: hidden; zoom: 1; border: #95b5b1 1px solid; background: #799e93; padding: 7px 2px 7px;}
#galeriaMiniaturki li a {position: relative; display: block; width: 167px; padding: 0px; margin: auto;}
#galeriaMiniaturki li a img {border: #95b5b1 1px solid;}
#galeriaMiniaturki li a:hover img {border: 1px #a5c5c1 solid;}
#galeriaMiniaturki li a span {position: absolute; display: block; width: 114px; text-align: center; bottom: 3px; background: #95b5b1; left: 3px; padding: 5px 3px; z-index: 20; color: #000; text-decoration: none !important; display: none;}
#galeriaMiniaturki li a:hover span {display: block;}
#galeriaMiniaturki .lupa {border: #95b5b1 solid !important; border-width: 1px 0px 0px 1px !important; padding: 0px !important;}

.input {border: 1px #95b5b1 solid; padding: 3px; background: #fff;}
#daneKontaktowe td {padding: 2px;}
#daneKontaktowe .first {font-weight: bold; text-align: right; padding: 0px 7px 0px 0px;}
#daneKontaktowe .pad {padding-top: 20px;}
#daneKontaktowe .Inne {text-indent: -1000px;}
#formularzKontaktowy {margin: 40px 0px 10px 0px; border: #95b5b1 1px solid; background: #799e93; padding: 10px; position: relative;}
#formularzKontaktowy h3 {border: #95b5b1 solid; background: #799e93; border-width: 1px 1px 0px; position: absolute; top: -28px; left: 10px; padding: 7px;}


textarea.input {width: 300px; height: 60px;}
#wyslanaOk {border: 2px #0a8 dashed; text-align: center; padding: 9px; margin: 9px 0px; background: #fff; color: #333;}
#wyslanaNieok {border: 2px #f10 dashed; text-align: center; padding: 9px; margin: 9px 0px; background: #fff; color: #333;}


#wyslanaNieok {padding: 10px; border: 3px #f00 solid; margin: 10px 0px;}

.polecana {border: 1px #ddd solid; padding: 10px; margin: 10px 0px; background: #f7f7f7;}
.polecana h3 {border-bottom: 1px #ddd solid; margin: 0px; padding: 3px 0px; font: bold 14px/16px 'trebuchet ms', serif; color: #069;}

#footer {background: #76aba2 url('grafika/foot.jpg') center top no-repeat; margin: 0px 0px; text-align: center; padding: 15px 0px 5px}
#footer ul {width: 420px; margin: auto; background: none; text-align: center; padding-left: 120px; height: 22px;}
#footer ul li {margin: 0px 0px 0px 0px; list-style: none; display: block; float: left; position: relative;}
#footer ul .first {border: none;}
#footer ul li a {padding: 5px 7px; display: block; text-transform: uppercase; margin: 1px 1px; font-size: 10px;}
#footer ul .active  a {background: #dfd !important; color: #353;}
#footer h3 {clear: both; float: none; padding: 10px 0 0}



#emlo {text-align: center; padding: 10px 0px 20px; background: #76aba2; position: absolute; bottom: 0px; width: 100%;}
#emlo a span {position: absolute; top: -100000px;}
#blok {overflow: hidden; zoom: 1;}
#blokTyp2 {overflow: hidden; zoom: 1; background: url('grafika/bloktyp2sep.jpg') center top no-repeat;}
#blokTyp2 #blok1 {width: 400px; float: left;}
#blokTyp2 #blok2 {width: 400px; float: right;}