/*
style.css v2
Modyfikacja na własną odpoiedzialność.
Zakaz udostępniania i kopiowania.
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/
@import url("_style_support.css"); 
@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,latin-ext);
@media all {

body {
	font-family: 'Play', sans-serif;font-size:15px;line-height: 26px; 
	color:#333;	
	background: #fff;
	margin: 0px;padding: 0px; 
}

/* RWD? 

*/
.bg_left { width: 100%;margin: 0px;float:left; } 

article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, form, input, select, textarea {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul ul { padding-left:20px;}
ul { list-style: inside;}
table tr td { vertical-align: top;}
img, a img {max-width:100%;height: auto;border:0;}
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }

a { color: #808080;text-decoration: none;cursor: pointer;}
a:hover { color: #666;text-decoration:none;}
.bg_right {	width: 100%; }
.high, a .high, a.high { color: #f00; }
.red, a .red  {	color: red; }
.green, a .green { color: green; }
 
.all {width:100%;}
.center {width:100%;max-width:1200px;margin:0px auto;}

.text {
float: right;
margin: 0px 0px 0px 0px;
padding: 10px 0px;
width:100%;
background:#eee;
color:#666;
font-size:13px;
line-height:16px;
}
.text a {}
.text h2 {
	font-size: 19px;
	margin: 10px 0px;
	padding: 2px 0px 3px 10px;
	font-weight: 600;
	border-left:5px solid #000;
	color:#333;
	
}

header {width:100%;max-width:1200px;margin: 0 auto 0px auto;padding: 0px 0 0px 0px;border-bottom:1px solid #ddd;}
header .logo {
	float: left;margin: 0px 0px 0px 0px;height:94px;
	display:flex;align-items:center;
}
header .logo img {
}


#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a {margin: 0;padding: 0;position: relative;}
#cssmenu {

margin: 30px 0px 0px 0px;
float:right;

}
#cssmenu:after,#cssmenu ul:after {content: '';display: block;clear: both;}
#cssmenu a {display: inline-block;}
#cssmenu ul { list-style: none;}
#cssmenu > ul { margin: 0px;float:left;list-style: none;}
#cssmenu > ul > li {
  float: left;text-align:left;margin-right:5px;
}
#cssmenu > ul > li > a {
margin: 0px;
padding: 5px 16px;
text-decoration: none;
background:#fff;
color: #5b676f;
font-size: 16px;
font-weight: 300;

}
#cssmenu > ul > li.last {margin-right:0;}
#cssmenu > ul > li > a.last {}
#cssmenu > ul > li:first-child > a {}
#cssmenu > ul > li.active > a {
background:#808080;
color: #fff;
}
#cssmenu > ul > li:hover > a {
background:#808080;
color: #fff;
}
#cssmenu > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
#cssmenu > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
#cssmenu .has-sub {z-index:1200;}
#cssmenu .has-sub:hover > ul {display: block;}
#cssmenu .has-sub ul {
  display: none;position: absolute;width: 200px;top: 100%;left: 0;
}
#cssmenu .has-sub ul li {}
#cssmenu .has-sub ul li a {
  background: #fff;border-bottom: 1px solid #ccc;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #000;
}
#cssmenu .has-sub ul li:hover a { background: #ccc;color:#808080; }
#cssmenu .has-sub ul li.active a { background: #ccc !important; color:#808080; }
#cssmenu .has-sub .has-sub:hover > ul { display: block;border:none; }
#cssmenu .has-sub .has-sub ul { display: none;position: absolute;left: 100%;top: 0;}
#cssmenu .has-sub .has-sub ul li a { background: #e6e6e6 !important;color:#000;}
#cssmenu .has-sub .has-sub ul li a:hover {color:#808080;background: #e6e6e6 !important;}
#cssmenu .has-sub .has-sub ul li.active a { color:#808080;background: #e6e6e6 !important;}

.dodatkowy_img {}

