/*rwd*/

#nav_res {
	position:absolute;
	right:20px;
	top: 113px;
	width: 40px;
	height:40px;
	display:none;
	z-index: 1000;
	text-indent: -9999px;
	background: #000 url(stala/responsive.png) center center no-repeat;
	cursor: pointer;
	padding: 11px;
}

#nav_res:hover {
	background-color:#ededed;
}

@media all and (max-width: 1840px){}
@media all and (max-width: 1680px){
	
	.text.podpis{
		padding-top: 0px;
	}
	
	.przykl_oferty{
		margin-bottom: 20px;
	}
	
	#banner-fade .wwl {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#banner-fade{
		height: 335px !important;
		overflow: hidden;
	}
	
	.bjqs-wrapper{
		height: 270px !important;
	}
	
	body, td, div, dl, dt, dd, menu, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote,
	.opis_karta,
	#wyszukiwarka span,
	#wyszukiwarka label{
		font-size: 14px;
	}
	
	.box .text {
		min-height: 222px;
	}
	
	#wyszukiwarka label input{
		margin-top: 1px;
	}
	
	.inp_wysz{
		width: 49%;
		font-size: 12px;
	}
	
	.select,.inp_wysz{
		font-size: 12px;
	}
	
	.kol_wysz.w3 .inp_wysz{
		width: 100%;
	}
	
	.wwl{
		font-size: 14px;
	}
	
	h1, h2{
		font-size: 18px;
	}
	
	.o_nas{
		padding-top: 25px;
	}
	
	.o_nas_fota{
		margin: 0 0 0 20px !important;
	}
	
	#triangle-right {
		border-bottom: 410px solid transparent;
	}
	
	.body.kompleksowa .menu a{
		padding-left: 200px;
		font-size: 22px;
		background-position: 75px center;
	}

	.body.kompleksowa .left{
		width: 60%;
	}
	
	.body.kompleksowa .right{
		width: 40%;
	}
	
	#opis_karta .tab_mala{
		width: 100%;
	}
	
	.proc .wiersz .p{
		margin-top: -4px;
	}
	
	.proc .wiersz .l,
	.proc .wiersz .p{
		font-size: 14px;
	}
	
	#kolp{
		width: 360px;
	}
	
	.cont {
		padding: 20px;
		padding-top: 100px;
	}
	
	.biale{
		margin-top: 20px;
	}
	
	.biale, .brazowe, .niebieskie, .granatowe{
		padding: 10px;
	}
	
	.body.kompleksowa section .main{
		padding-left: 115px;
	}
	
	.btnn{
		font-size: 20px;
	}
	
	.body.kompleksowa .menu a{
		padding-top: 67px;
		padding-bottom: 67px;
	}
	
	.box{
		height: 670px;
	}
	

	#wyszukiwarka label{
		margin-bottom: 5px;
	}
	
	#wyszukiwarka span{
		text-align: left;
	}
	
	.wiersz.male .right{
		text-align: center;
	}
	
	.wiersz.male .right, .wiersz.male .left{
		padding-top: 0px;
	}
	
	.wiersz.male .kol_wysz{
		margin: 0px;
		width: 33% !important;
	}
	
	.wiersz.male .w100{
		width: 100%;
		margin-bottom: 5px;
	}
	
	.wiersz.male .right,
	.wiersz.male .left{
		clear: both;
		float: left;
		width: 100%;
	}
	
	.wiersz.male .right{
		border: none;
	}
	
	#wyszukiwarka h5{
		width: 100%;
	}
	
	#wyszukiwarka .wiersz{
		border: none;
	}
	
	.kol_wysz.w3{
		width: auto;
	}
	
	.kol_wysz{
		width: 25% !important;
		margin: 0px;
		padding: 10px;
	}
	
	#wysz_srodek{
		padding: 0px;
	}
	
	.text.podpis{
		line-height: 28px;
		padding-top: 50px;
	}
	
	#gse6504818 .oferta {
		width: 347px;
		height: auto;
	}
	
	.adres{
		padding: 10px;
		font-size: 14px;
	}
	
	#kform{
		padding: 10px;
	}
	
	.textarea{
		height: 135px;
	}
	
	#kform h6{
		margin-bottom: 20px;
	}
	
	#marquee {
		position: relative;
		left: auto;
		bottom: auto;
		clear: both;
		float: left;
		width: 100%;
	}
	
	.nakl h6{
		font-size: 26px;
	}
	
	.nakl{
		bottom: 20px;
	}
	
	.opis_animki{
		line-height: normal;
		font-size: 24px;
	}
	
	#lang{
		right: 20px;
	}
	
	#scrol_top{
		bottom: 20%;
	}
	
	#gse72419367.sekcja, #gse6504818.sekcja{
		padding-top: 113px;
	}
	
	.referencje:before{
		left: 20px;
	}

	#gse6504818.sekcja{
		padding-top: 80px;
	}

	
}
@media all and (max-width: 1600px){
	
	#wysz_content h6:before{
		border-left: 800px solid transparent;
		border-right: 900px solid transparent;
	}
	
	.tel{
		right: auto;
		left: 0px;
		top: 200px;
		position: absolute;
	}
	

	
}
@media all and (max-width: 1444px){
	
	#wysz_content h6:before{
		border-left: 722px solid transparent;
	}
	
	.bjqs-wrapper{
		height: 335px !important;
	}
	
	.maska{
		height: 260px;
		overflow: hidden;
	}
	

	
	#logo{
		left: 20px;
	}
	
		
}

