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

.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:#3199ba; }
a:hover {color:#3199ba; }
p{ margin:0px 0px 15px 0px; padding:0px;  }
ul , ul li{ padding:0px; margin:0px; list-style:none;}

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

.all{margin:auto; position: absolute; clear:both; width:1400px; left:50%; margin-left:-700px; }
.all2{margin:auto; position:relative; clear:both; width:1200px; left:0px; right:0px;}
.all3{margin:auto; position:relative; clear:both; width:1200px; left:0px; right:0px; padding:380px 0px 30px 0px; }





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

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

}
.home{font-family:droid_sansregular, Arial;}


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

.lista h1 , .lista h2 , .lista h3 , .lista h4 , .lista h5, .lista h6 , #mtop ul li a , .opis-home h2 , .opis-home h3 , ul#oferta li h4 , #home h5 , a.wiecej2 , #mdol  ul li a , #podpis , .tyt , #kontakt h5 , .kat-of h3 a
{font-family:playregular, Arial; text-transform:uppercase; }



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

#mtop ul li a , #prawa , .news img , a.more2 , .oferta{-webkit-border-radius: 5px; border-radius: 5px;}

#top{ width:100%; height:100px;}
#logo { float:left; padding-top:25px;}
#mtop{ float:right; padding-top:38px;}
#mtop ul , #mtop ul li , #mtop ul li a { float:left;}
#mtop ul li { margin-left:30px;}
#mtop ul li a { font-size:18px; color:#707070;}
#mtop ul li a:hover , #mtop ul li.current-menu-item a , #mtop ul li.current-menu-parent a { color:#ff9900}

/*slider */
#banner-fade { overflow:hidden; top:0px; width:1400px !important; height:446px; float:left;}
ul.bjqs li.bjqs-slide { position:absolute !important; width:1400px; left:50%; margin-left:-700px; float:left; }
 