.slider_one_img { width:100%; }
.slider_one_img img{
width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.slider_opis {width: 100%;position: relative;margin-top: -55px;padding: 10px 20px;background: black;opacity: 0.8;color: white;bottom: 0;float: left;}
.slider_opis a {color:white;} .slider_opis a:hover {color:white;text-decoration:underline;}

.szukaj_menu_sklep input { width:80%;padding:11px 5px;float:left;display:block; }
.szukajka_w_naglowku {background: #fff;margin: 0px 0px 0px 0px;width: 440px;float: left;position: absolute;z-index: 1200;box-shadow: 0px 0px 6px 0px #999;}
.szukajka_w_naglowku ul {padding-left:10px !important;}
.szukajka_w_naglowku div.szukacz {height:400px;overflow:auto;margin: 0px;padding: 0px;}
.szukajka_w_naglowku .szukacz .sz {padding: 0px 10px 5px 10px;border-bottom: 1px solid #ccc;width: 400px;float:left;margin:10px 0px 0px 0px;}
.szukajka_w_naglowku .szukacz .sz .lewy {float:left;width:300px;}
.szukajka_w_naglowku .szukacz .sz .lewy a img {width: 50px;height: 50px;float: left;margin-right: 5px;}
.szukajka_w_naglowku .szukacz .sz .prawy {float:right;width:90px;text-align:right;margin: 10px 0px 0px 0px;color:#000;}
.szukajka_w_naglowku .szukacz .zamknij_szukacza { position: absolute;margin: -30px 0px 0px 353px;cursor: pointer;background: #666;color: #fff;padding: 2px 20px; }
	
#long .slider_text {
	float:left;margin:10px 10px 0px 0px;width:280px;height:300px;
}
#long .slider_text img{ max-width:100%;height:auto;}
.slid { }

#main {
	width:100%;max-width:1200px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	clear: both;
	height: auto;
}
#long { width: 750px; padding:0px;margin:0px 0px 0px 0px;  }
#short { width:220px; margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

.left {	float:left; }.right { float:right; }

.section1 {background:#808080;min-height:200px;width:100%;}

.bez_lewego_menu {
	width:1200px !important;
	width:100% !important;max-width:1200px !important;
}

.text_box_kontakt {width:49%;float:left;margin-right:2%;}
.text_box_formularz {width:48%;float:left;}
.whereami {clear:both;padding: 3px 0px;font-size:10px;}

#main h1, #main h3.kontakt {font-size: 30px;margin: 50px 0px 10px 0px;padding: 0px 0px 10px 0px;font-weight: 300;border-bottom:1px solid #808080;color:#000;}

#main h2, #main h3, #main h4 {font-size: 30px;margin: 20px 0px 10px 0px;padding: 0px 0px 10px 0px;font-weight: 300;border-bottom:1px solid #808080;color:#000; }

#main #short .box {width: 100%;float: left;clear: both;margin: 0px 0px 20px 0px;padding: 0px;} 

#main #short .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
#main #short .h3{
font-size: 20px;margin: 0px 0px 10px 0px;padding: 8px 10px;font-weight: 300;color: #fff;background-color: #5b6976;}

#main #short ul {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:5px 0px 5px 0px;padding: 0px;width: 100%;float: left;clear:both;}
#main #short ul li { float: left;clear: both;margin: 0px;width: 100%;list-style: disc;list-style-position:inside;line-height: 22px;}
#main #short ul li.noactive { display:none; }
#main #short ul li a {color:  #000;font-weight: 300;}
#main #short ul li a:hover, #main #short ul li a.active {color: #808080;}

.box_photo { float: left;width: 25%;margin: 10px 0 0px 0%;padding:2%;text-align: center;font-size: 12px;line-height: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.box_photo_photo {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.box_photo_photo:hover {}
.box_photo a img {max-width: 100%;height: auto;}
.galeria_list_clear4 {display:block;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:none;}

.mini_g {width: 22%;margin: 10px 1.5% 0px 1.5%;float:left;border:1px solid #ccc;text-align:center;overflow:hidden;background:#fff;}
.mini_g:hover {box-shadow: 0px 0px 5px 0px #ddd;}
.mini_g a{text-decoration:none;}

.zdjecie_blog img{max-width:650px !important;max-height:900px !important;margin:10px auto;}

/*finish*/

.box_produkt { width: 100%;float:left;padding:0;margin-bottom:20px;}
.box_produkt .l_img { width:20%;float:left;padding: 1%; }
.box_produkt .l_img img {}
.box_produkt .r_desc { width:80%;float:left;padding-left:2%;}
.box_produkt .r_desc .prod_name a, .box_produkt .r_desc .prod_name {font-weight:bold;}
.box_produkt .r_desc .prod_name span.cena {float: right;}
.box_produkt .more { float:right;	margin:0px 0px 0px 0px;}


.cena_h {
	float:right;	
}
.zapytaj {
padding: 1px 10px;
background: #000;
color: #fff;
float: right;
font-size: 13px;	
}
.zapytaj:hover {
	color:#666;	
}
.art_zajawka {
	float:left;
	clear:both;
	padding:5px 1%;
	width: 98%;
	border-bottom: dotted 1px #CCC;
}
.art_zajawka .prod_name {
	float:left;
}
.art_zajawka .prod_name a {
}
.art_zajawka .zajawka img {
	max-width:200px !important;
	float:left;
	margin:0px 5px 5px 0;
}
.art_zajawka a {
	font-size:18px;
	margin:0px;
	padding:0px;
	float:left;
}

.art_zajawka p {
	margin:3px 0px !important;
	padding:0px;
}
.art_zajawka .more{
	float:right;
	margin:-15px 10px 10px 0px;
}
.kontakt_form {
	width:300px;
	float:left;	
}
.kontakt_mapa {
	width:430px;
	margin: 20px auto;	
}



iframe { max-width: 100%; height: auto; aspect-ratio: 16/9;}

footer {
	padding:5px 0px;width: 100%;margin: 10px auto 0 auto;
	clear: both;font-size:13px;color:#c4c4c4;bottom:0;
}
footer a {	color:#808080;font-weight:bold;}
footer a:hover {}
footer section.center {width:100%;max-width:1200px;margin:0px auto;}
footer .stopka_l {float:left;font-size:12px;}
footer .stopka_r {float:right;font-size:12px;}
footer ul {
	
}

footer ul li { display:inline;margin-right:15px;}
footer ul li:last-child {margin-right:0;}
footer ul li a {
	font-size: 12px;	
}

footer .licznik {}

.news {margin:10px 0px;}
.news p{margin:0px;padding:0px;}

.forms_m { width: 100%; margin: 0px; padding:0px; margin-top: 0px; 
}.forms_m p { display:block;width: 100%;float: left; margin:5px 0px !important; padding:0px !important;
}.forms_m p.info { width: 100%;font-style: italic;font-size: 80%;border: solid 1px #ccc;border-top: 0;margin-top: -5px !important;padding: 5px 10px !important;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}.forms_m p input {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%; padding: 10px; font-size: 13px; color: #888; margin: 0px; border: 1px solid #ccc; cursor: pointer; 
}.forms_m p input.check { height: auto; width: auto;
}.forms_m p textarea { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 100%; padding: 10px; height:100px; font-size: 13px; color: #888; margin: 0px; border: 1px solid #ccc; cursor: pointer; font-family:Arial;
}.forms_m p input.midium { width: 40%; margin-top: 5px; padding: 5px; height: 10px;
}.forms_m p textarea.midium { width: 40%; margin-top: 5px; padding: 5px; height: 90px;
}.forms_m p.send { text-align: center; margin:0px auto; width: 100%;
}.forms_m p.send input { width:auto;color:#fff;background: #808080;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;
}.forms_m p.send input:hover { /*background: #000; color:#808080;*/ }


.forms {	width: 100%;margin: 0px 0px;padding: 0px 0px 10px 0;float:left;}
.forms p { display:block;width: 100%;float: left;  margin: 0px 0px 13px 0px; }
.forms p.info { width: 100%;font-style: italic;font-size: 80%;border: solid 1px #ccc;border-top: 0;margin-top: -13px !important;padding: 5px 10px !important;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.forms  p span.left { float: left;width: 30%;text-align: right;padding: 6px 1% 0px 0px;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.forms p input { width: 70%;padding: 0px 1%;height: 35px;color:#696969;border: 1px solid #ccc;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.forms p input[type=checkbox], .forms p input[type=radio] {width:auto;border: 1px solid #ccc;}
.forms p textarea { width: 70%;padding: 5px 2%;height: 80px;color: #696969;border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.forms p select { width: 70%;padding: 6px 0 6px 6px;height: 36px;color: #696969;border: 1px solid #ccc; cursor:pointer;		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.forms .send { text-align: center;margin:5px auto;width: 100%; }
.forms .send input { width:auto;color:#fff;background: #808080;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;cursor:pointer;}
.forms .send input:hover {	/*background: #000; color:#808080;*/ }





.ads { width:100%;max-width:1200px;text-align:center;margin:20px auto; }
.ramka_prawa { position:fixed; right:0;top:90px; }
.ramka_lewa { position:fixed; left:0;top:90px; }


div.page {float:right;}
div.page a {
	float:left;padding:2px 10px 2px 10px;border:solid 1px #fff;font-size: 15px;margin-left:5px;
}
div.page a:hover {color:#808080;border:solid 1px #D8D8D8;}
div.nastepna, div.page_nastepna {
	background:#FFF;text-align: center;margin:22px 0;padding: 5px 0;border:solid 1px #D8D8D8;
}
div.page a.strona_active {color:#808080;border:solid 1px #D8D8D8;}


#cssmenu_mobile {display:none; float:right; margin: 28px 10px 0px 0px;}
.open_menu { position: absolute;top: 20px;right: 10px; display:none;cursor:pointer;}
.open_menu img { width:50px;}
#cssmenu_mobile .open_menu img { width: 50px; cursor:pointer;}
.menu_mobile { display:none; width: 100%; height: 100%; padding: 0px 0%;background: #fff; }
.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
.menu_mobile ul li { float:left;width:100%;padding:10px;list-style:none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu_mobile ul li a:hover {text-decoration:underline;}
.menu_mobile ul li a {color:#000; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
.menu_mobile ul li.active, .menu_mobile ul li:hover {background:#808080;text-decoration:underline;}
.menu_mobile ul li.active a, .menu_mobile ul li:hover a {color:#fff;}
.menu_mobile ul li ul { padding-left: 10px; }

.onlymobile {display:none;}



	.intro3 {width:100%; background:#ddd; margin: 0px auto 0 auto;padding: 30px 20px;position:relative;float:left;clear:left;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s linear;
		-ms-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
	}
	.intro3:hover {background:#eee;}

	.intro3 .l2 {left:0;width:100%;text-align:center;color:#000;font-size:40px;font-weight:300;position:absolute;width:100%;}
		
	.intro3 .l1 {float:left; width:50%;}
	.intro3 .l1 img {float:left;margin:0px 0px 0px 0px;}
	.intro3 .l1 .ramka {float:left;margin:75px 0px 0px 20px;}
			
	.intro3 .l3 {float:right; width:50%;}
	.intro3 .l3 img {float:right;margin:0px 0px 0px 0px;}
	.intro3 .l3 .ramka {float:right;margin:75px 20px 0px 0px;}
	
	.intro3 .ramka {background:#808080;padding: 7px 14px;
		-webkit-transition: all 0.6s ease-out;
		-moz-transition: all 0.6s ease-out;
		-ms-transition: all 0.6s ease-out;
		-o-transition: all 0.6s ease-out;
		transition: all 0.6s ease-out;
	}
	.intro3 .ramka:hover {background:#205b82;}
	.intro3 .ramka a {color:#fff;font-weight:300;font-size: 19px;}
	
	

}


/* RWD ? */


@media (max-width: 1200px) {
	
	.onlyhd {display:none;}
	.onlymobile {display:block;}
	
	
	header {padding: 0 1%;}
	.slid { width:100%;height:auto;}
	.text {display:none;}
	
	#short {display:none;}
	#long { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	
	
	.box_photo{width:33.333%;}
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;}
	

	
	

	.forms div.textarea {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.forms textarea { width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	.forms p select { width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
	
	
}

@media (max-width: 1040px) {
	.all {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 20px;}
	#cssmenu {display:none;}
	#cssmenu_mobile { display:block; margin-top:13px; }
	.open_menu {display:block;}
	
	.forms  p span.left { width: 100%;text-align: left;padding: 0px 0px 0px 0px;}
	.forms p input, .forms p textarea { width: 100%;}
	
	.text_box_kontakt { width:100%;margin:0;}
	.text_box_formularz {width:100%;margin-top:10px;}
	
	footer {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 1%;}
	footer .stopka_l {float:left;width:100%;}
	footer .stopka_r {float:left;width:100%;}
	footer ul li { display:block;float:left;margin-right:15px;}
}
@media (max-width: 900px) {
	.intro3 .l2 {position:static;}
	.intro3 .l1 {width: 100%;}
	.intro3 .l1 img {display: block;    float: none;    margin: 30px auto 0px;}
	.intro3 .l1 .ramka {    width: 100%;    margin: 20px 0px 0px 0px;    text-align: center;}
	.intro3 .l3 {width: 100%;}
	.intro3 .l3 img {display: block;    float: none;    margin: 30px auto 0px;}
	.intro3 .l3 .ramka {    width: 100%;    margin: 20px 0px 0px 0px;    text-align: center;}
}
@media (max-width: 550px) {
	header .logo {width:calc(100% - 70px);}
	header {    min-height: 60px;}
}
@media (max-width: 430px) {
	.box_photo {float:none;margin:10px auto;width:70%;}
}

@media (max-width: 420px) {
	
	
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:block;}
}
@media (max-width: 350px) {

	
	
}
@media (max-width: 300px) {
	.box_photo{width:100%;}
}


/*
end style.css v2
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/