body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#fff; overflow-x: hidden;  font-family: 'robotoregular'; text-align: justify; font-size: 16px; 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:90%; position:relative; float:left; padding:0px 5% 80px 5%;}
#pageall { background:#f7f7f7;}

#top { width:90%; padding:0px 5%; height:90px; position:fixed; z-index:222; left:0px; top:0px; background:#fff; }
#logo { float:left; margin:14px 0px 0px 0px;}
#mtop { float:right;}
#mtop ul , #mtop ul li , #mtop ul li a { float:left;}
#mtop ul li a { line-height:90px; padding:0px 20px; color:#222; font-size:15px; }
#mtop ul li a:hover { background:#009edf; color:#fff; }

.sticky { height:80px !important; -webkit-box-shadow: -1px 1px 9px 1px rgba(0,0,0,0.1); box-shadow: -1px 1px 9px 1px rgba(0,0,0,0.1);}
.sticky #logo a img{ width:auto !important; height:50px !important;}
.sticky #logo {margin-top:15px !important;}
.sticky #mtop ul li a { line-height:80px !important;}

#estymohome { width:100%; float:left; margin-top:90px; position:relative;}
#estymohome ul li img { width:100% !important; height:auto !important;}
#estymohome h3 { position:absolute; z-index:150; bottom:2%; right:2%; color:#222; font-size:22px;}
#estymohome h3 span { color:#009edf; font-size:28px;}
#estymohome h3 strong { font-size:28px; font-weight:normal;}