@media all and (max-width: 1280px){
	
	#news .owl-carousel{
		width: 650px;
	}
	
	.gallery img{
		float: left;
		width: 100%;
		height: auto;
	}
	

}
@media all and (max-width: 1100px){
	
	#fotki,
	#fotogl{
		background: none;
	}
	
	#fotogl .scrollable,
	#fotogl .scrollable .items div{
		width: 600px;
		height: 405px;
	}

	#karta h1{
		margin: 0px;
		text-align: left;
		width: 100%;
		margin-bottom: 10px;
	}
	
	#karta .simple_nav,
	#karta .main{
		width: 100%;
	}
	
	#fotodod a{
		display: inline-block;
		vertical-align: top;
	}
	
	#fotodod{
		text-align: center;
	}
	
	#fotodod img{
		max-width: 183px;
		margin: 3px !important;
	}
	
	.zakladki img{
		float: left;
		width: 100%;
		height: auto;
	}
	
	#fotogl{
		width: 100%;
		height: auto;
	}
	
	.main{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#fotki{
		width: 600px;

	}
	
	#opis_karta{
		width: 35%;
	}
	
	
	#logo_atelier {
		margin-top: 50px;
	}
	
	#atelier_opis_l, #atelier_opis_p {
		width: 450px;
	}
	
	.wiecej_atelier {
		background-size: 450px 58px;
		width: 450px;
		height: 58px;
	}

}
@media all and (max-width: 1080px){}
@media all and (max-width: 1050px){
	
	#gse26486453{
		margin-top: 0px;
	}
	
	.u1_foto, .u2_foto, .u3_foto, .u4_foto, .u5_foto, .u6_foto,
	.u1_txt, .u2_txt, .u3_txt, .u4_txt, .u5_txt, .u6_txt{
		clear: both;
		float: left;
		width: 100%;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}
	
	.u3_txt br{
		display: none;
	}
	

	
	.u4_txt div h1{
		text-align: left !important;
	}
	
	.u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img{
		width: 100%;
		height: auto;
	}
	

	
	#atelier_opis_l, #atelier_opis_p {
		width: 450px;
	}
	
	.wiecej_atelier {
		background-size: 450px 58px;
		width: 450px;
		height: 58px;
	}
	
}
@media all and (max-width: 1024px){
	
	#fotki{
		float: none;
		margin: 0 auto;
	}
	
	#opis_karta{
		clear: both;
		float: left;
		width: 100%;
	}
	
	
	#logo_atelier {
		margin-top: 50px;
	}
	
	#atelier_opis_l, #atelier_opis_p {
		width: 360px;
	}
	
	.wiecej_atelier {
		background-size: 360px 46px;
		width: 360px;
		height: 46px;
	}
	
}
@media all and (max-width: 900px){
	

	
}
@media all and (max-width: 800px){
	

}

