/*
style.css v3
*/
@import url("_style_support.css");
@import url("https://use.fontawesome.com/519a702474.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;
margin: 0px;padding: 0px;
}
.body { width: 100%;margin: 0px;float:left;overflow-x:hidden; }
article, section, aside, hgroup, nav, header, footer, figure, figcaption, ul, div, form, input, select, textarea, main {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input, select, textarea {display: block;margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
font-family: 'Roboto', sans-serif;padding:10px;float:left;border: solid 1px #ff4201;border-radius: 4px;
}
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; }
mark, .mark {color:red;background:transparent;}
iframe, embed {max-width:100%;}
a { color: #ff4201;text-decoration: none;cursor: pointer;transition:0.4s all;}
a:hover { color: #ff4201;text-decoration:none;}
.all {width:100%;margin:0px auto;}
.center {width:100%;max-width:1200px;margin:0px auto;}
header {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;}
header .header_top {float:left;width:100%;border-bottom:solid 1px #ccc;}
header .header_top .login {float:right;margin:14px 0px 0px 0px;}
header .header_top .right_shop {float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}
header .header_top .right_shop .lang {float:left;width:100%;}
header .header_top .right_shop .currency {float:left;width:100%;}
header .text {    float: right;    margin: 0px 0px 0px 0px;    font-size: 20px;}
header .text p{margin:39px 0 0 0;}
header .text p a{color: #dbdbdb;}
header .text p a:hover{    color: #ff4201;}
header .logo {float: left;margin: 10px 0px 10px 0px;}
header .logo img {float: left;width: 100%;    max-width: 215px;}
.search {width:300px;float: right;margin: 10px 0px 0px 0px;}
.search input {width:100%;background:url(img/szukaj.png) no-repeat right;}
nav.cssmenu ul,nav.cssmenu li,nav.cssmenu span,nav.cssmenu a {margin: 0;padding: 0;position: relative;}
nav.cssmenu {
margin:33px 60px 0px 0px;
float:right;
}

.div_text_nad_stopka {      float: left;    width: 100%;    background: #ff4201;    color: #fff;}
.div_text_nad_stopka .div_extratext {}
.div_text_nad_stopka .div_extratext p{float: left;    margin: 10px 20px 10px 0;}
.div_text_nad_stopka .div_extratext p a{color:#fff;}

nav.cssmenu:after,nav.cssmenu ul:after {content: '';display: block;clear: both;}
nav.cssmenu a {display: inline-block;}
nav.cssmenu ul { list-style: none;}
nav.cssmenu > ul { margin: 0px;float:left;list-style: none;}
nav.cssmenu > ul > li { float: left;text-align:left;}
nav.cssmenu > ul > li.has-sub {background:url(img/menup.png) no-repeat right center;}
nav.cssmenu > ul > li > a {
margin: 0px;
padding: 10px 15px;
text-decoration: none;
color: #999;
font-size: 17px;
font-weight:bold;
}
nav.cssmenu > ul > li:last-child {margin-right:0;}
nav.cssmenu > ul > li:last-child > a {}
nav.cssmenu > ul > li:first-child > a {	padding-left:0;	}
nav.cssmenu > ul > li:hover > a, nav.cssmenu > ul > li.active > a {
color:#333;
}
nav.cssmenu > ul > li:hover:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
nav.cssmenu > ul > li.active:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 50%;bottom: 0; margin-left: -10px;}
nav.cssmenu .has-sub {z-index:1000;}
nav.cssmenu .has-sub:hover > ul {display: block;}
nav.cssmenu .has-sub ul { display: none;position: absolute;width: 200px;top: 100%;left: 0;}
nav.cssmenu .has-sub ul li {}
nav.cssmenu .has-sub ul li:last-child a { border-radius:0px 0px 5px 5px;}
nav.cssmenu .has-sub ul li a { background: #fff;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #999;}
nav.cssmenu .has-sub ul li.has-sub a { background:#fff url(img/menup2.png) no-repeat right center;}
nav.cssmenu .has-sub ul li:hover a { color:#000;font-weight:500; }
nav.cssmenu .has-sub ul li.active a { color:#000; font-weight:500;}

nav.cssmenu .has-sub .has-sub:hover > ul { display: block;border:none; }
nav.cssmenu .has-sub .has-sub ul { display: none;position: absolute;left: 100%;top: 0;}
nav.cssmenu .has-sub .has-sub ul li a { background: #fff;color:#999;font-weight:normal;}
nav.cssmenu .has-sub .has-sub ul li a:hover {color:#000;background: #fff;}
nav.cssmenu .has-sub .has-sub ul li.active a { font-weight:bold;color:#000;background: #fff;}
.open_menu {display:none;position: absolute;top: 10px;right: 10px; cursor:pointer; }
.open_menu img {float:left;height:40px;}
.open_menu.v2 {margin:0px 0px 0px 0px;position: static;float:left;width:100%;text-align:center;cursor:pointer;padding:8px 0;background: #ff4201;color:#fff;font-size:16px;border-radius: 4px 4px 0px 0px;}
nav.menu_mobile { display:none; float:left;width: 100%; padding: 0px 0%;background: #000; }
nav.menu_mobile ul { position:relative;z-index:100; margin:0;padding:0;}
nav.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;}
nav.menu_mobile ul li a:hover {text-decoration:underline;}
nav.menu_mobile ul li a {color:#fff; font-size: 19px; line-height: 30px;font-weight:300;display:block;}
nav.menu_mobile ul li.active, nav.menu_mobile ul li:hover {background:#ff4201;text-decoration:underline;}
nav.menu_mobile ul li ul { padding-left: 10px; }
.extra_img {}
.extra_img_home {}
.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;}
.left {	float:left; }.right { float:right; }
.upmain {background:url(img/sli.jpg) no-repeat center;float:left;width:100%;}
.upmain .firsttext {    color: #fff;    width: 60%;    text-align: right;margin: 150px 0 350px 0px;    float: right;}
.upmain .firsttext .text1{font-size: 50px;
line-height: 55px;
text-align: right;text-shadow: 0px 0px 3px #000;}
.upmain .firsttext a{    color: #fff;
background: #ff4201;
padding: 15px 35px;
border-radius: 30px;
font-weight: bold;}
.upmain .firsttext a:hover {background:#999;}
.threeicons{    float: left;    width: 100%;background: #545452;color: #fff;}
.threeicons .allicons{float: left;    width: 33.333333%;padding: 0 1%;margin: 60px 0px 80px 0px;}
.threeicons .allicons .icon1{float: left;    width: 100%;    font-size: 60px;}
.threeicons .allicons h3{float: left;    width: 100%;    font-size: 40px;    font-weight: 400;line-height: 43px;}
.threeicons .allicons p{}
.threeicons .allicons a{color:#545452;
background: #fff;
padding: 15px 35px;float:left;
border-radius: 30px;
font-weight: bold;display:none;}
.threeicons .allicons a:hover{color:#fff;background:#999;}
main {
width:100%;max-width:1200px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
clear: both;
height: auto;
}
main section.long { width: 75%; margin:0px 0px 0px 0px;padding:0px 0px 0px 2%;}
main aside.menu { width:25%; margin:10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
main section.long.full {width:100%;max-width:1200px;padding:0;}
main section.long .text_box_contact {width:49%;float:left;margin-right:2%;}
main section.long .text_box_form {width:48%;float:left;}
main section.long .contact_bottom {width:100%;float:left;margin:15px 0px 0px 0px;}
.whereami {clear:both;padding: 3px 0px;font-size:11px;display:none;}
.whereami a {margin: 0 2px;}
main h1, main h3.contact {font-size: 36px;margin: 20px 0px 20px 0px;padding: 0px 0px 00px 0px;font-weight: 400;color:#000;line-height: 110%;}
main h2, main h3, main h4 {font-size: 26px;margin: 20px 0px 20px 0px;padding: 0px 0px 00px 0px;font-weight: 400;color:#ff4201;line-height: 110%;}
main aside.menu .box {width: 100%;float: left;clear: both;margin: 0px 0px 20px 0px;padding: 0px;}
main aside.menu .box p {clear: both;float: left;margin: 5px 0px;line-height: 20px;}
main aside.menu .h3{font-size: 22px;margin: 0px 0px 10px 0px;padding: 8px 10px;font-weight: 300;color: #fff;background-color: #000; }
main aside.menu 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 aside.menu ul li { float: left;clear: both;margin: 0px;width: 100%;list-style: disc;list-style-position:inside;line-height: 22px;}
main aside.menu ul li.noactive { display:none; }
main aside.menu ul li a {color:  #000;font-weight: 300;}
main aside.menu ul li a:hover, main aside.menu ul li a.active {color: #ff4201;}
main aside.menu ul ul {padding-left:10px;}
table.table_home {float:left;width:100%;}
table.table_home td {width:33.3333%;position:relative;}
table.table_home td a {color:#fff;}
table.table_home td p {margin:0px;padding:0px;}
table.table_home td p:first-child {}
table.table_home td p:last-child {position:absolute;bottom:20px;left:10px;color: #fff;background: #ff4201;padding: 15px 35px;border-radius: 30px;font-weight: bold;}
table.table_home td img {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition:0.4s all;}
table.table_home td img:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.contacts {float:left;width:100%;margin:40px 0 20px;}
.maps {float:left;width:100%;margin:0px 0 0px 0;}
.mini_g {width:33.333%; padding:1%;float:left;}
.mini_g div {float:left;width:100%;}
.mini_g div a {text-decoration:none;color:#000;font-weight:500;}
.mini_g div img {float:left;width:100%;}
.mini_g div span {float:left;width:100%;display:block;text-align:center;line-height: 130%;}
.box_photo { float: left;width: 25%;margin: 0px 0 0px 0%;padding:1%;text-align: center;font-size: 12px;line-height: 13px; }
.box_photo_photo {width: 100%;}
.galeria_list_clear4 {display:block;}.galeria_list_clear3 {display:none;}.galeria_list_clear2 {display:none;}
article.article { width: 100%;float:left;padding:0;margin-bottom:20px;}
article.article h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold;}
article.article h4 a {}
article.article .l_img { width:20%;float:left;padding: 0%;text-align:center;}
article.article .l_img img {}
article.article .r_desc { width:80%;float:left;padding-left:2%;}
article.article .more { float:right;	margin:10px 0px 0px 0px;}
article.box_produkt { width: 100%;float:left;padding:0;margin-bottom:20px;}
article.box_produkt h4 {font-weight:bold;margin:0px;padding:0px;font-size: 120%;font-weight: bold;}
article.box_produkt h4 a {}
article.box_produkt h4 span.price {float:right;}
article.box_produkt .l_img { width:20%;float:left;padding: 1%;text-align:center;}
article.box_produkt .l_img img {}
article.box_produkt .r_desc { width:80%;float:left;padding-left:2%;}
article.box_produkt .more { float:right;	margin:10px 0px 0px 0px;}
.p_slider {float: left;width: 300px;padding: 10px 10px 0 0;text-align:center;}
h1 span.price {float:right;font-size:12px;}
.p_buy {float:left;width:100%;margin:0 0 10px 0;}
.table2 {    float: left;    width: 50%;font-weight: 500;}
.table2 tr td {vertical-align: middle;}
.table2 tr td:first-child{width:110px;}
.table2 tr td:last-child{width:calc(100% - 110px);}
.table2 tr td .fa.x1{font-size: 53px;padding: 15px 28px;background: #ff4201;border-radius: 50%;width: 31px;color: #fff;}
.table2 tr td .fa.x2 {font-size: 53px;padding: 15px 23px;background: #ff4201;border-radius: 50%;width: 41px;color: #fff;}
footer {padding: 20px 0px;width: 100%;margin: 0px auto 0px auto;clear: both;font-size:12px;color:#999;bottom:0;float: left;    border-top: solid 1px #dbdbdb;}
/*
footer a {color:#ccc;}
footer a:hover {color:#fff;}
*/
footer .cookie_info_footer {float:left;width:100%;font-size:11px;}
.stopka_l {float:left;font-size: 13px;}
.stopka_r {float:right;font-size: 13px;}
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 {}
form {float:left;width:100%;}
form.short {float:none;margin:auto;width:100%;max-width:600px;}
input[type=submit], input[type=button] {width:auto;margin:auto;float:none;clear:both;cursor:pointer;color: #fff;background: #ff4201;padding: 15px 35px;border-radius: 30px;font-weight: bold;transition:0.4s all;}
input[type=submit]:hover, input[type=button]:hover {background: #999;}
form div.line input.short, form div.line_desc input.short {width:auto;min-width:200px;}
div.line {float:left;width:100%;margin:5px 0;}
div.line input[type=checkbox], div.line input[type=radio] {width:auto;margin:10px 0px 10px 0px;}
div.line div.desc2 {float:left;margin:4px 10px 4px 10px;}
form div.line input, form div.line select, div.line textarea {width:100%;}
form div.line .input50 {width:49.5%;}
form div.line .input33 {width:33%;}
form div.line .input33.input_center {margin:0px 0.3%;}
form div.line_desc {float:left;width:100%;margin:5px 0;}
form div.line_desc input, form div.line_desc select, div.line_desc textarea {width:70%;}
form div.line_desc div.desc {width:30%;float:left;text-align:right;padding: 10px 2% 0;}
form div.line_desc input[type=checkbox], form div.line_desc input[type=radio] {width:auto;margin:10px 0px 10px 0px;}
form div.line_desc div.desc2 {float:left;margin:8px 10px 10px 10px;}
form div.line_desc div.group {float:left;width:70%;}
form div.line_desc div.group input, form div.line_desc div.group select, form div.line_desc div.group textarea {clear:left;}
form div.line_desc .input33 {width:33%;float:left;clear:none !important;}
form div.line_desc .input33.input_center {margin:0px 0.3%;}
form div.info_short {float:right;clear:left;width:70%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}
form div.info_long{float:left;width:100%;border:solid 1px #ccc;padding:5px;margin: 5px 0;}
form div.line_desc.contact_rodo div {float:left;width:calc(100% - 20px);margin:7px 0px 10px 0px;font-size: 11px;line-height: 14px;}	
form div.line_desc.contact_rodo input[type=checkbox] {float:left;width:20px;margin:8px 0px 10px 0px;}	
.news {margin:10px 0px;}
.news p{margin:0px;padding:0px;}
.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:#ff4201;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:#ff4201;border:solid 1px #D8D8D8;}
.onlymobile {display:none;}
}
@media (max-width: 1220px) {
.center, main {padding:0 1%;}
footer {padding:0 1%;}
}
@media (max-width: 1200px) {
.onlyhd {display:none;}
.box_photo{width:33.333%;}
.galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;}
}
@media (max-width: 1190px) {
	.open_menu {display:block; }
nav.cssmenu {display:none;}
nav.cssmenu_mobile { display:block; margin-top:13px; }
.onlymobile {display:block;}
}	
@media (max-width: 1000px) {
.upmain {margin: 10px 0px 0px 0px;}
.upmain .firsttext {margin:150px 0px;}
.threeicons .allicons {width:100%;text-align:center;margin:30px 0px;}
.threeicons .allicons a {float:none;}
.table2 {width:100%;    margin: 20px 0px 0px 0px;}
.table2 tr td, .table2 tr td:first-child, .table2 tr td:last-child {float:left;width:100%;text-align: center;}
table.table_home td {width:calc(100% - 20px);margin:0 10px;display:block;float:left;}

.search {float:left;width:100%;margin:10px 0 0px 0;}
main section.long {width:100%;padding:0;}
main aside.menu {display:none;}
main section.long .text_box_contact { width:100%;margin:0;}
main section.long .text_box_form {width:100%;margin-top:10px;}
.stopka_l {float:left;width:100%;}
.stopka_r {float:left;width:100%;}
footer ul li { display:block;float:left;margin-right:15px;}
}
@media (max-width: 900px) {
.upmain .firsttext {width:80%;}
article.article .l_img { width:40%;}
article.article .r_desc { width:60%;}
article.box_produkt .l_img { width:40%;}
article.box_produkt .r_desc { width:60%;}
form div.line_desc input, form div.line_desc form select, div.line_desc textarea {width:100%;}
form div.line_desc div.desc {width:100%;text-align:left;padding: 10px 0px 10px 0px;}
form div.line_desc div.group {width:100%;}
form div.info_short {width:100%;}
}
@media (max-width: 800px) {
header .header_top .login {float:left;}
.mini_g {width: 50%;}
}
@media (max-width: 600px) {
article.article .l_img { width:100%;padding:0;}
article.article .r_desc { width:100%;padding:0;}
article.box_produkt .l_img { width:40%;}
article.box_produkt .r_desc { width:60%;}
.p_slider {float: left;width: 100%;padding: 0px 0px 0 0;}
}
@media (max-width: 500px) {
.upmain .firsttext {    margin: 80px 0px;    width: 100%;    text-align: center;}
.upmain .firsttext .text1 {text-align: center;}
header .text {display:none;}
header .logo {width:100%;text-align:center;}
header .logo img {float:none;}
}
@media (max-width: 460px) {
.div_text_nad_stopka .div_extratext p {width:100%;margin:auto;text-align: center;}
}	
@media (max-width: 430px) {
.box_photo {float:none;margin:10px auto;width:70%;}
.mini_g {float:none;margin:10px auto;width: 100%;}
}
@media (max-width: 420px) {
.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-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
*/