body {margin: 0px; padding: 0px; font: normal 11px verdana, sans-serif;}
body {background: #ddd; position: relative; padding: 0px 0px 50px 0px;}
*  {font: normal 11px verdana, sans-serif; padding: 0px; margin: 0px; color: #444;}
a {text-decoration: none; color: #069;}
a:hover {text-decoration: underline;}
img {border: none;}
strong {font-weight: bold;}
#nurkowanie {background: #1916b2 url('grafika/body_bg_nurkowanie.jpg') center -2px no-repeat; }
#nurkowanie #content p img {margin: 10px 0px 10px 0px;}
#klienci #content img {margin: 10px 10px 0px 0px; vertical-align: middle;}

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

#naTop {margin: 0px 0px 0px;  height: auto; overflow: hidden; zoom: 1; width: 100%; text-align: center;}
#top {margin: auto; height: 338px; overflow: hidden; zoom: 1; background: #1916b2 url('grafika/body_bg_nurkowanie.jpg') center -2px no-repeat}
#top h1 {text-align: center; font: bold 0px 'trebuchet ms', serif; padding: 0px 0px; color: #f00; text-transform: uppercase; text-indent: -109090909px;}

#naokruszek {overflow: hidden; zoom: 1;}
#okruszek {width: 960px; margin: auto; padding: 10px 10px 0px;}
#okruszek, #okruszek * {color: #eef;}

#menu {margin: 0px 0px 0px; padding: 0px 0px 0px 20px; background: #000 url('grafika/body_bg.jpg') center -340px repeat-x}
#menu ul {width: 900px; margin: auto; padding: 0px 0px 0px; overflow: hidden; zoom: 1;}
#menu ul li {float: left; list-style: none; zoom: 1; width: auto !important; width: 1%; white-space: no-wrap;}
#menu li * {white-space: nowrap; cursor: pointer;}
#menu ul .first {border: none;}
#menu ul .first a {background: none;}
#menu ul li a {padding: 33px 15px 31px; display: block; text-transform: uppercase; color: #fff; text-align: center; position: relative; overflow: hidden; zoom: 1; background: url('grafika/menusep.jpg') -3px 4px no-repeat}
#menu ul li a:hover, #menu ul li a:hover .anchor {text-decoration: underline;}
#menu ul li a:hover .cien {}
#menu ul li .anchor {position: relative; z-index: 2; zoom: 1; color: #fff}
#menu ul li .cien {position: absolute; z-index: 1; left: 16px; top: 33px; color: #222; z-index: 0;}
#menu ul li .numer {position: absolute; top: 49px; font-size: 22px; z-index: 0; color: #faa739; width: 100%; text-align: center; left: 0px;}
#menu ul li a:hover .numer {color: #ffb85f;}
#menu .active {background: url('grafika/menuli.jpg') left 2px no-repeat;}
#menu .active a {background: url('grafika/menulia.jpg') right 2px no-repeat !important; padding: 32px 30px 30px; color: #222;}
#menu .active .anchor{color: #222}
#menu .active a:hover {color: #222;}
#menu .active .cien, #menu .active .numer {display: none;}

#naSubmenu {float: left; width: 210px; position: relative; overflow: hidden; zoom: 1; clear: both; background: #fff}
#submenuTlo {background: #1851c3; position: absolute; left: 0px; top: 1px; width: 196px; z-index: 0; display: none}
#naSubmenu span {display: block; padding: 7px 10px; clear: both; display: none;}
#submenu {padding: 0px 0px 0px 0px; width: 180px; border: 1px #ddd solid; background: #fff; padding: 3px 7px 3px; margin: 0px 10px 10px 0px; background: #fff; position: relative; z-index: 10; overflow: hidden; zoom: 1}
#submenu ul {margin: auto; overflow: hidden; zoom: 1;}
#submenu ul li {list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-top: 1px #ccc solid; overflow: hidden; zoom: 1;}
#submenu ul .first {border: none;}
#submenu ul li a {display: block; padding: 10px 7px; font-size: 10px; text-transform: uppercase; font-family: verdana;  overflow: hidden; zoom: 1;}
#submenu ul li a:hover {text-decoration: underline;}
#submenu ul .active {background: #fff url('grafika/submenuact.jpg') left bottom repeat-x; color: #222;}
#submenu ul .active a {color: #222;}



#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: #eee; border-bottom: 1px #ccc solid}


.lupa {position: absolute; bottom: 2px; right: 4px; border: 0px !important; padding: 0px !important;}
#container {width: 960px; margin: 0px auto 0px; padding: 10px 0px; overflow: hidden; zoom: 1; background: #fff; padding: 10px 10px}
#up {text-align: right; padding: 10px 0px 0px;}

#naOstatniNews {border: 1px #ddd solid; margin: 10px 10px; padding: 10px; background: #f7f7f7;}
#ostatniNews h2 {color: #b31; font-weight: bold; margin: 0px 0px 10px 0px; text-transform: uppercase; background: #f0f0f0; border-bottom: 1px #d9d9d9 solid; padding: 5px 5px;}
#ostatniNews h3 {border-bottom: 1px #ddd solid; margin: 0px; padding: 3px 0px; font: bold 14px/16px 'trebuchet ms', serif; color: #069;}
#ostatniNews p {margin: 10px 0px; line-height: 17px; text-align: justify;}
#ostatniNews .fotaNews {position: relative; display: block; width: 165px; margin: auto; border: 5px #ddd solid; background: #fff; padding: 1px;}
#ostatniNews .fotaNews:hover {border: 5px #ccc solid;}
#ostatniNews img {display: block; margin: auto;}
#ostatniNews {overflow: hidden; zoom: 1;}
#ostatniNews .more {text-align: right; padding: 8px 0px 0px; margin: 3px 0px 0x; border-top: 1px #ddd solid;}
#ostatniNews .lupa {position: absolute; bottom: 1px; right: 1px; border: 0px !important; padding: 0px !important;}
.bold {font-weight: bold;}


#naZajawkaGalerii {margin: 10px 10px; padding: 0px 10px;}
#zajawkaGalerii .fotkaZajawkowa {overflow: hidden; zoom: 1; margin: 0px 0px 10px 0px;}
#zajawkaGalerii h2 {color: #888; font-weight: bold; margin: 0px 0px 10px 0px; text-transform: uppercase; padding: 5px 5px; text-align: right; border-bottom: 1px #ccc solid;}
#zajawkaGalerii h3 {margin: 0px auto; font: bold 14px/16px 'trebuchet ms', serif; color: #069; text-align: left; width: 177px;}
#zajawkaGalerii h3 a {display: block; padding: 7px 3px;}
#zajawkaGalerii .fotaNews {position: relative; display: block; width: 175px; padding: 0px; margin: 7px auto 0px; padding: 1px; border: 3px #fff solid; background: #bbb; padding: 3px;}
#zajawkaGalerii .fotaNews:hover img {border: 1px orange solid;}
#zajawkaGalerii img {display: block; margin: auto; border: 1px #444 solid;}
#zajawkaGalerii {overflow: hidden; zoom: 1;}
#zajawkaGalerii .more {text-align: right; padding: 8px 0px 0px; margin: 3px 0px 0x; border-top: 1px #ccc solid;}
#zajawkaGalerii .lupa {position: absolute; bottom: 1px; right: 1px; border: 0px !important; padding: 0px !important;}

#lewaListaKategorii {border: 1px #ddd solid; margin: 10px 10px; padding: 10px; background: #f7f7f7;}
#lewaListaKategorii h2 {color: #b31; font-weight: bold; margin: 0px 0px 10px 0px; text-transform: uppercase; background: #f0f0f0; border-bottom: 1px #d9d9d9 solid; padding: 5px 5px;}
#lewaListaKategorii h3 {padding: 3px; background: #999; color: #fff; font-weight: bold;}
#lewaListaKategorii ul {margin: 0px 0px 10px 0px;}
#lewaListaKategorii li {list-style: none;}
#lewaListaKategorii li a {display: block; padding: 3px;}
#lewaListaKategorii li a:hover {background: #ddd; text-decoration: none; color: #a88;}

#srodkowaKolumna {width: 645px; margin: auto; float: left;}
#content {border-bottom: 1px #ccc solid; padding: 10px 0px 10px; overflow: hidden; zoom: 1; overflow: hidden; zoom: 1;}
#content h2 {margin: 0px 0px 10px 0px; text-transform: uppercase; padding: 5px 5px; text-align: right; clear: both;}
#content h2 a {color: #aaa; font-weight: bold;}
#content p {line-height: 18px; margin: 0px 0px 10px 0px; text-align:justify; overflow: hidden; zoom: 1;}
#content p strong {line-height: bold;}
.contentimg {display: block; margin: auto; padding: 1px; background: #fff; border: 1px #ccc solid}
#content h4 {color: #444; font: bold 11px verdana, tahoma, sans-serif; text-transform: uppercase; margin: 27px 0px 3px; border-bottom: 1px #ccc solid; padding: 0px 0px 3px 0px;}


#prawaKolumna {display: block; float: right; width: 230px; margin: 0px 20px 0px 0px;}

.news {padding: 0px; margin: 0px 0px 40px; overflow: hidden; zoom: 1;}
.news h3 a {font: bold 12px/16px verdana, 'trebuchet ms', serif;}
.news h3 { border-bottom: 1px #34b solid; margin: 0px; padding: 3px 0px;}
.news .data {text-align: right; display: block; font-weight: bold; margin: 5px 0px 15px 0px; color: #fff;}
.news .data span {font-weight: normal;}
.news p {display: block; text-align: justify; line-height: 14px;}
.news .more {text-align: right; clear: both;}
.news.caly {border: none; padding: 0px; line-height: 18px;}
.news.caly .lead p {font-weight: bold; margin: 0px 0px 10px 0px; line-height: 18px;}
.news .lead {overflow: hidden; zoom: 1; line-height: 18px; margin: 0px 0px 15px 0px;}
.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 .zFoto .lead p {float: left; width: auto;}

#stronicowanie {overflow: hidden; zoom: 1;  margin: 10px 0px 0px; padding: 10px 0px 0px; border-top: 1px #34b solid;}
#stronicowanie li {float: left; list-style: none; margin: 0px 5px 5px 0px;}
#stronicowanie a {padding: 3px 4px; display: block; background: #1851c3; border: 1px #0841b3 solid; color: #fff}
#stronicowanie a:hover { 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; margin: 30px 0px 0px 40px;}
#listaGalerii li {list-style: none; float: left; margin: 0px 15px 7px 5px; text-align: center; height: 155px; width: 130px; overflow: hidden; zoom: 1;}
#listaGalerii li a {display: block; text-decoration: none; margin: auto; text-align: center;}
#listaGalerii li a span {color: orange;}
#listaGalerii li a img {display: block; border: 2px #eea solid; margin: 0px auto 5px;}
#listaGalerii li a:hover img {border: 2px orange solid;}


#galeriaMiniaturki {overflow: hidden; zoom: 1; margin: 10px 0px 0px 1px;}
#galeriaMiniaturki p {margin: 10px 0px;}
#galeriaMiniaturki li {list-style: none; float: left; margin: 0px 20px 15px 12px; text-align: center; width: 180px; overflow: hidden; zoom: 1;}
#galeriaMiniaturki li a {display: block; position: relative;}
#galeriaMiniaturki li a img {border: 2px #eea solid; display: block;}
#galeriaMiniaturki li a:hover img {border: 2px orange solid;}
#galeriaMiniaturki li a span {position: absolute; display: block; width: 114px; text-align: center; bottom: 3px; background: #09f; left: 3px; padding: 5px 3px; z-index: 20; color: #fff; text-decoration: none !important; display: none;}
#galeriaMiniaturki li a:hover span {display: block;}


.input {border: 1px #aaa solid; padding: 3px; background: #fff; color: #333;}
#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: 1px #34b solid; backgroun: #f7f7f7; padding: 10px; position: relative; color: #fff;}
#formularzKontaktowy form { color: #fff;}
#formularzKontaktowy h3 {border: #34b solid; border-width: 1px 1px 0px; position: absolute; top: -28px; left: 10px; padding: 7px; background: #f77f7; color: #fff; display: none;}
#kontaktMaile {margin: 20px 0px 20px 0px;}

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

#formularzGosci {display: none; border: 1px #ddd solid; padding: 7px; background: #f7f7f7;}

.wpis {border: 1px #ddd solid; padding: 10px; margin: 10px 0px;}
.wpis .podpis {display: block; font-weight: bold; font-style: italic; text-align: left; margin: 4px 0px 0px;}
.wpis .data {padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; border-bottom: 1px #ddd solid;}


#wslanaNieok {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 {margin: 0px 0px; text-align: center; padding: 15px 0px 0px}
#footer ul {width: 640px; 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; color: #fff}
#footer ul li a:hover {background: #fff; color: #222; text-decoration: none;}
#footer ul li a:hover span {color: #222;}
#footer ul .active  a {background: orange !important; color: #fff;}
#footer ul .active  a:hover {color: #fff;}

#footer ul li ul {display: none;}

#emlo {text-align: center; padding: 10px 0px; color: #777; position: absolute; width: 100%; bottom: 0px;}
#emlo h4 {color: #777;}
#emlo h4 a {color: orange;}
#emlo a span {position: absolute; top: -100000px;}

#naokruszek {background: #eee}
#okruszek {width: 960px; margin; auto; background: #fff}
#okruszek a, #okruszek {color: #888}
#okruszek h1 {display: inline}

.stanowisko {padding: 10px 0px; display: block;}
.pracownik h3 {margin: 0px 0px 10px 0px;}

#nurkowanie #naokruszek, #nurkowanie #container, #nurkowanie #content, #nurkowanie #box, #nurkowanie #okruszek {background: none}
#nurkowanie #content, #nurkowanie #box {border: none}
#nurkowanie #naSubmenu, #nurkowanie #submenu {background: none}
#nurkowanie #submenu {border: 1px #069 solid}
#nurkowanie #submenu li {border-top: 1px #069 solid}
#nurkowanie #submenu li a {color: orange}
#nurkowanie h4, #nurkowanie p {color: #fff}
#nurkowanie a {}
#nurkowanie #footer ul li a span {color: #fff}

#formularzKontaktowy form {color: #666} 
#nurkowanie #footer ul li a:hover span {color: #222}

#fckw {clear: both; padding: 10px 0 0}