body {margin: 0px; padding: 0px; width: 100%; height: 100%; background:#1b1614 url(../graf/bg.jpg) no-repeat 50% 0px; overflow-x: hidden;  font-family: 'ralewaylight'; text-align: justify; font-size: 18px; color: #fff; }

@media (min-width: 800px) {
	#all > .home > .himg {
		padding-top: 80px;
	}
}

.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:#00a2de;}

a:hover {color:#00a2de}

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%; clear:both; float:left; position: relative !important; left:5%;   }



#top { width:90%; float:left; height:80px; background:#111; position: fixed; z-index:44; top:0px; left:5%;}

#top ul { float:right}

#top ul li { float:left;}

#top ul li a { float:left; padding:0px 20px; color:#FFF; line-height:80px; font-size:14px;}

#top ul li a:hover { background:#00a2de;}



.sticky {height:50px !important; background:rgba(17,17,17,0.7) !important;}

.sticky ul li a { line-height:50px !important;}



#logo { position:absolute; z-index:155; left:20px; top:0px; float:left;}

#logo a , #logo img { float:left;}

#logo:hover { top:-20px; }



.home { width:100%; float:left; overflow:hidden; position:relative;}

.home img { float:left; width:100% !important; height:auto !important; }



#opishome { position:absolute; z-index:2; left:5.7%; top:30%; width:54%;}

#opishome h1 { font-size:46px;}

#opishome h1 strong { font-weight:normal;}

#opishome h2 { font-size:36px; margin-bottom:20px;}

#opishome h2 strong { font-weight:normal;}

#opishome p { line-height:25px; width:100%; float:left;}



