body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; overflow-x: hidden;  font-family: 'droid_sansregular'; text-align: justify; font-size: 14px; color: #000;}

.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:#009edf;}
a:hover {color:#009edf}
ul{ padding:0px; margin:0px;}
p{ margin:0px 0px 10px 0px; padding:0px;  }
ul{ 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{ width:1200px; margin:auto; }


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

/*----------------------------------------------------------------------------------------------*/

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

}

#top ul li a , .baner h5 , .baner h1 , .tyt , ul#oferta li h2 , .lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , ul#oferta li h3
{font-family:OswaldRegular, Arial; text-transform:uppercase;}

/*----------------------------------------------------------------------------------------------*/

#top { width:100%; height:90px; float:left;}
#top img { float:left; margin-top:10px;}
#top ul { float:right;}
#top ul li { float:left;}
#top ul li a { float:left; padding:0px 20px; line-height:90px; color:#4899cd;}
#top ul li a:hover { background:#4899cd; color:#fff;} 

.baner { width:100%; clear:both; float:left; position:relative; margin-bottom:20px;}
.baner img { width:100% !important; height:auto !important; float:left;}
.baner h5 { font-size:24px; background:#4899cd; color:#fff; position:absolute; z-index:2; left:0px; bottom:20px; line-height:60px; padding:0px 30px 0px 60px;}

#opis {position:absolute; z-index:2; right:0px; padding-right:60px; top:80px; width:500px;  line-height:25px;}
.baner h1 { font-size:30px; padding-bottom:15px; }
.baner h1 a { color:#fff;}

.firma { width:100%; line-height:25px; padding-bottom:40px;}
.tyt { font-size:24px; color:#4899cd; text-align:left; line-height:30px; padding-bottom:10px;}

ul#oferta { clear:both; float:left; width:100%;}
ul#oferta li { float:left; width:31.3%; margin:0px 3% 3% 0px; position:relative; padding-bottom:30px;}
ul#oferta li:nth-child(3n) { margin:0px 0px 3% 0px;}
ul#oferta li:hover { background:#4899cd;}
ul#oferta li img { float:left; width:100% !important; height:auto !important; margin-bottom:20px; }
ul#oferta li h2 , ul#oferta li h3 { font-size:18px; text-align:center; margin-bottom:20px; width:90%; padding:0px 5%; height:50px;  overflow:hidden;}
ul#oferta li h2 a , ul#oferta li h3 a { color:#4899cd; line-height:25px;}
ul#oferta li:hover h2 a , ul#oferta li:hover h3 a { color:#fff;}
ul#oferta li p { width:90%; padding:0px 5%; line-height:25px; height:125px; overflow:hidden;}

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

#footer { clear:both; float:left; width:100%; padding:40px 0px 40px 0px; font-size:12px; border-top:1px solid #e1e1e1; margin-top:50px; color:#999;}
#footer a { color:#999;}
#footer a:hover { text-decoration: underline;}

.lista { line-height:26px; width:100%; position:relative; font-size:15px; float:left;}
.lista p { margin-bottom:15px;}
.lista a:hover{ text-decoration:underline;}
.lista ul { list-style:none; padding:0px 0px 40px 20px; display: table;}
.lista ul li{ background:url(../graf/li1.png) no-repeat 0px 8px; 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 15px 0px; text-align:left;  }

.lista h1 { font-size:24px; line-height:28px;}
.lista h2 { font-size:22px; line-height:26px;}
.lista h3 { font-size:20px; line-height:24px; }
.lista h4 { font-size:18px; line-height:22px;}
.lista h5 { font-size:17px; line-height:21px;}
.lista h6 { font-size:16px; line-height:20px;}

table { width:100%; margin-bottom:20px; border-top:1px solid #eee; border-left:1px solid #eee; border-spacing:0; border-collapse: collapse;}
table td { padding:10px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
table tr:hover td { background:#f4f4f4;}

/*formularz*/

.fscf-div-form { width:100%; float:left;  }
.fscf-div-clear { width:100%; clear:both; float:left; margin-bottom:10px;}
.fscf-div-label{ width:200px; text-align:left; float:left; padding:7px 15px 0px 0px; }
.fscf-div-field{ float:left; position:relative;}
.fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select { width:350px; height:30px; border: none; padding:8px; border:1px solid #e1e1e1; background:#fff; line-height:30px; font-family: 'droid_sansregular'; font-size:14px;}
.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover { border:1px solid #46484c; }
.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  { border:1px solid #3c92ca;}

.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:368px;}
.fscf-required-indicator{ color:#F00; 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 215px;}
input.fscf-button-submit  { width:120px; height:50px; line-height:50px; color:#FFF;  float:left; cursor:pointer; text-align:center; text-transform:uppercase; background:#46484c; border:none;  }
.fscf-button-submit:hover  { background:#3c92ca; color:#FFF; } 

.fscf-div-field .fscf-div-error { color:#F00; font-size:12px; float: right; text-align:left; width:150px; line-height:12px; margin-left:10px; padding-top:10px; text-transform:none; }
.fscf-div-error { float:left; font-size:20px; float:left; width:650px; color:#f00;}
#fscf_form_error1 {padding-bottom:35px;}

/* end formularz */


/*page navi*/
.wp-pagenavi { margin:30px 0px 40px 0px; clear:both; float:left; width:100%; }
.wp-pagenavi .pages { color:#000; margin-right:10px; border:1px solid #e7e7e7; background:#FFF; }
.wp-pagenavi a { color:#000; margin-right:2px; border:1px solid #e7e7e7; background:#FFF; }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#3c92ca; margin-right:2px; color:#fff; border:1px solid #009edf;  }	
.wp-pagenavi .pages , .wp-pagenavi a , .wp-pagenavi .current , .wp-pagenavi a:hover { padding:0px 15px; height:40px; line-height:40px; float:left;}


#kontaktl { width:35%; float:right; padding:30px 0px 60px 0px; background:#FFF;}
#kontaktp { width:60%; float:left;  padding:30px 0px 60px 0px;}


@media only screen and (max-width: 1300px)
{
.all{ width:1000px; margin:auto; }
}