/* ==========================================================================
	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: #58605f; font-family: ubunturegular, Arial, sans-serif; font-size: 14px; background: #f8f9fd;}


/* ==========================================================================
	FONTS
========================================================================== */
@font-face {font-family: 'ubunturegular';src: url('../fonts/ubuntu-regular-webfont.eot');src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ubuntu-regular-webfont.woff2') format('woff2'),url('../fonts/ubuntu-regular-webfont.woff') format('woff'),url('../fonts/ubuntu-regular-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ubuntumedium';src: url('../fonts/ubuntu-medium-webfont.eot');src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ubuntu-medium-webfont.woff2') format('woff2'),url('../fonts/ubuntu-medium-webfont.woff') format('woff'),url('../fonts/ubuntu-medium-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ubuntubold';src: url('../fonts/ubuntu-bold-webfont.eot');src: url('../fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/ubuntu-bold-webfont.woff2') format('woff2'),url('../fonts/ubuntu-bold-webfont.woff') format('woff'),url('../fonts/ubuntu-bold-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;}


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

/* style */
/**************************************/
.wrapper {width: 100%; min-width: 320px; background: url(../images/bg.png) repeat-x 0 0;}
.container {width: 1200px; margin: 0 auto;}
ul {list-style: none;}
a {text-decoration: none; color: #58605f; position: relative;}
a:hover {text-decoration: none; color: #3799da;}

/* header */
/**************************************/
.header {width: 1200px; margin: 0 auto; padding: 0 0 13px 0; position: relative;}
.header:before {width: 271px; height: 165px; background: url(../images/top.png); position: absolute; top: 0; left: 543px; content: ""; z-index: 10;}
	.header .slogan {font-size: 12px; color: #828282; position: absolute; top: 20px; left: 4px;}
	.header .logo {display: block; width: 255px; height: 41px; padding: 51px 0 19px 0;}
		.header .logo a {width: 255px; height: 41px; text-indent: -2000em; background: #88be4c url(../images/logo.png) no-repeat center center; display: inline-block;}
	.header .panel {color: #1a181c; position: absolute; top: 17px; right: 0; z-index: 10;}
		.header .panel .lang {font-size: 12px; float: left;}
			.header .panel .lang .name {height: 30px; line-height: 30px; padding: 0 5px 0 0; display: inline-block; float: left;}
			.header .panel .lang .lang-list {height: 28px; padding: 0 0 0 9px; display: inline-block; float: left; border: 1px solid #d8d8d8; background: url(../images/silver.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
				.header .panel .lang .lang-list li {float: left; padding: 6px 9px 0 0;}
					.header .panel .lang .lang-list li a {width: 22px; height: 14px; display: inline-block; text-indent: -2000em; border: 1px solid #eee;}
					.header .panel .lang .lang-list li .pl {background: url(../images/pl.png);}
					.header .panel .lang .lang-list li .en {background: url(../images/en.png);}
					.header .panel .lang .lang-list li a:hover {opacity: 0.5;}
		.header .panel .currancy {padding: 0 0 0 20px; font-size: 12px; float: left;}
			.header .panel .currancy .name {height: 30px; line-height: 30px; padding: 0 5px 0 0; display: inline-block; float: left;}
			.header .panel .currancy .lang-list {float: left;}
				.header .panel .currancy .sel {height: 24px; padding: 4px 8px 0 2px; display: inline-block; float: left; border: 1px solid #d8d8d8; background: url(../images/silver.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
					.header .panel .currancy .sel select {padding: 0 7px; background: none; border: 0;}
		.header .panel .user {padding: 5px 0 0 20px; font-size: 14px; float: left;}
			.header .panel .user li {padding: 0 16px; float: left; border-right: 1px solid #1a181c;}
			.header .panel .user li:last-child {border: 0;}
				.header .panel .user li a {color: #1a181c;}
				.header .panel .user li a:hover {text-decoration: underline;}
	.header .search-form {width: 262px; border: 1px solid #d8d8d8; position: absolute; top: 55px; left: 292px; background: url(../images/input.png) repeat-x; z-index: 11; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.header .search-form .text {width: 85%; height: 33px; line-height: 33px; padding: 0 10% 0 5%; font-size: 12px; color: #7c8282; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.header .search-form .go {width: 33px; height: 33px; background: url(../images/go.png); cursor: pointer; position: absolute; top: 0; right: 0; text-indent: -2000em;}
		.header .search-form .go:hover {opacity: 0.5;}
	.header .basket {height: 28px; line-height: 28px; padding: 3px 44px 3px 18px; font-size: 12px; color: #fff; font-family: ubuntumedium; background: url(../images/blue.png) repeat-x; position: absolute; top: 61px; right: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.header .basket:after {width: 25px; height: 21px; background: url(../images/basket-ico.png); position: absolute; top: 6px; right: 11px; content: "";}
	.header .basket:hover {background-position: 0 -34px;}
		.header .basket .name {padding: 0 15px 0 0; float: left;}
		.header .basket .no-container {padding: 0 12px; background: #0d9bdd; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.header .basket:hover .no-container {background: #16bbda;}
	.header .top-menu-container {min-height: 34px; position: relative; clear: both;}
		.header .top-menu-container .contact-info {color: #828282; font-size: 18px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; position: absolute; top: 8px; right: 0;}
			.header .top-menu-container .contact-info span {color: #0d9bdd;}
		.header .top-menu-container .menu-ico {display: none;}
		.header .top-menu-container .top-menu {padding: 12px 0 0 0; font-size: 18px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; position: relative; z-index: 11;}
			.header .top-menu-container .top-menu li {padding: 0 7px 0 6px; float: left; background: url(../images/break.png) no-repeat right 1px;}
				.header .top-menu-container .top-menu li a {line-height: 18px; padding: 0 7px 8px 7px; color: #828282; display: block; border-bottom: 3px solid #fff;}
				.header .top-menu-container .top-menu li a:hover,.header .top-menu-container .top-menu .active a {border-bottom: 3px solid #14a2e3;}
					.header .top-menu-container .top-menu li:first-child {padding: 0 0 0 4px; background: none;}
					.header .top-menu-container .top-menu li:first-child a {width: 13px; height: 17px; padding: 0; display: block; background: url(../images/home-ico.png) no-repeat 0 4px; text-indent: -2000em; border-bottom: 0;}
				.header .top-menu-container .top-menu li:last-child {padding: 0 0 0 6px; background: none;}

/* sidebar */
/**************************************/
.sidebar {width: 20%; padding: 0 0 30px 0; float: left;}

/* sidebar menu */
/**************************************/
.categories-menu {background: #fff; border: 1px solid #d1d6da; box-shadow: 0 0 3px #e0e1e4; margin: 0 0 9px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.categories-menu .title-section {border-bottom: 2px solid #e8ecef; padding: 15px; font-weight: normal; text-transform: uppercase; color: #000; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; background: url(../images/cat-ico.png) no-repeat 95% 50%;}
	.categories-menu .sidebar-menu {padding: 0 2px; font-size: 13px; font-family: ubuntumedium;}
		.categories-menu .sidebar-menu li {border-bottom: 1px solid #e8ecef; background: url(../images/bullet.png) no-repeat 6px 10px;}
			.categories-menu .sidebar-menu .no {color: #3799da; position: absolute; top: 5px; right: 5px;}
			.categories-menu .sidebar-menu li a {display: block; padding: 5px 30px 5px 22px; }
			.categories-menu .sidebar-menu .active a {color: #3799da; position: relative;}
			.categories-menu .sidebar-menu .active .sub {color: #7c8282; padding: 6px 30px 6px 22px; font-family: ubunturegular; background: #f5f6fb;}
			.categories-menu .sidebar-menu .active .sub.active,.categories-menu .sidebar-menu .active .sub:hover {color: #3799da;}
			.categories-menu .sidebar-menu .active .sub:before {content: "- ";}

/* companies */
/**************************************/
.sidebar .companies {padding: 14px; margin: 0 0 9px 0; background: #1482b4 url(../images/blue-gradient.png) repeat-x 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.sidebar .companies .title-section {color: #fff; text-transform: uppercase; padding: 0 0 13px 0; font-size: 16px; display: block; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
	.sidebar .companies .sel {width: 97%; padding: 5px 1% 0 1%; background: #fff; height: 20px; border: 1px solid #e6e6e3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.sidebar .companies .sel select {border-radius:0;border: 0; width: 100%; color: #000; font-size: 11px; background: none; margin: 0; padding: 0; font-family: ubuntumedium;}

/* sidebar products */
/**************************************/
.sidebar-products {margin: 0 0 9px 0; background: #fff; border: 1px solid #d1d6da; box-shadow: 0 0 3px #e0e1e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.sidebar-products .title-section {padding: 15px; font-size: 16px; color: #1387bc; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-transform: uppercase; border-bottom: 2px solid #e8ecef; display: block;}
	.sidebar-products .inside {padding: 0 5px;}
		.sidebar-products .inside .product-simple {padding: 18px 15px 0 15px; border-bottom: 1px solid #e8ecef;}
			.sidebar-products .inside .product-simple .name {font-size: 13px; padding: 0 0 7px 0;}
				.sidebar-products .inside .product-simple .name a {color: #302c33; font-family: ubuntumedium;}
				.sidebar-products .inside .product-simple .name a:hover {color: #f34f29;}
			.sidebar-products .inside .product-simple .picture {width: 45%; padding: 0 2% 0 0; float: left; overflow: hidden;}
			.sidebar-products .inside .product-simple .col {width: 51%; padding: 21px 2% 5px 0; float: left; font-size: 12px; text-align: right; overflow: hidden;}
				.sidebar-products .inside .product-simple .col span {display: block;}
				.sidebar-products .inside .product-simple .col .brutto {font-size: 13px; font-family: ubuntubold;}
				.sidebar-products .inside .product-simple .col .brutto.promo {color: #ff0000;}
				.sidebar-products .inside .product-simple .col .old {color: #000; text-decoration: line-through;}
				.sidebar-products .inside .product-simple .col .more {padding: 10px 0 5px 0;}
					.sidebar-products .inside .product-simple .col .more a {width: 25px; height: 22px; background: url(../images/more.png); text-indent: 2000em; display: inline-block;}
					.sidebar-products .inside .product-simple .col .more a:hover {background-position: 0 -22px;}

/* day product */
/**************************************/
.day-product {margin: 10px 0 8px 0; background: #fff; border: 1px solid #d1d6da; box-shadow: 0 0 3px #d1d6da; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.day-product:before {width: 37px; height: 75px; background: url(../images/special.png); content: ""; position: absolute; top: -10px; left: 14px; z-index: 2;}
	.day-product .title-section {margin: 12px 10px 16px 62px; padding: 0 0 12px 0; border-bottom: 1px solid #dcdcdc; display: block; text-transform: uppercase; font-size: 16px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
	.day-product .product {border: 0;}
		.day-product .product .price {height: auto; padding-bottom: 17px;}
		.day-product .product .name {min-height: 100%; padding-bottom: 0;}
		.day-product .product .more {width: 25px; position: absolute; bottom: 22px; right: 19px; overflow: hidden;}
			.day-product .product .more a {width: 25px; height: 22px; background: url(../images/more.png); text-indent: 2000em; display: inline-block;}
			.day-product .product .more a:hover {background-position: 0 -22px;}

/* shipping */
/**************************************/
.shipping {margin: 0 0 8px 0;}
	.shipping .title-section {display: none;}
	.shipping .inside {padding: 13px 12px; line-height: 18px; background: #fff url(../images/shipping.jpg) no-repeat right bottom; border: 1px solid #d1d6da; box-shadow: 0 0 3px #d1d6da; font-size: 14px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.shipping .inside span {color: #000;}
		.shipping .inside .info {padding: 0 0 17px 0;}
		.shipping .inside h3 {padding: 0 0 17px 0; font-size: 14px; font-weight: normal; color: #000;}
		.shipping .inside .list {padding: 0 0 17px 0;}
			.shipping .inside .list a:hover {text-decoration: underline;}
		.shipping .inside .logos {width: 77px; padding: 15px 0 5px 0; text-align: center;}
			.shipping .inside .logos li {padding: 0 0 10px 0;}
				.shipping .inside .logos li a {box-shadow: 0 0 4px #555; display: inline-block; text-indent: -2000em;}
				.shipping .inside .logos li a:hover {opacity: 0.6;}
				.shipping .inside .logos .dhl {width: 77px; height: 45px; background: url(../images/dhl.png);}
				.shipping .inside .logos .fx {width: 73px; height: 27px; background: url(../images/fx.png);}
				.shipping .inside .logos .pp {width: 72px; height: 47px; background: url(../images/pp.png);}

/* partner */
/**************************************/
.partner {margin: 0 0 8px 0;}
	.partner .title-section {display: none;}
	.partner .inside {padding: 7px 11px; color: #fff; background: #1482b4 url(../images/blue-gradient.png) repeat-x 0 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.partner .micro-logo {width: 212px; height: 75px; background: url(../images/mikrotik.png) no-repeat; display: inline-block; text-indent: -2000em;}
		.partner .info {padding: 14px 0 12px 0; text-align: left; font-size: 14px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;}
		.partner .certyficat {padding: 0 0 8px 0;}

/* comparison */
/**************************************/
.compare-box {background: #fff; border: 1px solid #d1d6da; box-shadow: 0 0 3px #e0e1e4; margin: 0 0 18px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.compare-box .title-section {padding: 15px; font-size: 16px; color: #1387bc; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-transform: uppercase; border-bottom: 2px solid #e8ecef; display: block;}
	.compare-box .inside ul {padding: 0 5px;}
		.compare-box .inside li {border-bottom: 1px solid #e8ecef; position: relative;}
			.compare-box .inside li a {padding: 17px 32px 17px 12px; display: block; font-size: 12px; font-family: ubuntumedium; color: 000;}
			.compare-box .inside li a:hover {text-decoration: underline;}
				.compare-box .inside li .input {width: 25px; height: 22px; background: url(../images/remove.png); position: absolute; top: 13px; right: 0; text-indent: -2000em;}
				.compare-box .inside li .input:hover {background-position: 0 -22px;}
	.compare-box .inside .button {text-align: right; padding: 10px 5px;}
		.compare-box .inside .button a{height: 28px; padding: 5px 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2.png); text-transform: uppercase; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
		.compare-box .inside .button a:hover {background-position: 0 -28px;}

/* content */
/**************************************/
.content {width: 58%; padding: 0 1% 30px 1%; float: left;}
.contentBasket {width: 100%; padding: 0 1% 30px 1%; }

/* footer */
/**************************************/
.footer-container {background: #edf0f2; border-top: 3px solid #fff;}
	.footer-container .footer {width: 1200px; margin: 0 auto;}
		.footer-container .footer .col-1 {width: 47%; float: right;}
		.footer-container .footer .col-2 {width: 52%; padding: 0 1% 0 0; float: right; font-family: ubunturegular;}
			.footer-container .footer .footer-links {padding: 23px 0 18px 2%; font-size: 12px;}
				.footer-container .footer .footer-links dl {width: 30%; padding: 0 3% 0 0; float: left;}
					.footer-container .footer .footer-links dt {font-size: 15px; font-family: ubuntubold; color: #000; height: 36px;}
						.footer-container .footer .footer-links dt .title-links {display: none;}
						.footer-container .footer .footer-links dd {padding: 0 0 3px 0;}
							.footer-container .footer .footer-links .active a,.footer-container .footer .footer-links a:hover {text-decoration: underline; color: #22adec;}
							.footer-container .footer .footer-links .logo {display: block; width: 109px; height: 16px;}
								.footer-container .footer .footer-links .logo a {width: 109px; height: 16px; text-indent: -2000em; background: url(../images/flogo.png) no-repeat center center; display: inline-block;}
			.footer-container .footer .copyright {border-top: 1px solid #dce0e3; padding: 16px 0 18px 2%; font-size: 12px;}
				.footer-container .footer .copyright p {padding: 0 0 3px 0;}
.bottom-pages {background: #fff; clear: both;}
	.bottom-pages .payment-logos {width: 1200px; padding: 20px 0 26px 0; margin: 0 auto; text-align: center; font-size: 0;}
		.bottom-pages .payment-logos li {display: inline-block; padding: 0 0 5px 0;}
			.bottom-pages .payment-logos span {height: 18px; display: block; text-indent: -2000em;}
			.bottom-pages .payment-logos .logo-payment-1 {width: 57px; background: url(../images/logo-payment-1.png);}
			.bottom-pages .payment-logos .logo-payment-2 {width: 33px; background: url(../images/logo-payment-2.png);}
			.bottom-pages .payment-logos .logo-payment-3 {width: 51px; background: url(../images/logo-payment-3.png);}
			.bottom-pages .payment-logos .logo-payment-4 {width: 43px; background: url(../images/logo-payment-4.png);}
			.bottom-pages .payment-logos .logo-payment-5 {width: 50px; background: url(../images/logo-payment-5.png);}
			.bottom-pages .payment-logos .logo-payment-6 {width: 41px; background: url(../images/logo-payment-6.png);}
			.bottom-pages .payment-logos .logo-payment-7 {width: 50px; background: url(../images/logo-payment-7.png);}
			.bottom-pages .payment-logos .logo-payment-8 {width: 51px; background: url(../images/logo-payment-8.png);}
			.bottom-pages .payment-logos .logo-payment-9 {width: 42px; background: url(../images/logo-payment-9.png);}
			.bottom-pages .payment-logos .logo-payment-10 {width: 50px; background: url(../images/logo-payment-10.png);}
			.bottom-pages .payment-logos .logo-payment-11 {width: 38px; background: url(../images/logo-payment-11.png);}
			.bottom-pages .payment-logos .logo-payment-12 {width: 46px; background: url(../images/logo-payment-12.png);}
			.bottom-pages .payment-logos .logo-payment-13 {width: 47px; background: url(../images/logo-payment-13.png);}
			.bottom-pages .payment-logos .logo-payment-14 {width: 45px; background: url(../images/logo-payment-14.png);}
			.bottom-pages .payment-logos .logo-payment-15 {width: 44px; background: url(../images/logo-payment-15.png);}
			.bottom-pages .payment-logos .logo-payment-16 {width: 48px; background: url(../images/logo-payment-16.png);}
			.bottom-pages .payment-logos .logo-payment-17 {width: 48px; background: url(../images/logo-payment-17.png);}
			.bottom-pages .payment-logos .logo-payment-18 {width: 49px; background: url(../images/logo-payment-18.png);}
			.bottom-pages .payment-logos .logo-payment-19 {width: 50px; background: url(../images/logo-payment-19.png);}
			.bottom-pages .payment-logos .logo-payment-20 {width: 42px; background: url(../images/logo-payment-20.png);}
			.bottom-pages .payment-logos .logo-payment-21 {width: 55px; background: url(../images/logo-payment-21.png);}
			.bottom-pages .payment-logos .logo-payment-22 {width: 32px; background: url(../images/logo-payment-22.png);}
			.bottom-pages .payment-logos .logo-payment-23 {width: 45px; background: url(../images/logo-payment-23.png);}
			.bottom-pages .payment-logos .logo-payment-24 {width: 45px; background: url(../images/logo-payment-24.png);}
			.bottom-pages .payment-logos .logo-payment-25 {width: 51px; background: url(../images/logo-payment-25.png);}
			.bottom-pages .payment-logos .logo-payment-26 {width: 43px; background: url(../images/logo-payment-26.png);}

/* newsletter */
/**************************************/
.newsletter {padding: 29px 0 20px 0; color: #4c5554; background: url(../images/line.png) no-repeat 0 97%;}
	.newsletter .title-section {width: 15%; padding: 0 0 0 1%; float: left; font-size: 15px; font-weight: normal; font-family: ubuntubold; color: #000;}
	.newsletter .inside {width: 84%; float: left;}
		.newsletter .inside .info {width: 40%; line-height: 15px; padding: 0 2% 0 0; float: left; font-size: 13px;}
		.newsletter .inside .newsletter-form {width: 57%; min-height: 28px; padding: 3px 0; float: left; border: 1px solid #e6e9ec; background: url(../images/input.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			.newsletter .inside .newsletter-form .text {border:0; border-radius:0; width: 67%; height: 28px; line-height: 28px; padding: 0 2%; float: left; background: none; font-size: 12px; color: #000;}
			.newsletter .inside .newsletter-form .btn {height: 28px; margin: 0 1% 0 0; font-size: 12px; font-family: ubuntumedium; text-transform: uppercase; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
			.newsletter .inside .newsletter-form .btn-1 {width: 12%; background: url(../images/btn-1.png); color: #4c5554;}
			.newsletter .inside .newsletter-form .btn-2 {width: 15%; background: url(../images/btn-2.png); color: #fff;}
			.newsletter .inside .newsletter-form .btn:hover {background-position: 0 -28px!important;}

/* contact box */
/**************************************/
.contact-box {min-height: 232px; padding: 0 25px; margin: 0 0 18px 0; background: #fff url(../images/contact-bg.jpg) no-repeat right bottom; position: relative; border: 1px solid #e8ecef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.contact-box h3 {color: #000; font-size: 15px; font-family: ubuntubold; font-weight: normal; padding: 23px 0 13px 0;}
	.contact-box .bigger {color: #4c5554; font-size: 15px; font-family: ubuntubold; padding: 0 0 13px 0; display: block;}
	.contact-box p {font-size: 13px; padding: 0 0 13px 0; font-family: ubunturegular;}
	.contact-box dl {width: 33%; padding: 0 6% 0 0; float: left;}
		.contact-box dt {font-size: 13px; line-height: 16px; padding: 0 0 13px 0; font-family: ubuntubold;}
		.contact-box dd {font-size: 13px; line-height: 13px; padding: 0 0 2px 0;}
			.contact-box dd span {color: #000;}
			.contact-box dd a {color: #22adec; text-decoration: underline;}
			.contact-box dd a:hover {color: #ff3600; text-decoration: underline;}
	.contact-box .more {position: absolute; right: 10px; bottom: -5px;}
		.contact-box .more a {height: 28px; line-height: 28px; padding: 0 16px; display: inline-block; color: #fff; text-transform: uppercase; background: url(../images/orange-bg.png) repeat-x 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.contact-box .more a:hover {background-position: 0 -28px;}

/* navigation */
/**************************************/
.navigation {padding: 12px 16px; margin: 0 0 14px 0; background: #fff; border: 1px solid #dbdfe2; font-size: 12px; font-family: ubuntumedium; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.navigation li {padding: 0 18px 0 0; float: left; background: url(../images/menu-arrow.png) no-repeat right 4px;}
	.navigation li:last-child {padding: 0; background: none;}


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

/* styles */
/**************************************/
.content-main-page {width: 79%; padding: 0 0 30px 1%; float: left;}
	.content-main-page .main-page-content {width: 74%; padding: 0 1% 0 0; float: left;}
	
		.content-main-page .main-page-content .news {clear: both; padding: 0 0 6px 0;}
			.content-main-page .main-page-content .news li {padding: 10px 2%; margin: 0 0 4px 0; font-size: 12px; line-height: 15px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; border: 1px solid #dbdfe2; background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			.content-main-page .main-page-content .news li:after {content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
				.content-main-page .main-page-content .news .date {width: 100%; float: left;}
				.content-main-page .main-page-content .news .title {width: 90%; padding: 0 10% 0 0px; float: left; margin-bottom:5px;}
					.content-main-page .main-page-content .news .title a {color: #00afff; font-size: 15px;}
					.content-main-page .main-page-content .news .title a:hover {text-decoration: underline;}
				.content-main-page .main-page-content .news .more {width: 25px; position: absolute; top: 7px; right: 7px; overflow: hidden;}
					.content-main-page .main-page-content .news .more a {width: 25px; height: 22px; background: url(../images/more.png); text-indent: 2000em; display: inline-block;}
					.content-main-page .main-page-content .news .more a:hover {background-position: 0 -22px;}
					
					.aktu-desco { padding: 0 10% 0 0px; text-align:justify}
					.aktu-desco a {color:#1482b4}
					.aktu-desco a:hover {text-decoration:underline}
					
	.content-main-page .sidebar {width: 25%; padding: 0; float: left;}

/* slider */
/**************************************/
.slider-wrapper {margin: 0 0 10px 0; border: 1px solid #dbdfe2; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.slider-wrapper .box {float: left;}
.nivoSlider {position:relative;width:100%;height:auto;overflow: hidden;}
.nivoSlider img {position:absolute;top:0px;left:0px;max-width: none;}
.nivo-main-image {display: block !important;position: relative !important;width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
.nivo-box img {display:block;}
.nivo-directionNav a {position:absolute; top: 47%; z-index: 9; cursor: pointer; height: 28px; width: 25px; text-indent: -2000em; display: none;}

.nivo-prevNav {left: 20px; background: url(../images/prev.png) no-repeat center -25px; }
.nivo-nextNav {right: 20px; background: url(../images/next.png) no-repeat center -25px; }
.nivo-controlNav {width: 100%; text-align:center; display: block; position: absolute; bottom: 5px; left: 0; z-index: 10;}
.nivo-controlNav a {width: 10px; height: 10px; margin: 0 3px; border: 1px solid #000; display: inline-block; text-indent: -2000em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}
.nivo-controlNav a.active {background: #000;}


/* products */
/**************************************/
.products-boxes {background: #fff; border: 1px solid #dbdfe2; margin: 0 0 8px 0; padding: 0 1% 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.products-boxes .title-section {display: block; padding: 18px 20px 18px 44px; background: url(../images/arrow-down.png) no-repeat 18px center; font-size: 18px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; color: #4a4a4a; font-weight: normal; text-transform: uppercase;}
	.products-boxes .boxes li {width: 31%; margin: 0 0 10px 2%; float: left;}

/* product */
/**************************************/
.product {border: 1px solid #e8ecef; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.product .picture {height: 140px; margin: 11px 0 5px 0; text-align: center; overflow: hidden;}
	.product .picture .atribute {width: 79px; height: 75px; position: absolute; top: 0; left: 0; text-indent: -2000em;}
	.product .picture .atribute.new {background: url(../images/new.png);}
	.product .picture .atribute.bestseller {background: url(../images/bestseller.png);}
	.product .name {min-height: 56px; line-height: 18px; padding: 0 12px; overflow: hidden; font-size: 13px; font-family: ubuntumedium;}
		.product .name a {color: #000;}
		.product .name a:hover {color: #1482b4;}
	.product .price {height: 60px; padding: 20px 0 0 12px; line-height: 15px; font-size: 13px;}
		.product .price span {display: block;}
		.product .price .brutto {font-size: 15px; font-family: ubuntubold; color: #000;}
		.product .price .brutto.promo {color: #ff0000;}
		.product .price .old {color: #000; text-decoration: line-through;}
	.product .add {position: absolute; bottom: 23px; right: 7px;}
	.product .add img {padding-left:4px;}
		.product .add label {line-height: 24px; display: inline-block; color: #d0d0d0; font-size: 13px; float: left;}
		.product .add input {float: left;}
		.product .add .inputIlosc {width: 19px; height: 22px; line-height: 22px; padding: 0 5px; margin: 0 3px; border: 1px solid #dbdfe2; text-align: center; display: inline-block; color: #959595; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

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

/* styles */
/**************************************/
.catalog-page {padding: 0 7px; background: #fff; border: 1px solid #dbdfe2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.product-wide {margin: 0 0 5px 0; border: 1px solid #e8ecef; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.product-wide:hover {border: 1px solid #cdd2d5; box-shadow: 0 0 3px #e3e2e2;}
	.product-wide .picture {width: 100px; max-height: 100px; margin: 10px 0; text-align: center; overflow: hidden; float: left;}
		.product-wide .picture img {max-height: 75px;max-width: 75px;}
	.product-wide .picture .atribute {width: 79px; height: 75px; position: absolute; top: 0; left: 0; text-indent: -2000em;}
	.product-wide .picture .atribute.new {background: url(../images/new.png);}
	.product-wide .picture .atribute.bestseller {background: url(../images/bestseller.png);}
		.product-wide .picture .atribute.wyprz {background: url(../images/wyprz.png);}
	.product-wide .infos {width: 60%; padding: 5px 2% 0 0%; float: left;border-right: 1px solid #e8ecef; min-height:110px;}
		.product-wide .infos .name {font-size: 13px; font-family: ubuntumedium; padding: 0 0 5px 0;}
		.product-wide .infos .description {line-height: 18px; font-size: 12px; padding: 0 0 5px 0;}
		.product-wide .infos .description a{color:#6aa409 }
		.product-wide .infos .company {font-size: 12px; padding: 0 0 5px 0;}
			.product-wide .infos .company a {color: #3799da;}
			.product-wide .infos .company a:hover {text-decoration: underline;}
	.product-wide .col {width: 20%; margin: 5px 0; padding: 0px 0 0 0; text-align: right;  float: left; position:relative}
	
	
	.product-wide .comparisonKatalog {position:absolute; right:14px; bottom:42px; font-size:11px;}
	.product-wide .comparisonKatalog a {width: auto!important; height: 28px; padding: 5px 0px ; color: #6aa409 ; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.product-wide .comparisonKatalog a:hover {background-position: 0 -28px; color: #000;}
	
	
		.product-wide .col .price {clear: both; height:50px;}
			.product-wide .col .price .brutto {color: #000; font-size: 15px; display: block;}
			.product-wide .col .price .netto {padding: 2px 0; font-size: 13px; display: block;}
			.product-wide .col .price .promo {color:#ff0000!important; font-weight:bold}
			.product-wide .col .price .old { text-decoration: line-through;}
			
			.product-wide .col .price .nettoGr {padding: 1px 0; font-size: 13px; display: block;}
			.product-wide .col .price .nettoGr  .zakres { font-size: 11px; padding:0 5px 0 0; font-weight:bold;}
			
		.product-wide .add { position:absolute; bottom:10px; right:14px}
		.product-wide .add  img { padding: 0 0 0 4px}
		.product-wide .addPo { position:absolute; bottom:10px; right:44px; color: #d0d0d0;}
		.product-wide .addPo  .inputIlosc { border: 1px solid #dbdfe2;
    border-radius: 5px;
    color: #959595;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    margin: 0 3px 0 0;
    padding: 0 5px;
    text-align: center;
    width: 19px;}

/* sort */
/**************************************/
.sort-cat {position: relative;}
	.sort-cat .sort {border-bottom: 1px solid #e7ecf6; padding: 6px 5px; position: relative;}
		.sort-cat label {float: left; display: block; padding: 0 14px 0 0; line-height: 34px; font-size: 12px; color: #7c8282;}
		.sort-cat .sel {width: 141px; padding: 7px 2% 0 2%; height: 25px; float: left; margin: 0 3px 0 0; background: url(../images/input2.png); border: 1px solid #e2e5e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.sort-cat .sel.sh {width: 80px; margin: 0 4px;}
			.sort-cat .sel select {border-radius:0; padding:0; border: 0; width: 100%; color: #7c8282; font-size: 12px; background: none;}
		.sort-cat .go {background: url(../images/sort.png); margin: 0 0 0 5px; text-transform: uppercase; height: 34px; padding: 0 15px 0 37px; cursor: pointer; float: left; border: 0; color: #fff; font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.sort-cat .go:hover {background-position: 0 -34px;}

/* pagination */
/**************************************/
.pagination {padding: 11px 5px; font-size: 12px; clear: both; color: #7c8282; text-align: right;}
	.pagination span {line-height: 27px; display: inline-block; padding: 0 12px 0 0;}
	.pagination .pages {min-height: 27px; color: #fff; display: inline-block; background: #0e9cde url(../images/pagi.png) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.pagination .pages span {font-weight: bold;}
		.pagination ul {float: left; padding: 3px 5px 0 5px;}
			.pagination ul li {float: left; margin: 0 0 0 4px; line-height: 25px;}
				.pagination ul li a {display: block; padding: 4px 7px 7px 7px; line-height: 13px; color: #fff;}
				.pagination ul li a:hover,.pagination ul .active a {background: url(../images/navi-hover.png); color: #fff; color: #000; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
				.pagination ul .active a {font-family: ubuntubold;}

/* filters */
/**************************************/
.filters {padding: 0 9px; margin: 0 0 8px 0; background: #01aefd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.filters .title-section {padding: 15px 9px 10px 9px; color: #fff; font-size: 14px; font-family: ubuntubold; font-weight: normal; display: block; text-transform: uppercase;}
	.filter-container {clear: both; padding: 0 0 1px 0;}
		.filter-container .inside-box {padding: 9px; margin: 0 0 10px 0; background: #fff; font-size: 12px; font-family: ubuntumedium; box-shadow: 0 0 4px #0794d4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
			.filter-container .filter h3 {color: #119fe0; padding: 3px 0 10px 0; font-family: ubuntubold; font-size: 13px; font-weight: normal; text-transform: uppercase;}
			.filter-container .filter p {padding: 0 0 5px 0;}
			.filter-container .filter .checkboxes {padding: 0 0 5px 25px; position: relative; font-size:13px;}
				.filter-container .filter .checkboxes input {position: absolute; top: 1px; left: 0;}
				.filter-container .filter p input {margin: 0 7px 0 0; }
			.filter-container .filter .prices {padding: 0 0 3px 0;}
				.filter-container .filter .prices p {width: 40%; height: 26px; padding: 6px 0; float: left; margin: 0 0% 0 0;}
					.filter-container .filter .prices p span {width: 25%; height: 26px; line-height: 26px; padding: 0 0% 0 0; display: inline-block;}
					.filter-container .filter .prices p .fin {margin: 0; height: 24px; line-height: 24px; width: 72%; padding: 0 0%; text-align: center; border: 1px solid #dbdfe2; color: #003c71; background: url(../images/input2.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
				.filter-container .filter .sub-btn {padding: 7px 0 0 0; clear: both; text-align: right;}
					.filter-container .go {height: 28px; line-height: 28px; padding: 0 16px; display: inline-block; color: #fff; font-size: 12px; text-shadow: 1px 1px 0 #b97d08; text-transform: uppercase; background: url(../images/orange-bg.png) repeat-x 0 0; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
					.filter-container .go:hover {background-position: 0 -28px; text-shadow: 1px 1px 0 #000;}

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

/* styles */
/**************************************/
.product-page {padding: 0 14px; margin: 0 0 8px 0; background: #fff; border: 1px solid #dbdfe2; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.product-pageOther {padding: 0 14px; margin: 0 0 8px 0; background: #fff; border: 1px solid #dbdfe2; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:21px;}
.product-pageOther  a {color:#1387bc}
.product-pageOther  a:hover {color:#000; text-decoration:underline}
	.product-page .atribute {width: 79px; height: 75px; position: absolute; top: 0; left: 0; text-indent: -2000em;}
	.product-page .atribute.new {background: url(../images/new.png);z-index:1}
	.product-page .atribute.bestseller {background: url(../images/bestseller.png); z-index:1}
		
	.product-page .atribute.wyprz {background: url(../images/wyprz.png); z-index:1}
	
	.product-page .name {padding: 15px 0px 5px 10px; font-size: 17px; color: #000; font-weight: normal; font-family: ubuntubold; text-align: right; text-transform: uppercase;}
		.product-pageOther .nameOther {padding: 15px 0 5px 0px; font-size: 17px; color: #000; font-weight: normal; font-family: ubuntubold; text-align: left; text-transform: uppercase; }
	.product-page .product-description {padding: 24px 0 2px 0; line-height: 17px; font-size: 13px; clear: both;text-align: justify; }
	
	.product-page .product-description a {color:#1482b4}
	.product-page .product-description a:hover {text-decoration:underline}
	
		.product-page .product-description p {padding: 5px 0 10px 0;}
		.product-page .product-description ul {padding: 10px 0 20px 0; list-style: square}
			.product-page .product-description ul li {line-height: 17px; margin: 0 0 0 20px; padding: 0 0 0px 5px;}
	.product-page table {width: 100%; margin: 10px 0 10px 0;}
		.product-page table th {padding: 4px 0; font-size: 13px; font-family: ubuntubold; font-weight: normal; background: #f5f6fb;}
		.product-page table td {padding: 4px 8px; font-size: 13px; background: #eeeff3;}
		.product-page table td:nth-child(n+1) {color: #000; text-align: right;}
		.product-page table td:nth-child(n+2) {color: #58605f; text-align: left;}
		.product-page table tr:nth-child(2n+1) td {background: #f5f6fb;}
	.product-page .additional-accessories {padding: 25px 0 10px 0; position: relative;}
		.product-page .additional-accessories .title-section {padding: 0 0 25px 0; font-size: 15px; font-family: ubuntubold; color: #000; display: block;}
		.product-page .additional-accessories .info {padding: 0 33px 0 0; background: url(../images/blue-down.png) no-repeat right 4px; font-size: 13px; color: #58605f; display: inline-block; position: absolute; top: 25px; right: 0;}
		.product-page .additional-accessories .accesories {font-size: 13px; font-family: ubuntumedium; color: #58605f;}
			.product-page .additional-accessories .accesories li {padding: 3px 0; border-bottom: 1px solid #eeeff3; position: relative;}
			.product-page .additional-accessories .accesories li:after {content: " "; display: block; clear: both; visibility: hidden; line-height: 0;height: 0;}
			.product-page .additional-accessories .accesories li:last-child {border-bottom: 0;}
				.product-page .additional-accessories .accesories .pic {width: 10%; padding: 0 2% 0 0; text-align: center; float: left;}
					.product-page .additional-accessories .accesories .pic img {border: 1px solid #e8eaec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
				.product-page .additional-accessories .accesories .name-product {width: 70%; padding: 15px 0 0 0; float: left;}
					.product-page .additional-accessories .accesories .name-product a {color: #05acf9;}
					.product-page .additional-accessories .accesories .name-product a:hover {text-decoration: underline;}
				.product-page .additional-accessories .accesories .price {width: 10%; padding: 15px 0 0 0; text-align: right; float: left;}
				.product-page .additional-accessories .accesories .inputs {position: absolute; top: 20px; right: 15px;}
.white-box {padding: 0 8px; margin: 0 0 8px 0; background: #fff; border: 1px solid #dbdfe2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.white-box .heading {padding: 15px 7px; color: #13a3e5; font-size: 14px; font-weight: normal; font-family: ubuntubold; display: block; text-transform: uppercase;}

/* gallery */
/**************************************/
.gallery {width: 62%; float: left;}
	.gallery .big-pic {width: 58%; padding: 0 2% 0 0%; float: left; text-align: center;}
	.gallery .big-pic img { max-height: 250px}
	.gallery .thumbs {width: 38%; padding: 8px 0 0 0; float: left;}
		.gallery .thumbs li {width: 42%; height: 60px; margin: 0 2% 6% 0; text-align: center; float: left;}
			.gallery .thumbs li img {max-height: 100%;  border: 1px solid #e8eaec; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* product info */
/**************************************/
.product-info {width: 38%; float: left; text-align: right; font-size: 13px; padding: 0 0 28px 0; position: relative;}
	.product-info .company-logo {padding: 0 0 8px 0;}
	.product-info .company {padding: 0 0px 23px 0;}
		.product-info .company a {color: #307695; text-decoration: underline;}
		.product-info .company a:hover {color: #ff0000;}
	.product-info .prices {padding: 13px 16px; margin: 0 0 7px 0; color: #4c5554; display: inline-block; border: 3px solid #dbdfe2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.product-info .prices span {display: block;}
		.product-info .prices .promo-title {font-size: 12px; font-family: ubuntubold; color: #ff0000; padding: 0 0 7px 0;}
		.product-info .prices .brutto {font-size: 18px; font-family: ubuntubold; color: #000;}
		
		.product-info .prices .brutto b {font-size: 11px; font-weight:normal; color: #4c5554; padding:0 4px 0 0}
		.product-info .prices .brutto.promo {color: #ff0000;}
		.product-info .prices .old {color: #000; font-size: 15px; text-decoration: line-through;}
		
		.product-info .prices-omnibus {background:#ececec; padding:4px; border-radius:4px; margin-bottom:5px; display:inline-block}
		
	.product-info .shippment-info {padding: 0 0px 8px 0;}
		.product-info .shippment-info a {color: #000; font-size: 14px; font-family: ubuntubold; display: inline-block; padding: 0 14px 0 0; background: url(../images/right-arrow.png) no-repeat right 6px;}
		.product-info .shippment-info a:hover {color: #42b5ea;}
	.product-info .available-info {padding: 0 0px 8px 0; display: block;}
		.product-info .available-info .available {font-family: ubuntubold; color: #578b29;}
		.product-info .available-info .no-available {font-family: ubuntubold; color: #ff0000;}
	.product-info .comparison {padding: 10px 0 20px 0;}
		.product-info .comparison a {width: auto!important; height: 28px; padding: 6px 10px ; background: url(../images/btn-1.png); color: #7c8282; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.product-info .comparison a:hover {background-position: 0 -28px; color: #000;}
	.product-info .add {clear: both; position: absolute; bottom: 0; right: 0;}
		.product-info .add label {line-height: 28px; padding: 0 10px 0 0; text-align: right; display: inline-block; color: #707776; font-size: 13px; float: left;}
		.product-info .add input {float: left;}
		.product-info .add .pInputIlosc {width: 19px; height: 26px; line-height: 26px; padding: 0 5px; margin: 0 3px; background: url(../images/input2.png); border: 1px solid #dbdfe2; text-align: center; display: inline-block; color: #959595; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.product-info .add .pInputIlosc:hover {background-position:0 0}
		.omnibus-lista {font-size:12px; margin:3px auto; padding:0 10px ; width:100%; display:inline-block}
		.omnibus-lista-katalog {font-size:12px; margin:3px auto; width:100%; display:inline-block}
	
	
.product-info .add   input {
	background-image: url(../images/p_koszyk.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 28px;
	width: 123px;float: left;
}
.product-info .add  input:hover {
	background-position: 0px -28px;
}
	
	
		
/* ask form */
/**************************************/
.ask-container {background: #fff; border: 1px solid #dbdfe2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	.ask-container .title-section {padding: 24px 15px 37px 15px; display: block; font-size: 14px; color: #59565c; font-family: ubuntubold; text-transform: uppercase;}
	.ask-container .ask-form {padding: 0 25px 40px 25px; color: #7c8282;}
		.ask-form .tx {height: 34px; line-height: 34px; padding: 0 5%; background: url(../images/input2.png); font-size: 12px; color: #7c8282; border: 1px solid #dbdfe2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.ask-form textarea {width: 90%; height: 80px; padding: 15px 5%; margin: 0 0 15px 0; background: #fff; font-size: 12px; color: #7c8282; border: 1px solid #dbdfe2; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
		.ask-form .line li {float: left; width: 48%; padding: 0 3% 0 0;}
		.ask-form .line li:last-child {padding: 0; width: 49%;}
			.ask-form .line li input {width: 90%;}
		.ask-form label {display: block; line-height: 36px; padding: 0 0 0 10px; font-size: 12px;}
		.ask-form .verify label {display: inline-block; padding: 0 10px; float: left;}
		.ask-form .verify .tx {width: 100px; padding: 0 10px; float: left; margin: 0 0 5px 0;}
		.ask-form .verify .image-code {display: inline-block; padding: 0 15px; height: 36px; float: left; margin: 0 0 5px 0;}
		.ask-form .verify .go {height: 28px; padding: 0 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2.png); text-transform: uppercase; color: #fff; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
		.ask-form .verify .go:hover {background-position: 0 -28px;}


/* ==========================================================================
	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;}
.image-zoom img {-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;}
.image-zoom:hover img {-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.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;}


.dane-zamawiajacego input {margin:0px!important}
.dane-zamawiajacego strong {color: #1387bc}
.dane-zamawiajacego input.text[name="dom"] {margin-left:4px!important; width:70px!important;}
.dane-zamawiajacego input.text[name="kod_pocztowy"] {margin-right:4px!important; width:70px!important;}

.dane-zamawiajacego input.text[name="dostawa_dom"] {margin-left:4px!important; width:70px!important;}
.dane-zamawiajacego input.text[name="dostawa_kod_pocztowy"] {margin-right:4px!important; width:70px!important;}

.pogrubienie {font-weight:bold}
input.text { padding: 7px 5px; margin: 0 ; border: 1px solid #dbdfe2; text-align: left;  color: #959595; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }



textarea { padding: 7px 5px; margin: 0 ; border: 1px solid #dbdfe2; text-align: left;  color: #959595; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

select { padding: 7px 5px; margin: 0 ; border: 1px solid #dbdfe2; text-align: left;  color: #959595; font-size: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }





input.button{height: 28px; padding: 5px 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2.png); text-transform: uppercase; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
input.button:hover {background-position: 0 -28px;}



input.buttone{height: 28px; padding: 5px 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2.png) 0 -28px; text-transform: uppercase; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
input.buttone:hover {background-position: 0 0px;}




.texterko table, td {padding:5px; border-spacing: 0;
    border-collapse: collapse;}

	.kom{
	border: 1px solid #e5e5e5;
}
	
.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: #1387bc!important;}



.texterko .tabela tr:hover {background-color:#e5e5e5; }
.texterko .tabela .m5 label {display:inline}


.texterko .moje-wtf {display:inline-block!important ; padding:0 15px 0 0}
#fb-side-like {z-index:9}

.dodatkoweinputy { padding:0 0 15px 0}


.przyciski-popupkoszyk {}

.przyciski-popupkoszyk .green-button {height: 28px; padding: 5px 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2.png) 0 -28px; text-transform: uppercase; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
.przyciski-popupkoszyk .green-button:hover {background-position: 0 0px;}


.przyciski-popupkoszyk a:first-child{height: 28px; padding: 5px 15px; margin: 4px 0 0 0; font-size: 12px; font-family: ubuntumedium; background: url(../images/btn-2a.jpg); text-transform: uppercase; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer;}
.przyciski-popupkoszyk a:first-child:hover {background-position: 0 -28px; color:#58605f}


.info-border {width:100%; border:1px solid #ffc100; border-radius:4px; padding:10px 0 ; background:#fffcc8}

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

@media only screen and (max-width: 1300px) {
.header,.container,.footer-container .footer,.bottom-pages .payment-logos {width: 100%; max-width: 1200px;}
.header .basket {top: 55px;}
}

@media only screen and (max-width: 1200px) {
.header:before {display: none;}
.content-main-page .main-page-content .news .date {max-width: 100%;}
.content-main-page .main-page-content .news .title {width: 90%; padding: 0 10% 0 0;}
.products-boxes .boxes li {width: 48%; margin: 0 0 10px 2%;}
.partner .micro-logo {width: 100%; background-size: 100%;}


}

@media only screen and (max-width: 1023px) {
.header {background: #fff;}
.header .top-menu-container {padding: 5px 0; background: #fff url(../images/top-line.png) repeat-x 0 bottom; border-top: 1px solid #dcdcdc;}
.header .top-menu-container .menu-ico {width: 40px; height: 30px; margin: 0 0 0 10px; background: url(../images/menu-ico.png) no-repeat center 1px; border: 1px solid #cce2eb; display: block; text-indent: -2000em; cursor: pointer;}
.header .top-menu-container .menu-ico:hover {background-color: #29a9df; border: 1px solid #000; background-position: 0 -28px;}
.header .top-menu-container .contact-info {right: 10px;}
.header .top-menu-container .top-menu {padding: 3px 0 0 0; margin: 4px 0 0 0; background: url(../images/top-line.png) repeat-x 0 top;}
.header .top-menu-container .top-menu li {padding: 0; float: none; background: none; text-align: center; border-bottom: 1px solid #33ade1;}
.header .top-menu-container .top-menu li a {padding: 9px 0; background: #f5fafc;}
.header .top-menu-container .top-menu li a:hover,.header .top-menu-container .top-menu .active a {border-bottom: 0; color: #fff; background: #2090bf;}
.header .top-menu-container .top-menu li:first-child {padding: 0;}
.header .top-menu-container .top-menu li:first-child a {width: 100%; height: 17px; padding: 9px 0; display: block; background: #f5fafc; text-indent: 1px;}
.header .top-menu-container .top-menu li:first-child a:hover {border-bottom: 0; color: #fff; background: #2090bf;}
.header .top-menu-container .top-menu li:last-child {padding: 0;}
.sidebar {width: 100%; padding: 0; float: none; clear: both;}
.sidebar-products .inside {display: none;}
.categories-menu {background: #fff; border: 0; box-shadow: none; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.sidebar .title-section,.sidebar .companies .title-section {width: 100%; padding: 6px 0; float: none; text-align: center; font-size: 15px; font-family: ubuntumedium; color: #fff; background: #12a0e1; border-bottom: 2px solid #fff; cursor: pointer; text-transform: uppercase;}
.sidebar .title-section:hover {background: #000;}
.sidebar .companies {padding: 0; margin: 0; background: #eaeaea; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.sidebar .companies .companies-form {padding: 20px;}
.sidebar-products {margin: 0; border: 0; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.content-main-page {width: 100%; padding: 0; float: none;}
.content-main-page .main-page-content {width: 100%; padding: 0; float: none;}
.content-main-page .sidebar {width: 100%; padding: 0; float: none;}
.day-product {margin: 0; border: 0; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.day-product:before {display: none;}
.day-product .title-section,.shipping .title-section,.partner .title-section {margin: 0; text-align: center; font-size: 15px; font-family: ubuntumedium; color: #fff; background: #12a0e1; border-bottom: 2px solid #fff; cursor: pointer; display: block; text-transform: uppercase;}
.day-product .product {display: none;}
.shipping,.partner {margin: 0;}
.partner .inside {display: none; border-bottom: 2px solid #fff;}
.newsletter {padding: 0;}
.newsletter .title-section {width: 100%; padding: 6px 0; float: none; text-align: center; font-size: 15px; font-family: ubuntumedium; color: #fff; background: #12a0e1; border-bottom: 2px solid #fff; cursor: pointer; text-transform: uppercase;}
.newsletter .title-section:hover {background: #000;}
.newsletter .inside {width: 96%; padding: 20px 2%; float: none;}
.footer-container {border-top: 0;}
.footer-container .footer .col-1 {display: none;}
.footer-container .footer .col-2 {width: 100%; padding: 0; float: none;}
.footer-container .footer .footer-links dt .title-links {display: block;}
.footer-container .footer .footer-links {padding: 0;}
.footer-container .footer .footer-links dl {width: 100%; padding: 0;}
.footer-container .footer .footer-links dt {width: 100%; height: auto; padding: 6px 0; float: none; text-align: center; font-size: 15px; font-family: ubuntumedium; color: #fff; background: #12a0e1; border-bottom: 2px solid #fff; cursor: pointer; text-transform: uppercase;}
.footer-container .footer .footer-links dt:hover {background: #000;}
.footer-container .footer .footer-links dt .logo {display: none;}
.footer-container .footer .footer-links dd {padding: 0; border-bottom: 1px solid #c1d8e2;}
.footer-container .footer .footer-links dd a {display: block; padding: 7px 0; text-align: center; background: #f5f8fa;}
.footer-container .footer .footer-links .active a,.footer-container .footer .footer-links a:hover {text-decoration: none; color: #fff; background: #374348;}
.content-main-page .main-page-content .news .date {max-width: 100%;}
.content-main-page .main-page-content .news .title {width: 90%;}
.products-boxes .boxes li {width: 31%; margin: 0 0 10px 2%;}
.content {width: 98%; padding: 10px 1% 30px 1%; float: none;}
.filters {padding: 0; margin: 0; background: #01aefd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.filter-container {display: none; padding: 10px;}
.compare-box {margin: 0; border: 0;}
.compare-box .inside {display: none;}
}

@media only screen and (max-width: 900px) {
.header .slogan {display: none;}
.header .logo {width: 100%; padding: 70px 0 65px 0; text-align: center;}
.header .search-form {width: 98%; top: 130px; left: 1%;}
.header .top-menu-container .contact-info {display: none;}
.header .basket {width: 40px; height: 30px; padding: 0; background: url(../images/blue.png) repeat-x; border: 1px solid #b0dff3; position: absolute; top: 183px; right: 5px; text-indent: -2000em; z-index: 12; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}
.header .basket .name,.header .basket .no-container {display: none;}
.newsletter .inside .info {width: 99%; padding: 0 0 10px 1%;}
.newsletter .inside .newsletter-form {width: 100%;}
.content-main-page .main-page-content .news .date {width: 100%;}
.content-main-page .main-page-content .news .title {width: 90%;}


#fb-side-like {display:none}
}

@media only screen and (max-width: 768px) {
.content-main-page .main-page-content .news .date {width: 100%; padding: 0 0 6px 0;}
.content-main-page .main-page-content .news .title {width: 90%;}
.products-boxes .boxes li {width: 45%; margin: 0 0 10px 3%;}
.product-wide .infos {width: 51%;}
.product-wide .col {width: 23%;}
.gallery {width: 100%;  padding: 0 0 40px 0; float: none;}
.product-info {width: 100%; float: none; text-align: left;}
.product-info .add {right: auto; left: 0;}
}

@media only screen and (max-width: 600px){
.header .panel {padding: 0 10px 0 0;}
.header .panel .user {padding: 0; float: none; position: absolute; top: 166px; right: 50px; z-index: 12;}
.header .panel .user li {padding: 0 5px; float: left; border-right: 0;}
.header .panel .user .btn1 {width: 40px; height: 30px; padding: 0; background: url(../images/log.png) repeat-x; border: 1px solid #b0dff3; display: block; text-indent: -2000em; z-index: 12;}
.header .panel .user .btn2 {width: 40px; height: 30px; padding: 0; background: url(../images/reg.png) repeat-x; border: 1px solid #b0dff3; display: block; text-indent: -2000em; z-index: 12;}
.header .panel .user a:hover {background-position: 0 -30px;}
.newsletter .inside .newsletter-form .text {width: 63%;}
.newsletter .inside .newsletter-form .btn-1 {width: 14%;}
.newsletter .inside .newsletter-form .btn-2 {width: 17%;}
.products-boxes .boxes li {width: 46%; margin: 0 0 10px 2%;}
.sort-sat label {padding: 0 0 10px 0; line-height: 33px; font-size: 13px; text-align: center; width: 100%;}
.sort .sel {width: 88%; padding: 9px 5% 0 5%; margin: 0 0 10px 0;}
.sort .sel.sh {width: 88%; padding: 9px 5% 0 5%; margin: 0 0 10px 0;}
.sort .go {float: right; margin: 0 10px;}
.product-wide .picture {width: 100%; float: none; padding: 0 0 10px 0; border-bottom: 1px solid #eaeaea;}
.product-wide .infos {width: 65%; padding: 13px 2% 0 2%; float: left;}
.product-wide .col {width: 30%;}
.product-page .additional-accessories .info {display: none;}



.dane-zamawiajacego	table  {width:100%!important;}
.dane-zamawiajacego	table td {width:100%!important; text-align:left; display:block}
.dane-zamawiajacego	table td input { text-align:left; }
.dane-zamawiajacego	table td div {text-align:left!important;}

}	

@media only screen and (max-width: 480px){
.newsletter .inside .newsletter-form .text {width: 43%;}
.newsletter .inside .newsletter-form .btn-1 {width: 24%;}
.newsletter .inside .newsletter-form .btn-2 {width: 27%;}
.products-boxes .boxes li {width: 96%; margin: 0 0 10px 2%;}
.product-wide .infos {width: 96%; padding: 13px 2% 0 2%; float: left; border-bottom: 1px solid #eaeaea;}
.product-wide .col {width: 96%; padding: 0 2%; border: 0; text-align:left;}
.ask-form .line li {width: 100%; padding: 0; margin: 0 0 10px 0;}
.ask-form .line li:last-child {width: 100%;}
.product-page .additional-accessories .accesories .pic {width: 20%; padding: 0 2% 0 0;}
.product-page .additional-accessories .accesories .name-product {width: 50%; padding: 5px 0 0 0;}
.product-page .additional-accessories .accesories .price {width: 18%; padding: 15px 0 0 0;}
.product-page .additional-accessories .accesories .inputs {right: 5px;}

.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;}
#fb-side-like {display:none!important}
}

@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}
}