@media all and (max-width: 768px){
	
	.zakladki2 > ul li{
		margin-bottom: 5px;
	}
	
	.karta #karta {
		padding-top: 90px;
	}
	
	#map{
		height: 200px;
	}
	
	.opis_karta{
		padding: 20px 0px;
	}

	.zakladki2 > ul li{
		display: block;
		clear: both;
		float: left;
		width: 100%;
		font-size: 14px;
	}
	
	#fotki,
	#opis_karta{
		clear: both;
		float: left;
		width: 100%;
	}
	
	#fotki{
		margin-bottom: 20px;
	}
	
	#wys{
		height: 60px;
	}
	
	.simple_nav{
		padding-bottom: 0px;
	}
	
	.numerki{
		display: none;
	}
	
	#koll,
	#kolp{
		clear: both;
		float: left;
		width: 100%;
	}
	
	#koll{
		margin-bottom: 20px;

		overflow: scroll;
	}
	
	.body.kompleksowa .right section{
		padding-top: 0px !important;
	}
	
	.body.kompleksowa .menu a{
		background-position: 20px center;
		padding-left: 135px;
	}
	
	#wyszukiwarka span{
		margin-bottom: 5px;
	}
	
	#wyszukiwarka h5{
		font-size: 18px;
	}
	
	#wyszukiwarka{
		margin-top: 0px;
	}
	
	#wysz_content h6 span{
		margin-top: 0px;
	}
	
	#wysz_content h6:before{
		display: none;
	}
	
	#wysz_content h6{
		padding: 20px 0px;
		margin-bottom: 20px;
	}
	
	.inp_f{
		height: 32px;
		font-size: 12px;
	}
	
	.adres h6{
		font-size: 16px;
	}
	

	
	#copy, #projekt{
		font-size: 10px;
	}
	
	#gse6504818 .oferta{
		width: 100%;
	}
	
	.przykl_oferty{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.body.kompleksowa section .main{
		padding-left: 20px;
	}
	
	.body.kompleksowa .left,
	.body.kompleksowa .right{
		width: 100%;
	}
	
	#triangle-right{
		display: none;
	}
	
	#wysz_content h6{
		font-size: 16px;
	}
	
	.opis_prod .left,
	.opis_prod .right{
		clear: both;
		float: left;
		width: 100%;
	}
	
	.body.pod.wysz .listing{
		padding: 20px;
	} 
	
	.produkt{
		width: 100%;
		margin: 0 0 20px 0px;
		height: auto;
	}
	
	#nagl_sort a{
		display: block;
		text-align: left;
		margin: 0 0 10px 0px;
	}
	
	.btn_wysz{
		margin-top: 0px;
	}
	
	#wyszukiwarka h5{
		padding-left: 10px;
	}
	
	.kol_wysz,
	.wiersz.male .kol_wysz,
	.inp_wysz{
		width: 100% !important;
	}
	
	.inp_wysz{
		margin-bottom: 10px;
	}
	
	.body.pod.wysz .niebieskie, .body.pod.wysz .granatowe, .body.pod.wysz .brazowe{
		min-height: auto;
	}
	
	.brazowe, .granatowe{
		min-height: auto;
		margin-bottom: 20px;
	}
	
	section{
		padding-top: 80px;
		padding-bottom: 20px;
	}
	
	#gse75743119.sekcja{
		padding-top: 0px;
	}
	
	.bjqs-controls {
		width: 100%;
		clear: both;
		float: left;
		position: relative;
		top: auto;
		right: auto;
		margin-top: 0px;
		text-align: center;
	}
	
	.podpis{
		font-size: 18px !important;
	}
	
	.podpis small{
		font-size: 10px;
	}
	
	#gse72419367.sekcja, #gse6504818.sekcja{
		padding: 0px;
	}
	
	#logo2 {
		position: absolute;
		top: 23%;
		left: 50%;
		display: block;
		width: 250px;
		height: 138px;
		background: url(logo2.png) center center no-repeat;
		z-index: 1;
		margin-left: -125px;
		background-size: 100% auto;
	}
	
	.left, .right{
		clear: both;
		float: left;
		width: 100%;
		text-align: left;
	}
	
	.left{
		margin-bottom: 20px;
	}
	
	.box .text{
		min-height: auto;
	}
	
	header .main{
		padding: 0px;
	}
	
	header.active #logo,
	header.active #logo span,
	header.active,
	header.active nav,
	header.active #lang,
	header.active nav li a,
	header #logo,
	header #logo span,
	header,
	header nav,
	header nav li a,
	header #lang{
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
		-o-transition: none;
		-ms-transition: none;
	}
	
	.box{
		clear: both;
		float: left;
		width: 100%;
		height: auto;
	}
	
	.cont{
		padding: 20px;
	}
	
	header{
		height: 60px;
		min-height: auto;
		z-index: 100;
		background: rgba(255, 255, 255, 1);
	}
	
	#logo{
		position: relative;
		top: auto;
		left: auto;
		display: block;
		float: left;
		margin-top: 5px;
		margin-left: 20px;
		margin-bottom: 5px;
	}
	
	#logo,#logo span{
		width: 111px;
		height: 50px;
		background-size: 100% auto !important;
	}
	
	#logo span{
		background: url(logo.png) center center no-repeat;
	}
	

	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span img{
		width: 100% !important;
	}
	
	#DRIMOlightbox_foto #DRIMOlightbox_fotogl span{
		width: 90% !important;
		display: block !important;

	}
	
	.sys_col0{
		clear: both;
		float: left;
		width: 100% !important;
	}

	.sys_col1{
		clear: both;
		float: left;
		width: 100% !important;
		margin-left: 0px;
	}

	#nav_res {
		top: 10px;
		display:block;
		z-index: 100;
	}
	
	nav a{
		display: block !important;
	}
	
	nav li {
		margin: 0px;
	}

	#menur {
		position: relative;
		top:0;
		left: 0;
		width:100%;
		clear:both;
		float:left;
		display: none;
		background: #fbfbfb;
		z-index: 1000;
		margin: 0;
	}

	#menur>menu {
		width:100% !important;
		display:block;
	}

	#menur li {
		display: block;
		width:100%;
		padding-left:0;
		padding-right:0;
		text-align:center;
		background: none;
	}

	#menur li a {
		font-size: 14px;
		margin: 0;
		color: #000;
	}

	#menur li {
		display:block !important;
		margin-bottom: 2px;
	}

	#menur li menu {
		position:relative !important;
		top: auto !important;
		left:auto !important;
		padding: 10px 0;
		display: none;
		text-align: center !important;
	}

	#menur li menu a{
		padding: 15px 0;
		margin: 0;
	}

	nav a.active, nav a:hover{
		color:#fff !important;
		text-decoration:none;
		background: #cc9d36;
	}
	
	.ll, .pp{
		clear: both;
		float: left;
		width: 100%;
	}
	
	address, #kform h6{
		font-size: 22px;
	}
	
	#fb img{
		width: 30px;
		height: 82px;
	}
	
	#lang{
		top: 0px;
		right: 70px;
	}

	
	#atelier_opis_l, #atelier_opis_p {
		width: 100%;
		margin-left:0;
		margin-bottom:20px;
	}
	
	.wiecej_atelier {
		background-size: 360px 46px;
		width: 360px;
		height: 46px;
	}
	
	.atelier h6 {
		margin-bottom:30px;
		font-size: 24px;
	}
	
	.wiecej_atelier {
		width:100%;
		background-position: center center;
	}
	
	
}

