/* ==========================================================================
	MAIN
========================================================================== */
* {	margin: 0;	padding: 0;}*.cl{clear:both} a:focus {outline:none;} img {border: 0;} fieldset {border:0;} ul {list-style: none;} .clearfix:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 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: #2f3030; font-family: opensans, Arial, sans-serif; font-size: 14px; font-weight: 400; background: #f8f9fb;}


/* ==========================================================================
	FONTS
========================================================================== */
@font-face {font-family: 'opensans';src: url('../fonts/opensans-regular-webfont.eot');src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../fonts/opensans-regular-webfont.woff') format('woff'),url('../fonts/opensans-regular-webfont.ttf') format('truetype'),url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight: 400;font-style: normal;}
@font-face {font-family: 'opensans';src: url('../fonts/opensans-semibold-webfont.eot');src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),url('../fonts/opensans-semibold-webfont.woff') format('woff'),url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');font-weight: 600;font-style: normal;}
@font-face {font-family: 'opensans';src: url('../fonts/opensans-bold-webfont.eot');src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-bold-webfont.woff2') format('woff2'),url('../fonts/opensans-bold-webfont.woff') format('woff'),url('../fonts/opensans-bold-webfont.ttf') format('truetype'),url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');font-weight: 700;font-style: normal;}
@font-face {font-family: 'opensans';src: url('../fonts/opensans-extrabold-webfont.eot');src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),url('../fonts/opensans-extrabold-webfont.woff') format('woff'),url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');font-weight: 800;font-style: normal;}
/*
regular - 500
semi - 600
bold - 700
extra - 800
*/

/* ==========================================================================
	LAYOUT
========================================================================== */

