/*
style.css
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
*/
@import url("_style_support.css"); 

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Yantramanav:400,300,700&subset=latin,latin-ext);

@media all {

body {
	font-family: 'Yantramanav', sans-serif;font-size:14px;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;}
input, select, textarea {font-family: 'Yantramanav', 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;}
embed,iframe {max-width:100%;}
.clear { font-size: 0px;line-height: 0px;margin: 0px;padding: 0px;clear: both;height: 0px; }

a { color: #000;text-decoration: none;cursor: pointer;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
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; }
 mark {background:#000;color:#fff;    padding: 5px;}
.all {width:100%;max-width:1200px;margin:0px auto;}
.center {width:100%;max-width:1200px;margin:0px auto;}

header {width:100%;margin: 0 auto 0px auto;padding: 0px 10px;min-height:90px;position:relative;z-index:10;background:#fff;background:rgba(255,255,255,0.95);border-bottom:1px solid #eee;}

header .logo {float: left;margin: 10px 0px 0px 0px;}
header .logo img {max-width:600px;max-height:200px;float:left;}
header .logo a {font-size: 35px;line-height: 45px;margin-left: 10px;color: #000;letter-spacing: 1px;}
header .logo span.text_logo {margin: 15px 0 0 5px;float: left;}


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

margin: 22px 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;
}
#cssmenu > ul > li > a {
margin: 0px;
padding: 10px 15px;
text-decoration: none;
color: #999;
font-size: 17px;
font-weight: 300;

}
#cssmenu > ul > li.last {margin-right:0;}
#cssmenu > ul > li > a.last {}
#cssmenu > ul > li:first-child > a {	padding-left:0;	}
#cssmenu > ul > li:last-child > a {	padding-right:0;	}
#cssmenu > ul > li.active > a {
color:#000;
}
#cssmenu > ul > li:hover > a {
color:#000;
}
#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: 13px;display: block;line-height: 120%;padding: 10px;color: #000;
}
#cssmenu .has-sub ul li:hover a { background: #eee;color:#000; }
#cssmenu .has-sub ul li.active a { background: #eee !important; color:#000; }
#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:#000;background: #e6e6e6 !important;}
#cssmenu .has-sub .has-sub ul li.active a { color:#000;background: #e6e6e6 !important;}

div.dodatkowy_img {float:left;width:100%;margin: 0 auto 20px auto;background-color: #fff;background-repeat:no-repeat;background-position:center bottom;}
div.dodatkowy_img.p3 {background-image:url(img/d_img_kontakt.jpg);height:300px;}
div.dodatkowy_img.p2 {background-image:url(img/d_img_oferta.jpg);height:300px;}
div.dodatkowy_img.p5 {background-image:url(img/d_img_porady.jpg);height:300px;}

.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;height:300px;
}
#long .slider_text img{ max-width:100%;height:auto;}


.intro1b {background:url(img/intro1.jpg) 50% 0 no-repeat fixed;
color: white;
min-height: 680px;
margin: 0 auto;
padding: 0;
overflow:hidden;}	

.slide_down {
    position: absolute;
    background: #000;
    background: rgba(0,0,0,0.6);
    left: 50%;
    bottom: 30%;
    padding: 20px 0px;
    font-size: 150%;
    letter-spacing: 1px;
    font-weight: 300;
    cursor: pointer;
	text-align:center;
	width:350px;
	margin-left:-175px;
}
.slide_down a { color:#fff;display:block;}
.slide_down a:hover { color:#fff;}
	
	.intro1 img {width:100%;height:auto;float:left;}	
	.intro1 {width:100%;    margin: -85px auto 0 auto;padding: 0;position:relative;float:left;}
	
	.intro2 {width:100%; margin: 0px auto 0 auto;padding: 10px ;position:relative;float:left;clear:left;}
	.intro2 .center h2:first-child {display:none;}
	.intro2 .center h2 {text-align:center;}
	
	
#main table.oferta { border-spacing: 0px;float:left;width:100%;margin-bottom:20px;}
#main table.oferta tr {float: left;display: block;width: 100%;}
#main table.oferta tr td {width:calc(100%/3);padding:10px; box-sizing: border-box;}
#main table.oferta tr td i, table.oferta tr td em {color:#000;float: left;    margin: 3px 5px 0px 0;font-size: 20px;}
#main table.oferta td h3 { float:none;width:auto;text-align: left;margin: 0;padding: 0;font-size: 23px;font-weight: 400;line-height: 110%;}
#main table.oferta td p { margin: 5px 0 0px 0;}


	
	.intro3 {width:100%; background:#005d9a; margin: 0px auto 0 auto;padding: 30px 0;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 .l2 {left:0;width:100%;text-align:center;color:#fff;font-size:40px;font-weight:300;position:absolute;width:100%;text-transform:uppercase;}
		
	.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:#004c89;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:#004c89;}
	.intro3 .ramka a {color:#fff;font-weight:300;font-size: 19px;}
	
	.maps {float:left;width:100%;margin-top:30px;}
	

	
#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:20px 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:0px !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: 400;
color:#000;
text-align:center;
}
#main h2, #main h3, #main h4 {
	font-size: 25px;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 5px 0px;

	color:#000;
}
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-size: 20px;
  margin: 0px 0px 10px 0px;
  padding: 5px 10px;
  font-weight: 300;
  color: #fff;
  background-color: #000;

}

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

.box_photo { float: left;width: 25%;margin: 10px 0 0px 0%;padding:2%;text-align: center;font-size: 12px;line-height: 13px; }
.box_photo_photo {width: 100%;}
.box_photo_photo:hover {}
.box_photo a img {max-width: 100%;height: auto;}
.galeria_list_clear4 {display:none;}.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;

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 0;
	width: 100%;
	border-bottom: dotted 1px #CCC;
}
.art_zajawka .prod_name {
	float:left;
	font-weight:bold;
}
.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;	
}