@media all and (max-width: 720px){}
@media all and (max-width: 640px){}
@media all and (max-width: 534px){
	
	.widget .maska{
		height: auto;
		overflow: visible;
	}
	
	#kolp.w100 .widget{
		width: 100%;
	}
	
	.body.kompleksowa .menu a,
	.body.kompleksowa .menu a small{
		font-size: 12px;
	}
	
	.podpis_ref{
		margin-top: 10px;
		padding-top: 10px;
	}
	
	#banner-fade,
	.bjqs-wrapper,
	.bjqs,
	.bjqs-slide,
	#banner-fade li{
		clear: both !important;
		float: left !important;
		width: 100% !important;
		height: auto !important;
		display: block !important;
	}
	
	.maska {
		height: 68px;
		overflow: hidden;
	}
	
	#banner-fade li{
		margin-bottom: 30px;
	}
	
	.referencje:before{
		display: none;
	}
	
	#banner-fade .wwl {
		position: relative;
		top: auto;
		right: auto;
	}
	
	.biale{
		margin-bottom: 20px;
	}
	
	.cont_onas .hide{
		height: 195px;
		overflow: hidden;
		position: relative;
		line-height: 24px;
		margin-bottom: 20px;
	}
	
	.cont_onas .wwl{
		display: block;
		background: #e0a135;
		padding: 10px;
		display: block;
		width: 100%;
		line-height: normal;
		height: auto;
		cursor: pointer;
	}
	
	#kform .left{
		width: 100%;
	}
	
	.simple_nav a,
	#karta .simple_nav a{
		font-size: 14px;
	}
	
	#opis_karta .more{
		width: 100%;
		text-align:  center;
	}
	
	.next.browse.right,
	.prev.browse.left{
		background-size: 50% auto;
		width: 30px;
	}
	
	#fotodod img{
		max-width: 150px;
	}
	
	#fotki{
		width: 320px;
	}
	
	#fotogl .scrollable,
	#fotogl .scrollable .items div{
		width: 320px;
		height: 216px;
	}

	.produkt address div,
	.produkt address div.nr{
		margin: 0px;
		clear: both;
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.produkt .fota:hover:before {
		display: none;
	}

	.widget h6{
		font-size: 18px;
	}
	
	.proc .wiersz .l,
	.proc .wiersz .p{
		clear: both;
		float: left;
		width: 100%;
	}
	
	.proc .wiersz .l{
		margin: 0 0 10px 0px;
	}
	
	.proc.dochody .wiersz .p{
		white-space: nowrap;
	}
	
	.oferta .more2{
		width: 100%;
	}
	
	.fota img{
		float: left;
		width: 100%;
		height: auto;
	}
	
	#gse76244037 .text.podpis{
		padding: 20px 0px;
	}
	
	.oferta{
		width: 100%;
		margin: 0 0 20px 0px;
	}
	
	.news{
		width: 100%;
		margin: 0 0 20px 0px;
	}
	
	.news img{
		float: none;
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.wwl{
		display: block;
		clear: both;
	}
	
	.txt{
		margin-bottom: 20px;
	}

	
	.owl-nav{
		display: none !important;
	}
	
	#copy, #projekt{
		float: none;
		display: block;
		margin-bottom: 0px;
		text-align: center;
	}
	
	label{
		display: block;
		margin-bottom: 10px;
	}
	
	.btn_f{
		display: block;
		width: 100%;
		
	}
	
	#kform .left label{
		height: auto !important;
		overflow: visibility;
	}
	
	#kform .left label{
		font-size: 9px;
	}
}
@media all and (max-width: 450px){
	
	#logo_atelier {
		width: 250px;
		height: 155px;
		background-size: 250px 155px; 
	}
	
	#atelier_opis_l, #atelier_opis_p { 
		font-size: 14px;
	}
	
	.wiecej_atelier {
		background-size: 250px 32px; 
	}
	
	.atelier h6 {
		font-size: 21px;
	}
	
}
@media all and (max-width: 360px){}
@media all and (max-width: 320px){}