.box-opis , .box-opis-all1 , .box-opis-all2 , .box-opis-all3  { width:15.6%; height:62.4%; padding:2%; position:absolute; z-index:150; background:#009edf; left:19%; top:13.6%; color:#FFF; line-height:30px;}
.box-opis h1 , .box-opis h2 { font-size:28px; text-align:center; line-height:34px; margin-bottom:10px; }
.box-opis h4 { font-size:18px; text-align:center; color:#222; line-height:22px; margin-bottom:20px; }
.box-opis { text-align:center;}
.box-opis h1 span {}

.wiecej2 { height:60px; line-height:60px; border:1px solid #fff; float:left; text-align:center; cursor:pointer; font-size:16px;}
.wiecej2:hover { background:#FFF; color:#009edf;}
.box-opis .wiecej2{ position:absolute; z-index:2; left:10%; bottom:12%; width:78%;}
.box-opis-all1 , .box-opis-all2 , .box-opis-all3  { width:0px; z-index:149; overflow:hidden; left:34%; padding:4% 2% 2% 2%; height:57.3%; background:#444;}
#o1a , #o2a , #o3a {position:absolute; right:1%; top:2%; width:32px; height:32px; background:url(../img/exit.png) no-repeat; cursor:pointer; }
#o1a:hover , #o2a:hover , #o3a:hover { opacity:0.4}

.opisS { width:92%; padding-left:8%; overflow:hidden; float:left; }

/*slider*/
.bx-wrapper {position: relative; margin: 0px; padding: 0px; *zoom: 1; background:#009de0;}
.bx-wrapper img { max-width: 100%; display: block;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; z-index:100; left:30%; bottom:2.5%;  width: auto ; overflow:hidden;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;	*zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {text-indent: -9999px; display: block; width: 12px; height: 12px; margin: 0px 5px 0px 0px; background:#111; -webkit-border-radius:50%; border-radius:50%; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#009edf; }
.bx-wrapper .bx-prev , .bx-wrapper .bx-next { display:none}
.active-slide .box-opis { animation: 900ms ease-in-out 0s normal none 1 running bounceInUp;}
.box-opis-all1,.box-opis-all2,.box-opis-all3 { opacity:0;}

#homeoferta { clear:both; float:left; width:100%; background:#009edf; padding:40px 0px 80px 0px; position:relative;}
#homeoferta h1 { text-align:center; color:#fff; font-size:18px; padding-bottom:50px;}

.tythome { text-align:center; color:#fff; font-size:26px; padding-bottom:50px;}
#homeoferta .tythome { padding-bottom:0px;}


#homeoferta ul#oferta { clear:both; float:left; width:80%; padding:0px 10% 40px 10%;}
#homeoferta ul#oferta li { width:25%; float:left; position:relative; height:370px; background:none; margin:0px;}
#homeoferta ul#oferta li .ico { width:211px; height:178px; position:relative; margin:0px auto 20px auto; background:#FFF; overflow:hidden;}
#homeoferta ul#oferta li .ico img { position:absolute; z-index:3; left:0px; top:0px;}
#homeoferta ul#oferta li .ico span { width:100%; height:100%; position:absolute; z-index:2; bottom:-200px; left:0px; background:#000;  -webkit-border-radius:50%; border-radius:50%;}
#homeoferta ul#oferta li:hover .ico span {bottom:0px;}
#homeoferta ul#oferta li h3 { text-align:center; width:90%; padding:0px 5%; color:#fff; font-size:17px; line-height:20px; height:40px; overflow:hidden; margin-bottom:15px;}
#homeoferta ul#oferta li h3 a { color:#fff;}
#homeoferta ul#oferta li:hover h3 a{ color:#000;}

#homeoferta ul#oferta li p { position:relative; line-height:30px; height:60px; overflow:hidden; width:90%; padding:0px 5%;}
#homeoferta ul#oferta li:hover p { height:120px;}

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

#homeoferta a.wiecej2 { width:400px; color:#fff; float:left; border:1px solid #fff; position:relative; left:50%; margin-left:-200px; }
#homeoferta a:hover.wiecej2 {color:#009edf; background:#fff;}

#homerealizacje { clear:both; float:left; position:relative; width:100%; padding:40px 0px 80px 0px;}
#homere { clear:both; float:left; width:100%; position:relative;}
img#stronywww{ width:100% !important; height:auto !important; float:left; }
#homerealizacje .tythome {color:#009edf; padding-bottom:0px;}

#homerealizacje a.wiecej2 { color:#009edf; border:1px solid #009edf; width:400px; position:absolute; bottom:5%; left:50%; margin-left:-200px; z-index:5;}
#homerealizacje a:hover.wiecej2 { background:#009edf; color:#fff;}

#bgonas { width:100%; clear:both; float:left; height:700px; position:relative; background:url(../img/onas.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
#bgfooter { width:100%; clear:both; float:left; height:400px; position:relative; background: url(../img/najlepsze-strony.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

#bgrealizacja { width:100%; clear:both; float:left; height:400px; position:relative; }

.bg3 { width:100%; height:700px; background:url(../img/bg2.png);}
.bg4 { width:100%; height:400px; background:url(../img/bg2.png);}
.bg5 { width:100%; height:400px; background:url(../img/bg2.png);}

#onas { float:left; color:#fff; padding-top:7%; line-height:29px; width:60%; margin-left:5%;}
#onas .tythome { color:#009edf; text-align:left; padding-bottom:20px;}
#onas a.wiecej2 { clear:both; padding:0px 40px; color:#009edf; margin-top:30px; border:1px solid #009edf;}
#onas a:hover.wiecej2 { color:#fff; background:#009edf;}

#homedol { clear:both; float:left; width:100%; height:260px; font-size:14px;}
#homedol .dol { width:29.3333%; padding:2%; height:100%; float:left; line-height:25px;}
#homedol .dol ul , #homedol .dol ol { padding:0px; margin:0px;}
#homedol .dol ol { padding-left:15px;}
#homedol .dol:nth-child(1) { background:#444}
#homedol .dol:nth-child(2) { background:#009edf; color:#FFF;}
#homedol .dol:nth-child(3) { background:#f7f7f7;}
#homedol .dol:nth-child(3) a { color:#000;}

#homedol .dol h6 { font-size:18px; color:#FFF; text-align:left; padding-bottom:20px;}
#homedol .dol:nth-child(3) h6 { color:#009edf;}
#homedol .dol ul li { line-height:30px; height:30px; overflow:hidden;}
#homedol .dol:nth-child(1) ul li { float:left; width:45%; padding-right:5%; text-align:left;}
#homedol .dol:nth-child(1) a{ color:#ccc;}
#homedol .dol a:hover{ text-decoration:underline; }

#footer , #footerpage{ clear:both; float:left; width:90%; padding:120px 5% 40px 5%; font-size:12px; margin:0px; }
#footerpage { background:#fff; padding:40px 5% 40px 5%;}
#footer a , #footerpage a { color:#000}
#footer a:hover , #footerpage a:hover { text-decoration:underline;}

.pfooter { height:400px !important;}

.tyt , .tyt2 { font-size:35px; color:#009edf; text-align:left; line-height:40px; padding-bottom:20px;}
.tyt2 { font-size:25px; clear:both; padding:20px 0px 10px 0px; margin-bottom:20px; border-bottom:1px dotted #ccc;}

#bre { width:90%;  padding:0px 5%; float:left; height:40px; line-height:40px; color:#fff; background:#009de0; margin:90px 0px 40px 0px; font-size:14px;}
#bre a { color:#fff;}
#bre a:hover { text-decoration:underline;}


.lista { line-height:30px; width:100%; position:relative; float:left;}
.lista img { max-width:100% !important; height:auto !important;}
.lista p { margin-bottom:20px;}
.lista a:hover{ text-decoration:underline;}
.lista ul { list-style:none; padding:0px 0px 40px 20px; display: table;}
.lista ul li{ background:url(../img/li1.png) no-repeat 0px 10px; 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:#009edf; clear:both; padding:25px 0px 15px 0px; text-align:left;  }

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

img.imgbox , .lista img { width:100% !important; height:auto !important; float:left; margin-bottom:2%;}


/* Galeria*/
.ngg-galleryoverview { float:left; width:100%; clear:both;}
.ngg-gallery-thumbnail-box { float:left; width:33.333%; height:auto; overflow:hidden; position:relative;}
.ngg-gallery-thumbnail { position:relative; float:left; width:100%; overflow:hidden; }
.ngg-gallery-thumbnail img { width:100% !important; height: auto!important; float:left; margin-top:-1px; }
.ngg-clear { clear:both; float:left; width:100%;}

a.pb { float:left; margin-bottom:-7px; }
span.dgall { background:rgba(0,158,223,0.8) url(../img/zoom.png) no-repeat 50% 50%; position:absolute; z-index:10; left:0px; top:0px; height:100%; width:100%; }
span.dgall:hover span {bottom:10px;}
/* end Galeria*/

#kontaktl { float:left; width:36%; background:#fff; padding:2%;}
#kontaktp { float:right; width:54%; background:#fff; padding:2% ;}
#kontaktp iframe { margin-top:35px; width:100%;}

#map{ width:100%; height:600px; clear:both; float:left;}

/*page navi*/
.wp-pagenavi { margin:30px 0px 20px 0px; clear:both; float:left; width:100%; font-size:14px; }
.wp-pagenavi .pages { color:#000; margin-right:10px; border:1px solid #e1e1e1;  }
.wp-pagenavi a { color:#000; margin-right:2px; border:1px solid #e1e1e1;  }
.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#009edf; 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;}


/*formularz*/

.fscf-div-field input, .fscf-div-field textarea, .fscf-div-field select { width:98%; height:25px; border: none; padding:15px 0px; border-bottom:3px solid #ccc; background:none; line-height:25px; font-family: 'robotoregular'; font-size:16px; float:left;}
.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover { border-bottom:3px solid #444;  }
.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  { border-bottom:3px solid #009edf; }
.fscf-div-field textarea { height:75px; width:100%;}

.fscf-div-submit { clear:both; float:right; width:48%; padding:0px; margin:50px 0px 0px 0px;  }
input.fscf-button-submit  { width:48%; height:50px; line-height:50px; float:right; cursor:pointer; text-align:left; background:none; border:none; border-bottom:4px solid #324055; padding:0px;  font-size:16px; }
.fscf-button-submit:hover  { border-bottom:4px solid #009edf; color:#000; } 

.fscf-div-field .fscf-div-error { display:none; }
.fscf-div-error{ clear:both; float:left; color:#f00; width:100% ; padding-bottom:20px; display:block;}

#fscf_div_clear1_0 { float:left; width:30%; margin:0px 5.5% 0px 0px; padding:0px}
#fscf_div_clear1_1 { float:left; width:30%;}
#fscf_div_clear1_4 {float:right; width:30%;}
#fscf_div_clear1_3 { float:left; margin-top:20px; width:100%;}

/* end formularz */


ul#oferta { clear:both; float:left; width:100%; padding-bottom:50px;}
ul#oferta li { width:23.5%; float:left; position:relative; height:420px; background:#FFF; margin:0px 2% 2% 0px; padding-top:20px;}
ul#oferta li:nth-child(4n) {margin:0px 0px 2% 0px;}
ul#oferta li .ico { width:211px; height:178px; position:relative; margin:0px auto 20px auto; background:#b7b7b7; overflow:hidden; }
ul#oferta li .ico img { position:absolute; z-index:3; left:0px; top:0px;}
ul#oferta li .ico span { width:100%; height:100%; position:absolute; z-index:2; bottom:-200px; left:0px; background:#000;  -webkit-border-radius:50%; border-radius:50%;}
ul#oferta li:hover .ico span {bottom:0px;}
ul#oferta li h3 { text-align:center; width:90%; padding:0px 5%; color:#009edf; font-size:17px; line-height:20px; height:40px; overflow:hidden; margin-bottom:15px;}
ul#oferta li:hover h3 { color:#009edf;}
ul#oferta li h3 a {color:#009edf;}
ul#oferta li:hover h3 a{ color:#7d7d7d;}

ul#oferta li p { position:relative; line-height:30px; height:60px; overflow:hidden; width:90%; padding:0px 5%;}
ul#oferta li:hover p { height:120px;}

#lewa { width:68.5%; float:left; }
#prawa { width:30%; float:right; }

#lewa ul#oferta li { width:31.9%; margin:0px 2.1% 0px 0px; }
#lewa ul#oferta li:nth-child(3) {margin:0px;}


#bg2 { width:100%; clear:both; float:left; position:relative; }
#bg2 .tyt { padding-top:40px;}

#prawa ul { clear:both; float:left; width:100%; padding-bottom:40px;}
#prawa ul li { float:left; width:100%; border-bottom:1px solid #e1e1e1}
#prawa ul li:hover {border-bottom:1px solid #777; }
#prawa ul li:last-child {border-bottom:none;}
#prawa ul li a { float:left; width:100%; color:#222; text-align:left; padding:15px 0px; font-size:14px;  }
#prawa ul li a:hover {  color:#009de0;}

#prawa h5 { font-size:25px; text-align:left; line-height:25px; color:#009de0; margin:-15px 0px 0px 0px; padding-bottom:15px; border-bottom:1px solid #e1e1e1; clear:both;}
#prawa p { line-height:30px; font-size:14px;}
#prawa p a { color:#222;}
#prawa p a:hover { text-decoration:underline;}
.boxp { width:90%; clear:both; float:left; padding:5%; background:#fff; margin-bottom:40px;}
.boxp h5 { border:none !important; margin:0px !important;}


#linki { clear:both; float:left; width:100%; height:260px; }
#linki .dol { width:29.3%; float:left; padding:2%; height:100%; font-size:14px; line-height:30px; background:#444;}
#linki .dol h6 { color:#fff; font-size:16px; padding-bottom:15px;}
#linki .dol:nth-child(3) h6 { color:#009edf;}
#linki .dol:nth-child(3) a { color:#222;}
#linki .dol a { color:#eee;}
#linki .dol a:hover { text-decoration:underline;}
#linki .dol:nth-child(1) { color:#fff;}
#linki .dol:nth-child(2) { background:#009edf; color:#fff;}
#linki .dol:nth-child(3) { background:#f7f7f7; color: #000;}
#linki .dol ul li { text-align:left; overflow:hidden;}
.st-tag-cloud { height:120px; overflow:hidden;}

#strony { padding:5% 5% 0px 0px; float:right; text-align:right;}
#strony h5 { font-size:30px; color:#fff;}
#strony h6 { font-size:40px; color:#009edf; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}


#topfooter { clear:both; float:left; width:100%; padding-top:2%; background:#009edf;}
#topfooter h5 { color:#FFF; font-size:22px;  text-align:center; padding-bottom:36px;}
.kd { width:44%; float:left; color:#FFF; line-height:26px; padding:0px 0px 2% 5%;}
.kd2 { width:44%; float:right; color:#FFF; line-height:26px; padding:0px 5% 2% 0px;}

span.fl span { float:left; margin-right:10px;}
span.fl img { float:left; opacity:0.5; margin:-5px 0px 0px 4px;}
span.fl img:hover { float:left; opacity:0.8}

ul#realizacje{ width:100%; clear:both; float:left; }
ul#realizacje li { width:25%; float:left; position:relative; overflow:hidden; }
ul#realizacje li img { float:left; width:100% !important; height:auto !important; margin-top:-1px; -webkit-filter: grayscale(0%);  filter: grayscale(0%);}
ul#realizacje li:hover img { -webkit-filter: grayscale(100%);  filter: grayscale(100%);}
ul#realizacje li h3 { text-align:center; font-size:16px; line-height:20px; height:40px; overflow:hidden; margin:10px 0px 15px 0px;}
ul#realizacje li:hover h3 {color:#fff;}
ul#realizacje li h3 a {color:#fff;}
ul#realizacje li:hover h3 a {color:#fff;}
ul#realizacje li .opisrealizacje { width:90.1%; padding:2% 5% 2% 5%; clear:both; float:left; background:#444;}
ul#realizacje li:nth-child(2n) .opisrealizacje { background:#777;}
ul#realizacje li:hover .opisrealizacje { background:#009edf;}
ul#realizacje li .rea { width:100%; float:left; position:relative; overflow:hidden;  background:#009edf;}
ul#realizacje li .rea .opisrea { position:absolute; z-index:2; left:0px; bottom:-100%; background:rgba(0,158,223,0.8); width:91%; padding:5%; }
ul#realizacje li:hover .rea .opisrea { bottom:0px;}
ul#realizacje li .rea .opisrea p { line-height:30px; height:90px; overflow:hidden; color:#FFF;}

ul#realizacjehome { position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%;}
ul#realizacjehome li {float:left; position:absolute; overflow:hidden;}
ul#realizacjehome li:nth-child(1) { left:2.3%; top:24.1%; width:27.4%;}
ul#realizacjehome li:nth-child(2) { left:33%; top:14.6%; width:33.9%;}
ul#realizacjehome li:nth-child(3) { left:70.3%; top:24.1%; width:27.4%;}
ul#realizacjehome li img { float:left; width:100% !important; height: auto !important; margin-top:-2px; }

ul#realizacjehome li span { position:absolute; z-index:2; left:0px; top:0px; width:100%; height:100%; background:rgba(0,158,223,0.8);}
ul#realizacjehome li .homereopis { width:90%; height:90%; padding:5%; position:absolute; z-index:3; left:0px; top:-100%; color:#FFF;}
ul#realizacjehome li:hover .homereopis { top:0px;}
ul#realizacjehome li .homereopis h3 { font-size:16px; color:#FFF; line-height:20px; height:40px; overflow:hidden; margin:30px 0px 10px 0px; text-align:center;}
ul#realizacjehome li .homereopis h3 a { color:#fff;}
ul#realizacjehome li .homereopis p { line-height:25px; height:100px; overflow:hidden;}


#newshome{width:90%; padding:40px 5% 100px 5%; clear:both; float:left; background:#009edf;}
ul#homenews { width:100%; clear:both; float:left;}
ul#homenews li { width:19.5%; float:left; margin-right:2%; padding:2%; position:relative;}
ul#homenews li:nth-child(4){ margin-right:0px;}
ul#homenews li h3 { font-size:18px; line-height:25px; height:50px; margin-bottom:10px; color:#222; overflow:hidden; text-align: center;}
ul#homenews li p { color:#fff; line-height:30px; height:150px; overflow:hidden;}
ul#homenews li span {position:absolute; z-index:2; background:#FFF;}
ul#homenews li span.t1 {left:0px; top:0px; width:0px; height:1px;}
ul#homenews li span.t2 {left:0px; top:0px; width:1px; height:0px;}
ul#homenews li span.t3 {right:0px; bottom:0px; width:1px; height:0px;}
ul#homenews li span.t4 {right:0px; bottom:0px; width:0px; height:1px;}
ul#homenews li:hover span.t1 {left:0px; top:0px; width:100%; height:1px;}
ul#homenews li:hover span.t2 {left:0px; top:0px; width:1px; height:100%;}
ul#homenews li:hover span.t3 {right:0px; bottom:0px; width:1px; height:100%;}
ul#homenews li:hover span.t4 {right:0px; bottom:0px; width:100%; height:1px;}

.box { width:96%; float:left; padding:2% 2% 0px 2%; background:#fff;}
.box .tyt { padding-bottom:0px;}
.box1 { width:96%; float:left; padding:2%; background:#fff; margin-bottom:2%;}
.box2 { width:96%; float:left; padding:2%; background:#009edf; margin-bottom:2%; color:#fff; line-height:30px; }
.lista .box2 ul li{ background:url(../img/li2.png) no-repeat 0px 10px; }
.box2 a { color:#444;}

.lista .box2 h1 , .lista .box2 h2 , .lista .box2 h3 , .lista .box2 h4 , .lista .box2 h5, .lista .box2 h6 { color:#fff; }

.lista .box2 h1:first-child , .lista .box2 h2:first-child , .lista .box2 h3:first-child  , .lista .box2 h4:first-child  , .lista .box2 h5:first-child  , .lista .box2 h6:first-child , 
.lista .box1 h1:first-child , .lista .box1 h2:first-child , .lista .box1 h3:first-child  , .lista .box1 h4:first-child  , .lista .box1 h5:first-child  , .lista .box1 h6:first-child  { padding-top:0px ;}

ul#newsprawa { clear:both; float:left; width:100%;}
ul#newsprawa li { float:left; width:100%; background:#fff; position:relative; margin-top:2%; border:none; font-size:14px; height:200px; overflow:hidden;}
ul#newsprawa li:hover { border:none; background:#009edf; color:#fff;}
ul#newsprawa li img { float:left; margin-right:15px;}
ul#newsprawa li h3 { font-size:18px; line-height:20px; height:40px; text-align:left; overflow:hidden; font-size:16px; margin-bottom:10px; padding:20px 20px 0px 0px;}
ul#newsprawa li p { line-height:25px; height:100px; overflow:hidden; padding-right:20px; }

ul#portfolio { clear:both; float:left; width:100%;}
ul#portfolio li { float:left; position:relative; width:23.5%; margin:0px 2% 2% 0px; overflow:hidden; }
ul#portfolio li img { float:left; width:100% !important; height:auto !important; margin-top:-1px;}
ul#portfolio li:nth-child(4n) {margin:0px 0px 2% 0px;}
ul#portfolio li .opisport { position:absolute; z-index:2; width:90%; height:90%; padding:5%; background:rgba(0,158,223,0.8); left:0px; top:0px;}
ul#portfolio li .opisport h3 { text-align:center; font-size:18px; line-height:30px; position: relative; top: 40%;  -webkit-transform: translateY(-40%);  -ms-transform: translateY(-40%);   transform: translateY(-40%);   } 
ul#portfolio li .opisport h3 a { color:#fff;}
ul#portfolio li .opisport p { color:#fff; line-height:30px; height:90px; overflow:hidden; margin-left:-100%; width:100%; float:left;}
ul#portfolio li:hover .opisport p { margin-left:0px;}

#fototop { width:100%; clear:both; float:left; position:relative; overflow:hidden;}
#fototop img { width:100% !important; height:auto !important; float:left;}
#fotolewa { width:60%; float:left;}
#fotoprawa { width:40%; float:right;}

#boxopis { width:50%; background:#009edf; line-height:30px; color:#FFF; position:absolute; z-index:2; right:0px; bottom:20px; padding:1% 5% 1% 2%;}

.realizacja #lewa { width:68%;}
.realizacja #prawa { width:30%;}
.realizacja #prawa h5 { margin:0px 0px 0px 0px;}


ul#navi { clear:both; float:left; width:100%; height:60px; background:#fff;}
ul#navi li { float:left; height:60px; line-height:60px; letter-spacing:1px;}
ul#navi li:nth-child(1) { width:48%;}
ul#navi li:nth-child(2) { width:4%;}
ul#navi li:nth-child(3) { width:48%;}
ul#navi li span { float:left; width:100%; height:60px;}
ul#navi li span.lewa a { background:url(../img/lewa.png) no-repeat 95% center; text-align:right; padding-right:20%; width:80%;}
ul#navi li span.lewa a:hover {background:#ebebeb url(../img/lewa.png) no-repeat 95% center;} 
ul#navi li span.prawa a{ background:url(../img/prawa.png) no-repeat 5% center; padding-left:20%; width:80%;}
ul#navi li span.prawa a:hover{ background:#ebebeb url(../img/prawa.png) no-repeat 5% center; }
ul#navi li span a { width:100%; float:left; height:60px;}
ul#navi li:nth-child(2) a { width:100%; float:left; height:60px; background:#fff url(../img/gora.png) no-repeat center;}
ul#navi li:nth-child(2) a:hover { background:#ebebeb url(../img/gora.png) no-repeat center;}
ul#navi li .tytnavi { opacity:0;}
ul#navi li:hover .tytnavi { opacity:1;}

a#adresrealizacji { width:100%; height:60px; color:#fff; text-align:center; background:#009edf; clear:both; float:left; line-height:60px; margin-bottom:40px;}
a:hover#adresrealizacji { background:#444;}


#zakres { width:100%; clear:both; float:left;}
#zakres ul { width:100%; float:left; margin-top:15px; padding-bottom:10px; }
#zakres ul li { width:90%; clear:both; padding:15px 5%; border:none; background:#444; color:#FFF; text-align:left; margin-bottom:2px;}
#zakres ul li:hover { border:none;}

#narzedzia { clear:both; float:right; padding:10px 5% 0px 0px; }
#narzedzia img { float:left; margin-left:5px; }

ul#news { width:100%; clear:both; float:left;}
ul#news li { width:25%; float:left; overflow:hidden; position:relative; background:#fff;}
ul#news li:hover { background:#009edf; color:#fff;}
ul#news li img { width:100% !important; height:auto !important; float:left; margin-top:-1px;}
ul#news li .newstxt { padding:10px 5% 20px 5%; float:left; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
ul#news li:nth-child(4n) .newstxt { border-right:1px solid #e1e1e1;}
ul#news li .newstxt p { line-height:30px; height:150px; overflow:hidden;}
ul#news li h3 { font-size:17px; text-align:center; line-height:25px; height:50px; overflow:hidden; margin-bottom:10px; }
ul#news li h3 a { color:#a1a1a1;}
ul#news li:hover h3 a { color:#fff;}
ul#news li .newsico { width:100%; height:auto; float:left; overflow:hidden;}

#lewa ul#news li { width:33.333%; }
#lewa ul#news li:nth-child(3) .newstxt { border-right:1px solid #e1e1e1;}

.box3{ width:98%; padding-right:2%; clear:both; float:left; background:#009de0; margin-bottom:2%; color:#fff; line-height:30px;}
.box3 img { width:50% !important; height:auto !important; float:left; margin:0px 2% 0px 0px; }
.box3 p { margin-bottom:20px;}

.box4 { width:100%; clear:both; float:left; margin-bottom:2%;}
.box4 h2 , .box3 h2 , .box5 h2 , .box7 h2 , .box8 h2 , .box9 h2 , .pol2 h3{ font-size:30px; color:#009edf; text-align:center; line-height:40px; padding-bottom:20px; clear:both;}
.box4 ol { width:100%; float:left; padding:20px 0px 0px 0px; margin:0px; list-style:none;}
.box4 ol li { width:20.5%; float:left; margin:0px 2% 4% 0px; position:relative; padding-left:3%; text-align:left; line-height:30px; height:120px; overflow:hidden; }
.box4 ol li:nth-child(4n) {margin:0px 0px 4% 0px; }
.box4 ol li {counter-increment: step-counter;}
.box4 ol li::before {content: counter(step-counter); color:#009de0; font-size:50px; position: absolute; z-index:2; left:0px; top:10px; border-right:1px solid #e1e1e1; padding:0px 10px 0px 0px; height:120px; }
.box4 a:hover { text-decoration:underline;}

.box5{ width:98%; padding-left:2%; clear:both; float:left; background:#009de0; margin-bottom:2%; color:#fff; line-height:30px;}
.box5 img { width:50% !important; height:auto !important; float:right; margin:0px 0px 0px 2%; }
.box5 p { margin-bottom:20px;}

.box6{ width:100%; clear:both; float:left; position:relative; margin-bottom:2%;}
.box6 img { width:100% !important; height: auto; float:left;}
.box7 { width:60%; position:absolute; z-index:2; right:0px; bottom:-20px; background:rgba(0,157,224,0.9); padding:2%; color:#fff; line-height:30px;}
.box7 p { margin-bottom:20px;}
.box7 a { color:#fff;}


.box8 , .box9 { width:96%; background:#fff; clear:both; float:left; padding:2%; margin-bottom:2%; line-height:30px;}
.box8 ol { width:100%; float:left; margin:0px; padding:20px 0px 0px 0px; list-style:none;}
.box8 ol li { width:44%; float:left; margin:0px 4% 3% 0px; height:150px; position:relative; padding-left:4%; text-align:left;}
.box8 ol li:nth-child(2n) { margin:0px 0px 3% 0px;}
.box8 ol li {counter-increment: step-counter;}
.box8 ol li::before {content: counter(step-counter); color:#009de0; font-size:50px; position: absolute; z-index:2; left:0px; top:10px; border-right:1px solid #e1e1e1; padding:0px 10px 0px 0px; height:150px; }

.box3 h2 , .box5 h2 , .box7 h2  { color:#fff; clear:none; text-align:left;}
.box9 h2 , .pol2 h3 {text-align:left;}
.pol2 h3 { padding-top:40px;}

.pol { width:48%; float:left;}
.pol2 { width:48%; float:right;}

.box9 ul { list-style:none; padding:0px 0px 40px 20px; display: table;}
.box9 ul li{ background:url(../img/li1.png) no-repeat 0px 10px; padding-left:22px;}
.box9 ul li { margin-bottom:5px;}

.opisS h3 { font-size:14px !important;}

.su-spoiler-title { font-size:16px !important; font-weight:normal !important; padding: 15px 15px 15px 50px !important;}
.su-spoiler-icon {top: 14px !important; left:14px !important; }
.su-spoiler .su-spoiler-title {background:#009edf; color:#fff;}
.su-spoiler-closed .su-spoiler-title {background:#f1f1f1; color:#000;}
.su-spoiler-closed .su-spoiler-title:hover {background:#e1e1e1; color:#000;}

/* Cookie warning */
#cookie-warn{ position: fixed; bottom:15px; right:15px; background: #fff; padding: 15px;  width: 320px; display: none; z-index: 999; line-height:22px; font-size:12px; color:#333;  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); box-shadow: 0 0 6px 0 rgba(0,0,0,0.3); border:1px solid #eee; }
#cookie-warn p { margin-bottom:20px;}
 
#cookie-warn a{height:40px; line-height:40px; text-transform:uppercase; color:#000; border:1px solid #ccc; padding:0px 10px;}
#cookie-warn a:hover { background:#000; color:#FFF; border:1px solid #000;}

a#close-cookie-warn { float:left;}
a#wiecejc { float:right;}
/* Cookie warning */

#fscf_div_field1_5 { clear:both; float:left; width:100%; margin-top:10px;}
#fscf_div_field1_5 input { float:left; width:auto;}
#fscf_div_field1_5 label  { float:left; margin:5px 0px 0px 20px; }
#fscf_div_field1_5 p { clear:both; float:left; width:100%; font-size:12px; margin-top:10px;}
#fscf_div_field1_5 p a:hover { text-decoration:underline;}