/*
style.css v2
Modyfikacja na własną odpoiedzialność.
Zakaz udostępniania i kopiowania.
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/
@import url("_style_support.css"); 

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext);

@media all {

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

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

article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, forms {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: #008dd2;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%;max-width:1000px;margin:0px auto;}
.center {width:100%;max-width:1000px;margin:0px auto;}

header {width:100%;max-width:1000px;margin: 6px auto 0 auto;padding: 0px 0;}
header .logo {
	float: left;
	margin: 20px 0px;
}
header .logo img {
	max-width:600px;
	max-height:200px;
}
.text {
float: right;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.text a {}

#cssmenu ul,#cssmenu li,#cssmenu span,#cssmenu a {margin: 0;padding: 0;position: relative;}
#cssmenu {
width:100%;max-width:700px;
margin:10px 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:right;list-style: none;}
#cssmenu > ul > li {
  float: left;text-align:left;
  background:url(img/li.jpg) no-repeat right center;
 
}
#cssmenu > ul > li > a {
margin: 0px;
    padding: 5px 18px 5px 15px;
text-decoration: none;
color: #666;
font-size: 15px;
font-weight: 300;
border-bottom: 1px solid #ccc;
}
#cssmenu > ul > li.last {margin-right:0;}
#cssmenu > ul > li > a.last {}
#cssmenu > ul > li:first-child > a {}
#cssmenu > ul > li.active > a {
color:#008dd2;border-bottom: 1px solid #008dd2;
}
#cssmenu > ul > li:hover > a {
color:#008dd2;border-bottom: 1px solid #008dd2;
}
#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:1000;}
#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:#008dd2; }
#cssmenu .has-sub ul li.active a { background: #ccc !important; color:#008dd2; }
#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:#008dd2;background: #e6e6e6 !important;}
#cssmenu .has-sub .has-sub ul li.active a { color:#008dd2;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;border:5px solid #fff;
}
.slider_opis {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;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 { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;padding:10px 5px;float:left;display:block; }
.szukajka_w_naglowku {background: #fff;margin: 0px 0px 0px 0px;width: 440px;float: left;position: absolute;z-index: 1000;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;}

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


#main {
	width:100%;max-width:980px;
	margin: 22px auto;
	padding: 0px 10px 20px 10px;
	clear: both;
	height: auto;
	background:#fff;
	    min-height: 380px;
    box-shadow: 0px 0px 3px 0px #ddd;
}
#long { width: 730px; 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; }

.bez_lewego_menu {
	width:1000px !important;
	width:100% !important;max-width:1000px !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: 20px 0px 10px 0px;
padding: 0px 0px 10px 0px;
font-weight: 300;
border-bottom:1px solid #008dd2;
color:#000;
}
#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 {
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-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: 28px;
margin:10px 0px 10px 0px;
padding: 0px 0px;
font-weight: 300;
color: #008dd2;

}

#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: #008dd2;
}

.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:200px;
height:230px;
float:left;
margin:15px 0px 0px 20px;
border:1px solid #ccc;	
text-align:center;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
overflow:hidden;
background:#fff;
}
.mini_g_photo {
width: 193px;
height: 180px;
overflow:hidden;
margin-bottom: 10px;
}
.mini_g:hover {
	box-shadow: 0px 0px 5px 0px #ddd;
}
.mini_g img{
width:180px;
height:180px;
margin:8px;	
}
.mini_g a{
text-align:center;
text-decoration:none;
}

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

.box_produkt {
float: left;
padding: 5px 1%;
width: 98%;
border: solid 1px #ccc;
margin: 5px 0px;
text-align:center;
background:#fff;
}
.box_produkt a {
	font-size:18px;
	margin:0px;
	padding:0px;
	float:left;
	
}
.box_produkt .cena {
	font-size:15px; color: #2f6052;
	float:right;	
	margin:5px;
}
.box_produkt .zajawka {
	line-height:20px;
	font-size:13px;
}
.box_produkt .zajawka img {
	max-width:200px !important;
	float:left;
	margin:0px 5px 5px 0;
}
.box_produkt .wiecej a {
padding: 1px 10px;
background: #000;
color: #fff;
float: right;
font-size: 13px;
}
.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;	
}





footer {
	background:#ddd;padding:5px 0px;width: 100%;margin: 10px auto 0 auto;
	clear: both;font-size:10px;color:#666;bottom:0;
}
footer a {	color:#666;}
footer a:hover {color:#000;}
footer section.center {width:100%;max-width:980px;margin:0px auto;}
footer .stopka_l {float:left;font-size:10px;}
footer .stopka_r {float:right;font-size:10px;}
footer ul {
	
}

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

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: #008dd2;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;
}.forms_m p.send input:hover { /*background: #000; color:#008dd2;*/ }


.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: #008dd2;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;cursor:pointer;}
.forms .send input:hover {	/*background: #000; color:#008dd2;*/ }





.ads { width:100%;max-width:1000px;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:10px 5px 10px 5px;border:solid 1px #D8D8D;font-size: 15px;
}
div.page a:hover {}
div.nastepna, div.page_nastepna {
	background:#FFF;text-align: center;margin:22px 0;height: 30px;padding-top: 5px;
}
a.strona_active {color:#f00;}


#cssmenu_mobile {display:none; float:right; margin: 28px 10px 0px 0px;}
.open_menu { position: absolute;top: 20px;right: 10px; }
#cssmenu_mobile .open_menu img { width: 50px; cursor:pointer;}
.menu_mobile { display:none; width: 100%; height: 100%; padding: 20px 0%;background: #013F79; }
.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:#1A9DE0;text-decoration:underline;}
.menu_mobile ul li ul { padding-left: 10px; }

.onlymobile {display:none;}

}


/* RWD ? */

/**/
@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;}
	.all {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 1%;}
	
	
	#short {display:none;}
	#long { width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#cssmenu {display:none;}
	#cssmenu_mobile { display:block; margin-top:13px; }
	
	.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 { width: 100%;}

	.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; }
	
	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: 430px) {
	.box_photo {float:none;margin:10px auto;width:70%;}
}

@media (max-width: 420px) {
	header .logo img {width:70%;}
	.open_menu { position: absolute;top: 10px;right: 10px; }
	
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:block;}
}

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


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