/* style
/* --------------------------- */
body {width: 100%; min-width: 320px;}
.container {width: 1200px; margin: 0 auto;}
a {color: #2f3030; text-decoration: none;}
a:hover {color: #ee5d14; text-decoration: underline;}
.white-section {padding: 0 0 30px 0; background: #fff; border-bottom: 3px solid #ee5d14;}

/* header
/* --------------------------- */
header {height: 184px; position: relative; background: url(../images/bg.png) repeat-x; z-index: 1000;}
	header .inside {width: 1200px; margin: 0 auto; position: relative;}
		header .inside .brands {position: absolute; top: 11px; left: 17px;}
			header .inside .brands li {padding: 0 26px 0 0; float: left;}
			header .inside .brands li:last-child {padding: 0;}
				header .inside .brands li a {height: 38px; display: block; text-indent: -9999em;}
				header .inside .brands li a:hover {filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}
				header .inside .brands li:nth-child(1) a {width: 101px; background: url(../images/brand-1.png);}
				header .inside .brands li:nth-child(2) a {width: 78px; background: url(../images/brand-2.png);}
				header .inside .brands li:nth-child(3) a {width: 54px; background: url(../images/brand-3.png);}
				header .inside .brands li:nth-child(4) a {width: 72px; background: url(../images/brand-4.png);}
		header .inside dl {line-height: 31px;padding: 15px 1px 14px 0; float: right; font-size: 13px; color: #808080;}
			header .inside dt {padding: 0 4px 0 0; float: left; color: #000;}
			header .inside dd {float: left;}
				header .inside dd span {padding: 0 21px 0 10px; display: inline-block; color: #000;}
				header .inside dd:last-child span {padding: 0 0 0 10px; display: inline-block; color: #000;}
		header .inside .menu {padding: 15px 41px 14px 0; float: right;}
			header .inside .menu li {padding: 0 1px 0 0; float: left;}
				header .inside .menu li a {height: 31px; line-height: 31px; padding: 0 12px; display: block; font-size: 13px;}
				header .inside .menu li a:hover {background: #e00000; color: #fff; text-decoration: none;}
				header .inside .menu .active a {background: #e00000; color: #fff; font-weight: 700;}
			header .logo {width: 235px; height: 77px; padding: 25px 0 0 38px; display: block; position: absolute; top: 45px; left: 0; text-align: center}
				header .logo a {width: 235px; height: 100%; display: inline-block; background: url(../images/logo.png) no-repeat; text-indent: -2000em;}
			header .panel {position: absolute; top: 101px; right: 0;}
				header .panel form {height: 42px; margin: 0 24px 0 0; float: left; background: #fff; border: 1px solid #e6e7e9;}
					header .panel form .text {width: 424px; padding: 0 0 0 17px; height: 42px; line-height: 40px; float: left; background: none; font-size: 13px; color: #7c7c7c; border:0}
					header .panel form .go {width: 42px; height: 42px; float: left; background: url(../images/search.png) no-repeat center center; text-indent: -9999em; cursor: pointer;}
					header .panel form .go:hover {filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}
				header .panel .user {height: 42px; line-height: 42px; padding: 0 22px; margin: 0 10px 0 0; display: block; float: left; background: #f1f3f6; border: 1px solid #e6e7e9; font-size: 13px; color: #808080;}
				header .panel .user:hover {background: #000; border: 1px solid #f06e2d; color: #fff; text-decoration: none;}
				header .panel .cart {height: 42px; line-height: 42px; padding: 0 20px 0 47px; display: block; float: left; background: #ee5d14 url(../images/basket.png) no-repeat 16px center; border: 1px solid #e6e7e9; font-size: 13px; color: #000;}
				header .panel .cart:hover {background-color: #61ae29; border: 1px solid #000; color: #fff; text-decoration: none;}
					header .panel .cart span {padding: 0 0 0 10px; display: inline-block; color: #fff; font-weight: 700;}


	.language		{float: left; height: 42px;    margin: 15px 10px 0 0;}					
					
					
					
					/* top menu
/* --------------------------- */
.top-menu {width: 100%; padding: 5px 0 0 0; position: relative; background: #2f3030; z-index: 999;}
.top-menu.fixed {position: fixed; top: 0; left: 0;}
	.top-menu section {width: 1200px; margin: 0 auto;}
		.top-menu section small {display: none;}
		.top-menu section ul {font-size: 12px; font-weight: 400;}
			.top-menu section ul li {width: 12.3%; height: 32px; padding: 0 1px 0 0; display: table; float: left; background: url(../images/break.png) no-repeat right 10px;}
			.top-menu section ul li:last-child {background: none;}
				.top-menu section ul li a {height: 32px; line-height: 16px; padding: 5px 5px 8px 5px; display: table-cell; vertical-align: middle; color: #fff; text-align: center;}
				.top-menu section ul li a:hover,.top-menu section ul .active a {background: #f1f3f6; color: #2f3030; text-decoration: none;}

/* contact info
/* --------------------------- */
.contact-info {padding: 32px 0 36px 0; clear: both; color: #000;}
	.contact-info article {width: 60%; padding: 0 0 0 4%; float: left; background: url(../images/ico-1.png) no-repeat 95% 0; border-right: 1px solid #ebebeb;}
		.contact-info article ul {width: 50%; float: left;}
	.contact-info aside {width: 31%; padding: 0 0 0 4%; float: left; background: url(../images/ico-2.png) no-repeat 95% 0;}
		.contact-info h3 {padding: 0 0 24px 0; font-size: 22px; font-weight: 700;}
		.contact-info ul {font-size: 13px;}
			.contact-info ul li {padding: 0 0 15px 0;}
			.contact-info ul li:first-child {color: #767677;}
				.contact-info ul li span {font-size: 15px; color: #ee5d14; font-weight: 700;}
				.contact-info ul li a {color: #ee5d14; text-decoration: underline;}
				.contact-info ul li a:hover {color: #21ad0e; text-decoration: none;}

/* shops
/* --------------------------- */
.shops {padding: 25px 0 35px 0; clear: both; border-top: 1px solid #e4e4e4; text-align: center;}
	.shops h3 {padding: 0 0 20px 0; background: url(../images/line.png) repeat-x 0 15px; font-size: 22px; color: #000; font-weight: bold;}
		.shops h3 span {padding: 0 20px; display: inline-block; background: #f8f9fb;}
	.shops article {width: 32%; float: left; border-right: 1px solid #ebebeb;}
	.shops article + article + article {border-right: 0;}
		.shops article h2 {padding: 0 0 2px 0; font-size: 39px; color: #d3d4d5; font-weight: 800; text-transform: uppercase;}
		.shops article ul {font-size: 15px; color: #747474;}
			.shops article ul li:last-child {padding: 18px 0 0 0;}
				.shops article ul li span {color: #ee5d14; font-weight: 700;}
				.shops article ul li a {color: #ee5d14; text-decoration: underline;}
				.shops article ul li a:hover {color: #21ad0e; text-decoration: none;}

/* bottom section
/* --------------------------- */
footer nav {padding: 25px 0; clear: both; background: #fff; border: 1px solid #ebebeb; border-bottom: 3px solid #ebebeb; color: #7d7d7d;}
	footer nav div {width: 20%; padding: 0 8% 0 4%; float: left; border-right: 1px solid #e8e9eb;}
		footer nav div h3 {padding: 0 0 42px 0; font-size: 22px; color: #000; font-weight: 700;}
		footer nav div li {padding: 0 0 7px 0; background: url(../images/bullet.png) no-repeat right 4px; font-size: 15px;}
		footer nav div li:hover,footer nav div ul li.active {background-position: right -96px;}
			footer nav div a {display: block; color: #7d7d7d;}
			footer nav div .active a,footer nav div a:hover {color: #ee5d14; text-decoration: underline;}

/* newsletter
/* --------------------------- */
.newsletter {width: 28%; padding: 0 1% 0 4%; float: left;}
	.newsletter h3 {padding: 0 0 42px 0; font-size: 22px; color: #000; font-weight: 700;}
	.newsletter p {line-height: 18px; padding: 0 0 22px 0; font-size: 15px; color: #7d7d7d;}
	.newsletter .inputs {padding: 1px 0 1px 0; position: relative; background: #fff; border: 1px solid #e6e7e9;}
		.newsletter .inputs .tx {width: 45%; height: 40px; line-height: 40px; padding: 0 4%; float: left; background: none; font-size: 13px; color: #5e5e5e;}
		.newsletter .inputs .remove-btn {width: 18%; height: 40px; line-height: 40px; margin: 0 1px 0 0; float: right; background: url(../images/silver.png); font-size: 13px; color: #a0a0a0; text-transform: uppercase; cursor: pointer;}
		.newsletter .inputs .remove-btn:hover {background-position: 0 -40px; color: #fff;}
		.newsletter .inputs .go {width: 26%; height: 40px; line-height: 40px; margin: 0 1px 0 0; float: right; background: url(../images/orange.png); font-size: 13px; color: #fff; text-transform: uppercase; cursor: pointer;}
		.newsletter .inputs .go:hover {background-position: 0 -40px;}

/* footer
/* --------------------------- */
footer p {padding: 16px 30px 50px 30px; clear: both; position: relative; font-size: 15px; color: #7d7d7d;}
	footer p span {position: absolute; top: 16px; right: 30px;}
	footer p a {color: #7d7d7d;}
	footer p a:hover {color: #ee5d14;}

/* product
/* --------------------------- */
.product {padding: 0 0 10px 0; border: 1px solid #e4e4e4; text-align: center; position:relative }
    .product figure {}
        .product figure img {width: auto!important; margin: 0 auto;}
        .product figure a img {max-width: 100%!important; -webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-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; max-width:100%; max-height:100%;}
            .product:hover figure a img {-webkit-transform:scale(1.12, 1.12);-moz-transform:scale(1.12, 1.12);-ms-transform:scale(1.12, 1.12);-o-transform:scale(1.12, 1.12);transform:scale(1.12, 1.12);}
    .product .name {height: 68px; line-height: 17px; padding: 0 20px; overflow: hidden; font-size: 15px;}
        .product .name a {color: #000;}
        .product .name a:hover {color: #ee5d14;}
    .product .netto {padding: 13px 0 0 0; font-size: 16px; color: #000; font-weight: 700;}
    .product .netto.promo {color: #e00000;}
    .product .brutto {font-size: 14px; color: #636363; font-weight: 700;}
        .product .brutto span {padding: 0 3px; display: inline-block;}
        .product .brutto span + span {font-weight: 400; text-decoration: line-through;} 
		
		.ukryc-cena { position:absolute; bottom:-5px; background-color:#fff; width:100% ;}
		.ukryc-cena img  { height: 80px ;overflow:hidden; }
		
		.ukryc-cena-prod { position:absolute; bottom:31px; background-color:#f1f3f6; width:100% ; text-align:center}


/* ==========================================================================
	MAIN PAGE
========================================================================== */

/* slider
/* --------------------------- */
.slider {max-width: 1900px; margin: 0 auto; clear: both; overflow: hidden;}
	.slider img {width: auto!important; height: 100%; margin: 0 auto;}
	.slider .owl-dots {display: none;}
	.slider .owl-nav {width: 100%; position: absolute; top: 45%; left: 0; display: none; text-indent: -2000em;}
	.slider:hover .owl-nav {display: block;}
		.slider .owl-nav .owl-prev {width: 35px; height: 35px; position: absolute; top: 0; left: 2%; opacity: 0.5; background: #000 url(../images/prev.png) no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
		.slider .owl-nav .owl-next {width: 35px; height: 35px; position: absolute; top: 0; right: 2%; opacity: 0.5; background: #000 url(../images/next.png) no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
		.slider .owl-nav div:hover {opacity: 1;}

/* promo
/* --------------------------- */
.promo-section {width: 1200px; margin: 0 auto;}
	.promo-section h3 {padding: 33px 0 40px 0; background: url(../images/line-1.png) repeat-x 0 47px; font-size: 22px; color: #000; font-weight: bold; text-align: center;}
		.promo-section h3 span {padding: 0 20px; display: inline-block; background: #fff;}
	.promo-section .owl-nav {width: 100%; height: 35px; position: absolute; top: 28%; left: 0; display: block;}
		.promo-section .owl-nav .owl-prev {width: 35px; height: 35px; position: absolute; top: 0; left: 10px; display: inline-block; background: #c3c3c3 url(../images/prev.png) no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -2000em;}
		.promo-section .owl-nav .owl-next {width: 35px; height: 35px; position: absolute; top: 0; right: 10px; display: inline-block; background: #c3c3c3 url(../images/next.png) no-repeat center center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-indent: -2000em;}
		.promo-section .owl-nav div:hover {background-color: #ee5d14;}

/* about
/* --------------------------- */
.about {width: 60%; padding: 48px 0 42px 4%; float: left;}
	.about h3 {padding: 0 0 20px 0; font-size: 22px; color: #000; font-weight: 700;}
	.about p {line-height: 36px; font-size: 14px; color: #767677;}
	.about img {margin: 20px 0 0 10px; float: right;}

/* articles
/* --------------------------- */
.articles {width: 33%; margin: 48px 0 42px 2%; float: left; background: #f1f3f6 url(../images/ico-3.png) no-repeat 98% 12px; border: 1px solid #ebebeb;}
	.articles h3 {padding: 25px 0 20px 25px; font-size: 22px; color: #000; font-weight: 700;}
	.articles ul {padding: 0 8px 27px 8px;}
		.articles ul li {padding: 9px 30px 9px 18px; background: url(../images/bullet.png) no-repeat 95% 17px; border-bottom: 1px solid #e2e4e6;}
			.articles ul li span {padding: 0 13px 0 0; display: inline-block; font-size: 13px; color: #636363;}
			.articles ul li a {font-size: 15px; color: #ee5d14; font-weight: 700;}
			.articles ul li a:hover {text-decoration: underline;}



/* ==========================================================================
	SUBPAGES
========================================================================== */

/* navigation
/* --------------------------- */
.navigation {padding: 17px 0; background: #f1f3f6;}
	.navigation ul {width: 1200px; margin: 0 auto;}
		.navigation li {padding:  0 20px 0 20px; float: left;  font-size: 13px;}
		
			.navigation li a {color: #2f3030;}
			.navigation li a:hover {color: #ee5d14;}

/* sidebar
/* --------------------------- */
.sidebar {width: 20%; padding: 16px 0; float: left;}
	.sidebar .nav {margin: 0 0 10px 0; background: #f1f3f6;}
		.sidebar .nav small {display: none;}
		.sidebar .nav ul {padding: 5px 8px;}
			.sidebar .nav ul li {border-bottom: 1px solid #fff; font-size: 15px;}
				.sidebar .nav ul li a {padding: 7px 10px; display: block; color: #2f3030;}
				.sidebar .nav ul li:hover a,.sidebar .nav .active a {background: #ee5d14; color: #fff; text-decoration: none;}
				.sidebar .nav ul .active {background: #e8eaed;}
				.sidebar .nav ul .sub {padding: 3px 25px; font-size: 13px;}
				.sidebar .nav ul .sub.active {background: #000;}
				.sidebar .nav ul .sub:hover {background: #000;}
				.sidebar .nav ul .sub:before {content: "- ";}
	.sidebar .popular {padding: 8px 15px; background: #ee5d14;}
		.sidebar .popular h3 {line-height: 23px; padding: 5px 0 15px 0; font-size: 25px; color: #fff; font-weight: 800;}
			.sidebar .popular h3 span {display: block; font-weight: 400;}
		.sidebar .popular .product {background: #fff; border: 0;}
			.sidebar .popular .product figure {padding: 20px 10px 18px 10px;}
			.sidebar .product > :nth-child(2) {padding: 0 10px;}

/* content
/* --------------------------- */
.content {width: 79%; padding: 16px 0 16px 1%; float: left;}



/* ==========================================================================
	CATALOG
========================================================================== */

/* styles
/* --------------------------- */
.about-category {padding: 5px 28px 28px 28px; margin: 0 0 34px 0; border-bottom: 3px solid #ee5d14;}
	.about-category h3 {padding: 0 0 15px 0; font-size: 22px; font-weight: 600;}
	.about-category h2 {padding: 0 0 0px 0; font-size: 22px; font-weight: 600;}
	
	.about-category p {line-height: 24px; font-size: 14px; color: #2f3030;}
.subcategories {padding: 0 0 24px 0;}
	.subcategories li {width: 23%; margin: 0 1% 19px 1%; float: left; text-align: center;}
		.subcategories li a {padding: 16px 0 0 0; display: block; border: 5px solid #f1f3f6;}
		.subcategories li a:hover {text-decoration: none;}
		.subcategories li:hover a {border: 5px solid #ee5d14;}
			.subcategories li span {display: inline-block; padding: 12px 10px; height:32px}
.catalog {padding: 27px 0;}
	.catalog li {width: 25%; float: left; height:auto }
	
.srodek-pozostale { padding: 0 20px 10px 20px}
/* sort
/* --------------------------- */
.sort {padding: 8px 27px; position: relative; background: #f1f3f6;}
.sort-form {padding: 0 10px 0 0; position: relative;}
	.sort-form label {line-height: 37px; padding: 0 14px 0 0; display: block; float: left; font-size: 13px;}
	.sort-form .sel {width: 160px; height: 27px; padding: 8px 1% 0 1%; margin: 0 6px 0 0; float: left; background: #fff; border: 1px solid #e6e7e9;}
		.sort-form .sel select {width: 100%; background: none; border: 0; font-size: 13px; color: #2f3030;}
	.sort-form .go {height: 37px; padding: 0 10px; background: #ee5d14; color: #fff; cursor: pointer;}
	.sort-form .go:hover {background: #000;}

/* pagination
/* --------------------------- */
.pagination {position: absolute; top: 14px; right: 16px; font-size: 13px;}
	.pagination span {line-height: 26px; padding: 0 1px 0 0; display: block; float: left;}
	.pagination .title {padding: 0 12px 0 0;}
	.pagination ul {margin: 0 12px 0 4px; float: left;}
		.pagination ul li {line-height: 26px; padding: 0 1px 0 0; float: left;}
			.pagination ul li a {display: block; line-height: 26px; padding: 0 8px; color: #2f3030;}
			.pagination ul li a:hover,.pagination ul .active a {background: #ee5d14; color: #fff; text-decoration: none;}
			.pagination ul .active a {font-weight: 700;}


/* ==========================================================================
	PRODUCT PAGE
========================================================================== */

/* styles
/* --------------------------- */
.content .heading {padding: 15px 27px; margin: 0 0 33px 0; border-bottom: 3px solid #ee5d14; font-size: 22px; color: #000; font-weight: 600;}
.other-products {padding: 0 0 40px 0;}
	.other-products .catalog {padding: 0;}
		.other-products .catalog li {border-bottom: 0;}
.product-description {line-height: 24px; padding: 65px 20px 40px 20px; clear: both;}
	.product-description p {padding: 0 0 5px 0;}
.product-title {padding: 15px 27px; margin: 0 0 8px 0; border-bottom: 3px solid #ee5d14; font-size: 22px; color: #000; font-weight: 600;}
.gallery {width: 46%; padding: 0 2% 0 0; float: left;}
	.gallery figure {padding: 6px; margin: 0 0 6px 0; text-align: center;}
		.gallery figure a {display: block; position: relative;}
	.thumbs li {width: 30%; margin: 0 1%; float: left;  text-align: center;}
		.thumbs li a {margin: 0 0 6px 0; display: block;}
			.thumbs li a img {max-height: 111px;}
.column {width: 52%; float: left;}
	.column .accessories {padding: 5px 13px; background: #f1f3f6;}
		.column .accessories h3 {padding: 0 0 7px 0; font-size: 15px; font-weight: 400;}
		.column .accessories ul {width: 100%; padding: 0;}
			.column .accessories ul li {padding: 10px 6px; position: relative; border-bottom: 1px solid #e2e4e7;}
				.column .accessories ul li figure {width: 57px; height: 57px; margin: 0 20px 0 0; background: #fff; border: 1px solid #e2e4e7; text-align: center; float: left;}
					.column .accessories ul li figure img {max-height: 100%;}
				.column .accessories ul li h2 {padding: 7px 30px 7px 0; font-size: 12px; font-weight: 400;}
					.column .accessories ul li h2 a {color: #2f3030;}
				.column .accessories ul li p {font-size: 12px; color: #ee5d14;}
				.column .accessories ul li p:before {content: "+ "; color: #000;}
				.column .accessories ul li input {position: absolute; top: 32px; right: 15px;}
	.column ul {width: 50%; padding: 20px 0 0 0; float: left; font-size: 15px;}
		.column ul li {padding: 0 10px 10px 24px;}
			.column ul li strong {font-weight: 700;}
			.column ul li span {color: #339901;}
			.column ul li a {color: #ee5d14;}
	.column .add-box {width: 50%; padding: 10px 0 12px 0; float: left; background: #f1f3f6; position:relative}
	
	
	
		
		.column .add-box p {padding-left: 12px;}
		.column .add-box .no {padding-bottom: 19px;}
			.column .add-box .no label {line-height: 37px; padding: 0 12px 0 0; display: inline-block; float: left; font-size: 15px; color: #000;}
			.column .add-box .no .pInputIlosc {width: 29px; line-height: 35px; padding: 0 5px; float: left; background: #fff; border: 1px solid #e6e7e9; font-size: 16px; color: #000; text-align: center;}
			
			.column .add-box .price {line-height: 22px; font-size: 22px; color: #000; font-weight: 700;}
			.column .add-box .price.promo {color: #e00000;}
			.column .add-box .price-final {padding-bottom: 17px; font-size: 16px; color: #636363; font-weight: 700;}
				.column .add-box .price-final span {padding: 0 3px; display: inline-block;}
				.column .add-box .price-final span + span {font-weight: 400; text-decoration: line-through;}
		.column .add-box .btn input {width: 100%; max-width: 224px;}
		
		
	.naz-pro a {font-size:16px; color:#ee5d14}	
		
		
input.text{ line-height: 35px; padding: 0 5px; background: #fff; border: 1px solid #e6e7e9; font-size: 16px; color: #000; text-align: left;}	

input.button {height: 32px; line-height: 32px; padding: 0 10px ; background: #ee5d14 ; border: 1px solid #e6e7e9; font-size: 15px; color: #fff; cursor:pointer; font-weight: 500;}
input.button:hover {background-color: #61ae29; border: 1px solid #000; color: #fff; text-decoration: none;}

input.buttones {height: 32px; line-height: 32px; padding: 0 10px ; background: #61ae29 ; border: 1px solid #61ae29; font-size: 15px; color: #fff; cursor:pointer; font-weight: 500;}
input.buttones:hover {background-color: #ee5d14; border: 1px solid #ee5d14; color: #fff; text-decoration: none;}

textarea {padding:  5px; background: #fff; border: 1px solid #e6e7e9; font-size: 16px; color: #000; text-align: left;}
.pogrubienie {font-weight:bold;}

	.kom{
	border-bottom: 1px solid #e2e4e7;
}



.dane {width:100%}		
.dane-tx {float:left; width:45%; padding:10px 5px 0 5px; text-align:right}
.dane-in {float:left; width:45%; padding:5px;}	

.dane-tx .pogrubienie {color:#ee5d14}

/* ask
/* --------------------------- */
.ask-container {padding: 10px 0 29px 0; clear: both;}
	.ask-container h3 {padding: 0 0 20px 0; font-size: 18px; color: #72cfe4; font-weight: 700;}
	.ask-form {padding: 0 0 0 2%; font-size: 14px; color: #83868b;}
		.ask-form .tx {height: 40px; line-height: 40px; padding: 0 5%; background: #fff; border: 1px solid #e2e2e2; color: #000;}
		.ask-form textarea {width: 96%; height: 110px; padding: 10px 1%; margin: 0 0 14px 0; background: #fff; border: 1px solid #e2e2e2; color: #000; resize: none;}
		.ask-form .line li {width: 32%; padding: 0 2% 0 0; float: left;}
		.ask-form .line li:last-child {width: 30%; padding: 0;}
			.ask-form .line li input {width: 90%;}
		.ask-form label {line-height: 42px; padding: 0 0 0 10px; display: block; font-size: 13px; color: #000;}
		.ask-form .verify {width: 98%; padding: 0; float: left;}
		.ask-form .verify label {display: inline-block; padding: 0 10px; float: left;}
		.ask-form .verify .tx {width: 100px; padding: 0 10px; margin: 0 7px 5px 0; float: left;}
		.ask-form .verify .image-code {display: inline-block; padding: 5px 15px 0 15px; float: left; margin: 0 0 5px 0;}
		.ask-form .verify .go {height: 38px; padding: 0 25px; display: inline-block; background: #ee5d14; border: 1px solid #e35646; font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer;}
		.ask-form .verify .go:hover {background: #000; border: 1px solid #000;}

/* clears / anime
/* --------------------------- */
.top-menu section ul:after,.white-section:after,.contact-info:after,.shops:after,footer nav:after,.newsletter .inputs:after,.about:after,.navigation ul:after,.subcategories:after,.sort:after,.catalog:after,.thumbs:after,.column:after,.column .add-box .no:after,.column .accessories:after,.column .accessories ul li:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.top-menu a,header .panel .user,header .panel .cart,.subcategories li a {-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;}

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

@media only screen and (max-width: 1250px) {
body,header .inside,.top-menu section,.container,.promo-section,.navigation ul {width: 100%; max-width: 1200px;}
header .inside .brands li {padding: 0 16px 0 0;}
header .panel form .text {width: 280px;}
}

@media only screen and (max-width: 1023px) {
header .inside .brands,header .inside dl {display: none;}
header .logo {width: 100%; padding: 23px 0 0 0;}
header .panel {top: 190px;}
header .panel .user {width: 42px; padding: 0; margin: 0 5px 0 0; background: #000 url(../images/ico-4.png) no-repeat center center!important; border: 1px solid #ee5d14; text-indent: -9999em;}
header .panel .user:hover {background-color: #ee5d14!important; background-position: center center;}
header .panel .cart {width: 42px; padding: 0; margin: 0 5px 0 0; background: #000 url(../images/basket.png) no-repeat center center!important; border: 1px solid #ee5d14; text-indent: -9999em;}
header .panel .cart:hover {background-color: #ee5d14!important; background-position: center center;}
header .panel form {margin: 0 5px 0 0; background: #000; border: 1px solid #ee5d14;}
header .panel form .text {color: #ddd;}
.top-menu {padding: 10px 0;}
.top-menu section small {width: 37px; height: 37px; margin: 0 0 0 10px; display: block; background: #ee5d14 url(../images/menu-ico.png) no-repeat center 2px; text-indent: -2000em; cursor: pointer;}
.top-menu section small:hover {background-color: #fff; background-position: center -98px;}
.top-menu section small.clicked {background-color: #fff; background-position: center -199px;}
.top-menu section ul {margin: 10px 0 0 0; background: #ee5d14;}
.top-menu section ul li {width: 100%; height: 32px; padding: 0; display: block; float: none; background: none; border-bottom: 1px solid #000;}
.top-menu section ul li a {height: auto; padding: 8px 0; display: block;}
.top-menu.fixed {position: relative; top: auto; left: auto;}
.contact-info {display: none;}
.shops {padding: 0;}
.shops article {margin: 20px 0; display: none;}
.shops h3 {padding: 7px 0; background: #ee5d14; border-bottom: 3px solid #fff; font-size: 19px; color: #fff; text-align: center; cursor: pointer;}
.shops h3 span {background: none;}
.shops h3:hover,.shops .clicked {background: #000;}
footer nav {padding: 0; border: 0; border-top: 1px solid #ebebeb; border-bottom: 3px solid #ebebeb;}
footer nav div {width: 100%; padding: 0; float: none; border-right: 0;}
footer nav div ul {display: none;}
footer nav div ul li {padding: 0; background: none; border-bottom: 1px solid #e8e9eb;}
footer nav div ul li a {padding: 4px 0; text-align: center;}
footer nav div ul li a:hover,footer nav div ul li.active a {background: #a8a8a8; color: #fff; text-decoration: none;}
.newsletter {width: 100%; padding: 0; float: none; clear: both;}
.newsletter .inside {padding: 20px; display: none;}
footer nav div h3,.newsletter h3,footer nav h3 {padding: 3px 0; background: #ee5d14; border-bottom: 3px solid #fff; font-size: 19px; color: #fff; text-align: center; cursor: pointer;}
footer nav div h3:hover,.newsletter h3:hover,footer nav h3:hover,footer nav div h3.clicked,.newsletter .clicked,footer nav .clicked {background: #000;}
footer p {padding: 5px 10px; font-size: 13px;}
footer p span {position: relative; top: auto; right: auto;}
.sidebar {width: 100%; padding: 0; float: none; clear: both;}
.sidebar .nav {margin: 0;}
.sidebar .nav small {padding: 10px; display: block; background: #ff5900; border-bottom: 2px solid #fff; font-size: 20px; color: #fff; font-weight: 600; text-align: center; cursor: pointer; text-transform: uppercase;}
.sidebar .nav small:hover,.sidebar .nav small.clicked {background: #000;}
.sidebar .nav ul {display: none;}


.sidebar .popular {padding: 0; background: #ee5d14;}
.sidebar .popular h3 {line-height: 20px; padding: 10px; font-size: 20px; text-align: center; cursor: pointer;}
.sidebar .popular h3:hover,.sidebar .popular h3.clicked {background: #000;}
.sidebar .popular h3 {display: block; font-weight: 800;}
.sidebar .popular h3 span {display: inline-block; font-weight: 400;}
.sidebar .popular .product {display: none; border-bottom: 5px solid #ff5900;} 

.content {width: 100%; padding: 16px 0; float: none; clear: both;}
.product-description {padding: 25px 2% 0 2%;}
}

@media only screen and (max-width: 900px) {
.shops article,.shops aside {width: 100%; padding: 0 0 20px 0; display: none; float: none; border-right: 0; border-bottom: 1px solid #ebebeb;}
.about {width: 94%; padding: 28px 3% 22px 3%; float: none;}
.articles {width: 94%; margin: 0 3% 12px 3%;}
.articles ul {padding: 0 8px 10px 8px;}
.articles ul li {background-position: 97% 17px}
.pagination {padding: 10px 0 0 0; position: relative; top: auto; right: auto;}
.catalog li {width: 33.333%;}
.catalog li:nth-child(4n+4) .product {border-right: 1px solid #e4e4e4;}
.other-products .catalog li {border-bottom: 1px solid #e4e4e4;}
.gallery {width: 96%; padding: 0 2% 20px 2%; float: none;}
.column {width: 100%; float: none;}
}

@media only screen and (max-width: 768px) {
.about p {line-height: 33px;}
.catalog li {width: 50%;}
.subcategories li {width: 31%;}
.ask-form .verify .tx {width: 90%; padding: 0 5%; margin: 0 0 5px 0; float: none;}
.ask-form .verify .go {width: 100%; padding: 0;}
.ask-form .line li {width: 98%!important; padding: 0; margin: 0 0 10px 0; float: none;}
}

@media only screen and (max-width: 600px){
.about img {width: 50%;}
header .panel form .text {width: 180px;}
.subcategories li {width: 48%;}
.column ul {width: 100%; padding: 20px 0;}
.column .add-box {width: 100%;}

input.buttones, input.button { margin:10px; width:90%}
}	

@media only screen and (max-width: 480px){
header .panel form .text {width: 70px;}
.sort {padding: 8px 15px;}
.pagination span {display: none;}
.sort-form label {padding: 0; float: none; text-align: center;}
.sort-form .sel {width: 97%; height: 27px; margin: 0 auto; float: none;}
.sort-form .go {width: 100%; padding: 0; margin: 10px 0 0 0;}
.catalog li {width: 100%;}
.subcategories li {width: 98%;}

.dane-tx {float:left; width:35%; padding:16px 5px 0 5px; text-align:right}
.dane-in {float:left; width:55%; padding:5px;}		
.dane-in input.text {width:180px!important}

textarea { max-width:270px!important}
.fotkamiot {display:none;}
.dodatkoweinputy input.text {max-width:120px!important; margin-top:2px;}
}

@media only screen and (max-width: 320px){
	
	.dane-tx {float:left; width:95%; padding:16px 5px 0 15px; text-align:left}
.dane-in {float:left; width:95%; padding:5px;}		
.dane-in input.text {width:240px!important}
#inputo-koszyko  input.text{max-width:20px!important;}

textarea { max-width:210px!important}

}