a.wiecej2 { clear:both; float:left; padding:0px 60px; height:50px; line-height:50px; border:1px solid #fff; font-size:14px; color:#FFF; margin-top:40px;}

a:hover.wiecej2 {background:#fff; color:#000;}



.tythome { width:100%; height:140px; background:#111; text-align:center; clear:both; line-height:140px; font-size:24px;}

.tythome strong { font-weight:normal;}



ul#oferta { clear:both; float:left; width:100%;}

ul#oferta li { width:20%; float:left; height:220px; background:#008cc0; text-align:center; padding-top:80px; position:relative; overflow:hidden;}

ul#oferta li:nth-child(2n){ background:#00a2de;}

ul#oferta li h3 { font-size:16px; width:90%; padding:0px 5%; position:absolute; z-index:5; text-align:center; bottom:20px; left:0px; line-height:20px; height:40px; overflow:hidden;}

ul#oferta li:hover h3 { color:#111}

ul#oferta li div { width:90%; height:100%; padding:10% 5% 0px 5%; position:absolute; z-index:2; left:0px; top:-120%; background: rgba(17,17,17,0.3); text-align:justify;}

ul#oferta li:hover div { top:0px;}

ul#oferta li div p { line-height:25px; height:175px; overflow:hidden; font-size:16px;}

ul#oferta li:hover img { opacity:0.3;}



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



.parallax-container { width:100%; height:700px; clear:both; float:left; overflow:hidden;}



.slogan { width:36%; padding:6% 2% 2% 2%; height:100%; background:rgba(17,17,17,0.7); }

.slogan h5 , #bractwo h5 { font-size:32px; margin-bottom:20px; text-align:left;}

.slogan h5 strong , #bractwo h5 strong { font-weight:normal;}

.slogan a { color:#fff;}

.slogan a:hover { text-decoration:underline;}



#prawa #bractwo h5 strong { display:block;}

#prawa #bractwo { width:90%; height:90%; padding:5%;}





.lista { line-height:30px; width:100%; position:relative; float:left;}

.lista img { max-width:100% !important; height:auto !important;}

.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:30px;}

.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:#fff; 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;}



#bractwo { width:90%; height:90%; padding:5%; position:absolute; z-index:2; left:0px; top:0px;}

#bractwo img { width: auto !important; height:auto !important; float:left; margin-right:40px;}

#bractwo p { line-height:25px;}





#footer { width:90%; padding:60px 5%; background:#111; clear:both; float:left; font-size:14px;}

#footer a { color:#FFF}

#footer a:hover { color:#00a2de; }

#footer span span { float:left; }

#footer span img { float:left; margin:0px 5px 0px 5px;}



.tyt { clear:both; font-size:46px; text-align:left; margin:0px 0px 0px 0px; float:left; width:100%;}

#breadcrumbs { clear:both; float:left; width:100%; margin-bottom:30px; font-size:14px; color:#777;}

#breadcrumbs a{ color:#777;}

#breadcrumbs a:hover { text-decoration:underline;}





.box { clear:both; float:left; width:92%; padding:2% 4% 8% 4%; background:#222; position:relative; min-height:450px;}

.box#page-6 { min-height: 500px; padding-bottom: 6.2%; }

.box#page-8 { min-height: 850px; }

.box#page-32, .box#page-35 { min-height: 425px; }

#page-45, #page-42, #page-39 { padding-bottom: 2%; }



.de #page-45, .de #page-42 { padding-bottom: 6%; }



@media (min-width: 1024px) {

	#lewa { width: 48%; float:left;}

	#prawa { width:48%; position:absolute; height:100%; right:0px; top:0px;}

}



@media (min-width: 1600px) {

	.box#page-8 #lewa, .box#page-6 #lewa { width: 56%; }

	.box#page-8 #prawa , .box#page-6 #prawa { width:43%; }

}



#prawa .home img.himg { width:auto !important; height:215px !important; margin-left:-200px;}

@media (max-width: 1600px) {

	#prawa .home img.himg { height:240px !important; }

}

@media (max-width: 1050px) {

	#prawa .home img.himg { height:253px !important; }

}

#prawa .home h5 { padding-top:30px;}

#bractwo:hover + img.himg { opacity:0.2; }





/* Galeria*/

.ngg-galleryoverview { width:100%; height:100%; display: table-cell; vertical-align: middle;}

.ngg-gallery-thumbnail-box { float:left; width:20%; height:auto; overflow:hidden; position:relative; }

#mgaleria .ngg-gallery-thumbnail-box { width:50%; }

.ngg-gallery-thumbnail { position:relative; float:left; width:100%; overflow:hidden; }

.ngg-gallery-thumbnail img { width:100% !important; height: auto!important; margin-top:-1px; }

.ngg-clear { clear:both; float:left; padding-bottom:20px;}



#pbCaption .title span { display: none; }



a.pb { float:left; width:100%; height:auto; }

span.dgall { background:rgba(17,17,17,0.6) url(../graf/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*/





/*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 #333; background:none; line-height:30px; color:#fff; font-family: 'ralewaylight'; font-size:15px;}

.fscf-div-field input:hover, .fscf-div-field textarea:hover, .fscf-div-field select:hover { border:1px solid #e1e1e1; }

.fscf-div-field input:focus, .fscf-div-field textarea:focus, .fscf-div-field select:focus  { border:1px solid #00a2de;}



.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:#000; border:none;  }

.fscf-button-submit:hover  { background:#00a2de; 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 */



#kontaktl { float:right; width:30%}

#kontaktp { float:left; width:65%}



/*page navi*/

.wp-pagenavi { margin:30px 0px 50px 0px; clear:both; float:left; width:100%; }

.wp-pagenavi .pages { color:#000; margin-right:10px; border:1px solid #e7e7e7;  }

.wp-pagenavi a { color:#000; margin-right:2px; border:1px solid #e7e7e7;  }

.wp-pagenavi .current , .wp-pagenavi a:hover {  background:#e30613; margin-right:2px; color:#fff; border:1px solid #e30613;  }	

.wp-pagenavi .pages , .wp-pagenavi a , .wp-pagenavi .current , .wp-pagenavi a:hover { padding:0px 15px; height:40px; line-height:40px; float:left;}



#mgaleria { clear:both; float:left; width:100%; height: 100%; position:relative; display: table;}

#mgaleria ul { width:100%; margin: auto; vertical-align: middle; display: table-cell; }

#mgaleria ul li { width:33.333%; float:left; position: relative; }

@media(min-width: 1024px) { #mgaleria ul li { width:50%; } } 

#mgaleria ul li img { width:100% !important; height:auto !important; float:left; opacity:0.5;}

#mgaleria ul li:hover img { opacity:1;}



.lista .video-element { width:20% !important; float:left; position:relative; height:150px !important; margin:0px !important; padding:0px !important }

.lista .image-block_1 img { width:100% !important; height:150px !important;}





.lista .rio-video-gallery-container-shortcode article { margin: 0px 1% 1% 1% !important;  padding: 0px;  width: 23% !important;}



.popup-box h4{ display:none !important;}



.poup_window .popup-box {

    background-color: #000;

    box-sizing: border-box;

    display: table;

    float: left;

    height: auto;

    left: 50%;

    overflow: auto;

    padding: 15px;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

}





ul.qtranxs_language_chooser { position: fixed; z-index:210 !important; left:16%; top:12px;}

ul.qtranxs_language_chooser li a { padding:0px; color:#FFF; line-height:24; width:24px; height:24px; background:none; opacity:0.5; float:left;}

ul.qtranxs_language_chooser li { margin-right:5px; opacity:0.5; float:left;}

ul.qtranxs_language_chooser li.active { opacity:1; }

ul.qtranxs_language_chooser li:hover { opacity:1;}

ul.qtranxs_language_chooser li.lang-pl { width:24px; height:24px; background:url(../graf/pl.png) no-repeat; text-indent:-999px;}

ul.qtranxs_language_chooser li.lang-en { width:24px; height:24px; background:url(../graf/en.png) no-repeat; text-indent:-999px;}

ul.qtranxs_language_chooser li.lang-de { width:24px; height:24px; background:url(../graf/de.png) no-repeat; text-indent:-999px;}



.sticky ul.qtranxs_language_chooser {  top:12px !important;}