/*
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=Roboto+Condensed:400,700,300&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700&subset=latin,latin-ext);
@media all {

body {
	font-family: 'Roboto', sans-serif;font-size:14px;line-height: 26px; 
	color:#666;background: #fff url(img/bg.jpg) repeat;
	margin: 0px;padding: 0px; 
}

/* RWD? 
.bg_left { width: 1200px;margin: 0 auto; } 
*/
.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;}
input, select, textarea {font-family: 'Open Sans', sans-serif;}

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: #269272;text-decoration: none;cursor: pointer;}
a:hover { text-decoration:underline;}
.bg_right {	width: 100%; }
.high, a .high, a.high { color: #f00; }
.red, a .red  {	color: red; }
.green, a .green { color: green; }
 
.all {width:100%;max-width:1200px;margin:0px auto;}
.center {width:100%;max-width:1200px;margin:0px auto;}

.head {float:left;width:100%;}
header {width:100%;max-width:1200px;margin: 10px auto;padding: 0px 0 0px 0px;}
header .logo {float: left;margin: 10px 0px 20px 0px;padding:10px;background:#fff;border:1px solid #f89d18;}
header .logo img {max-width:600px;max-height:170px;}
header .logo a {font-family: 'Alegreya', serif;color:#666;    font-size: 55px;    text-transform: uppercase;line-height: 100%;}
header .logo a:hover {text-decoration:none;}

.text {float:right;margin:10px 0px 0px 0px;}

.h_l {float:left; }
.h_l ul {}
.h_l ul li{display: inline;margin: 0px 10px 0px 0;padding-right: 10px;border-right: solid 1px #c1c1c1;}
.h_l ul li:last-child {border:0;}
.h_l ul li a {font-size: 13px;color:#666;}
.h_l ul li a:hover {}

.h_p {float:right;}
.head_right {float:right;width:60%;    margin-top: 15px;}

#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a {margin: 0;padding: 0;position: relative;}
#cssmenu {
width:100%;
margin: 0px 0px 0px 0px;
float:left;
background:#269272;
border-bottom:solid 3px #f89d18;
}
#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;}
#cssmenu > ul > li > a {
font-family: 'Open Sans Condensed', sans-serif;
margin:3px 0px 0px 0px;
padding: 15px 20px;
text-decoration: none;
color: #fff;
font-size: 20px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;

}
#cssmenu > ul > li.last {margin-right:0;}
#cssmenu > ul > li > a.last {}
#cssmenu > ul > li:first-child > a {		}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
margin: 0px 0px 0px 0px;
border-top:solid 3px #f89d18;
}
#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: #f89d18;border-bottom: 1px solid #fff;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #fff;}
#cssmenu .has-sub ul li:hover a { background: #116F53;color:#fff; }
#cssmenu .has-sub ul li.active a { background: #116F53 !important; color:#fff; }
#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: #116F53 !important;color:#fff;}
#cssmenu .has-sub .has-sub ul li a:hover {color:#fff;background: #084A36 !important;}
#cssmenu .has-sub .has-sub ul li.active a { color:#fff;background:#084A36 !important;}


#main #short #menupion ul,#main #short #menupion li,#main #short #menupion span,#main #short #menupion a {margin: 0;padding: 0;position: relative;}
#main #short #menupion {
width:100%;
margin: 0px 0px 0px 0px;
float:left;
background:#fff;
border:solid 1px #f89d18;
}
#main #short #menupion:after,#main #short #menupion ul:after {content: '';display: block;clear: both;}
#main #short #menupion a {display: inline-block;}
#main #short #menupion ul { list-style: none;}
#main #short #menupion > ul { margin: 0px;float:left;list-style: none;}
#main #short #menupion > ul > li { float: left;text-align:left;background:none;}
#main #short #menupion > ul > li > a {
font-family: 'Open Sans Condensed', sans-serif;
margin:0px 0px 0px 0px;
padding: 15px 20px;
text-decoration: none;
color: #000;
font-size: 18px;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
    width: calc(100% - 40px);
}
#main #short #menupion > ul > li.last {margin-right:0;}
#main #short #menupion > ul > li > a.last {}
#main #short #menupion > ul > li:first-child > a {		}
#main #short #menupion > ul > li:hover > a, #main #short #menupion > ul > li.active > a {
    color: #269272;text-decoration:underline;
}
#main #short #menupion > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
#main #short #menupion > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
#main #short #menupion .has-sub {z-index:1100;}
#main #short #menupion .has-sub:hover > ul {display: block;}
#main #short #menupion .has-sub ul { display: none;position: absolute;width: 200px;top: 0%;left: 100%;}
#main #short #menupion .has-sub ul li {}
#main #short #menupion .has-sub ul li a { background: #f89d18;border-bottom: 1px solid #fff;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #fff;}
#main #short #menupion .has-sub ul li:hover a { background: #116F53;color:#fff; }
#main #short #menupion .has-sub ul li.active a { background: #116F53 !important; color:#fff; }
#main #short #menupion .has-sub .has-sub:hover > ul { display: block;border:none; }
#main #short #menupion .has-sub .has-sub ul { display: none;position: absolute;left: 100%;top: 0;}
#main #short #menupion .has-sub .has-sub ul li a { background: #116F53 !important;color:#fff;}
#main #short #menupion .has-sub .has-sub ul li a:hover {color:#fff;background: #084A36 !important;}
#main #short #menupion .has-sub .has-sub ul li.active a { color:#fff;background:#084A36 !important;}




