/* main */
* {	margin: 0;	padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;}
body, input, textarea, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {border:0pt none;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0pt;outline-color:invert;outline-style:none;outline-width:0pt;padding:0pt; margin: 0;vertical-align:baseline;}
body {color: #fff; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; font-size: 14px; background: #477295 url('../images/shadow-tactics.jpg') no-repeat 0 top; background-attachment: fixed; background-size: cover; overflow-x: hidden; overflow-y: scroll;}

/* fonts */
/**************************************/
@font-face {font-family: 'robotoregular';src: url('../fonts/roboto-regular-webfont.eot');src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/roboto-regular-webfont.woff2') format('woff2'),url('../fonts/roboto-regular-webfont.woff') format('woff'),url('../fonts/roboto-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}




.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* DotPay widget */
.channels-wrapper .channel-container {
  height: 90px!important;
  border: 1px solid #E5E5E5;
  background: #ccc!important;
}

.channels-wrapper .channel-container:hover {
  border: 1px solid #FFF;
  background: #eee!important;
}

.channels-wrapper .vertical-center, .channels-wrapper .label-container label {
    color: black!important;
}


/* layout */
/**************************************/
.wrapper {width: 1195px; margin: 0 auto; background: #000;}
ul {list-style: none;}
a {text-decoration: none; color: #fff; position: relative;}
a:hover {color: red;}

/* header */
/**************************************/
.tabHeader {height: 31px; position: relative;}
.header {height: 126px; position: relative; background: url(../images/top.jpg) no-repeat 0 0;}
	.header .logo {display: block; width: 500px; height: 92px; padding: 16px 0 17px 16px; text-align: center;}
		.header .logo a {display: inline-block; width: 500px; height: 92px;}
		.header .logo .Logo .main_logo_img img {width: 500px; height: 92px; }

/* panel */
/**************************************/
.panel {position: absolute; top: 36px; right: 23px;}
	.panel .phones {float: left;}
		.panel .phones li {padding: 0 27px 0 35px; line-height: 21px; font-family: robotoregular; text-align:right;}
	.panel .social {float: left; padding: 8px 14px 0 0;}
		.panel .social li {float: left; padding: 0 10px 0 0 ;}
			.panel .social .socialBtn {width: 36px ; height: 36px;}
			.panel .social .socialBtn:hover {opacity: 0.6;}
			.panel .social .fb {background: url(../images/fb.png);}
			.panel .social .tw {background: url(../images/tw.png);}
			.panel .social .yt {background: url(../images/yt.png);}
			.panel .social .gp {background: url(../images/gp.png);}
			.panel .social .insta {background: url(../images/insta.png);}

/* search */
/**************************************/
.searchForm {width: 180px; height: 34px; float: left; background: #242424; border: 1px solid #c4c4c4; margin: 8px 0 0 0;}
	.searchForm p {position: relative;}
	.searchForm .tx {width: 85%; height: 34px; line-height: 34px; padding: 0 10% 0 5%; float: left; color: #fff; font-size: 14px; background: none;}
	.searchForm .go {width: 31px; height: 34px; float: left; cursor: pointer; background: url(../images/go.png) no-repeat 0 0; text-indent: -2000em; position: absolute; top: 0; right: 0;}
	.searchForm .go:hover {opacity: 0.6;}

/* top menu */
/**************************************/
.menuSection {height: 47px; font-family: robotoregular; background: #cf101f; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; position: relative;}
	.menuContainer .menuIco {width: 42px; height: 30px; background: url(../images/menuIco.png); display: block; display: none; cursor: pointer; margin: 0 0 5px 5px; position: relative;}
	.menuContainer .menuIco:hover {background-position: 0 -30px;}
	.topMenu li {float: left; padding: 0 20px;}
		.topMenu li a {padding: 3px 18px; color: #fff; line-height: 41px; display: block;}
		.topMenu li a:hover,.menuContainer .active a {background: #000; color: #fff;}
	.userPanel {position: absolute; top: 15px; right: 15px; font-size: 11px;}
		.userPanel li {float: left;}
			.userPanel a {display: block; height: 17px; line-height: 17px; padding: 0 12px 0 22px; color: #fae0e3;}
			.userPanel a:hover {text-decoration: underline;}
			.userPanel .loginBtn {background: url(../images/ico2.png) no-repeat 0 0;}
			.userPanel .basketBtn {background: url(../images/ico3.png) no-repeat 0 0;}

.horizontal_menu_panel_box a.special_link {color: #8fd400;}
.horizontal_menu_panel_box a.special_link:hover {color: red;}

/* slider */
/**************************************/
.slider {width: 100%; max-width: 1195px; position: relative; overflow: hidden; text-align: center; z-index: 11; background: #000; border-bottom: 1px solid #bdbdbd;}
	.slider .sliderMain li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
	.slider .sliderMain li:first-child {position: relative; display: block; float: left;}
		.slider .sliderMain li img {max-width: 100%; display: block; height: auto; float: left; width: 100%; border: 0;}
	.rslides_tabs {display: none;}
	.rslides_nav {position: absolute; top: 45%; z-index: 99; text-indent: -9999px; overflow: hidden; text-decoration: none; width: 26px; height: 48px; background-position: 0 -48px!important; display: none;}
	.slider:hover .rslides_nav {display: block;}
	.rslides_nav:hover {background-position: 0 0!important;}
	.rslides_nav.prev {background: url(../images/prev.png); left: 0;}
	.rslides_nav.next {background: url(../images/next.png); right: 0;}




div.slider ul.rslides_tabs.rslides1_tabs li {
  display: inline;
  margin: 0;
  position: relative;
  top: -12px;
  z-index: 10;
}

li.rslides1_s1.rslides_here a,
li.rslides1_s2.rslides_here a,
li.rslides1_s3.rslides_here a,
li.rslides1_s4.rslides_here a,
li.rslides1_s5.rslides_here a,
li.rslides1_s6.rslides_here a,
li.rslides1_s7.rslides_here a,
li.rslides1_s8.rslides_here a,
li.rslides1_s9.rslides_here a,
li.rslides1_s10.rslides_here a,
li.rslides1_s11.rslides_here a,
li.rslides1_s12.rslides_here a,
li.rslides1_s13.rslides_here a,
li.rslides1_s14.rslides_here a,
li.rslides1_s15.rslides_here a,
li.rslides1_s16.rslides_here a,
li.rslides1_s17.rslides_here a,
li.rslides1_s18.rslides_here a,
li.rslides1_s19.rslides_here a,
li.rslides1_s20.rslides_here a
{
	background-color: white;
}

li.rslides1_s1 a,
li.rslides1_s2 a,
li.rslides1_s3 a,
li.rslides1_s4 a,
li.rslides1_s5 a,
li.rslides1_s6 a,
li.rslides1_s7 a,
li.rslides1_s8 a,
li.rslides1_s9 a,
li.rslides1_s10 a,
li.rslides1_s11 a,
li.rslides1_s12 a,
li.rslides1_s13 a,
li.rslides1_s14 a,
li.rslides1_s15 a,
li.rslides1_s16 a,
li.rslides1_s17 a,
li.rslides1_s18 a,
li.rslides1_s19 a,
li.rslides1_s20 a
{
  border: 2px solid white;
  border-radius: 10px;
  color: transparent;
  font-size: 0;
  height: 21px;
  margin: 10px;
  padding: 6px;
  width: 20px;
}

/* companies */
/**************************************/
.companies {clear: both; text-align: center; padding: 15px 0;}
	.companies .company1 {width: 219px; height: 131px; background: url(../images/company1.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company2 {width: 142px; height: 131px; background: url(../images/company2.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company3 {width: 95px; height: 131px; background: url(../images/company7.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company4 {width: 225px; height: 131px; background: url(../images/company4.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company5 {width: 123px; height: 131px; background: url(../images/company5.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company6 {width: 123px; height: 131px; background: url(../images/saelic-logo2.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company8 {width: 160px; height: 131px; background: url(../images/company8.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company9 {width: 119px; height: 131px; background: url(../images/company9.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}
	.companies .company10 {width: 219px; height: 131px; background: url(../images/company10.png); display: inline-block; text-indent: -2000em; margin: 0 5px;}

/* footer links */
/**************************************/
.footerLinks {padding: 0 0 0 5%;}
	.footerLinks dt {font-weight: normal; padding: 31px 0 3px 0; font-size: 18px; font-family: robotoregular; color: #fff;}
	.footerLinks .box {float: left; width: 25%; padding: 0 1% 30px 0;}
	.footerLinks .box1 {width: 20%;}
		.footerLinks .box dd {padding: 0 0 1px 0; font-family: robotoregular;}
			.footerLinks a {color: #fff; font-size: 14px;}
			.footerLinks a:hover,.footerLinks .box .active a {color: red;}

/* footer */
/**************************************/
.footer {background: #000 url(../images/footer.jpg) no-repeat right 0; padding: 0 0 26px 0;}
	.footer .social {clear: both; padding: 0 0 0 5%;}
		.footer .social li {float: left; padding: 0 6px 0 0 ;}
			.footer .social .socialBtn {width: 26px ; height: 26px;}
			.footer .social .socialBtn:hover {opacity: 0.6;}
			.footer .social .fb {background: url(../images/fbS.png);}
			.footer .social .tw {background: url(../images/twS.png);}
			.footer .social .yt {background: url(../images/ytS.png);}
			.footer .social .gp {background: url(../images/gpS.png);}
			.footer .social .insta {background: url(../images/instaS.png);}

.footer .footer_left {float: left; text-align: left; margin: 30px 0 10px 5%; color: #aaa; width: 60%;}
.footer .footer_left a {color: #8fd400;}
.footer .footer_left a:hover {color: red;}

.footer .footer_right {float: right; text-align: right; margin: 30px 5% 10px 0; color: #aaa; width: 23%;}
.footer .footer_right a {color: #8fd400;}
.footer .footer_right a:hover {color: red;}

/* butons */
/**************************************/
.btn {display: inline-block; text-indent: -2000em;}
.partsBtn {width: 251px; height: 56px; background: url(../images/partsBtn.png);}

/* other */
/**************************************/
* { transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -moz-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -o-transition: color 0.4s ease 0s, border-color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s; -ms-transition: color 0.4s ease 0s, background-color 0.4s ease 0s, border-color 0.4s ease 0s;  transform-origin: center center; -moz-transform-origin: center center; -webkit-transform-origin: center center; -o-transform-origin: center center; }
.clearfix:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
.fade:hover:after {opacity: 1;}
.fade:after {content: " "; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}
.anime {-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}



/* Horizontal menu */
.horizontal_menu_panel_box a:hover {color:red;}



/**************************************/
/* MAIN PAGE                          */
/**************************************/
.boxSmall .text a {color: #8fd400;}
.boxSmall .text a:hover {color: red;}
.boxBig .text a {color: #8fd400;}
.boxBig .text a:hover {color: red;}
.boxNews .text a {color: #8fd400;}
.boxNews .text a:hover {color: red;}

.contentMain {background: url(../images/mainBg.jpg) repeat-y center 0; color: #fff;}
	.mainCategories {padding: 50px 0 0 7%;}
		.mainCategories li {float: left; width: 45%; margin: 0 5% 70px 0;}
			.mainCategories li img {width: 100%;}
			.mainCategories li a {position: relative; display: inline-block; border: 1px solid #5f5f5f; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow: hidden;}
			.mainCategories li a:hover {border: 1px solid #fff;}
			.mainCategories li a:hover span {opacity: 1;}
				.mainCategories li span {position: absolute; top: 40%; left: 5%; width: 90%; height: 91px; line-height: 91px; font-size: 54px; text-align: center; color: #000; font-family: robotoregular; z-index: 10; background: url(../images/halfWhite.png); opacity: 0.6; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contentMain .boxes {clear: both; padding: 0 5% 20px 5%;}
	.contentMain .boxes .heading {font-size: 41px; color: #ff0000; font-weight: normal; border-bottom: 1px solid #6c6c6c; margin: 0 0 12px 0; clear: both;}
	.contentMain .boxes .boxSmall {float: left; width: 27%; border: 1px solid #de2525;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow: hidden;}
	.contentMain .boxes .boxBig {float: left; width: 68%; border: 1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow: hidden;}
	.contentMain .boxes .boxNews {float: left; width: 100%; border: 1px solid #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow: hidden;}
	.contentMain .boxes .boxNews p {padding-top: 10px;}
	.contentMain .boxes .margin {margin: 0 4% 0 0; height: 249px; text-align: center;}
		.contentMain .boxSmall img,.contentMain .boxBig img {width: 100%;}
		.contentMain .boxes .text {padding: 39px 5% 0 5%; font-size: 18px; height: 210px; text-align: justify;}
		.contentMain .boxes .boxNews .text {padding: 40px 3% 20px 3%; font-size: 16px; height: auto; text-align: justify;}
		.contentMain .boxes .boxNews h3 {color: white; font-size: 20px;}
		.contentMain .boxes .boxNews img {padding: 10px;}

/**************************************/
/* SUBPAGE                            */
/**************************************/
.headingSection {font-size: 37px; color: #ff0000; font-weight: normal; border-bottom: 1px solid #333; height: 45px; padding: 38px 0 5px 0;}

.headingSectionPorow {font-size: 37px; color: #ff0000; font-weight: normal; border-bottom: 1px solid #333; height: 45px; padding: 38px 0 5px 0px; position:relative;}
.porowOdno {position:absolute; right:10px; top:35px;}
.porowOdno a {margin:5px; font-size:13px;}
.porowProd { width:100%; margin:15px 0}
.porowProd  .trzProd {margin: 5px; float:left; width:31%; text-align:center;}

.sidebar {width: 16%; float: left; border: 1px solid #737373; margin: 115px 2%; padding: 0 0 30px 0;}
	.sidebar dl {padding: 30px 5% 0 5%;}
		.sidebar dl dt {padding: 0 0 9px 0; font-size: 17px;}
			.sidebar dl dd {padding: 0 0 10px 0;}
				.sidebar dl dd a {color: #dedede;}
				.sidebar dl dd a:hover {color: red;}
				.sidebar dl dd span {display: block; padding: 20px 0 0 0;}
.content {width: 75%; float: left;}

/* czerwone linki środkowej kolumnie i w filtrach */
.content a:hover {color: red;}
.fwa a:hover {color: red;}

/**************************************/
/* CATALOG                            */
/**************************************/
.catalogLogo {height: 100px; padding: 15px 0 0 0;}
.catalogPicture {border: 1px solid #737373; margin: 0 0 43px 0;}
	.catalogPicture img {width: 100%;}
.catalog > .boxes > form > li {float: left; width: 32%; padding: 0 0 30px 0; margin: 0 4px 30px 4px; border-bottom: 1px solid #ff2400;}
.pagination {font-size: 15px; font-family: robotoregular; padding: 0 0 20px 0;}
    .pagination ul {text-align: center; line-height: 26px;}
        .pagination ul li {display: inline-block; margin: 0 0 10px 3px;}
            .pagination ul li a {display: block; line-height: 26px; height: 26px; padding: 0 9px; background: #fff; color: #000;}
            .pagination ul li a:hover,.pagination ul .active a {background: #ff1a1a; color: #fff;}
            .pagination ul .prevNavi {width: 26px; height: 26px; display: block; text-indent: -2000em; background: url(../images/prevNavi.png)!important; padding: 0;}
            .pagination ul .prevNavi:hover {background-position: 0 -26px!important;}
            .pagination ul .nextNavi {width: 26px; height: 26px; display: block; text-indent: -2000em; background: url(../images/nextNavi.png)!important; padding: 0;}
            .pagination ul .nextNavi:hover {background-position: 0 -26px!important;}
div.subcat {margin: 5px; border: 1px solid #737373; padding: 2px; width: 202px; color: white; float: left;}
div.subcat h3 {font-size: 16px; font-weight: bold; padding: 5px 2px 5px 10px;}
div.subcat ul {line-height: 8px; font-size: 14px; padding: 0 4px 6px 10px; margin-left: 2px;}
a:hover .subcat {border-color: red;}

img.subcat {margin: 5px; border: 1px solid #737373; padding: 2px;}

.catalog p.sort_links {text-align: center; font-size: 14px; border: solid 1px #737373; width: 70%; margin-bottom: 30px; margin-top: 20px; margin-left: auto; margin-right: auto; line-height: 30px;}

div.tabButton {
  float: left;
  width: auto;
  padding: 0px 2px 0px 4px;

  border: 1px #294d6e solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  margin: 2px 4px 2px 0px;
  font: 12px tahoma;
  color: #000;
  text-decoration: none;

  background: #eee;
}

.filterPriceInput {width:45px; height:20px; padding: 0 0 0 4px; border: 1px solid #737373; background: none; text-align: right; font-size: 14px; color: #fff;}
.sidebar .filtr_ceny_dl {padding: 0 5%;}
.sidebar .cena_zakres {padding: 3px; width: 100%; text-align: center;}
.cena_filtruj_btn {overflow: auto; text-align: center; }
.filterButton {height:20px; background-color: #f00000; font-size: 14px; color: #fff; padding: 0 4px; }


/* product */
/**************************************/
.product {width: 90%;}
.product:hover .name a {background: #ff2400;}
	.product .pic {text-align: center;}
	.product .name {height: 38px; display: table; text-align: center; width: 100%;}
		.product .name a {height: 38px; line-height: 19px; vertical-align: middle; text-align: center; display: table-cell; background: #373737; color: #fff; font-size: 16px; overflow:hidden; padding: 0 4px 0 4px;}
	.product .attributes {padding: 10px 0 0 18px; height: 150px;}
		.product .attributes li {font-size: 16px; padding: 0 0 5px 15px; background: url(../images/bullet.png) no-repeat 0 4px;}
		.product .attributes .special {background: url(../images/bulletRed.png) no-repeat 0 4px; color: #ff2400;}
	.product .more {font-size: 11px; padding: 0 0 0 18px;}
		.product .more a {color: #b9b9b9;}
		.product .more a:hover {text-decoration: underline;}
	.product .price {height: 26px; padding: 12px 0 22px 18px; font-size: 27px;}
	.product .confBtn {height: 38px;}
		.product .confBtn a {height: 38px; line-height: 38px; text-align: center; display: block; background: #373737; color: #fff; font-size: 20px;}
                .product .confBtn:hover a {background: #ff2400;}
.compareBtn {width: 90%; height: 24px; text-transform: uppercase; padding-top:5px;}
.compareBtn a {height: 24px; line-height: 24px; text-align: center; display: block; background: #373737; color: #fff; font-size: 16px;}
.compareBtn:hover a {background: #ff2400; color:white;}


.aboutUs a:hover span {opacity: 1;}
.aboutUs a span {position: absolute; top: -85px; left: 10%; width: 80%; height: 36px; line-height: 36px; font-size: 32px; text-align: center; color: #000; font-family: robotoregular; z-index: 10; background: url(../images/halfWhite.png); opacity: 0.0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.aboutUs a .bigger_subcat {position: absolute; top: -90px; left: 10%; width: 80%; height: 42px; line-height: 42px; font-size: 30px; text-align: center; color: #000; font-family: robotoregular; z-index: 10; background: url(../images/halfWhite.png); opacity: 0.0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}




/**************************************/
/* ABOUT PAGE                         */
/**************************************/
.sidebar .redStyle dt {color: #ff0000; }
.aboutUs {padding: 0 0 60px 0;}
	.aboutUs .box {border-bottom: 1px solid #333; padding: 30px 0;}
	.aboutUs p {text-align: justify; padding: 8px 0; font-size: 16px;}
	.aboutUs ul {list-style: disc;}
	.aboutUs ul li {text-align: justify; padding: 6px 0; margin-left: 20px;}
	.aboutUs ol li {text-align: justify; padding: 6px 0; margin-left: 30px;}
		.aboutUs .box .halfBox {float: left; width: 50%; text-align: center;}
			.aboutUs .box .halfBox img {max-width: 90%;}
			.aboutUs .box .halfBox h1 {text-align: left;}
			.aboutUs .box .halfBox h2 {text-align: left;}
			.aboutUs .box .halfBox .text {padding: 20px 0 0 0; text-align: justify; font-size: 15px; line-height: 18px;}
	.aboutUs .social {float: left; padding: 8px 14px 0 0; list-style: none!important;}
		.aboutUs .social li {float: left; padding: 0 10px 0 0 ;}
			.aboutUs .social .socialBtn {width: 36px ; height: 36px;}
			.aboutUs .social .socialBtn:hover {opacity: 0.6;}
			.aboutUs .social .fb {background: url(../images/fb.png);}
			.aboutUs .social .tw {background: url(../images/tw.png);}
			.aboutUs .social .yt {background: url(../images/yt.png);}
			.aboutUs .social .gp {background: url(../images/gp.png);}
			.aboutUs .social .insta {background: url(../images/insta.png);}
    .aboutUs a {color:#8fd400;}
    .aboutUs h2 {padding-top: 40px; padding-bottom: 10px; margin-right: 20px;}

    .aboutUs .contact_column {float: left; width: 39%; margin: 0 5%;}

    .newsContent .aboutUs img {padding: 0 10px 6px 0;}
    
    /* obrazki na liście wszystkich newsów */
    div.content div.aboutUs div p img {padding: 0 10px 16px 0;}
    
.stickyNews {font-size: 20px; border: 1px solid #747474; margin: 20px auto; text-align: center; padding: 10px; width: 80%;}
    .stickyNews a {color:#8fd400;}
    .stickyNews a:hover {color:red;}

.otherNews {padding-bottom: 20px; width: 100%; float: left;}
.otherNews img {padding: 0 12px 6px 0;}

/* Niezbędne do skalowania ramek video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}    
    
/**************************************/
/* Login PAGE                         */
/**************************************/
.logowaniePage {padding: 30px 5%; font-size: 15px;}
	.logowaniePage .inputsText {padding: 0 0 14px 0; font-size: 18px; width: 100%; height: 38px; text-align: center; box-sizing: border-box;}
		.logowaniePage .inputsText label {width: 30%; text-align: right; padding: 0 3% 0 0; display: block; line-height: 31px; float: left;}
		.logowaniePage .inputsText .text {width: 400px;  padding: 0 2%; display: block; line-height: 31px; background: #dbdbdb; float: left; box-sizing: border-box;}
	.logowaniePage .loginButtons {width: 100%; margin: 5px 0 10px 0; height: 45px; box-sizing: border-box; font-size: 18px; text-align: center;}
		.logowaniePage .loginButtons a {display: inline-block; color: #fff; background: #63625d; font-size: 16px; width: 250px; text-align: center; height: 31px; line-height: 31px;}
		.logowaniePage .loginButtons a:hover {background: #e00000;}
		.logowaniePage .loginButtons label {text-align: center; display: block; width: 100%; margin-top: 10px;}
		.logowaniePage .loginButtons input {display: inline-block; color: #fff; background: #e00000; font-size: 24px; padding: 0 25px; width: 250px; height: 45px; line-height: 45px; cursor: pointer;}
		.logowaniePage .loginButtons input:hover {background: #8ac21a;}

/**************************************/
/* Rejestracja PAGE                   */
/**************************************/
.rejestracjaPage {padding: 30px 5%; font-size: 18px; box-sizing: border-box; float: left;}
.rejestracjaPage:after, .rejestracjaPage:before {box-sizing: border-box;}
	.rejestracjaPage .rejestracjaLabel {padding: 0 20px 0 0; display: block; line-height: 31px; }
	.rejestracjaPage .rejestracjaSekcja .inputsText {padding: 0 0 14px 0; width: 100%; height: 38px; text-align: center;}
		.rejestracjaPage .rejestracjaSekcja .inputsText label {width: 30%; text-align: right; float: left; box-sizing: border-box;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .text {width: 450px; padding: 0 10px; display: block; line-height: 31px; background: #dbdbdb; float: left;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .text.required {background: #FAFFBD;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .input_ulica {width: 225px; display: block; line-height: 31px; background: #dbdbdb; float: left;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_dom { width: 65px; text-align: right; padding: 0 10px 0 10px; display: block; line-height: 31px; float: left;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .input_dom {width: 50px; padding: 0 5px;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_lokal { width: 60px; text-align: right; padding: 0 10px 0 10px; display: block; line-height: 31px; float: left;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .input_lokal {width: 50px; padding: 0 5px;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .input_kod {width: 80px;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_miasto { width: 125px; text-align: right; padding: 0 10px 0 10px; display: block; line-height: 31px; float: left;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .input_miasto {width: 245px;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .rejestracjaKodObrazek {width: 30%; height: 31px; padding: 0 20px 0 0; text-align: right; float: left; box-sizing: border-box;}
		.rejestracjaPage .inputsCheckbox {width: 100%; padding: 0 0 14px 0;}
			.rejestracjaPage .inputsCheckbox label {text-align: left; width: 100%}
			.rejestracjaPage .inputsCheckbox .subcheckbox {display: inline-block; float: left; margin: 7px 10px 0 30%; }
		.rejestracjaPage .inputsButtons {width: 100%; margin: 5px 0 10px 0; height: 45px; box-sizing: border-box; font-size: 18px; text-align: center;}
			.rejestracjaPage .inputsButtons input {display: inline-block; color: #fff; background: #e00000; font-size: 24px; padding: 0 25px; width: 250px; height: 45px; line-height: 45px; cursor: pointer;}
			.rejestracjaPage .inputsButtons input:hover {background: #8ac21a;}
	.rejestracjaPage .rejestracjaSekcja .rejestracjaSekcjaHead {margin: 10px 0 5px 0; font-size: 20px; width: 100%; height: 40px; text-align: center; }
		.rejestracjaPage .rejestracjaSekcja .rejestracjaSekcjaHead .sekcjaLabel {width: 800px; text-align: left!important; display: inline-block; border-bottom: 1px solid #ff0000; margin-bottom: 10px;}
	.rejestracjaPage .rejestracjaKomunikat {display: inline-block; line-height: 31px};
.aboutUs {}
	.rejestracjaPage .rejestracjaNawigacja {width: 100%; text-align: center;}
		.rejestracjaPage .rejestracjaNawigacja a {display: inline-block; color: #fff; background: #63625d; font-size: 16px; width: auto; text-align: center; height: 31px; line-height: 31px; padding: 0 3%; margin: 0 3%;}
		.rejestracjaPage .rejestracjaNawigacja a:hover {background: #e00000;}


/**************************************/
/* SERVICES PAGE                      */
/**************************************/
.sevices {padding: 30px 0;}
	.sevices li {padding: 10px 0; border-bottom: 1px solid #333;}
		.sevices .pic {float: left; text-align: center; width: 10%;}
		.sevices .rightSide {float: left; width: 90%;}
			.sevices .rightSide .name {padding: 0 0 10px 0; font-size: 18px;}
			.sevices .rightSide p {padding: 0 0 6px 0;}


/**************************************/
/* BASKET PAGE                        */
/**************************************/
.basketPage {padding: 30px 5%; font-size: 15px;}
	.basketPage .heading {font-weight: normal; font-size: 34px; padding: 0 0 20px 0; color: #ff0000;}
	.basketPage .basketinfo p {font-size: 16px;}
	.basketPage .basketinfo p a {color: #8fd400;}
	.basketPage .basketinfo p a:hover {color: red;}
	.basketPage .summary {text-align: right; padding: 30px 10% 30px 0; font-size: 19px; border-bottom: 1px solid #333;}
		.basketPage .summary span {color: #8ac21a; font-size: 29px; font-weight: bold; display: inline-block; padding: 0 0 0 20px;}
	.basketPage .add {text-align: right; padding: 68px 0 0 0;}
		.basketPage .add input {display: inline-block; color: #fff; background: #e00000; font-size: 24px; padding: 0 25px; height: 45px; line-height: 45px; cursor: pointer;}
		.basketPage .add input:hover {background: #8ac21a;}
	.basketPage .buttons {clear: both; border-bottom: 1px solid #333; padding: 19px 0 108px 0;}
		.basketPage .buttons li {float: left; width: 50%;}
		.basketPage .buttons li:nth-child(2) {text-align: right;}
			.basketPage .buttons a {display: inline-block; color: #fff; background: #63625d; font-size: 16px; padding: 0 15px; height: 31px; line-height: 31px;}
			.basketPage .buttons a:hover {background: #e00000;}
.tableBasket {border-top: 2px solid #333; border-left: 2px solid #333; width: 100%; border-spacing: 0; margin-top: 24px;}
	.tableBasket .col1 {width: 56%;}
	.tableBasket .col2 {width: 12%;}
	.tableBasket .col3 {width: 20%;}
	.tableBasket .col4 {width: 12%;}
	.tableBasket th {text-align: center; color: #fff; padding: 7px 0; background: #63625d; border-right: 1px solid #333; font-size: 19px; font-weight: normal;}
	.tableBasket td {padding: 29px 0; text-align: center; vertical-align: top; border-right: 2px solid #333; border-bottom: 2px solid #333;}
		.tableBasket td .pic {float: left; width: 36%; text-align: center; padding: 0 2%;}
		.tableBasket td .rightSide {float: left; width: 60%; text-align: left;}
			.tableBasket td .rightSide .name {font-size: 22px; padding: 0 0 15px 0;}
			.tableBasket td .rightSide .info {font-size: 13px; color: #777;}
		.tableBasket .text {background: #222; border: 2px solid #f00000; color: #fff; text-align: center; height: 36px; line-height: 36px; width: 36px; float: none; margin: 0 10% 10% 10%;}
		.tableBasket .reload {display: inline-block; font-size: 17px; padding: 0 0 0 28px; background: url(../images/reload.png) no-repeat 0 0; height: 21px; line-height: 21px; color:#fff; cursor:pointer}
		.tableBasket .reload:hover {text-decoration: underline;}
	.tableBasket .price {text-align: right; padding-right: 20px; font-size: 23px;}
		.tableBasket .removeBtn {display: inline-block; width: 15px; height: 19px; background: url(../images/remove.png);}


/**************************************/
/* ORDER PAGE                         */
/**************************************/
.orderPage {padding: 30px 5%; font-size: 15px;}
	.orderPage .heading {font-weight: normal; font-size: 34px; padding: 0 0 20px 0; color: #ff0000;}
	.orderPage .basketinfo p {font-size: 16px;}
	.tableOrder {border-top: 2px solid #333; border-left: 2px solid #333; width: 100%; border-spacing: 0; margin-top: 24px;}
		.tableOrder .col1 {width: 75%; text-align: left;}
		.tableOrder .col2 {width: 25%;}
		.tableOrder th {text-align: center; color: #fff; padding: 7px 14px; background: #63625d; border-right: 1px solid #333; font-size: 19px; font-weight: normal;}
		.tableOrder td {padding: 20px 20px; text-align: center; vertical-align: top; border-right: 2px solid #333; border-bottom: 2px solid #333; font-size: 18px;}
			.tableOrder td p {text-align: left;}
		.tableOrder .price {font-weight: bold; font-size: 21px;}
.radio {width: 22px; height: 25px;padding: 0 5px 0 0;background: url(../images/radio.png) no-repeat; display: block;clear: left;float: left;}
.checkbox {width: 22px; height: 25px;padding: 0 5px 0 0;background: url(../images/radio.png) no-repeat; display: block;clear: left;float: left;}
	.basketinfo .summaryDal {text-align: right; padding: 30px 10% 10px 0; font-size: 19px;}
	.orderPage .summaryDal {text-align: right; padding: 30px 10% 10px 0; font-size: 19px;}
		.orderPage .summaryDal span {color: #8ac21a; font-size: 29px; font-weight: bold; display: inline-block; width: 150px;}
	.orderPage .summaryShipping {text-align: right; padding: 0 10% 10px 0; font-size: 19px;}
		.orderPage .summaryShipping span {display: inline-block; width: 150px;}
	.orderPage .summaryFinal {text-align: right; padding: 0 10% 10px 0; font-size: 19px;}
		.orderPage .summaryFinal span {color: #8ac21a; font-size: 29px; font-weight: bold; display: inline-block; width: 150px;}
	.orderPage .titleForm {color: #ff0000; font-size: 21px; clear: both; font-weight: normal; padding: 0 0 20px 0;}
	.orderPage .inputsText {padding: 0 0 14px 0; font-size: 18px; width: 100%; text-align: center; box-sizing: border-box;}
	.orderPage .inputsText.company label {color: #828282;}
	.orderPage .inputsText.company input {background: #828282;}
		.orderPage .inputsText label {width: 30%; text-align: right; padding: 0 3% 0 0; display: block; line-height: 31px; float: left;}
		.orderPage .inputsText .text {width: 450px; padding: 0 2%; display: block; line-height: 31px; background: #dbdbdb; float: left; box-sizing: border-box;}
		.orderPage .inputsText .input_ulica {width: 250px;}
		.orderPage .inputsText .label_dom { width: 40px; text-align: right; padding: 0 5px 0 5px; display: block; line-height: 31px; float: left;}
		.orderPage .inputsText .input_dom {width: 50px; padding: 0 5px;}
		.orderPage .inputsText .label_lokal { width: 40px; text-align: right; padding: 0 5px 0 5px; display: block; line-height: 31px; float: left;}
		.orderPage .inputsText .input_lokal {width: 50px; padding: 0 5px;}
		.orderPage .inputsText .input_kod {width: 100px;}
		.orderPage .inputsText .label_miasto { width: 100px; text-align: right; padding: 0 5px 0 5px; display: block; line-height: 31px; float: left;}
		.orderPage .inputsText .input_miasto {width: 240px}
		.orderPage .inputsText .break {width: 2%; float: left; display: block;}
		.orderPage .inputsText .width1 {width: 31%; margin: 0 1% 0 0;}
		.orderPage .inputsText .width2 {width: 10%; margin: 0 1% 0 0;}
		.orderPage .inputsText .width3 {width: 10%; margin: 0;}
		.orderPage .inputsText .width4 {width: 15%; margin: 0 1% 0 0;}
		.orderPage .inputsText .width5 {width: 43%; margin: 0;}
	.orderPage .titleOther {width: 100%; padding: 0 0 14px 0; font-size: 18px; font-weight: normal;}
		.orderPage .titleOther .subcheckbox {display: inline-block; float: left; margin: 7px 10px 0 33%; }
		.orderPage .titleOther label {padding: 0 20px 0 0; display: block; line-height: 31px; }
		.orderPage .titleOther span {display: inline-block; padding: 0 0 0 30px; background: url(../images/redByullet2.png) no-repeat 0 0; line-height: 21px;}
	.orderPage .userInfoTitle {padding: 50px 0 10px 33%; font-size: 18px;}
	.orderPage .texteareaContainer textarea {width: 96%; padding: 10px 2%; height: 135px;}
	.orderPage .accept {padding: 20px 0 0 30%; font-size: 18px;}
		.orderPage .accept li {padding: 0 0 20px 0;}
	.orderPage .buttons {clear: both; border-bottom: 1px solid #333; padding: 19px 0 108px 0;}
		.orderPage .buttons li {float: left; width: 50%;}
		.orderPage .buttons li:nth-child(2) {text-align: right;}
			.orderPage .buttons a {display: inline-block; color: #fff; background: #63625d; font-size: 16px; width: 180px; text-align: center; height: 31px; line-height: 31px;}
			.orderPage .buttons a:hover {background: #e00000;}
			.orderPage .buttons input {display: inline-block; color: #fff; background: #e00000; font-size: 24px; padding: 0 25px; height: 45px; line-height: 45px; cursor: pointer;}
			.orderPage .buttons input:hover {background: #8ac21a;}
			.orderPage .orderLabel {padding: 0 20px 0 0; display: block; line-height: 31px; font-size: 18px;}
			.orderPage textarea {width:95%!important; padding:10px;}

/**************************************/
/* PRODUCT PAGE                       */
/**************************************/
.productPage {clear: both;}
	.productPage .leftSide {width: 55%; float: left;}
		.productPage .leftSide .headerSection {padding: 30px 5% 10px 10%;}
			.productPage .leftSide .headerSection .logo {display: block; height: 62px; float: left;}
			.productPage .leftSide .headerSection .productName {font-size: 33px; font-weight: normal; color: #ff0300; display: block; height: auto; line-height: 31px; float: left; padding: 0 0 0 20px; text-align: center; alignment-baseline: central;}
		.productPage .leftSide .pic {text-align: center; padding: 0 0 30px 0;}
	.productPage .rightSide {width: 45%; float: left; padding: 68px 0 30px 0;}
		.productPage .rightSide .boxAdd {background: #282828 url(../images/addBg.png) repeat-y 0 0; padding: 30px 0;}
			.productPage .rightSide .boxAdd .price {padding: 0 0 10px 198px; font-size: 25px;}
				.productPage .rightSide .boxAdd .price strong {font-size: 30px;}
			.productPage .rightSide .boxAdd .available {padding: 0 0 2px 198px; font-size: 17px; color: #8fd400;}
			.productPage .rightSide .boxAdd .warranty {padding: 0 0 18px 198px; font-size: 17px; color: #8fd400;}
			.productPage .rightSide .boxAdd .addForm label {text-align: right; width: 188px; padding: 0 10px 0 0; display: block; font-size: 18px; line-height: 45px; float: left;}
			.productPage .rightSide .boxAdd .addForm .pInputIlosc {float: left; margin: 0 10px 0 0; border: 2px solid #f00000; background: none; text-align: center; font-weight: bold; font-size: 21px; color: #fff; width: 50px; height: 45px; line-height: 41px;}
		.productPage .rightSide .infoShort {padding: 15px 0 0 198px; font-size: 16px;}
			.productPage .rightSide .infoShort dt {padding: 0 0 2px 0; font-weight: bold;}
			.productPage .rightSide .infoShort dd {padding: 0; color: #888;}

			.productPage .rightSide  .attributes {padding: 30px 0 0 198px; }
			.productPage .rightSide  .attributes li {font-size: 18px; padding: 0 0 5px 20px; background: url(../images/bullet.png) no-repeat 0 6px;}
			.productPage .rightSide  .attributes .special {background: url(../images/bulletRed.png) no-repeat 0 6px; color: #ff2400;}




/* tabs */
/**************************************/
.tabsProduct {width: 100%; padding: 0 0 40px 0;}
.tabsProduct #desc-tabs {clear: both; position: relative;}
	.tabsProduct #desc-tabs .nav {background: url(../images/tabs.png); text-align: left;}
	.tabsProduct #desc-tabs .nav li {display: inline-block; border-right: 1px solid #898989; width: 128.8px; background: url(../images/tabs.png) repeat-x 0 0; height: 69px; text-align: center;}
		.tabsProduct #desc-tabs .nav li a {display: block; color: #fff; font-size: 19px; height: 69px; line-height: 69px;}
		.tabsProduct #desc-tabs .nav li a:hover {color: #ec0404;}
	.tabsProduct #desc-tabs ul li a.current {color: #ec0404; border-bottom: 2px solid #ec0404;}
	.tabsProduct .list-wrap {padding: 30px 0 0 0; height: auto!important;}
.titleSectionTabs {clear: both; display: block; color: #f00000; font-size: 38px; padding: 30px 0; font-weight: normal;}

/* product description */
/**************************************/
.productDescription {padding: 40px 5%; position: relative;}
	.productDescription .text {float: left; width: 50%;}
		.productDescription .text .name {font-size: 36px; font-weight: normal; color: #f00000; padding: 0 0 30px 0;}
		.productDescription .text p {font-size: 18px;}
	.productDescription .pic {float: left; width: 50%; text-align: center;}
	.productDescription.style2 .text {float: left; width: 40%;}
	.productDescription.style2 .pic {float: left; width: 50%; padding: 0 10% 0 0; text-align: center;}
	.productDescription.style3 .headingStyle3 {font-size: 44px; font-weight: normal; color: #f00000; padding: 0 0 30px 0; position: relative; z-index: 10;}
	.productDescription.style3 .inside {position: relative;}
	.productDescription.style3 .text {width: 35%; position: relative; z-index: 10; min-height: 415px; padding: 30px 0 0 0;}
	.productDescription.style3 .pic {width: 100%; text-align: right; min-height: 415px; position: absolute; top: 0; right: 0;}
	.productDescription.style4 .inside {position: relative;}
	.productDescription.style4 .text {width: 35%; position: relative; z-index: 10; min-height: 300px; padding: 30px 0 0 65%;}
	.productDescription.style4 .pic {width: 100%; text-align: left; min-height: 329px; position: absolute; top: 0; right: 0;}
	.productDescription.style5 .text {float: left; width: 40%;}
		.productDescription.style5 .text .name {color: #fff;}
		.productDescription.style5 .text p {padding: 0 0 20px 0;}
	.productDescription.style5 .pic {float: left; width: 60%; padding: 0; text-align: right;}
	.productDescription div {text-align: justify; font-size: 18px;}

/* services */
/**************************************/
.servicesContainer {padding: 0 5%;}
	.servicesContainer .sevices {float: left; width: 45%; padding: 0 5% 0 0;}
		.servicesContainer .sevices li {padding: 10px 0; border-bottom: 0;}
			.servicesContainer .sevices .pic {float: left; text-align: center; width: 25%;}
			.servicesContainer .sevices .rightSideSection {float: left; width: 75%; height: 340px;}
				.servicesContainer .sevices .rightSideSection .name {padding: 0 0 10px 0; font-size: 18px;}
				.servicesContainer .sevices .rightSideSection p {padding: 0 0 6px 0; text-align: justify;}

/* configuration */
/**************************************/
.configuration {padding: 0 5% 40px 5%;}
	.configuration .configurationInfo {font-size: 16px; padding: 0 0 21px 0; text-align: justify;}
	.configuration .configurationForm {padding: 0 0 20px 0;}
		.configuration .configurationForm .nazwalabel {color: #f00000; border-top: 1px solid #4c0f0f; display: block; font-size: 19px; padding: 3px 0; margin: 0 0 8px 0;}
		.configuration .configurationForm .list {padding: 4px 0 25px 0; font-size: 19px;}
			.configuration .configurationForm .list li {padding: 0 0 5px 0;}
			.configuration .configurationForm .list li:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
				.configuration .configurationForm .list .option {float: left; width: 3%; min-width: 23px;}
				.configuration .configurationForm .list .option input {margin:0 10px 0 0}
				.configuration .configurationForm .list .price {float: left; width: 30%; padding: 0 0 0 5%;}

.configuration .optionDesc {margin-bottom: 14px; color: #999; text-align: justify;}

/* photos */
/**************************************/
.photos {padding: 0 5% 40px 5%;}
	.photos .gallery li {float: left; text-align: center; width: 30%; margin: 0 2% 20px 0;}
	.photos .gallery li a img {border: 1px solid #737373;}


/* specyfication */
/**************************************/
.specyfication {padding: 0 5% 40px 5%;}
	.specyficationList li {margin: 0 0 7px 0; font-size: 18px;}
		.specyficationList .nameSpecyfication {color: #999; display: inline-block; width: 30%; vertical-align: middle;}
		.specyficationList .infoSpecyfication {color: #fff; display: inline-block; width: 64%; background: #1a1a1a; padding: 0 2%; line-height: 30px;}
		.specyficationList .nameSpecyfication .specificationSeparator {color: #eee; padding-top: 14px}

/* video */
/**************************************/
.video {padding: 0 5% 40px 5%;}
	.video .codeVideo {text-align: center;}
		.video .codeVideo img {border: 1px solid #fff;}

/* leasing */
/**************************************/
.leasing {padding: 0 5% 40px 5%;}
        .leasing .leasingContainer img {border: 1px solid #fff;}

/* tabs buttons */
/**************************************/
.productButtons {clear: both; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 12px 0;}
	.productButtons li {float: left; width: 33%; text-align: center;}
		.productButtons li a {color: #fff; font-size: 19px; height: 39px; line-height: 39px; background: #e00000; width: 207px; display: inline-block;}
		.productButtons li a:hover {background: #656565;}

/* COOKIE SECTION*/
.cookies_msg_bar {width: 800px; height: 36px; text-wrap: normal; text-align:center;}

/**************************************/
/* RESPONSIVE                         */
/**************************************/
img, video, embed, object, table {max-width: 100%;}
@-ms-viewport{width:device-width;}

@media only screen and (max-width: 1195px) {
.tabHeader {display: none;}
.header {height: auto; padding: 0 0 20px 0;}
.header .logo {display: block; width: 100%; height: auto; padding: 16px 0 17px 0; text-align: center;}
.panel {position: relative; top: auto; right: auto;}
.panel .phones {float: none; text-align: center;}
.panel .phones li {display: inline-block;}
.panel .social {float: none; padding: 8px 14px 0 0; text-align: center}
.panel .social li {float: none; padding: 0 10px 0 0; display: inline-block;}
.searchForm {width: 90%; float: none; margin: 20px auto 0 auto;}
	.searchForm p {position: relative;}
	.searchForm .tx {width: 85%; height: 34px; line-height: 34px; padding: 0 10% 0 5%; float: left; color: #fff; font-size: 14px; background: none;}
	.searchForm .go {width: 31px; height: 34px; float: left; cursor: pointer; background: url(../images/go.png) no-repeat 0 0; text-indent: -2000em; position: absolute; top: 0; right: 0;}
	.searchForm .go:hover {opacity: 0.6;}

.aboutUs p {padding-right: 40px;}
.wrapper {width: 100%; max-width: 1195px;}
.mainCategories {padding: 70px 0 0 5%;}
.footerLinks {padding: 0 0 20px 0; border-top: 2px solid #4f4f4f;}
.footerLinks .box {width: 100%; margin: 0; padding: 0;}
.footerLinks .box dt {padding: 10px 0; text-align: center; border-bottom: 1px solid #333; background: #000; cursor: pointer;}
.footerLinks .box dd {text-align: center; padding: 0; border-bottom: 1px solid #eaeaea; background: #fff;}
.footerLinks .box dd a {color: #000; display: block; padding: 5px 0;}
.footerLinks .box .active a,.footerLinks .box a:hover {color: #fff; background: #ed1c24; text-decoration: none;}

.aboutUs {margin-right: 30px;}
ul.boxes {margin-right: 30px;}

/*.sidebar {width: 193px;}*/
.sidebar {display: none;}


.rejestracjaPage {width: 75%; }
.rejestracjaPage .rejestracjaSekcjaHead { width: 70%; padding-left: 160px; }
.rejestracjaPage .rejestracjaSekcja .inputsText label {width: 30%;}
/*
 *** wyłączyłem przenoszenie lewego menu na górę (dotyczy także filtrów) ***
.sidebar dl {padding: 0;}
.sidebar dl dt {padding: 10px; text-align: center; background: #a41602; cursor: pointer; border-bottom: 1px solid #fff; color: #fff!important;}
.sidebar dl dd {display: none; padding: 10px 20px;}
 */

.content {width: 97%; float: none; padding-left:20px;}
.headingSection {height: auto; width:97%; }
.productPage .rightSide .boxAdd .price {padding: 0 0 10px 148px;}
.productPage .rightSide  .attributes {padding: 30px 0 0 148px; }
.productPage .rightSide .boxAdd .available {padding: 0 0 2px 148px;}
.productPage .rightSide .boxAdd .warranty {padding: 0 0 18px 148px;}
.productPage .rightSide .boxAdd .addForm label {width: 138px;}
.productPage .rightSide .infoShort {padding: 15px 0 0 148px;}
.productPage .leftSide .headerSection {text-align: center;}
.productPage .leftSide .headerSection .productName {height: auto; line-height: 31px; text-align: center; alignment-baseline: central;}

.servicesContainer .sevices .rightSideSection {height: auto;}

.catalog p.sort_links {position: relative; left: 80px; padding-right: 20px;}

}

@media only screen and (max-width: 1023px) {
/* .aboutUs a span {opacity: 0.75;} */
.aboutUs a .bigger_subcat {opacity: 0.75;}
.mainCategories li a span {opacity: 0.75;}
.contentMain .boxes .boxSmall,.contentMain .boxes .boxBig {float: none; width: 100%; margin: 0 0 10px 0!important;}
.contentMain .boxes .boxSmall .text {padding: 20px 5%; height: auto;}
.contentMain .boxes .boxBig .text {padding: 20px 5%; height: auto;}
.contentMain .boxes .boxSmall.margin {display: none;}
.productDescription .text {width: 100%!important; padding: 0!important;}
.productDescription .pic {width: 100%!important; padding: 0!important; position: relative!important; top: auto!important; right: auto!important;}
.servicesContainer .sevices {float: none; width: 100%; padding: 0;}
.tableBasket .reload {margin: 0 5px 0 5px;}
.logowaniePage .inputsText .text {width: 300px;}
.logowaniePage .loginButtons {display: inline-block; width: 70%;}
.rejestracjaPage .rejestracjaSekcja .inputsText .text {width: 400px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_ulica {width: 175px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_dom {width: 50px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_lokal {width: 50px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_kod {width: 80px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_miasto {width: 195px;}

.footer .footer_left {float: left; text-align: center; margin: 30px 15% 10px 5%; width: 90%;}
.footer .footer_right {float: left; text-align: center; margin: 30px 15% 10px 5%; width: 90%;}

}

@media only screen and (max-width: 900px) {
.mainCategories li span {font-size: 40px;}

.menuSection {height: auto; min-height: 47px;}
.menuContainer .menuIco {display: block; margin: 8px 0 0 20px;}
.topMenu {padding-top: 8px;}
.topMenu li {float: none; padding: 0; border-top: 1px solid #bdbdbd;}
.topMenu li a {padding: 0 24px; color: #fff; line-height: 47px; background: #5f1111;}
.topMenu li a:hover,.menuContainer .active a {background: #d13535; color: #fff;}

.catalog > .boxes > form > li {width: 48%;}
.sevices .pic {width: 20%;}
.sevices .rightSide {width: 80%;}
.orderPage .inputsText {width: 100%;}
.orderPage .buttons li {float: none; width: 100%; padding: 0 0 10px 0; text-align: right;}
.productPage .leftSide {width: 100%; float: none;}
.productPage .rightSide {width: 100%; float: none; padding: 68px 0 30px 0;}

.rejestracjaPage {width: 100%; float: none; padding: 0;}
.rejestracjaPage .rejestracjaSekcjaHead { width: 100%; padding-left: 0px; }

.catalog p.sort_links {position: relative; left: 0px; width: 90%; margin-left: 10px; margin-right: 50px; padding-right: 0px;}

.aboutUs .contact_column {float: left; width: 90%; margin: 0 5%;}
.aboutUs a span {opacity: 0.75;}
}

@media only screen and (max-width: 768px) {
.aboutUs .box .halfBox {float: none; width: 100%;}
.productButtons li {float: none; width: 100%; padding: 0 0 10px 0;}
.specyficationList .nameSpecyfication {width: 30%;}
.specyficationList .infoSpecyfication {width: 64%;}
.cookies_msg_bar {width: auto;}
.productPage .leftSide .headerSection {padding: 30px 5% 10px 5%;}
.tableBasket td .rightSide .name {font-size: 20px;}
.tableBasket .price {padding-right: 10px; font-size: 20px;}
.orderPage .inputsText .text {width: 350px;}
.orderPage .inputsText .input_ulica {width: 150px;}
.orderPage .inputsText .input_dom {width: 50px}
.orderPage .inputsText .input_lokal {width: 50px}
.orderPage .inputsText .input_kod {width: 80px}
.orderPage .inputsText .input_miasto {width: 160px}

.rejestracjaPage .rejestracjaSekcja .inputsText .text {width: 370px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_ulica {width: 165px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_dom {width: 40px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_lokal {width: 40px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_kod {width: 80px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .input_miasto {width: 165px;}
}

@media only screen and (max-width: 600px){
body {background-color: black; background-image:none}
.header .logo a {display: inline-block; width: 90%; height: auto;}
.mainCategories li {float: none; width: 95%; margin: 0 0 70px 0;}
.catalog > .boxes > form > li {width: 96%;}
.catalog .product {width: 100%;}
.basketPage .add {text-align: center; padding: 40px 0 10px 0;}
.basketPage .buttons li {float: left; width: 100%; padding: 0 0 10px 0;}
.basketPage .buttons li:nth-child(2) {text-align: left;}
.basketPage .summary {text-align: center; padding-right: 0;}
.tableBasket .price {text-align: center; padding-right: 0; font-size: 17px;}
.tableBasket td .pic {width: 100%; padding: 0;}
.tableBasket td .pic img {width: 100%;}
.tableBasket td .rightSide {width: 90%; padding: 0 5%;}
.tableBasket td .rightSide .name {font-size: 16px; text-align: center;}
.tableBasket .reload {font-size: 15px;}
.productPage .rightSide .boxAdd {background: #282828; padding: 30px 0;}
.productPage .rightSide .boxAdd .price {padding: 0 0 10px 10px;}
.productPage .rightSide  .attributes {padding: 20px 0 0 10px; }
.productPage .rightSide .boxAdd .available {padding: 0 0 2px 10px;}
.productPage .rightSide .boxAdd .warranty {padding: 0 0 18px 10px;}
.productPage .rightSide .boxAdd .addForm label {text-align: right; width: auto; padding: 0 10px;}
.productPage .rightSide .infoShort {padding: 15px 0 0 10px; font-size: 16px;}
.orderPage .inputsText input {width: 100%!important;}
.orderPage .inputsText label { text-align:left!important; width: 100%!important;}
.orderPage .titleOther .subcheckbox {display: inline-block; float: left; margin: 7px 10px 0 10px; }


.basketPage .buttons li:nth-child(2) {text-align: center;}
.orderPage .buttons li {float: none; width: 100%; padding: 0 0 10px 0; text-align: center;}
.noty_cart_bar .noty_cart_bar_msg{display: none;}
.logowaniePage .inputsText label {width: 100%; text-align: center;}
.logowaniePage .inputsText .text {width: 100%;}
.logowaniePage .loginButtons {width: 50%; margin: 10px 5px 5px 5px;}
	.logowaniePage .loginButtons input {width: 100%;}
	.logowaniePage .loginButtons label {width: 100%;}
	.logowaniePage .loginButtons a {width: 100%;}

.rejestracjaPage {padding: 0;}
	.rejestracjaPage .rejestracjaSekcja {width: 95%;}
		.rejestracjaPage .rejestracjaSekcja .inputsText {box-sizing: border-box;}
		.rejestracjaPage .rejestracjaSekcja .inputsText label {width: 100%; text-align: center;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_dom {width: 100%; text-align: center;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_lokal {width: 100%; text-align: center;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .label_miasto {width: 100%; text-align: center;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .text {width: 100%;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .rejestracjaKodObrazek {width:30%;}
		.rejestracjaPage .rejestracjaSekcja .inputsText .inputKodObrazka {width: 70%; }
	.rejestracjaPage .inputsCheckbox {float: none; display:block; margin-top: 3px;}
		.rejestracjaPage .inputsCheckbox label {text-align: left; width: auto;}
		.rejestracjaPage .inputsCheckbox .subcheckbox {text-align: left; margin: 7px 10px 0 20px; }


.aboutUs a .bigger_subcat {font-size: 25px; width:79%!important; display:table; position: relative; white-space:nowrap; max-width:352px}
.aboutUs a span {opacity: 0.75;}

.headingSectionPorow {font-size: 27px; color: #ff0000; font-weight: normal; border-bottom: 1px solid #333; height: 75px; padding: 38px 0 5px 0px; position: static!important; display:block}
.porowOdno {display:block; width:100%; position: static!important; right:0; top:0;}

}

@media only screen and (max-width: 480px){
.sevices .pic {width: 30%;}
.sevices .rightSide {width: 70%;}
.productPage .rightSide .boxAdd .addForm label {width: auto; padding: 0; text-align: center; float: none; display: none;}
.productPage .rightSide .boxAdd .addForm .tx {width: 90%; margin: 0 0 10px 4%; float: none; clear: both;}
.productPage .rightSide .boxAdd .addForm input[type="image"] {margin: 0 5%;}
.productPage .rightSide .boxAdd .addForm input[type="number"] {margin: 0 10px;}
.tabsProduct #desc-tabs .nav li,.tabsProduct #desc-tabs .nav li:first-child {border: 0;}
.servicesContainer .sevices .pic {width: 35%;}
.servicesContainer .sevices .rightSideSection {width: 65%;}
.specyficationList .nameSpecyfication {width: 100%;}
.specyficationList .infoSpecyfication {width: 96%;}
.tableBasket .reload {font-size: 0; text-align: center; padding: 0 0 0 20px;}
.tableBasket .text {width: 32px; height: 30px; line-height: 26px; margin: 0 5px 10% 5px;}
.tableBasket td .rightSide .name {font-size: 14px;}
.tableBasket .price {font-size: 14px;}
.logowaniePage .loginButtons {width: 100%; margin: 0; padding: 5px 0 5px 0; display: table; margin: 10px 0 5px 0; }
.logowaniePage .loginButtons a { font-size: 14px; text-wrap: normal; height: 32px; }
.logowaniePage .loginButtons input {margin-bottom: 10px; margin-top: 5px;}

.rejestracjaPage .rejestracjaSekcja .inputsText .rejestracjaKodObrazek {width:150px;}
.rejestracjaPage .rejestracjaSekcja .inputsText .inputKodObrazka {width: 150px; }
.rejestracjaPage .inputsButtons {width: 100%; margin: 0; padding: 5px 0 5px 0; display: table; margin: 10px 0 5px 0; }
.rejestracjaPage .inputsButtons a {width: 100%; font-size: 14px; text-wrap: normal; height: 32px; }
.rejestracjaPage .inputsButtons input {width: 100%; margin-bottom: 10px; margin-top: 5px;}
}

@media only screen and (max-width: 320px){

}

.l1 {
	float: left;
}

#dotpay-channels > div > div.channel-container.selected {
  border: 1px solid #FFF!important;
  background: #eee!important;
}

/* FACEBOOK WIDGET */
.facebook_widget{
	display: none;
    position: fixed;
    top: 250px;
    right: -350px;
    width: 350px;
    padding: 5px;
    background: #fff;
    -webkit-transition: right 1s;
    transition: right 1s;
    z-index: 1000001;
    box-sizing: border-box;
}

@media (min-width: 640px) {

    .facebook_widget{
        display: block;
    }

}

.facebook_widget:hover{
	right: 0;
}

.facebook_widget_icon{
	position: absolute;
	top: 0;
	right: 100%;
	width: 50px;
	height: 50px;
	padding: 2px;
	border-radius: 3px;
	background: #fff;
	cursor: pointer;
}