body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#252525 url(../graf/bg.png) repeat-x 50% 0px;}
body, input, textarea, select, div, td  {  font-family: droid_sansregular, sans-serif;  text-align: justify; font-size: 14px; color: #ccc; }

.fl{ float:left;}
.fr{ float:right;}
.cl {clear: both;}
img {border:none; margin:0px; padding:0px; }
h1 , h2 , h3 , h4 , h5, h6{padding:0px; font-size: 18px; margin:0px;  font-weight: normal;  }
a:link , a:visited , a:hover {text-decoration: none; color:#fff;}
a:hover {color:#4bab98}
p{ margin:0px 0px 10px 0px; padding:0px;  }
ul , ul li{ padding:0px; margin:0px; list-style:none;}

img.alignleft , .alignleft{ float:left; margin-right:20px;}
img.alignright { float:right; margin-left:20px;}
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}

.all{  margin:auto; width:1200px;}


@font-face {
    font-family: 'droid_sansregular';
    src: url('droidsans-webfont.eot');
    src: url('droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('droidsans-webfont.woff') format('woff'),
         url('droidsans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
ul.ckk-naj2 li h4 a , span.opis{font-family:droid_sansregular, Arial; }


@font-face {
    font-family: 'proxima_novathin';
    src: url('proximanova-thin-webfont.eot');
    src: url('proximanova-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-thin-webfont.woff') format('woff'),
         url('proximanova-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , .tyt , #banergl div , .oferta h3 , .tyt3 { font-family:proxima_novathin, Arial; }


#top { width:100%; height:100px; background:#252525; margin-bottom:20px; }
#logo { float:left; }
#logo:hover a img { opacity:0.4}

#mtop{ float:right; padding-top:37px;}
#mtop ul , #mtop ul li , #mtop ul li a { float:left;}
#mtop ul li { margin-left:30px;}
#mtop ul li a { text-transform:uppercase; color:#FFF;}
#mtop ul li a:hover{ color:#4bab98}

#banergl{ width:1200px; height:325px; position:relative; margin-bottom:20px;}
#banergl div { position:absolute; z-index:3; right:20px; bottom:20px; text-align:right;}
#banergl div h1{ font-size:48px; color:#FFF; line-height:40px;}
#banergl div h5{ font-size:30px; color:#000; text-transform:uppercase;}

#home { clear:both;}
#home .tyt , #home .lista {text-align:center;}
.tyt , .tyt3{ color:#FFF; font-size:30px; clear:both; padding-bottom:10px; }
.tyt2 { padding-top:40px; font-size:40px;}


#home-oferta { width:100%; height:300px; position:relative; margin:30px 0px;}
ul#foo2 { width:100%; float:left; padding-top:10px;}
ul#foo2 li { width:240px; padding:20px 20px 30px 20px; text-align:center; background:#1f1f1f; margin:0 10px; float:left; position:relative; line-height:20px;  }
ul#foo2 li:hover {background:#101010;}

ul#foo2 li h5{ clear:both; text-align:center; padding:5px 0px; font-size:16px;}
ul#foo2 li h5 a { color:#FFF;}
ul#foo2 li:hover h5 a {color:#4bab98}

a.wiecej{ width:100%; height:100%; position:absolute; z-index:15; left:0px; top:0px;}

.opis-oferta { height:70px; overflow:hidden;}

#home-oferta .pager { position:absolute; z-index:2; right:10px; top:12px;}
#home-oferta .pager a { float:left; -webkit-border-radius: 50%; border-radius: 50%; background:#404040; width:25px; height:25px; margin-left:3px;}
#home-oferta .pager a:hover , #home-oferta .pager a.selected { background:#959595;}
#home-oferta .pager a span { display:none; }

.home-txt1 { width:610px; float:left;}
.home-txt2 { width:550px; float:right;}

a.more{ font-size:12px; color:#FFF; clear:both; float:right; background:#000; height:35px; line-height:35px; padding:0px 35px;}
a:hover.more { background:#4bab98;}

#footer{ clear:both; float:left; padding:30px 0px 30px 0px; margin-top:60px; width:100%; border-top:1px solid #222;}

#mdol{ float:right; padding-top:6px;}
#mdol ul , #mdol ul li , #mdol ul li a { float:left;}
#mdol ul li { margin-left:30px;}
#mdol ul li a { text-transform:uppercase; color:#FFF;}
#mdol ul li a:hover{ color:#4bab98}

#podpis { clear:both; float:left; border-top:1px solid #222; padding-top:30px; margin-top:30px; width:100%; font-size:12px; color:#000;}
#podpis a{ color:#000}
#podpis a:hover { color:#999}

#kontakt-l { width:350px; float:left; border-bottom:1px solid #444; padding-bottom:40px;}
#kontakt-p { width:700px; float:right; border-bottom:1px solid #444; padding-bottom:40px;}

/*formularz*/

.fscf-div-form { width:650px; float:left; }
.fscf-div-clear { width:650px; clear:both; float:left; margin-bottom:10px;}
.all .fscf-div-label{ width:120px; text-align:left; float:left; padding:7px 15px 0px 0px; color:#FFF;}
.fscf-div-field{ float:left; position:relative;}
.fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select { width:300px; height:20px; border:2px solid #777; padding:8px; background:none; color:#FFF; line-height:20px; }
.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover {border:2px solid #888; background:#666;}
.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  {border:2px solid #fff; background:#888;}

.fscf-div-field br { clear:both;}
.fscf-div-field span input{ width:30px; float:left; margin-left:-8px; }
.fscf-div-field span label { float:left; margin-top:-1px;}

.fscf-div-field textarea { height:100px;}
.fscf-div-field select { width:318px;}
.fscf-required-indicator{ color:#4bab98; margin-left:5px;}

.fscf-div-captcha-m { float:left; margin-bottom:10px;}
.fscf-div-captcha-m img { float:left; border:1px solid #e2e2e2;}
#fscf_captcha_refresh1 { float:left; margin:15px 0px 0px 10px;}
.fscf-div-label { clear:both;}
.fscf-div-submit { clear:both; float:left; margin:10px 0px 0px 135px;}
.all .fscf-button-submit { width:120px; padding:10px 0px 10px 0px; cursor:pointer; text-align:center; text-transform:uppercase; color:#FFF; background: none;  border:2px solid #777; }
.all .fscf-button-submit:hover { background:#4bab98; border:2px solid #fff;} 

.all .fscf-div-field .fscf-div-error { color:#fff; font-size:12px; float: right; text-align:left; width:150px; line-height:12px; margin-left:10px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; text-transform:none; }
.all .fscf-div-error { float:left; font-size:17px; float:left; width:650px; color:#fff;}
#fscf_form_error1 {padding-bottom:35px;}
.all .fscf-div-redirecting { color:#FFF;}

/* end formularz */


.lista { line-height:24px;}
.lista p { margin-bottom:15px;}
.lista ul { list-style:none; padding:0px 0px 20px 20px; display: table;}
.lista ul li{ background:url(../graf/li1.png) no-repeat 0px 6.5px; padding-left:22px;}
.lista ul li , .lista ol li { margin-bottom:5px;}
.lista ol { display:table;}

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 { color:#999; clear:both; padding:25px 0px 10px 0px; margin-bottom:15px; text-align:left; border-bottom:1px solid #444;  }

.lista h1 { font-size:34px; line-height:30px;}
.lista h2 { font-size:32px; line-height:28px;}
.lista h3 { font-size:30px; line-height:26px; }
.lista h4 { font-size:28px; line-height:24px;}
.lista h5 { font-size:26px; line-height:22px;}
.lista h6 { font-size:24px; line-height:20px;}


.oferta { width:100%; height:300px; float:left; padding-bottom:20px; position:relative; border-bottom:1px solid #444; margin-bottom:20px;}
.oferta img { float:left; margin-right:20px;}
.oferta h3{ padding-bottom:20px; text-align:left; font-size:30px; line-height:30px;}

a.more2{ font-size:12px; color:#FFF; clear:both; float:right; background:#000; height:35px; line-height:35px; padding:0px 35px; position:absolute; z-index:2; right:0px; bottom:20px;}
a:hover.more2{ background:#4bab98;}

.tyt3 {border-top:1px solid #444; padding-top:20px; margin-top:30px; clear:both;}

#ofertal { width:600px; float:left;}
#ofertap { width:580px; float:right;}

.ngg-galleryoverview { float:left; width:100%;}
.ngg-gallery-thumbnail-box { float:left; width:300px; height:300px; overflow:hidden; position:relative;}

span.dgall { background:rgba(0,0,0,0.7) url(../graf/zoom.png) no-repeat 50% 50%; position:absolute; z-index:10; left:0px; top:0px; height:100%; width:100%; }

a#pytania{ font-size:12px; color:#FFF; float:right; background:#000; height:35px; line-height:35px; padding:0px 35px; cursor:pointer;}
a:hover#pytania{ background:#4bab98; text-decoration:none;}

#wyslij { width:700px; height:100%; padding:20px; float:left; position:fixed; z-index:195; background:rgba(0,0,0,0.8); margin-left:-100%; top:0px; left:0px; }

a#exit { width:32px; height:32px; clear:both; float: left; background:url(../graf/exit.png) no-repeat 50% 50%; -webkit-border-radius: 50%; border-radius: 50%; border:3px solid #fff; cursor:pointer; position:absolute; z-index:2; right:30px; top:30px;}
a:hover#exit {border:3px solid #4bab98;}

/*page navi*/
.wp-pagenavi { clear:both; margin-top:20px; float:left; width:100%; }
.wp-pagenavi .pages { float:left; padding:6px 10px; background:#000; color:#fff; margin-right:10px;  }
.wp-pagenavi a { padding:6px 8px; background:#000; color:#fff; margin-right:2px; float:left;  }
.wp-pagenavi .current , .wp-pagenavi a:hover { float:left; padding:6px 8px; background:#4bab98; margin-right:2px; color:#fff;  }