.dodatkowy_img {}
.slider_one_img { width:100%; }
.slider_one_img img{width:100%;}
.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;}

#long .slider_text {float:left;margin:10px 10px 0px 0px;width:280px;}
#long .slider_text img{ max-width:100%;height:auto;}


#main {
	width:100%;max-width:1200px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
	clear: both;
	height: auto;
}
#long { width: 75%; margin:0px 0px 0px 0px;padding:0px 0px 0px 2%;}
#short { width:25%; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

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

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

.text_box_kontakt {width:49%;float:left;margin-right:2%;}
.text_box_formularz {width:48%;float:left;}
.whereami {display:none;}

#main h1, #main h3.kontakt {font-family: 'Open Sans Condensed', sans-serif;font-size: 30px;margin: 10px 0px 20px 0px;padding: 0px 0px 10px 0px;font-weight: bold;color:#f89d18;border-bottom:solid 2px #f89d18;}

#main h2, #main h3, #main h4 {font-size: 18px;	margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;font-weight: 300;}
p { margin: 15px 0px;text-align:justify; }

#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-family: 'Open Sans Condensed', sans-serif;font-size: 30px;margin: 0px 0px 10px 0px;padding: 8px 0px;font-weight: 300;color: #269272;}

#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 { background:url(img/li.png) no-repeat 0px 10px;padding: 0 0 0 30px;float: left;clear: both;margin: 0px;width: 100%;list-style: none;line-height:24px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main #short ul.li_light li { background:url(img/li2.png) no-repeat 0px 10px;}
#main #short ul li.noactive { display:none; }
#main #short ul li a {color:  #000;font-weight: 300;    font-size: 18px;}
#main #short ul li a:hover, #main #short ul li a.active {color: #269272;}

/*
#main #main #short #menupion {
	background:#fff;
	border:1px solid #f89d18;	
}
#main #main #short #menupion ul li {
    background: none;
    margin: 0px 10%;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px;
    width: 80%;
	line-height:32px;
}
#main #main #short #menupion ul li a {
	font-weight:400;
}
#main #main #short #menupion ul li ul {
	margin:0px;
}
#main #main #short #menupion ul li ul li {
    background: none;
    margin: 0px 15px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    padding: 0px;
    line-height: 26px;
    font-size: 15px;
}
#main #main #short #menupion ul li ul li a {
	font-weight:300;
}
*/
.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;}

.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;}