ol.bjqs-markers{ position:absolute; z-index:200; bottom:10px; left:100px; float:left; width:auto !important; font-size:0px; }
ol.bjqs-markers li a{ width:14px; height:14px; background:#3199ba; float:left; color:#FFF; margin-right:4px;}
ol.bjqs-markers li a:hover , ol.bjqs-markers li.active-marker a {background:#ff9900;}

.opis-home{ position:absolute; z-index:20; left:100px; top:60px; width:510px; line-height:24px;}
.opis-home h2 { font-size:40px; color:#ff9900; line-height:40px; text-align:left;}
.opis-home h3{ font-size:20px; color:#3199ba; padding-bottom:10px; text-align:left;}

/*end slider */

ul#oferta { position:absolute; z-index:20; right:100px; bottom:10px;}
ul#oferta li { float:left; width:150px; height:150px; float:left; overflow:hidden; margin-left:10px; background:#ff9900; position:relative;}
ul#oferta li.bg1{ background:#3199ba;}
ul#oferta li img { margin:30px 0px 10px 0px;}
ul#oferta li:hover img { margin:30px 0px 15px 0px;}
ul#oferta li h4 { color:#FFF; line-height:20px;}
ul#oferta li:hover h4 { color:#ff9900}
ul#oferta li.bg1:hover h4 { color:#3199ba}

ul#oferta li div { width:150px; height:150px; position:absolute; z-index:2; left:0px; top:0px; text-align:center;}
ul#oferta li span{ width:0px; height:0px; position:absolute; z-index:1; left:1px; top:1px; background:#FFF; }
ul#oferta li:hover span {width:148px; height:148px; }

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

#home { width:1200px; height:228px; background:url(../graf/home.jpg) no-repeat; padding:0px 100px; clear:both; float:left; }
#home h5 { font-size:24px; text-align:left;}

#news{ width:570px; height:213px; float:left; padding-top:15px; position:relative; }
#news h5 { color:#FFF;}
.home-news { width:540px; height:106px; float:left; overflow:hidden; padding-top:15px; line-height:24px;}
.home-news h3 { font-size:15px; font-weight:bold; text-align:left; padding-bottom:10px;}
.home-news h3 a { color:#000;}
.home-news h3 a:hover { color:#FFF;}

a.wiecej2 { font-size:13px; color:#FFF; background:#3199ba; float:left; padding:10px 35px; }
a:hover.wiecej2 { background:#111;}

#news a.wiecej2 , #kontakt a.wiecej2 { position:absolute; z-index:1; right:0px; bottom:0px; cursor:pointer;}
#kontakt a.wiecej2 { color:#FFF !important}
#kontakt a:hover.wiecej2 { text-decoration:none;}

#kontakt{ width:615px; height:213px; float:left; position:relative; padding:15px 0px 0px 15px; }
#kontakt h5 { color:#FFF; color:#ff9900; margin-bottom:10px;}
#kontakt a { color:#000}
#kontakt a:hover { text-decoration:underline}

.wypelnij { width:300px; margin:0px; font-size:12px; position:absolute; z-index:1; left:15px; bottom:10px;}

#footer{ width:100%; height:140px; background:#f2f2f2; clear:both; float:left; }
#l2 { float:left; width:570px; padding:45px 0px 0px 100px; }
#mdol { float:left; width:630px; height:85px; padding:55px 100px 0px 0px; background:#ff9900}
#mdol  ul { float:right;}
#mdol  ul li , #mdol  ul li a { float:left;}
#mdol  ul li { margin-left:30px;}
#mdol  ul li a { color:#000; font-size:16px;}
#mdol  ul li a:hover { color:#FFF;}


#podpis { width:1200px; clear:both; float:left; padding:30px 100px 50px 100px; color:#707070; font-size:12px;}
#podpis a { color:#707070;}
#podpis a:hover {color:#ff9900;}

/*formularz*/

.fscf-div-form { width:650px; float:left; margin-top:100px; }
.fscf-div-clear { width:650px; clear:both; float:left; margin-bottom:10px;}
.fscf-div-label{ width:150px; 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:300px; height:20px; border:2px solid #eee; padding:8px; background:none; line-height:20px; }
.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover {border:2px solid #3199ba; background:#fff;}
.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  {border:2px solid #ff9900; background:#fff;}

.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:#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 165px;}
input.fscf-button-submit , a.exit { width:120px; height:40px; padding:0px;   float:left; cursor:pointer; text-align:center; text-transform:uppercase; background: none;  border:2px solid #eee; }
.fscf-button-submit:hover , a.exit:hover { background:#ff9900; 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; font-family:Arial, Helvetica, sans-serif; text-transform:none; }
.fscf-div-error { float:left; font-size:20px; float:left; width:650px; color:#f00;}
#fscf_form_error1 {padding-bottom:35px;}
.fscf-div-redirecting { color:#FFF;}

#wyslij { width:800px; height:100%; background:rgba(255,255,255,0.98); padding:30px; position:fixed; bottom:0px; z-index:300; right:0px;  margin-right:-100%; }
a.exit { float:left; margin:-40px 0px 0px -360px; font-size:13px; height:36px; line-height:36px; }

/* end formularz */

#top-podstrona{width:1400px; height:350px; overflow:hidden; position:absolute; z-index:1; left:0; top:0px; }
#top-podstrona img {width:1500px; height:500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.tyt{ color:#3199ba; font-size:30px; text-align:left; padding-bottom:20px; line-height:30px;}
#breadcrumbs { font-size:12px; color:#999; margin-bottom:5px; }
#breadcrumbs a {color:#999;}
#breadcrumbs a:hover { text-decoration:underline;}

.lista { line-height:26px;}
.lista p { margin-bottom:15px;}
.lista a:hover{ text-decoration:underline;}
.lista ul { list-style:none; padding:0px 0px 20px 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 10px 0px; text-align:left;  }

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

#col-right { float:right; width:860px; padding-bottom:30px;}
#col-left { float:left; width:310px; padding-bottom:30px;}

#col-left ul#oferta { position:relative; z-index:20; right:0px; bottom:0px;}
#col-left ul#oferta li { float:left; width:150px; height:150px; float:left; overflow:hidden; margin:0px 10px 10px 0px; background:#ff9900; position:relative;}
#col-left ul#oferta li.bg1{ background:#3199ba;}

#col-left a.wiecej2 { font-size:18px; color:#FFF !important; background:#3199ba; float:left; padding:20px 0px 20px 0px; text-align:center; cursor:pointer; width:310px; }
#col-left a:hover.wiecej2 { background:#ff9900; text-decoration:none !important;}


#col-left #kontakt { width:280px; padding:0px; margin-bottom:10px; padding:15px; background: url(../graf/kon.jpg) no-repeat;}
#kontakt h5 { font-size:24px;}

#map-canvas { width:860px; height:450px; float:left; margin-top:20px;}

.news{ width:860px; float:left; margin-bottom:20px; line-height:24px; border-bottom:1px solid #3199ba; padding-bottom:10px; position:relative;}
.news h3 { font-size:18px; text-align:left; line-height:18px; padding-bottom:10px;}
.news h3 a{ color:#ff9900;}
.news h3 a:hover {color:#3199ba;}
.news a.wiecej2 { position:absolute; right:0px; bottom:0px; padding:5px 35px 5px 35px;}

.news img { border:1px solid #eee; float:left; margin-right:15px;}

.dat{ font-size:12px; color:#707070; position:absolute; left:165px; bottom:5px;}



/*page navi*/
.wp-pagenavi { clear:both; margin-top:20px; float:left; width:100%; font-size:13px; }
.wp-pagenavi .pages { float:left; padding:6px 10px; background:#fff; color:#111; margin-right:10px; border:1px solid #3199ba;  }
.wp-pagenavi a { padding:6px 8px; background:#fff; color:#111; margin-right:2px; float:left; border:1px solid #3199ba;  }
.wp-pagenavi .current , .wp-pagenavi a:hover { float:left; padding:6px 8px; background:#3199ba; margin-right:2px; color:#fff; border:1px solid #3199ba;  }	


.kat-of { width:565px; float:left; margin:0px 30px 30px 0px; background:#3199ba; padding-right:20px; position:relative; }
.kat-of:hover { background:#ff9900;}
.kat-of:hover .ico  {width:120px;}
.ico { width:140px; height:140px; float:left; margin-right:15px; text-align:center; background:#ff9900;}
.ico img { margin-top:45px;}

.kat-of h3 { margin:10px 0px 5px 0px;}
.kat-of h3 a { color:#FFF;}