.marque_center {float:left;width:100%;background:#fff;padding:20px 0;overflow: hidden;}
.marquee {height:70px;}
.marquee img {margin-right:30px;height: 70px;float:left;}


footer {
	background:#000;padding:5px;width: 100%;margin: 0px auto 0 auto;
	clear: both;font-size:13px;color:#999;bottom:0;
}
footer a {	color:#ccc;}
footer a:hover {color:#fff;}
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: 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 {  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; 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: #000;font-size: 13px;float: none;margin: 0px auto 10px auto;padding: 12px 15px;border: 0px;
}.forms_m p.send input:hover { /*background: #000; color:#000;*/ }


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





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


#cssmenu_mobile {display:none; float:right; margin: 20px 0;}
.open_menu { float: right;}
#cssmenu_mobile .open_menu img { width: 50px; cursor:pointer; float: right;}
.menu_mobile { display:none; width: 100%; height: 100%; padding: 20px 0%;background: #fff; z-index: 100; position: relative;}
.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; transition: none;}
.menu_mobile ul li.active, .menu_mobile ul li:hover {background:#004c89;}
.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;}
.onlymobile1000 {display:none;}
}


/* RWD ? */

/**/
@media (max-width: 1200px) {

	

	table.glowna td div.txt {   width:200px; }
	
}

@media (max-width: 1100px) {
	#main table.oferta {margin:auto;float: none;}
	#main table.oferta tr {width: 100%;}
	#main table.oferta tr td {padding:20px;    height: auto;}
	
	.bg_left{padding:0 1%;}
}
@media (max-width: 1000px) {

	.only1000 {display:none;}
	.onlymobile1000 {display:block;}
	
	.text_box_kontakt { width:100%;margin:0;}
	.text_box_formularz {width:100%;margin-top:10px;}

	#main table.oferta {margin:auto;float: none;}
	#main table.oferta tr {width: 100%;}
	#main table.oferta tr td {width:100%;padding:20px;    display: block !important;}
	
	#short {display:none;}
	#long { width:100%;}
	#cssmenu {display:none;}
	#cssmenu_mobile { display:block; }
	
	.box_photo{width:33.333%;}
	.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:none;}.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 .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: 800px) {
	.intro1 {margin-top:0;}
	
	table.table_oferta td {float:left;width:100%;}
}

@media (max-width: 700px) {
	
	div.dodatkowy_img {display:none;}
	.logo {width:70%;}
	.logo a {margin:0px;float:left;}
	.logo img {width:100%;}
	
	.intro3 .l2 {position:static;}
		
	.intro3 .l1 {width:350px;float:none;margin:20px auto;text-align:center;}
	.intro3 .l1 img {margin:10px auto;clear:both;float:none;}
	.intro3 .l1 .ramka {    margin: 10px auto;    clear: both;    text-align: center;float:none;}
			
	.intro3 .l3 {width:350px;float:none;clear:both;margin:20px auto;text-align:center;}
	.intro3 .l3 img {margin:10px auto;clear:both;float:none;}
	.intro3 .l3 .ramka {margin: 10px auto;    clear: both;    text-align: center;float:none;}
	.box_photo {width: 50%;}
}
@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:none;}
	.slide_down {width: unset; margin-left: 0; left: 10%; right: 10%;}
}
@media (max-width: 350px) {
	header .logo {}


	.intro3 .l1 {width:100%;float:left;margin:30px 0 20px 0;    height: auto;}
	.intro3 .l1 img {float:none;display: block;    margin: auto;}
	.intro3 .l1 .ramka {float: none; margin: 20px auto 0 auto; text-align: center;}
	.intro3 .l3 {width:100%;float:left;margin:0px 0 0px 0;text-align:center;    height: auto;}
	.intro3 .l3  img {float:none;display: block;    margin: auto;}
	.intro3 .l3 .ramka {float: none; margin: 20px auto 0 auto; text-align: center;}
}
@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;
*/