.art_zajawka { width: 100%;float:left;padding:0 0px 20px 0px;margin-bottom:20px;border-bottom:2px solid #269272;}
.art_zajawka .l_img { width:30%;float:left;padding: 0 0px; }
.art_zajawka .l_img img {border-bottom:solid 3px #269272;}
.art_zajawka .r_desc {     width: 68%;    float: left;    margin-left: 2%;}
.art_zajawka .r_desc .prod_name a, .art_zajawka .r_desc .prod_name {font-weight:500;color: #000;font-size: 22px;font-family: 'Roboto Condensed', sans-serif;}
.art_zajawka .r_desc .dodano {font-size:12px; color:#666;margin-top: 10px;font-style:italic;}
.art_zajawka .more { float:right;background:#f89d18;margin:10px 0px 0px 0px;color:#fff;}
.art_zajawka .more a { float:right;color:#fff;padding:3px 10px;}


footer {background:#fff;padding:5px 10px;width: 100%;margin: 10px auto 0 auto;clear: both;font-size:13px;color:#666;bottom:0;border-top:1px solid #269272;border-bottom:1px solid #269272;}
footer a {	color:#000;}
footer a:hover {color:#000;}
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 table td {padding:0 20px;width:33.33%;}
footer table td h2 {font-weight: 400;}

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 {  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 { width: 100%; padding: 10px; height:100px; font-size: 13px; color: #888; margin: 0px; border: 1px solid #ccc; cursor: pointer; }
.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: #269272;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;}
.forms_m p.send input:hover { /*background: #000; color:#269272;*/ }

.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;   }
.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;}
.forms p select { width: 70%;padding: 6px 0 6px 6px;height: 36px;color: #696969;border: 1px solid #ccc; cursor:pointer;		}
.forms .send { text-align: center;margin:5px auto;width: 100%; }
.forms .send input { width:auto;color:#fff;background: #269272;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;cursor:pointer;}
.forms .send input:hover {	/*background: #000; color:#269272;*/ }

.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:#269272;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:#269272;border:solid 1px #D8D8D8;}


.szukaj_menu_sklep {float: left;    width: 250px;margin-right:10px;}
.szukaj_menu_sklep input { width:100%;max-width:280px;padding:5px;float:left;margin:2px 0;border:solid 1px #c1c1c1;border:solid 1px #269272;}
.szukajka_w_naglowku {background: #fff;margin: 5px 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;   padding: 20px;}
.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; }
	
.open_menu {display:none;position: absolute;top: 90px;right: 10px; }
.open_menu img { width: 50px; cursor:pointer;}
.menu_mobile { display:none; width: 100%; height: 100%; padding: 20px 0%;background: #000; }
.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:#fff; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
.menu_mobile ul li.active, .menu_mobile ul li:hover {background:#269272;text-decoration:underline;}
.menu_mobile ul li ul { padding-left: 10px; }

.onlymobile {display:none;}
.h_l2 {display:none;}
}


/* RWD ? */

/**/
@media (max-width: 1200px) {
	.all {padding:0 1%;}
	.head{padding:0 1%;}
}
@media (max-width: 1000px) {
	.text_box_kontakt { width:100%;margin:0;}
	.text_box_formularz {width:100%;margin-top:10px;}
	.onlyhd {display:none;}
	.onlymobile {display:block;}
	.center {padding:0 1%;}
	
	
	header {padding: 0 1%;}
	.slid { width:100%;height:auto;}
	.text {display:none;}
	
	#short {display:none;}
	#long { width:100%;padding:0;}
	#cssmenu {display:none;}
	.open_menu { display:block; }
	
	.box_photo{width:33.333%;}
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;}

	.forms  p span.left { width: 100%;text-align: left;padding: 0px 0px 0px 0px;}
	.forms p input, .forms p textarea { width: 100%;}
	.forms div.textarea {width: 100%;}
	.forms textarea { width: 100%; }
	.forms p select { width: 100%; }
	
	footer {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: 750px) {
	.szukaj_menu_sklep{width:100%;margin:0;}
	.head_right { margin-top: 5px;}
}
@media (max-width: 700px) {
	header .logo {text-align:left;}

	.head_right {width:auto;}
	.h_l {display:none;}
	.h_l2 {display:block;}
	
	footer table td {float:left;width:100%;padding:0;}
}
@media (max-width: 630px) {
	header .logo a {font-size:40px;}

}
@media (max-width: 600px) {
	.box_produkt {}
	.box_produkt .l_img { width:100%;padding: 1%;text-align:center; }
	.box_produkt .l_img img {}
	.box_produkt .r_desc { width:100%;float:left;padding:1%;}
	.box_produkt .more {width:100%;float:left;text-align:center;}

	.art_zajawka {}
	.art_zajawka .l_img { width:100%;padding: 1%;text-align:center; }
	.art_zajawka .l_img img {}
	.art_zajawka .r_desc { width:100%;padding:1%;}
	.art_zajawka .more {width:100%;float:left;text-align:center;}
	
	.head_right{display:none;}
}
@media (max-width: 480px) {
	header .logo a {font-size:30px;}
	.open_menu { top: 80px; }
}
@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: 400px) {
	header .logo a {font-size:20px;}

}
@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;
*/