html, body { margin: 0px auto; padding: 0px; width: 100%; height: 100%; font-family: "Open Sans", sans-serif, Arial, Tahoma, Helvetica, "Lucida Sans Unicode"; font-weight: 400; font-size: 14px; color: #383a3d; background: #f3f3f3; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
iframe { border:none; }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

img { border: none; }
.kreska1 { border-bottom: 1px solid #606469; padding: 5px; }
.kreska_gora { border-top: 1px solid #606469; padding-top: 20px; margin-top: 20px; }
.kreska_dol { border-bottom: 1px solid #606469; padding-bottom: 20px; margin-bottom: 20px; }
.lead { color: #000; font-size: 16px; line-height: 140%; margin-bottom: 30px; }
.gruby { font-weight: 700!important; }
.grubosc700 { font-weight: 700!important; }
.grubosc600 { font-weight: 600!important; }
.grubosc400 { font-weight: 400!important; }
.grubosc300 { font-weight: 300!important; }
.gruby2 { font-weight: 400!important; }
.wyczysc { clear: both; }
.bialykolor { color: #fff!important; }
.wysrodkuj { vertical-align: middle; }
.wylacz_ramka { border: none!important; }
.wylacz_margines { margin: 0px!important; }
.wylacz_margines_prawy { margin-right: 0px!important; }
.wylacz_margines_dol { margin-bottom: 0px!important; }
.telefon_show { display: none; }
.center { text-align: center; }
.maximg img { max-width: 100%!important; }

/* NAGŁOWKI */
.tytul { font-weight: 300; color: #202429; clear:both; margin: 15px 0; line-height: 120%; }
.tytul_1 { font-size: 36px; }
.tytul_2 { font-size: 30px; }
.tytul_3 { font-size: 26px; }
.tytul_4 { font-size: 22px; }
.tytul_5 { font-size: 18px; }
.tytul_6 { font-size: 16px; }

/* LINKI */
.obiektfade { transition-property: opacity; transition-duration: 0.2s; }
.obiektfade:hover { opacity: 0.7; }
a { color: #606469; text-decoration: none; transition-duration: 0.2s; }
a:hover { color: #000; text-decoration: none; }


/* KOMUNIKATY */
.komunikat_bad { padding: 10px; text-align: center; background: #e32f40; font-size: 13px; color: #fff; }
.komunikat_ok { padding: 10px; text-align: center; background: #54a315; font-size: 13px; color: #fff; }
.kolorwymagane { color: #fc0320; }

/* FORMULARZE */
input.form_1, select.form_1, textarea.form_1 { padding: 8px 5px; margin: 3px 0; border: 1px solid #dedede; background: #fff; color: #727171; font-family: "Open sans", sans-serif, Tahoma, Arial, Verdana, Helvetica; font-size: 12px; transition-duration: 0.2s; }
input.form_1:hover, select.form_1:hover, textarea.form_1:hover { background: #f5f5f5; }
.button_1 { padding: 8px 18px 9px 18px; margin: 0px; border: none; color: #fff; background: #c2151b; cursor: pointer; transition-duration: 0.2s; }
.button_1:hover { background: #9a0d12; color: #fff; }

/* LAMANIE */
#wyswietlwynik { width: 100%; float: left; }
div.szerokosctekstu { width: 100%; float: left; }
div.lamanienapol { width: 48%; float: left; margin-bottom: 20px; margin-right: 4%; }
div.lamanienatrzy { width: 31%; float: left; margin-bottom: 20px; margin-right: 1%; margin-left: 1%; }
div.lamanienacztery { width: 25%; float: left; }
div.sortowanie { text-align: center; margin-bottom: 20px; line-height: 30px; float: left; width: 100%; }
.blok { width: 100%; padding-top: 80px; float: left; }
.blok2 { width: 100%; padding: 100px 0 40px 0; float: left; }

/* CECHA */
div.cecha { width: calc(100% / 3 - 45px); display: inline-block; vertical-align: top; padding: 20px; transition-duration: 0.2s; cursor: help; }
div.cecha:hover { background: #fff; }

.rodzajuslugi { margin-top: 80px; width: 19%; padding: 0 3%; height: calc(100% - 80px); text-align: center; float: left; background-repeat: no-repeat; background-position: center center; background-size: auto 120%; position: relative; transition-duration: 0.2s; }
.rodzajuslugi:hover { background-size: auto 100%; }
.semitrans { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transition-duration: 0.2s; text-align: center; }
.semitrans:hover { background: rgba(0,0,0, 0.5); }

/* PORTFOLIO */
.box { position: relative; width: calc(20% - 10px); margin: 5px; float: left; }
.box:before { content: ""; display: block; padding-top: 100%; }
.content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.content img.portfolio { width: 100%; height: auto; min-height: 100%; transition-duration: 0.2s; }
.content img.portfolio2 { width: calc(100% - 8px); height: auto; min-height: calc(100% - 8px); transition-duration: 0.2s; margin: 3px 0 0 3px; border: 1px solid #444; }
.content:hover img.portfolio2 { opacity: 0.8; }
.portfolioopis { width: 100%; padding-top: 30%; height: 70%; position: absolute; top: -100%; left: 0px; background: rgba(0,0,0,0.8); color: #fff; text-align: center; transition-duration: 0.1s; font-size: 18px; font-weight: 300; }
.content:hover .portfolioopis { top: 0px; left: 0px; }

/* ZDJECIA */
.galeriazdjec { width: 100%; float: left; margin-bottom: 20px; }
#ZDJECIA { width: 100%; float: left; margin: 30px 0; }
#ZDJECIA img { width: 19%; height: 19%; float: left; margin: 0 1% 1% 0; }
div.duzezdjecie { width: 100%;  float: left; overflow: hidden; margin-bottom: 20px; }
img.foto_duze { width: 100%; margin-bottom: 5px; }
img.foto_male { width: 142px; height: 142px; float: left; margin: 10px 0 0 10px; }

div.pierwsza_foto { width: 100%; height: 250px; float: left; margin: 20px 0; background-size: cover; background-position: center center; }

/*LINKI W MATERIALE I AKTUALNOŚCIACH */
div.materiallista { width: 100%; margin: 10px 0; float: left; }
div.materiallista img { vertical-align: middle; border: none; float: left; margin-right: 10px; }
div.materiallista a { display: block; padding: 15px; background: #dedede; color: #5a4f4f; margin-bottom: 1px; transition-duration: 0.2s; border-left: 3px solid #16a1d6; }
div.materiallista a:hover { text-indent: 5px; background: #16a1d6; color: #fff; }

/* HEADER */
#HEADER { width:100%; float: left; height: 80px; background: rgba(22,161,214,0.9); position: fixed; z-index: 100; font-weight: 300; font-size: 16px; color: #fff; }
#HEADER a { color: #fff; transition-duration: 0.2s; }
#HEADER a:hover { color: #000; }
#HEADER div.menutelefon { width: 80px; height: 80px; line-height: 80px; color: #fff; margin-right: 30px; float: left; background: #fff url('../gfx/menubok.png') no-repeat center center; display: none; }
#HEADER div.logo { width: 250px; float: left; font-size: 14px; }
#HEADER div.logo img { float: left; margin: 20px 10px 0 0; }
#HEADER div.logo p { line-height: 20px; margin: 17px 0 0 0; float: left; }


#HEADER div.zakladki { width: calc(100% - 450px); float: left; height: 80px; line-height: 80px; text-align: center; }
#HEADER div.kontakt { width: 200px; float: right; height: 60px; margin: 10px 0; line-height: 30px; text-align: right; }
#HEADER div.kontakt img { margin: 0 5px 0 10px; }


#navigation_bok { width: 100%; padding: 0; margin: 0px auto; margin-top: 80px; list-style-type: none; float: left; }
#navigation_bok li { display: block; }
#navigation_bok li a { display: block; font-size: 14px; padding: 5px 0; margin: 0px ; color: #fff; transition-duration: 0.2s; line-height: 15px; }
#navigation_bok li.top > a { font-size: 18px; padding: 10px; line-height: 20px; transition-duration: 0.2s; font-weight: 400; }
#navigation_bok li:hover > a { color: #000; font-weight: 500; }







/* slideout bok - start */
.slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none; }
.slideout-panel { position:relative; z-index: 1; }
.slideout-open, .slideout-open body { overflow: hidden; }
.slideout-open .slideout-menu { display: block; }
.slideout-toggle { display: block; float: left; line-height: 50px; height: 50px; padding: 0 5px; }
.slideout-toggle img { vertical-align: middle; }
#menu_boczne { width: 259px; float: left; background: rgba(18,127,177,0.8); color: #fff; transition-duration: 0.5s; margin-right: 1px; padding: 20px; }
#panel_glowny { float: left; width: 100%; height: 100%; }
/* slideout bok - koniec */



@media screen and (max-width: 479px) {


	#HEADER { width:100%; float: left; height: 50px; position: fixed; z-index: 100; font-weight: 300; font-size: 16px; }
	#HEADER div.menutelefon { width: 50px; height: 50px; line-height: 50px; color: #fff; margin-right: 30px; float: left; display: none; }
	#HEADER div.menutelefon { background-size: 60% 60%; }
	#HEADER div.logo img { float: left; width: 90%; margin: 7px 0px; }
	#HEADER div.logo p { line-height: 20px; margin: 4px 0 0 0; float: left; text-align: center; }
	.blok { width: 100%; padding-top: 50px; float: left; }

	.telefon { display: none; }
	.telefon_show { display: block; }
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 320px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	.GODwrapper2 { width: 98%; margin: 0px auto; margin-right: 2%; }
	
	#HEADER div.menutelefon { display: block; margin-right: 20px; }
	#HEADER div.zakladki { display: none; }
	#HEADER div.kontakt { display: none; }
	#HEADER div.logo { width: calc(100% - 100px); }
	
	.tytul_1 { font-size: 22px; }
	.tytul_2 { font-size: 20px; }
	.tytul_3 { font-size: 18px; }
	.tytul_4 { font-size: 16px; }
	.tytul_5 { font-size: 14px; }
	.tytul_6 { font-size: 14px; }
	
	div.lamanienatrzy { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	
	.rodzajuslugi { margin-top: 0px; width: 44%; height: 50%; }
	
	.box { width: calc(100% - 10px); }
	
	/* CECHA */
	div.cecha { width: calc(100% / 1 - 45px); display: inline-block; vertical-align: top; padding: 20px; transition-duration: 0.2s; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.telefon { display: none; }
	.telefon_show { display: block; }
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 480px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	.GODwrapper2 { width: 98%; margin: 0px auto; margin-right: 2%; }
	
	#HEADER { width:100%; float: left; height: 50px; position: fixed; z-index: 100; font-weight: 300; font-size: 16px; }
	#HEADER div.menutelefon { width: 50px; height: 50px; line-height: 50px; color: #fff; margin-right: 30px; float: left; display: none; }
	#HEADER div.menutelefon { background-size: 60% 60%; }
	#HEADER div.logo img { float: left; width: 200px; margin: 7px 0px; }
	#HEADER div.logo p { line-height: 20px; margin: 4px 0 0 0; float: left; text-align: center; }
	.blok { width: 100%; padding-top: 50px; float: left; }
	.rodzajuslugi { margin-top: 0px; width: 44%; height: 50%; }
	
	#HEADER div.menutelefon { display: block; }
	#HEADER div.zakladki { display: none; }
	#HEADER div.kontakt { display: none; }
	
	.tytul_1 { font-size: 22px; }
	.tytul_2 { font-size: 20px; }
	.tytul_3 { font-size: 18px; }
	.tytul_4 { font-size: 16px; }
	.tytul_5 { font-size: 14px; }
	.tytul_6 { font-size: 14px; }
	
	.box { width: calc(50% - 10px); }
	
	/* CECHA */
	div.cecha { width: calc(100% / 2 - 45px); display: inline-block; vertical-align: top; padding: 20px; transition-duration: 0.2s; }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 748px; float: left; }
	.GODwrapper { width: 748px; margin: 0px auto; }
	.GODwrapper2 { width: 98%; margin: 0px auto; margin-right: 2%; }
	
	#HEADER div.menutelefon { display: block; }
	#HEADER div.zakladki { display: none; }
	
	.rodzajuslugi { margin-top: 0px; width: 44%; height: 50%; }
	
	.kolumny_3 { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px; }
	.kolumny_3 p { margin: 0 0 10px 0; }
	
	.box { width: calc(50% - 10px); }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
	#GOD { width: 100%; min-width: 960px; float: left; }
	.GODwrapper { width: 960px; margin: 0px auto; }
}
 
@media screen and (min-width: 1280px){
	#GOD { width: 100%; min-width: 1260px; float: left; }
	.GODwrapper { width: 1260px; margin: 0px auto; }
	
	.kolumny_3 { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-gap: 40px; -webkit-column-gap: 40px; -moz-column-gap: 40px; }
	.kolumny_3 p { margin: 0 0 10px 0; }
	
	.rodzajuslugi { margin-top: 80px; width: 19%; padding: 0 3%; height: calc(100% - 80px); }
}













/* SKRYPTY START */
	/* spolecznosciowe */
	#musli *{ margin: 0; padding: 0; outline: 0; list-style: none; color: #000; }
	#musli { position: fixed; right:0px; top: 130px; z-index:100; margin: 0px; padding: 0px; z-index: 110; }
	#musli li { cursor:pointer; width: 50px; height: 50px; margin-bottom:1px; position: relative; }
	#musli > li > div { padding: 0px; background: #fff; float:left; width: 250px; min-height:150px; position:absolute; top:0; left: 50px; z-index:120; }
/* SKRYPTY KONIEC */

	/*validation engine start */
.inputContainer{position:relative;float:left}.formError{position:absolute;top:300px;left:300px;display:block;z-index:5000;cursor:pointer}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{background:#ee0101;position:relative;z-index:5001;color:#fff;font-family:tahoma;font-size:13px;padding:15px}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#FFF}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative;z-index:5006}body[dir='rtl'] .formError .formErrorArrow,body.rtl .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{box-shadow:0 2px 3px #444;font-size:0;height:1px;background:#ee0101;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#FFF}.formError .formErrorArrow .line10{width:15px;border:none}.formError .formErrorArrow .line9{width:13px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:none}.formError .formErrorArrow .line1{width:1px;border:none}
	/*validation engine end */

/* style do górnego menu  - start*/
#navigation { width: 100%; padding: 0; margin: 0px auto; list-style-type: none; font-size: 18px; z-index: 5000; float: left; text-align: center; }
#navigation li { position: relative; display: inline-block; }
#navigation li.top > a { font-size: 16px; color: #fff; display: block!important; height: 50px; line-height: 50px; padding: 0 15px; transition-duration: 0.2s; }
#navigation li.top:hover > a { color: #117ba4 !important; background: #fff; }
#navigation li ul { background-color: #fff; position: absolute; left: 0px; top: 0px; display: none; border-bottom: 3px solid #16a1d6; padding: 0px; margin: 0px; list-style-type: none; min-width: 100px; z-index:5000; }
#navigation li.over { top: 0px; }
#navigation li.over ul { padding: 0px !important; display: block; }
#navigation li.over ul li { float: left; margin: 0px !important; padding: 0px !important; top: 0px; width: 100%; }
#navigation li.over ul li a { display: block; font-size: 14px; padding: 0 15px !important; margin: 0px !important; white-space: nowrap; color: #117ba4; height: 35px; line-height: 35px; transition-duration: 0.2s; text-align: left; }
#navigation li.over ul li a:hover { background: #fff; color: #000; }
#navigation ul.a{ padding: 0px !important; margin: 0px !important; }
/* style do górnego menu  - end*/


	/*fancybox start */
@media screen
	{
	
#fancybox-thumbs{position:fixed;left:0;width:100%;overflow:hidden;z-index:8050}#fancybox-thumbs.bottom{bottom:2px}#fancybox-thumbs.top{top:2px}#fancybox-thumbs ul{position:relative;list-style:none;margin:0;padding:0}#fancybox-thumbs ul li{float:left;padding:1px;opacity:.5}#fancybox-thumbs ul li.active{opacity:.75;padding:0;border:1px solid #fff}#fancybox-thumbs ul li:hover{opacity:1}#fancybox-thumbs ul li a{display:block;position:relative;overflow:hidden;border:1px solid #222;background:#111;outline:none}#fancybox-thumbs ul li img{display:block;position:relative;border:0;padding:0;max-width:none}

/*!fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;overflow:hidden!important}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../gfx/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url('../gfx/fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../gfx/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../gfx/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../gfx/fancybox/fancybox_sprite@2x.png');background-size:44px 152px}#fancybox-loading div{background-image:url('../gfx/fancybox/fancybox_loading@2x.gif');background-size:24px 24px}}
	
	}
	/*fancybox end */