/*
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;background: url(img/bg1.jpg) fixed no-repeat;} .body { width: 100%;margin: 0px;float:left; } 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 #ccc;} 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: #f8bfbf;text-decoration: none;cursor: pointer;} a:hover { color: #f8bfbf;text-decoration:none;} .all {width:100%;margin:0px auto;} .div_table1 {    width: 50%;    border-collapse: collapse;    float: none;    margin: auto;} .div_table1 tr{} .div_table1 tr td{border: solid 1px #d1d1d1;    padding: 2px 5px;} .center {width:100%;max-width:1200px;margin:0px auto;} header {width:100%;margin: 0px auto 0px auto;padding: 0px 0px 0px 0px;    background: #fff;} .header_top {float:left;width:100%;border-bottom:solid 1px #ccc;background: #f8bfbf;padding-top: 7px;} .header_top .login {float:right;margin:14px 0px 0px 0px;display:none;} .header_top .right_shop {float:right;margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;} .header_top .right_shop .lang {float:left;width:100%;} .header_top .right_shop .currency {float:left;width:100%;} .text {float: left;margin:8px 0px 0px 0px;} .text p {margin:0;padding:0;} .header_top .login1 {float: right;margin: 10px;} .header_top .login1 ul {float: left;width: 100%;} .header_top .login1 ul li {float: left;list-style: none;margin: 0px 10px;text-transform:uppercase;} .header_top .login1 ul li a {color:#fff;    font-size: 16px; font-weight: bold;} .header_top a {color:#fff; } .header_top .basket1 {float: right;margin: 8px;font-size:18px;color: #fff;} .header_top .loupe1 {float: right;margin: 8px;font-size: 18px;color: #fff;} .header_top .phone {font-size: 16px;font-weight: bold;color:#fff;} .header_top .phone a {color:#fff;} header .logo {float: left;margin: 15px 0px 5px 0px;} header .logo img {max-width:600px;max-height:250px;} nav.cssmenu ul,nav.cssmenu li,nav.cssmenu span,nav.cssmenu a {margin: 0;padding: 0;position: relative;} nav.cssmenu {margin: 0px auto 0px auto;float: right;padding-top: 35px;} 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:right;list-style: none;} nav.cssmenu > ul > li { float: left;text-align:left;font-family: arial;} nav.cssmenu > ul > li > a {margin: 0px;padding: 10px 15px;text-decoration: none;color: #000;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: #f8bfbf;} 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 a { background: #fff;border-bottom: 1px solid #ccc;filter: none;font-size: 15px;display: block;line-height: 120%;padding: 10px;color: #000;} nav.cssmenu .has-sub ul li:hover a { background: #f8bfbf;color:#fff; } nav.cssmenu .has-sub ul li.active a { background: #f8bfbf;color:#fff; } 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:#000;} nav.cssmenu .has-sub .has-sub ul li a:hover {background: #f8bfbf;color:#fff;} nav.cssmenu .has-sub .has-sub ul li.active a { background: #f8bfbf;color:#fff;} .open_menu {display:none;position: absolute;top: 10px;right: 10px; width: 50px; cursor:pointer; } .open_menu.v2 {margin:0px 0px 0px 0px;position: static;float:left;width:100%;text-align:center;cursor:pointer;padding:8px 0;		background: #f8bfbf;color:#fff;font-size:16px; } .open_menu img {} 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:#f8bfbf;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; } .lighting {background:#f8bfbf;    padding: 60px 0px;} .lighting .center {} .lighting .center .box { float: left;width: calc(25% - 40px);margin: 20px;border: 5px solid #c7afaf;position:relative;} .lighting .center .box img {float:left;width:100%;} .lighting .center .box span {float:left;width:100%;background:#fff;text-align:center;padding:10px 0;position:absolute;left:0;bottom:0;font-weight: bold;font-size: 17px;} main {width:100%;max-width:1200px;margin: 0px auto;padding: 0px 10px 20px 10px;clear: both;height: auto;background: #fff;} main section.long { width: 75%; margin:0px 0px 0px 0px;padding:0px 0px 0px 2%;} main aside.menu { width:25%; margin:1px 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;} .whereami {clear:both;padding: 3px 0px;font-size:11px;} .whereami a {margin: 0 2px;} main h1, main h3.contact {margin: 0px 0px 20px 0px;padding: 0px 0px 10px 0px;line-height: 110%;font-size: 23px;font-weight: bold;} main h2, main h3, main h4 {font-size: 18px;	margin: 10px 0px 0px 0px;padding: 0px 0px 5px 0px;font-weight: 300; } 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:#f8bfbf; } 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: #F79422;} main aside.menu ul ul {padding-left:10px;} .mini_g {width: 22%;margin: 10px 1.5% 0px 1.5%;float:left;   background:#fff;	 font-size: 120%;text-align:center;} .mini_g a{text-decoration:none;} .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%;} .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: 1%;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;} .upfooter {float: left;width: 100%;background: #f8bfbf;    padding: 60px 0px;} .upfooter .center {} .upfooter .center .info {    float: left;width: calc(33.3% - 50px);margin: 0px 25px;} .upfooter .center .info .photo {float: left;width: 100%;text-align: center;} .upfooter .center .info .photo .fa {    padding: 30px 22px 30px 30px;border: 4px solid #fff;color: #fff;font-size: 40px;} .upfooter .center .info .text1 {float: left;width: 100%;text-align: center;color: #fff;} .upfooter .center .info .text1 h3 {float: left;width: 100%;text-align: center;    font-size: 25px;margin: 25px 0px 0px 0px;} .upfooter .center .info .text1 p {float: left;width: 100%;text-align: center;} footer {padding:40px 10px 0px 10px;width: 100%;margin: 10px auto 0px auto;clear: both;font-size:12px;color:#999;bottom:0;background:#fff;} /*
footer a {color:#ccc;} footer a:hover {color:#fff;} */
footer .cookie_info_footer {float:left;width:100%;font-size:11px;} footer .stopka_l {float:left;font-size:11px;} footer .stopka_r {float:right;font-size:11px;} 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 .box em {color:#f8bfbf;font-size: 20px;margin: 0 5px 10px 0;} 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;} 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;} .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;background: #fff;} div.page a:hover {color:#f8bfbf;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:#f8bfbf;border:solid 1px #D8D8D8;} .onlymobile {display:none;} } @media (max-width: 1200px) {
.onlyhd {display:none;} main {padding:0 1% 10px 1%;} .center {padding:0 1%;} main section.long .text_box_contact { width:100%;margin:0;} main section.long .text_box_form {width:100%;margin-top:10px;} .box_photo{width:33.333%;} .galeria_list_clear4 {display:none;}.galeria_list_clear3 {display:block;}.galeria_list_clear2 {display:none;} footer {padding:40px 1% 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: 1100px) {
	.text {width:100%;text-align:center;} 	.header_top .login1 {float:left;width:100%;text-align:center;margin:10px auto;} .header_top .login1 ul li {float:none;display:inline;} .header_top .basket1 {float:left;} }	
@media (max-width: 1000px) {
.open_menu {display:block; } nav.cssmenu {display:none;} nav.cssmenu_mobile { display:block; margin-top:13px; } .onlymobile {display:block;} header .logo {width:100%;text-align:center;} main section.long {width:100%;padding:0;} main aside.menu {display:none;} .lighting .center .box {width:calc(50% - 40px);} } @media (max-width: 900px) {
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) {
.div_table1 {float:left;width:100%;} header .text {display:none;} header .header_top .login {float:left;} .mini_g {width: 47%;} .upfooter .center .info {width: calc(100% - 50px);} } @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: 550px) {
.lighting .center .box {width:calc(100% - 40px);} } @media (max-width: 430px) {
.box_photo {float:none;margin:10px auto;width:70%;} .mini_g {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: 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;*/