/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/
.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

* { margin: 0; padding: 0; /* border: 0; */}
a { text-decoration: none;}
ul li { list-style-type: none;}
html { width: 100%; height: 100%;}
body { font-size: 100%; color: #626262; background: #fff url(img/top_bg.jpg) repeat-x; font-family: Georgia, Times New Roman, serif;}
h1, h2, h3, h4, h5, h6 { margin: 20px 10px; font-weight: normal;}

.panel{ width: 100%; height: 100%; background-color: transparent; margin: 0; padding: 0; position: relative;}
.szer { width: 970px; margin: 0 auto; padding: 0;}

.top { width: 100%; height: 272px; margin: 0 auto; margin-left: -30px; padding: 0; text-align: center;}
.panel.top .szer{ width: 1060px; height: 272px; margin: 0 auto; padding: 0; text-align: center;}


.zaw { margin: 0 auto; padding: 0; background: #fff url(img/zaw_bg.jpg) 0% 100% repeat-x;}
.zaw .szer { background: transparent url(img/lewa_bg.jpg) 64px 100% no-repeat;}
.stopka { margin: 0; padding: 0; background: #F4FCFD url(img/stopka_bg.jpg) repeat-x;}
.stopka div.szer { height: 186px; background: transparent url(img/zaw_szer_bg.jpg) 0% 0% no-repeat; color: #858c8d; text-align: right; font-size: 10px;}
.stopka .menu_dol { padding: 10px 0;}
.stopka a{ color: #858c8d;}

.lewa { float: left; width: 200px; margin: 0; padding: 0 0 200px 0;}
.lewa img {text-align: right; margin: 5px 0 5px 10px; border: 0;}
.lewa a.link { display: block; border: 0;}
.lewa a.link:hover { border: 0;}

.prawa { float: right; width: 770px; margin: 0; padding: 0;}
.prawa_le { float: left; width: 447px; margin: 0; padding: 0 24px;}
.prawa_pr { float: right; width: 275px; margin: 0; padding: 0;}


.menu_top { height: 48px; background-color: green; background: transparent url(img/menu_top_bg.jpg) 0% 0% repeat-x;}
.menu_top .szer { text-align: right;}
.menu_top a { margin: 0 20px; line-height: 48px; color: #0d70a9; text-transform: uppercase; font-weight: bold; font-size: 14px;}
.menu_top a:hover,
.menu_top a.on { color: #035172;}

.menu_bok { margin-bottom: 20px; padding: 20px; color: #00343e; background: transparent url(img/menu_bok_bg.jpg) 0% 0% no-repeat;}
.menu_bok li { width: 160px; height: 33px; margin: 0 auto; background: transparent url(img/menu_bok_sep.jpg) 0% 100% repeat-x; color: #96c5d6;}
.menu_bok a { font-size: 11px; color: #0d70a9;}
.menu_bok a:hover,
.menu_bok a.on{ color: #035172; text-decoration: underline;}
.menu_bok strong { color: #96c5d6;}

.prawa p,
.prawa ul { margin: 10px; color: #646d72; font-size: 12px;}
.prawa p { line-height: 18px; text-align: justify;}
.prawa ul li { margin-left: 10px; padding-left: 10px; line-height: 24px; background: transparent url(img/li.gif) 0 8px no-repeat;}
.prawa h1 { font-size: 24px; color: #628E58;}
.prawa h2 { font-size: 18px; color: #5c9a4e;color: #6b7e67;}
.prawa p.zapraszam { font-style: italic; text-align: right;}

.boks { width: 100%; margin: 20px 0; padding: 10px 0px; background-repeat: no-repeat; background-color: transparent; background-position: 100% 0%; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;}
.boks p { margin: 20px 10px 20px 20px; font-size: 12px;}
.boks strong { display: block; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: normal;}
.boks a { font-size: 12px; display: block;}
.boks a:hover { text-decoration: underline;}
.boks a.wiecej,
.mapa a.wiecej { width: 114px; height: 20px; display: block; padding: 0; margin: 30px 0; background-color: transparent;  background-repeat: no-repeat; background-position: 100% 0%; text-indent: -9999px;}
.boks a:hover.wiecej,
.mapa a:hover.wiecej { background-position: 0% 0%;}


.pom { width: 200px; height: 326px; background-image: url(img/pom_bg.jpg);}
.pom strong { color: #db463f;}
.pom span, 
.pom a { display: block; font-size: 16px; color: #7d5351;}
.pom span, 
.pom span { height: 35px; padding-left: 35px;}
.pom span.tel { background: transparent url(img/tel_bg.jpg) 0% 0% no-repeat;}
.pom span.mail { background: transparent url(img/mail_bg.jpg) 0% 0% no-repeat;}
.pom a.wiecej { background-image: url(img/pom_strz.jpg); color: #fd5747;}
.pom em { display: block; margin: 0 auto 10px; font-size: 11px; color: #7d5351;}

.nieb { width: 275px; height: 350px; background-image: url(img/nieb_bg.jpg);}
.nieb p { color: #5c6d75;}
.nieb strong { color: #0d70a9;}
.nieb a.wiecej { background-image: url(img/nieb_strz.jpg); color: #e3f6fa;}
.nieb .kalkulator { margin: 0px 10px 0px 0px; padding: 0; display: block; background-color: transparent;}
.nieb input,
.nieb label { display: block; font-size: 10px; vertical-align: middle; margin: 5px 0 5px 20px;}
.nieb .oblicz { width: 114px; height: 20px; display: block; padding: 0; margin: 10px 0; background-image: url(img/nieb_strz.jpg); color: #e3f6fa; border: 0; text-indent: -9999px}
.nieb #wynik { width: 200px; margin: 0 20px; color: #0d70a9;}


.ziel { width: 275px; height: 200px; background-image: url(img/baner_bg.jpg); background-position: 100% 100%;}
.ziel strong { margin: 0; color: #5c9a4e; text-transform: none; font-size: 20px;}
.ziel p { margin: 0 0 10px 0; padding: 0; color: #646d72; font-size: 14px;}

.mapa_boks { margin: 0 20px 20px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;}
.mapa_boks p { font-size: 12ppx;}
.mapa { width: 259px; height: 106px; float: left; margin: 0 20px; padding: 0; background: transparent url(img/mapa_bg.jpg) 100% 0% no-repeat;}
.mapa a.wiecej { background-image: url(img/nieb_mapa_strz.jpg); color: #fd5747;}

.hr { border-top: 1px solid red; border-bottom: 1px solid pink; height: 0; margin: 10px 0; clear: left;}
.hr hr { display:none;}

.form_kont    { background-color: transparent;}
.form_kont form { margin: 0; display: block; padding-bottom: 20px;}
.form_kont input,
.form_kont textarea,
.form_kont label { display: block; font-size: 12px; vertical-align: middle; margin: 5px 0;}
.form_kont input,
.form_kont textarea { width: 250px; margin: 5px 0; padding: 5px; border-width: 1px; border-color: #dcddd8; border-style: solid;}
.form_kont label    { width: 50px; margin: 0; font-size: 11px; text-align: right;}
.form_kont p        { clear: both;}
.form_kont .submit  { width: 80px; margin-left: 160px; padding: 5px; background-color: #9f9f9f; color: #fff; font-size: 11px; font-weight: bold; cursor: pointer;}
.form_kont sup      { color: red; font-size: 8px;}

.form_kont .dziekujemy { margin: 20px 60px 20px 10px; font-size: 13px;}
iframe      { margin: 20px auto; display: block; border: 4px solid #cdeefd;}