@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #595959;
	background-image: url(../img/body-bg.png);
	background-repeat: repeat-x;
	background-position: 0px -100px;
}
a {
	color: #595959;
}
img {
	vertical-align: top;
}

.wrapper {
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
}
.fix {
	zoom:1;
}
.fix:after {
	content:'';
	clear:both;
	display:block;
}
.clear {clear:both;}
label {cursor:pointer}
.pogrubienie {font-weight:bold}
.radius-base {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
}
input.txt, input.text, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	background-color: #FAFAFA;
	border: 1px solid #E8E8EA;
	margin: 0 0 3px;
	padding: 6px 5px 5px;
	-webkit-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 3px -1px rgba(0,0,0,0.1);
}
input.txt:focus, input.text:focus, textarea:focus, select:focus {
	border: 1px solid #C9CACD
}
input.button {
	font-size: 14px;
	margin: 0;
	color: #FFF;
	background-color: #3F91B6;
	text-transform: uppercase;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	font-weight: 600;
	font-family: "Roboto Condensed", sans-serif;
	padding: 6px 12px 4px;
	-webkit-appearance: none;
}
input.button:hover {
	cursor: pointer;
	background-color: #3985A6;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none
}

input[type="checkbox"] {margin-right:5px;}
#top {
	font-size: 13px;
	line-height: 38px;
	color: #D0D0D0;
	background-color: #2C2C2C;
	height: 38px;
	padding-top: 3px;
}
#top  .information {
	float: left;
}
#top .information img {
	vertical-align: baseline;
}


#top .information a {
	color: #D0D0D0;
	text-decoration: none;
}
#top .information a:hover {
	color: #EAEAEA;
	text-decoration: underline;
}
#top .menu {
	float: right;
	list-style-type: none;
}
#top .menu li {
	float: left;
	display: block;
	padding-left: 20px;
}
#top .menu li a {
	display: block;
	float: left;
	color: #D0D0D0;
	text-decoration: none;
}
#top .menu li a:hover {
	color: #EAEAEA;
	text-decoration: underline;
}


#header  .logo {
	display: block;
	float: left;
	padding-top: 13px;
	padding-bottom: 7px;
	width: 36%;
}
#menu-opt {
	display: none;
}
#search-box {
	float: left;
	width: 29%;
	margin-top: 45px;
	position: relative;
}
#search-box .box {
	background-color: #DADADA;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#search-box .box input[type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #717171;
	background-color: #DADADA;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float:left;
	width: calc(100% - 30px);
}
#search-box .box input[type="image"] {
	float:right;
}
#search-box > a {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	text-align: right;
	display: block;
	margin-top: 5px;
	margin-right: 8px;
	padding-top: 1px;
}
#search-box a:hover {
	text-decoration: underline;
}
#search-trig-big {
	display:none;
}
#query-back {
	background-color: #DADADA;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	position: absolute;
	left: 0px;
	top: 36px;
	right: 0px;
	z-index: 1000000;
	display:none;
}
#search-box:hover #query-back, #search-box #query-back:hover {
	display:none;
}
#query-back ul {
	padding-right: 4px;
	padding-left: 4px;
	list-style-type: none;
}
#query-back ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding: 6px;
}
#query-back ul .photo {
	background-color: #FFF;
	width: 15%;
	padding: 5px;
	float: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#query-back ul .photo a img {
	max-width: 100%;
}
#query-back ul  .infos {
	width: 78%;
	padding-left: 4%;
	float: left;
}
#query-back ul .infos a {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #2C2C2C;
	text-decoration: none;
	display: block;
	padding-bottom: 3px;
	padding-top: 5px;
}
#query-back ul .infos a:hover {
	text-decoration: underline;
}
#query-back ul .infos .price {
	line-height: 12px;
	color: #3F91B6;
}
#query-back .go-to-search {
	background-image: url(../img/pkt-3.png);
	background-repeat: no-repeat;
	background-position: right 17px;
	display: block;
	margin-right: 15px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #3F91B6;
	text-decoration: none;
	margin-left: 15px;
}
#query-back .go-to-search:hover {
	text-decoration: underline;
}









#cart-trig-big {
	display:none;
}
#storage-cart {
	float: right;
	width: 285px;
	color: #FFF;
	text-align: center;
	line-height: 54px;
	height: 54px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	overflow: hidden;
	margin-top: 37px;
}
#storage-cart a {
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#storage-cart .storage {
	background-color: #F17915;
	display: block;
	float: left;
	width: 32%;
	font-size: 18px;
	background-image: url(../img/ico-storage.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 32px;
}
#storage-cart .storage:hover {
	background-color: #D9680D;
}
#storage-cart .cart {
	color: #FFF;
	text-decoration: none;
	background-color: #3F91B6;
	display: block;
	float: right;
	width: 68%;
	background-image: url(../img/ico-cart.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 37px;
	font-size: 15px;
	font-weight: 300;
	padding-top: 1px;
}
#storage-cart .cart strong {
	font-size: 19px;
	font-weight: 700;
}
#storage-cart .cart:hover {
	text-decoration: none;
	background-color: #347896;
}

#header.sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	z-index:100000;

}
#header.sticky .logo img {
	width:240px;
}
#header.sticky #search-box {
  margin-top: 25px;
}
#header.sticky #storage-cart  {
  margin-top: 25px;
}

body > nav{
	background-color: #FFF;
	height: 43px;
	clear: both;
	-webkit-box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	margin-bottom: 15px;
}

body > nav.sticky {
	position: fixed;
	top: 100px;
	left: 0;
	right: 0;
	background-color: #FFF;
	z-index:10000;
}

body > nav ul {
	list-style-type: none;
	display:block;
	width:100%;
	position:relative;
	text-align:center;
}
body > nav ul li  {
	display: inline-block;
	margin-left:-4px;
	padding:0 1.85%;
	text-align:center;
}
body > nav ul li:first-child {
	padding-left:0;
}
body > nav ul li:last-child {
	padding-right:0;
}





body > nav ul li > a{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 17px;
	line-height: 40px;
	font-weight: 600;
	color: #595959;
	padding-top: 3px;
	text-transform: uppercase;
	display: inline-block;
	text-decoration: none;
}
body > nav ul li >a:hover , body > nav ul li:hover >a{
	color: #f37a07;
	text-decoration: none;
}



nav .m-trig {
	display: none;
}
ul li .box {
	background-color: #F0F0F0;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
	position: absolute;
	left: 0px;
	top: 43px;
	right: 0px;
	padding-top: 25px;
	padding-bottom: 20px;
	text-align: left;
	display: none;
}
ul li:hover .box  , ul li .box:hover{
	display: block;
	flex-grow: 1;
	z-index:10000;
}
ul li .box .col {
	float: left;
	margin-left: 2%;
	margin-right: 4%;
	width: 20%;
}
ul li .box .col .head {
	font-size: 16px;
	font-weight: 600;
	color: #3F91B6;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C8C8C8;
	padding-right: 3px;
	padding-left: 3px;
	font-family: "Roboto Condensed", sans-serif;
}
ul li .box .col a {
	font-size: 13px;
	line-height: 16px;
	color: #2C2C2C;
	display: block;
	padding-left: 18px;
	margin-bottom: 8px;
	text-decoration: none;
	background-image: url(../img/pkt-3.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
ul li .box .col a:hover {
	text-decoration: underline;
}
ul li .box > img {
	float: right;
	border: 1px solid #FFF;
}



#baner-box {
	margin-bottom: 22px;
}
#categories-main {
	margin-bottom: 16px;
}


#categories-main .box {
	width: 100%;
	overflow: hidden;
	padding-left: -2px;
	margin-left: -2px;

}
#categories-main .box .item {
	border: 1px solid #E4E4E4;
	float: left;
	width:24.40%;
	margin-right:0.75%;
	display: table;
	text-align: right;
	height: 71px;
	margin-bottom: 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	

	
	
}
#categories-main .box .item:nth-of-type(4n) {
	margin-right:0;	
}
#categories-main .box .item:hover {
	border: 1px solid #F17915;	
}
#categories-main  .box .item a {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #595959;
	text-decoration: none;
	padding-left: 118px;
	text-align: right;
	vertical-align: middle;
	display: table-cell;
	padding-right: 20px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 0px center;
}




#slider img {max-width:100%}

#small-infos {
	background-color: #3F91B6;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	line-height: 30px;
	clear: both;
}
#small-infos ul {
	display: table;
	height: 60px;
	width: 100%;
}

#small-infos ul li {
	list-style-type: none;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 25%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5DA2C1;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
}
#small-infos ul li img {
	margin-right: 10px;
}

#small-infos ul li .tooltip {
	position: absolute;
	top: 56px;
	left: auto;
	right: auto;
	width: 100%;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
	color: #333333;
	border: 2px solid rgb(255, 255, 255);
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.28) 0px 3px 5px 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	vertical-align: bottom;
	z-index: 40;
	padding-top: 10px;
	padding-bottom: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#small-infos ul li:hover .tooltip {
	display: block;
}
#small-infos ul li .tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
      border-color: transparent transparent #fff  transparent;
      top: -18px;
      left: 48%;
	display:none;
}
#small-infos ul li:hover .tooltip:after {
      display:block;
}



#logos {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}
#logos img {
	width: 12%;
}
#promotions header h1, #promotions header h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #FFF;
	background-color: #F17915;
	text-align: center;
	text-transform: uppercase;
	padding-top: 12px;
	padding-bottom: 11px;
}
#menu-switch {
	height: 37px;
	background-image: url(../img/tonal-1.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;

}

#menu-switch ul {
	list-style-type: none;
	text-align: center;
	width:100%;

}
/*#menu-switch  li {
	display: inline-block;
	border-right-width: 1px;
	
	border-right-style: solid;
	border-right-color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #EDEDED;
	padding: 0 2.1% 1px;
	background-image: url(../img/tonal-1.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-left:0;

}*/
#menu-switch  li {
	display: inline-block;
	border-right-width: 1px;
	white-space: nowrap;
	border-right-style: solid;
	border-right-color: #FFF;

	padding-bottom:1px;
	padding-left: 2.1%;
	padding-right:2.1%;
	

}
#menu-switch  li:last-child {
	border-right-width: 0;
}
#menu-switch  li.active {
	color: #595959;
	background-color: #fff;
	background-image: none;
}
#menu-switch  li.active a {
	color: #333333;
}
#menu-switch  li a {
	display: block;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
	line-height: 34px;
	font-weight: bold;
	color: #595959;
	text-decoration: none;
	padding-top:3px;
}
#menu-switch  li a:hover {
	text-decoration:none;
	color: #333;
}
#promotions {
	background-image: url(../img/shadow-1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 66px;
}
#promotions  .products {
	padding-top: 9px;
}


#promotions .products .box {
	width: 20%;
	padding-right: 2.5%;
	padding-left: 2.5%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#promotions .products .box a {
	display: block;
	text-align: center;
}
#promotions .products .box a:first-child img {
	max-width:100%;
}
#promotions  .products .box .name {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #2C2C2C;
	text-decoration: none;
	text-align: left;
	height: 38px;
	overflow:hidden;
	margin-bottom: 6px;
}
#promotions  .products .box .name:hover {
	text-decoration: underline;
}
#promotions .products .box .price-more p {
	font-size: 13px;
	font-weight: bold;
	color: #86AB17;
	float: left;
	line-height: 26px;
	padding-top: 2px;
}
#promotions .products .box .price-more p s {
	font-size: 12px;
	font-weight: normal;
	color: #666;
	text-decoration: line-through;
}
#promotions  .products .box .price-more a {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: 700;
	color: #FFF;
	background-color: #3F91B6;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(../img/pkt-1.png);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#promotions  .products .box .price-more a:hover {
	background-color: #F17915;
	text-decoration: none;
	background-image: none;
}
.page-box {
	margin-bottom: 20px;
}

#left-col {
	float: left;
	width: 19.56%;
}

#cat-nav {
	padding-top: 18px;
	padding-right: 4%;
	padding-bottom:3px;
	padding-left: 4%;
	-webkit-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.28);
	-moz-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.28);
	box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.28);
}
#filters {
	padding-right: 4%;
	padding-left: 4%;
}

#filters .item {
	padding-bottom: 15px;
}

#filters .item h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #3F91B6;
	text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 10px;
}
#filters .item .line {
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 14px;
}
#filters .item .line input {
	float: left;
	margin-right: 6px;
}
.mb {
	display:none;
}
.mb #cats-box {
	display:none;
}


#cats-box #categories ul {
	list-style-type: none;
}
#cats-box #categories ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	display: block;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 3%;
	padding-left: 3%;
}
#cats-box #categories ul li:last-child {
	border-bottom-style: none;
}
#cats-box #categories ul li > a{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #595959;
	text-decoration: none;
	line-height: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
}
#cats-box #categories a:hover {
	text-decoration: underline;
}
#cats-box #categories ul .active {
	background-color: #3F91B6;
}
#cats-box #categories ul .active a {
	color: #FFF;
	text-decoration: none;
}
#cats-box #categories ul .active > a{
	font-weight: 600;
}
#cats-box #categories ul .active .sub{
	padding-top: 5px;
	padding-bottom: 4px;
	color: #FFF;
}
#cats-box #categories ul .active .sub .line {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 8px;
}


#cats-box #prod-all {
	list-style-type: none
}

#cats-box #prod-all li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	display: block;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 3%;
	padding-left: 3%;
}
#cats-box #prod-all li > a{
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #595959;
	text-decoration: none;
	line-height: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
	display: block;
}
#cats-box #prod-all a:hover {
	text-decoration: underline;
}









#cats-box .menu-box {
	padding-top: 10px;
	clear: both;
}
#cats-box .menu-box ul {
	list-style-type: none;
}
#cats-box .menu-box li {
	display: block;
	float: left;
	width: 50%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#cats-box .menu-box li a {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 13px;
	font-weight: 300;
	color: #595959;
	text-decoration: none;
	background-color: #EDEDED;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	line-height: 24px;
	text-transform: uppercase;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#cats-box .menu-box .active a {
	font-size: 16px;
	font-weight: 600;
	color: #3F91B6;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-align:left;
	padding-left:7%;
}
#right-col {
	float: right;
	width: 79%;
}
#breadcrumbs {
	padding:4px 2% 16px;
}
#breadcrumbs a{
	color: #595959;
	text-decoration: none;
}
#breadcrumbs a:hover{
	color: #595959;
	text-decoration: underline;
}
#breadcrumbs a:last-child{
	font-weight:bold;
}
#intro {
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 15px;
	color: #595959;
	text-align: justify;
}
#intro p{
	padding: 3px 0px;
}
#intro ul{
	padding: 3px 15px;
}
#intro h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-weight: 600;
	color: #3F91B6;
	text-transform: uppercase;
	margin-bottom: 12px;
}
#intro h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	color: #3F91B6;
	margin: 10px 0px 6px 0px;
}
#v-p {clear:both; padding-top:10px; padding-right:1%;padding-bottom:6px;}
#sort-view {
	float: right;
	margin-right: -1%;
	padding-top:8px;
}
#sort-view .view {float:right; padding-top:1px;margin-right:5px;}
#sort-view #sort {float:right; margin-top:1px;}
#sort-view .view a {
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	float: right;
	height: 29px;
	width: 29px;
	margin-left: 5px;
	border: 1px solid #e0e0e0;
	opacity: 0.8
}
#sort-view .view a:hover {
	opacity: 1
}
#sort-view .view a.v1 {
	background-image: url(../img/l1.png);
}
#sort-view .view a.v2 {
	background-image: url(../img/l2.png);
}

#sort-pagi{float:left;width:60%}
	.pagi {
		
		line-height: 30px;
		width: 100%;
		text-align: left;
		padding: 10px 0 12px;
		float:left;
		
	}
	.pagi .arrow {
		display: inline-block;
		width: 7.0%;
		text-align: center;
	}
	
	.pagi .arrow a {
	color: #7C7C7C;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding-top: 3px;
	border-right-width: 0.1%;
	border-right-style: solid;
	border-right-color: #FFF;
	border-left-width: 0.1%;
	border-left-style: solid;
	border-left-color: #FFF;
	background-color: #EFEFEF;
	font-size: 14px;
	}
	.pagi .arrow a:hover {
	background-color: #3F91B6;
	color: #fff;
	}
	
	
	.pagi .numbers span.active {
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	width: 7%;
	padding-top: 2px;
	text-decoration: none;
	font-weight: bold;
	border-right-width: 0.1%;
	border-right-style: solid;
	border-right-color: #FFF;
	border-left-width: 0.1%;
	border-left-style: solid;
	border-left-color: #FFF;
	background-color: #3F91B6;
	}
	.pagi .numbers > a {
	font-size: 14px;
	color: #7C7C7C;
	text-align: center;
	display: inline-block;
	width: 7%;
	padding-top: 2px;
	text-decoration: none;
	border-right-width: 0.1%;
	border-right-style: solid;
	border-right-color: #FFF;
	border-left-width: 0.1%;
	border-left-style: solid;
	border-left-color: #FFF;
	background-color: #EFEFEF;
	}
	.pagi .numbers > a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3F91B6;
	}


#producents-box {
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E4E4E4;
	padding-bottom: 24px;
	color: #797979;
}
#producents-box a {
	color: #797979;
	text-decoration:none;
	
}
#producents-box a:hover {
	color: #797979;
	text-decoration:underline;
	
}


.catalog .item {
	text-align: center;
	width: 22%;
	float: left;
	margin-right: 1.5%;
	margin-left: 1.5%;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 12px;
	margin-bottom: 22px;
}
.catalog .item:hover {
	-webkit-box-shadow: 0px 2px 15px -4px rgba(0,0,0,0.42);
	-moz-box-shadow: 0px 2px 15px -4px rgba(0,0,0,0.42);
	box-shadow: 0px 2px 15px -4px rgba(0,0,0,0.42);
}
.catalog .item a:hover{
	text-decoration:underline !important;
}
.catalog .item .photo a img {
	max-width: 100%;
}
.catalog .item .name {
	line-height: 18px;
	color: #595959;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	height: 57px;
	overflow: hidden;
	margin-bottom: 6px;
}
.catalog .item .producent {
	color: #797979;
}
.catalog .item .producent a {
	color: #797979;
	text-decoration: none;
}
.catalog .item .price {
	color: #797979;
}
.catalog .item-2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 13px;
	color: #737373;
	line-height: 18px;
	padding-top: 14px;
}
.catalog .item-2 .wrapp {
	display: table;
	width: 100%;
}
.catalog .item-2 .wrapp .photo {
	width: 21%;
	padding-right: 1%;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.catalog .item-2 .wrapp .photo img {
	max-width: 75%;
}
.catalog .item-2 .wrapp .infos {
	padding-right: 6%;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.catalog .item-2 .wrapp .infos .name {
	font-size: 14px;
	font-weight: bold;
	color: #3F91B6;
	text-decoration: none;
	display: block;
	margin-bottom: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.catalog .item-2 .wrapp .infos .name:hover {
	text-decoration: underline;
}
.catalog .item-2 .wrapp .infos .producent a {
	color: #737373;
	text-decoration: none;
}
.catalog .item-2 .wrapp .infos .short-desc {
	padding-top: 8px;
}



.catalog .item-2 .wrapp .cart-price {
	vertical-align: middle;
	display: table-cell;
	width: 170px
}
.catalog .item-2 .wrapp .cart-price .aval {
	color: #7A9C14;
	margin-bottom: 10px;
}

.catalog .item-2 .wrapp .cart-price .cart input {
	background-image: url(../img/c-cart-2.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 165px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.catalog .item-2 .attrs {
	clear: both;
	padding-top: 3px;
}
.catalog .item-2 .attrs .trig {
	padding-left: 18px;
	background-image: url(../img/closed-attr.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	margin-left: 21%;
	cursor: pointer;
}
.catalog .item-2 .attrs .trig:hover {
	text-decoration: underline;

}
.catalog .item-2 .attrs .trig.open {
	background-image: url(../img/opened-attr.png);
}

#more-desc {clear:both;}
#more-desc .lf {width:48%; padding-top:30px; float:left;}
#more-desc .rf {width:48%; padding-top:30px; float:right;}
#more-desc h2,#more-desc h3{
	font-family: "Roboto Condensed",sans-serif;
	font-weight:normal;
	margin-bottom:12px;
}
#more-desc p{
	margin-bottom:10px;
}
.product {
	position:relative;
}



.product-colors-grid li {position:relative;}
.product-colors-grid li a {position:absolute;left:0; right:0; top:0; bottom:0;}
.cfbox {
	width:350px;
	height:300px;
}
.colnr {display:none;}
#name-box {
	width: 68%;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
	padding-bottom: 12px;
}
#name-box h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	line-height: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #3F91B6;
	margin-right: 140px;
	padding-bottom: 9px;
}
#name-box ul {
	color: #A6A6A6;
	list-style-type: none;
}
#name-box ul li {
	display: inline-block;
	margin-right: 12px;
}



#photos {
	width: 28%;
	margin-right: 1%;
	float: left;
	text-align:center;
}

#photos .main a img {
	max-width: 100%;
	max-height:260px;
}
#infos {
	width: 68%;
	float: right;
	padding-top: 14px;
	color: #595959;
	
}

#infos ul {
	float: left;
	list-style-type: none;
}
#infos ul li a {
	color: #595959;
}

#infos .logo-prod {
	position:absolute;
	right:0;
	top:0;
	width:100px;
}

#infos ul .available {
	font-weight: bold;
	color: #6FA115;
}
#infos ul .available-amount img {
	margin-top:6px;
}
#infos ul .shipping-costs a {
	font-size: 12px;
}
#cart-price {
	float: right;
	text-align: right;
}

#cart-price .price {
	font-size: 15px;
	color: #595959;
	margin-right: 8px;
	margin-bottom: 8px;
}
#cart-price .price strong {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 19px;
	font-weight: 600;
	color: #F27915;
}
#cart-price .cart-box {
	font-size: 15px;
}
#cart-price .cart-box span {
	float: left;
	line-height: 42px;
	display: block;
	padding-top: 2px;
}

#cart-price .cart-box .pInputIlosc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #595959;
	background-color: #F7F7F7;
	text-align: center;
	border: 1px solid #E4E4E4;
	height: 44px;
	width: 44px;
	float: left;
	margin-left: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 0px;
	padding: 0px;
}
#cart-price .cart-box input[type="image"] {
	background-image: url(../img/p-cart.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	height: 45px;
	width: 214px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
}

.fb_iframe_widget {float:right;display:block !important;padding-top:12px;}


#attrs {
	clear: both;
	margin-bottom: 16px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#attrs .box {
	margin-bottom: 12px;
}
#attrs .box .name {
	display: block;
	clear: both;
	margin-bottom: 8px;
}

#attrs .box  .item {
	margin-bottom: 5px;
	border: 1px solid #E4E4E4;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	width:32.3333%;
	margin-right:1%;
	float:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	position:relative;
	
}
#attrs .box  .item:hover {
	border: 1px solid #000;
	
}
#attrs .box  .item label {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	line-height:34px;
	padding-left:28px;
	
}
#attrs .box  .item.active {
	color: #FFF;
	background-color: #F37A07;	
}

#attrs .colors .item {
	border: 1px solid #eeeeee;
	float: left;
	width: 5.85%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-right: 0.4%;
	position: relative;
	height: 30px;
	margin-bottom: 6px;
	background-color: #F3E8D4;
	padding: 0px;
}
#attrs  .box.colors .item:hover {
	border: 1px solid #2C2C2C;
}
#attrs .colors .item label  {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	z-index: 50;
	height: 100%;
	width: 100%;
	text-indent: -10000px;
}
#attrs .box.colors .item.active  label{
	background-image: url(../img/attr-calors-ac.png);
	background-repeat: no-repeat;
	background-position: center center;

}

#attrs .colors .item input {
	display: none;
}
#attrs .colors .item .nt {

}

#attrs .colors .item .tooltip {
	position: absolute;
	top: -116px;
	left: -80px;
	width: 154px;
	height: 96px;
	line-height: 12px;
	font-size: 12px;
	text-align: center;
	color: rgb(89,89,89);
	border: 4px solid rgb(255, 255, 255);
	border-radius: 7px;
	box-shadow: rgba(0, 0, 0, 0.28) 0px 3px 5px 0px;
	background-color: rgb(243,232,212);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	vertical-align: bottom;
	z-index: 40;
	padding-top: 10px;
	padding-bottom: 0px;
}
#attrs .colors .item:hover .tooltip {
	display: table;
}
#attrs .colors .item .tooltip:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 114px;
      left: 100px;
	display:none;
}
#attrs .colors .item:hover .tooltip:after {
      display:block;
}
#attrs .colors .item .tooltip .cell {
	text-align: center;
	display: table-cell;
	vertical-align: bottom;
	height: 100%;
	width: 100%;
}
#attrs .colors .item .tooltip .cell span{
	background-color: #FFF;
	display:block;
	padding:6px 7px;
	text-wrap:none;
}
#attrs .colors .item .tooltip .cell strong{
	font-size: 16px;
	color: #3B92B8;
	line-height: 20px;
}
#attrs .bucket .item {
	float: left;
	width: 10%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-right: 1%;
	position: relative;
	height: 66px;
	margin-bottom: 6px;
	padding:0;
	border: none;
}

#attrs  .box.bucket .item:hover {
	border: none;
}
#attrs .bucket .item label {
	background-image: url(../img/attr-opakowanie-no.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 58px;
	font-size: 17px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
}
#attrs .bucket .item.active label{
	background-image: url(../img/attr-opakowanie-ac.png);
	background-color: #fff;
	color: #595959;
}
#attrs .bucket .item input {
	display: none;
}



#accessories {
	width: 68%;
	float: right;
	margin-bottom: 20px;
}
#accessories h3 {
	font-weight: bold;
	color: #3F91B6;
	font-size: 13px;
	margin-bottom: 8px;
}
#accessories .list .row {
	display: table;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
}
#accessories .list .row > div{
	display: table-cell;
	vertical-align: middle;
	padding-top: 2px;
	padding-bottom: 1px;
}
#accessories .list .row .photo {
	width: 44px;
	text-align: center;
	padding-right: 6px;
}
#accessories .list .row .photo a img {
	width: 100%;
}
#accessories .list .row .name {
	text-align: left;
}
#accessories .list .row .name a  {
	color: #595959;
	text-decoration: none;
	display: block;
}






#cart-price .cart-box input[type="image"]:hover {
	background-position: 0px -45px;
}
#accessories .list .row .price {
	width: 110px;
	text-align: right;
}
#accessories .list .row .to-cart {
	width: 44px;
	text-align: center;
}
#accessories .list .row .to-cart label {
	display: block;
	padding-left: 5px;
}
#menu-switch-p {
	clear: both;
}
#menu-switch-p ul {
	list-style-type: none;
	display: table;
	width: 100%;
}
#menu-switch-p ul li {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	line-height: 36px;
	font-weight: 300;
	color: #FFF;
	background-color: #3F91B6;
	text-align: center;
	display: table-cell;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
#menu-switch-p ul li:hover {
	background-color: #F17915;
}
#menu-switch-p ul .active {
	font-weight: 400;
	color: #FFF;
	background-color: #F17915;
}

#menu-switch-p ul li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 3px;
}
#box-ppage {
	padding-top: 30px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
}

div#opis {
    font-size: 17px!important;
}

#opis h2 {margin-bottom:8px;margin-top:10px;}
#opis h3 {margin-bottom:8px;margin-top:10px;}
#opis p {margin-bottom:8px;}
#opis ul, #opis ol {margin-bottom:8px;margin-left:26px;}
#opis img {max-width:100%;}






















#last-viewed {
	text-align: center;
	border: 1px solid #ECECEC;
	padding: 15px;
	margin-bottom: 15px;
}
#last-viewed h3 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	color: #3F91B6;
	padding-top: 6px;
	padding-bottom: 6px;
}

#last-viewed  .item {
	display: inline-block;
	margin-right: -4px;
	width: 10%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
}
#last-viewed .item a img {
	max-width: 80%;
}


















#newsletter {
	float: left;
	width: 38%;
	padding-left: 1%;
	padding-top: 7px;
	margin-bottom: 20px;
}
#newsletter header h2, #newsletter header .h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #3F91B6;
	background-image: url(../img/ico-newsletter.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 23px;
	margin-bottom: 25px;
}
#newsletter p {
	margin-bottom: 20px;
}
#newsletter form .box {
	border: 1px solid #EAEAEA;
	background-color: #F7F7F7;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
#newsletter  input[type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #767676;
	background-color: #F7F7F7;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: calc(100% - 35px);
}
#newsletter input[type="image"] {
	float: right;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#newsletter .options {
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
}
#newsletter .options label {
	display: inline-block;
	line-height: 14px;
	margin-right: 15px;
}
#newsletter .options label input {
	float: left;
	margin-right: 6px;
}
#news {
	width: 53%;
	float: right;
	padding-right: 1%;
	padding-top: 7px;
	padding-bottom:10px;
}
#news header h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 22px;
	font-weight: 700;
	color: #3F91B6;
	background-image: url(../img/ico-aktualnosci.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 23px;
	margin-bottom: 15px;
}
#news article {
	background-image: url(../img/pkt-2.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	padding-bottom: 11px;
	padding-top: 12px;
}
#news article:last-of-type {
	background-image: none;
}
#news  h3 a {
	font-size: 13px;
	line-height: 20px;
	color: #2C2C2C;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
#news  h3 a:hover {
	text-decoration: underline;
}
#news  .date {
	font-size: 12px;
	color: #888;
	background-image: url(../img/ico-time.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 17px;
	line-height: 22px;
}
#news  .content {
	line-height: 20px;
	color: #757575;
}
#news article:first-of-type .content p:first-child {
	padding-top:15px;
	padding-bottom:17px;
}
#news article:first-of-type .content p:last-child {
	padding-bottom:0;
}
#bottom-infos {
	padding-top: 38px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 30px;
}
#bottom-infos.p-page {border-top-width: 0}
#payments-contact {
	float: right;
	width: 59%;
}
#contact-box {
	background-image: url(../img/logo-bottom.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 212px;
	float: right;
	padding-top: 53px;
	text-align: right;
}
#contact-box .phone {
	font-size: 20px;
	color: #2C2C2C;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 600;
	margin-bottom: 4px;
}
#contact-box .email-nip {
	margin-bottom: 4px;
}

#contact-box .email-nip a {
	display: block;
	color: #2C2C2C;
	text-decoration: none;
	line-height: 18px;
}



#payments-contact > #payments {
	float: left;
	width: 52%;
	text-align: center;
}

#payments-contact > #payments img {
	max-width: 100%;
}
#payments-contact > #payments hr {
	background-color: #ECECEC;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



#bottom-menu {
	float: left;
	width: 40%;
}
#bottom-menu .block {
	width: 50%;
	float: left;
}
#bottom-menu .block h3 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #3F91B6;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#bottom-menu .block ul {
	list-style-type: none;
}
#bottom-menu .block ul li a{
	color: #2C2C2C;
	text-decoration: none;
}
#bottom-menu .block ul li a:hover{
	color: #2C2C2C;
	text-decoration: underline;
}
#sticky-header {
	background-color: #FFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F17915;
}

#footer {
	color: #FFF;
	background-color: #2C2C2C;
	padding-top: 17px;
	padding-bottom: 14px;
}
#footer .wrapper {
	padding-right: 1%;
	padding-left: 1%;
}
#footer  p {
	float: left;
}
#footer p a {
	text-decoration: none;
	color: #FFF;
}
#footer p a:hover {
	color: #F17915;
	text-decoration: underline;
}

#footer  p:nth-child(2) {
	float: right;
}

#categories.no-active {display:none;}



#wysuwane {
	background: url("../img/fbpodklad.png") no-repeat scroll 0 0 transparent;
	padding: 10px 10px 2px;
	width: 235px;
	height:402px;
	position: fixed;
	left: -210px;
	top: 160px;
	z-index: 2000;
}




@media screen and (max-width: 1140px) {
	
	.wrapper {
		padding-left:0.5%;
		padding-right:0.5%;	
	}
	body > nav ul li  {
		padding:0 1.4%;
	}
	
	
	
	#menu-switch li {
		padding-left: 1.6%;
		padding-right: 1.6%;
	}
#wysuwane {
    top: 240px;
}
}
@media screen and (max-width: 1070px) {
	body > nav ul li {
	   padding:0 1%;
	}
}
@media screen and (max-width: 1030px) {
	
	#search-box {
	    display:none;
	}
	#query-back {
		display:none;
	}
	#search-box:hover #query-back, #search-box #query-back:hover {
		display:none;
	}

#header.sticky {
	position:relative;
	top: auto;
	left: auto;
	right: auto;
	background-color: transparent;
	z-index:auto;
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.0);
}
#header.sticky .logo img {
    width: auto;
}
#header.sticky #storage-cart {
    margin-top: 37px;
}
body > nav.sticky {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	background-color: #FFF;
	z-index:10000;
	background-color: #FFF;
	height: 43px;
	clear: both;
	-webkit-box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	box-shadow: 0px 2px 12px 0px  rgba(0,0,0,0.07);
	margin-bottom: 15px;
}




#search-trig-big {
	width: 54px;
	text-align: center;
	line-height: 54px;
	height: 54px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	overflow: hidden;
	margin-top: 37px;
	float: right;
	margin-right: 10px;
	background-color: #DADADA;
	background-image: url(../img/ico-search-2.png);
	background-repeat: no-repeat;
	background-position: center center;
	display:block;
}
#categories-main .box .item:nth-of-type(4n) {
    margin-right:2%;
}
#categories-main .box .item {
    width: 32%;
     margin-right:2%;
}
#categories-main .box .item:nth-of-type(3n) {
    margin-right:0;
}

#categories-main .box .item a {
    font-size: 14px;
    padding-right: 10px;
    padding-left: 113px;
}

	#menu-switch li {
		padding-left: 1.1%;
		padding-right: 1.1%;
	}



}

@media screen and (max-width: 1024px) {
	
	nav .m-trig {
	display: block;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 44px;
	background-image: url(../img/m-trig.png);
	background-repeat: no-repeat;
	background-position: 15px 14px;
	padding-left: 51px;
	cursor:pointer;
	}
	body > nav ul {
		display: none;
	}
.mb #cats-box {
	display:none;
	width:100%;
}
.mb #cats-box .menu-box {
	display:none;
}
.mb #prod-all {
	display:none;
}
.mb {
	display:block;
	position:absolute;
	top:212px;
	left:auto;
	right:auto;
	width:100%;
	background-color:#fff;
}	
#cat-nav {
	display:none;
}


#left-col {
    float: none;
    clear:both;
    width: 100%;
}
#right-col {
    float: none;
    clear:both;
    width: 100%;
}


#small-infos ul li {
	width: 50%;
	display: block;
	float: left;
	height: 50px;
	line-height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5DA2C1;
}
#small-infos ul li img {
    margin-right: 10px;
    margin-top:10px;
}	

#payments-contact {
    float: none;
    margin-left:1%;
    margin-right:1%;
    width: 98%;
}
#bottom-menu {
    float: none;
    width: 98%;
    margin-left:1%;
    margin-right:1%
}
#logos img {
    width: 22%;
}

#photos {
    float: left;
    margin-right: 1%;
    width: 19%;
}
#photos .main a img {
	max-width: 100%;
	max-height:140px;
}
#name-box {
    width: 80%;
     padding-top:25px;
}



.product {margin-left:1%;margin-right:1%}

#infos {
    padding-top: 14px;
    width: 80%;
    margin-bottom:20px;
   
}
#infos .logo-prod {
    position: absolute;
    right: 0;
    top: 40px;
    width: 100px;
}
#accessories {
    float: none;
    margin-bottom: 20px;
    width: 100%;
    clear:both;
}




	

body {font-size:14px;}
.wrapper {
		padding-left:1%;
		padding-right:1%;	
	}	


	#storage-cart {
		display:none;
	}
#cart-trig-big {
	width: 54px;
	text-align: center;
	line-height: 54px;
	height: 54px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	overflow: hidden;
	margin-top: 37px;
	float: right;
	margin-right: 10px;
	background-color: #F17915;
	background-image: url(../img/ico-cart.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	display: block;
	color: #FFF;
	font-size: 22px;
	padding-left: 26px;
	text-decoration: none;
}

#top {
	height:auto;
		
}


#top .menu {
	background-color: #2C2C2C;    /*display:none;*/
	float:none;
	display:none;
}
#top .menu li {
	display: block;
	float: none;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #595959;
}
#top .menu li a {
  display: block;
  float: none;
  text-decoration: none;
  line-height:30px;
  padding-top:2px;
  
}

	
#top .information {
	float: none;
	text-align: center;
	font-size: 14px;
	background-color: #2C2C2C;
	clear: both;
}



#sort-view {
    float: none;
    margin-right: 0;
    padding-top: 8px;
    clear:both;
}
#sort-pagi {
    float: none;
    width: 100%;
    clear:both;
}
#sort-view #sort {
    float: left;
}
#sort-view .view {
    float: left;
    margin-right: 5px;
}


#menu-switch-p ul {
    display: block;
}
#menu-switch-p ul li {

    display: block;
}


	#newsletter {
	    float: none;
	    clear:both;
	    margin-bottom: 20px;
	    padding-left:0;
	    padding-top: 7px;
	    width: 100%;
	}
	#news {
	    float: none;
	    padding-bottom: 10px;
	    padding-right: 0;
	    padding-top: 7px;
	    width: 100%;
	    clear:both;
	}
	#news header h2 {
	    margin-bottom: 10px;
	}
	#news article {
	    padding-left:3px;
	    padding-right:3px;
	}
#menu-switch {
    height: auto;
}
#menu-switch ul {
    display: block;

}	
#menu-switch li {
	width: 100%;
	display: block;
	background-color: #EDEDED;
	padding-bottom: 1px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#menu-switch li a {
    font-size: 14px;
}

#promotions .products .box {
	box-sizing: border-box;
	float: none;
	padding-left: 2.5%;
	padding-right: 2.5%;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;  
	padding-bottom:12px;
	margin-bottom:12px;  
}
#promotions .products .box .name {
    color: #2c2c2c;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    line-height: 18px;
    margin-bottom: 6px;
    text-align: center;
}
#promotions .products .box .price-more {
	text-align:center;
	
}
#promotions .products .box .price-more p {
    float: none;
    font-size: 14px;
    display:inline-block;
}
#promotions .products .box .price-more a {
    float: none;
    display:inline-block;
}

#footer p {
    float: none !important;
    text-align:center;
    padding:5px 0;
}
	
#attrs .colors .item {
    background-color: #f3e8d4;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    float: left;
    height: 48px;
    margin-bottom: 8px;
    margin-right: 1%;
    padding: 0;
    position: relative;
    width: 11.5%;
}
	

#opis table {width:auto !important; max-width:100%}
#opis {overflow:hidden}


#wysuwane {
    display:none;
}


		
}

@media screen and (max-width: 700px) {
	#categories-main .box .item {
	    width: 49%;
	}
	#categories-main .box .item:nth-of-type(3n) {
	   margin-right:2%;
	}
	#categories-main .box .item:nth-of-type(2n) {
	   margin-right:0;
	}	
	#name-box {
	    padding-top: 5px;
	    width: 100%;
	    float:none;
	    text-align:center
	}	
	#name-box h1 {
	    font-size: 24px;
	    line-height: 22px;
	    margin-right: 0;
	}
	.product {position:relative}
	#infos {position:relative}
	#infos ul {
	    float: none;
	    list-style-type: none;
	    margin-bottom:16px;
	}
	#infos .logo-prod {
	    position: absolute;
	    right: 0;
	    top: 10px;
	    width: 100px;
	}
	#attrs .bucket .item {
		width:24%;
	}
	
	#cart-price {
	    float: none;
	    text-align: left;
	}
	.fb_iframe_widget {float:left;padding-bottom:12px;}
	#photos {
	    float: none;
	    margin-right: 0;
	    width: 100%;
	    text-align:center;
	    padding-top:20px;
	}
	
	#photos .main a img {
	    max-width: 70%;
	    max-height: 360px;
	}
	#accessories h3 {
	    font-size: 15px;
	}
	#accessories .list .row .photo {
	    padding-right: 6px;
	    text-align: center;
	    width: 64px;
	}
	
.catalog .item {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.33333%;
}	
	
		
}


@media screen and (max-width: 500px) {
	#cart-trig-big {
		display: inline-block;
		float: none;
		height: 36px;
		width: 45px;
		margin-top:0;
		margin-bottom:10px;
		font-size:16px;
		line-height:36px;
		padding-top:1px;
		margin-right: 4px;
	}
	#search-trig-big {
		display: inline-block;
		height: 36px;
		width: 45px;
		float: none;
		margin-top:0;
		margin-bottom:10px;
		margin-right: 4px;
	}
	#menu-opt {
	display: inline-block;
	height: 36px;
		width: 45px;
	float: none;
	margin-top: 0;
	margin-bottom: 10px;
	margin-right: 4px;
	background-image: url(../img/ico-menu-trig.png);
	background-position: center center;
	background-color: #DADADA;
	background-repeat: no-repeat;
	}
	#top .information span {display:none}
	#header {
	    text-align:center;
	}
	#header .logo {
	    display: block;
	    float: none;
	    padding-bottom: 7px;
	    padding-top: 13px;
	    width: 100%;
	    clear:both;
	    text-align:center;
	}
	#header .logo img {
		max-width:95%;
	}
	
	#categories-main .box .item {
	    width: 98%;
	    margin-left:1%;
	    margin-right:1%;
	}
#small-infos ul li {
    width: 100%;
}
#logos {
   display:none;
}
#logos img {
    width: auto;
    margin:10px;
}	

#infos {margin-bottom:16px;
width:100%;
float:none;
}

#photos .main a img {
    max-width: 90%;
}
	
#attrs .colors .item {
    height: 30px;
    margin-bottom: 10px;
    margin-right: 1%;
    padding: 0;
    position: relative;
    width: 11.5%;
}
/*#attrs .colors .item:hover .tooltip {display:none;}*/
#attrs .colors .item {
    background-color: #f3e8d4;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    float: left;
    height: 48px;
    margin-bottom: 8px;
    margin-right: 1%;
    padding: 0;
    position: relative;
    width: 15.66666666666667%;
}
.catalog .item {
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%;
}
.pagi .numbers > a {
    width: 6.6%;
}
#contact-box {
    background-image: url("../img/logo-bottom.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: none;
    padding-top: 53px;
    text-align: left;
    width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding-left:110px;
}

#payments-contact > #payments {
	float: none;
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC; 
	padding-bottom:6px;   
}
	
#bottom-menu .block {
    float: none;
    width: 100%;
}	
#bottom-menu .block h3 {
    font-size: 16px;
    margin-bottom: 9px;
    padding-top:15px;
}	
#bottom-menu .block ul li a {
    line-height:26px;
}	


.mb {
    top: 266px;
}

}









/************************/
/***** koszyk start *****/
/************************/

#steps {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	margin-bottom: 20px;
}

#steps div {
	width: 25%;
	text-align: center;
	display: block;
	float: left;
	padding: 18px 0 12px 0;
	line-height: 20px;
}
#steps div em {
	display: inline-block;
	width: 20px;
	height: 20px;
	font-style: normal;
	background-color: #F17915;
	margin-right: 7px;
	color: #FFF;
	-moz-border-radius: 35px;
	border-radius: 35px;
}
#steps div.active {
	background-color: #F17915;
	color: #FFF;
}
#steps div.active em {
	background-color: #FFFFFF;
	color: #595959;
}

#steps div.done {
	background-color: #F17915;
	color: #FFFFFF;
}
#steps div.done em {
	display:none;
}


@media (min-width : 240px) and  (max-width : 600px) {

	#steps div.done em {
		display: inline-block;
	}
	#steps div span {
		display: none;
	}

	#cart-col .button{margin-bottom:12px;}


}









#cart-col #ext {
	padding:20px 0 30px;
}
#cart-col #intro h1 {
	margin-bottom: 0px;
	font-family: "Roboto", sans-serif;
	font-size: 24px;
	font-weight: 500;
	padding-left: 1%;
}


#cart-col .button {
	margin-bottom:10px;
}
#cart-col .button.gomore {
	width: 272px;
	font-size: 18px;
	background-color: #F17915;
	padding-top: 8px;
	padding-bottom: 7px;
}
#cart-col .button.gomore:hover {
	background-color: #DF6B0D;
}

#cart-col textarea[name="uwagi"] {
	width:450px !important;
}

table.tprod {
	border-collapse: collapse;
	border: 0;
	text-decoration: none;
	width:100%;
	margin:auto;
}
table.tprod td {
	text-align: center;
	padding: 8px 8px 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
table.tprod .name {text-align:left;}
table.tprod .name .pogrubienie {
	font-weight: 400;
}
table.tprod.thead td {
	font-weight: bold;
	background-color: #F1F1F1;
	color: #666666;
}

table.tprod td input {
	text-align: center;
	background-color: #F7F7F7;
	border: 1px none #E8E8EA;
}

table.tprod td a {
	color: #5C5C5C;
	text-decoration: none;
}


/* nie zmieniac - szerokosci kolumn tabeli z produktami */

table.tprod.thead .name-thumb {text-align:left; }
table.tprod .thumb {width:10%}
table.tprod .qty {width:8%}
table.tprod .price {width:14%}
table.tprod .worth {width:14%}
table.tprod .remove {width:7%}

/****************************/



/* formy platnosci i przesylek */

#przesylki-f{}
#shipping {
	width: 48%;
	padding: 30px 0;
	float: left;
}
#shipping .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#shipping p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #666666;
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#shipping .p1 {
	float:left;
}
#shipping .p1 .pogrubienie {
	color:#000;
}
#shipping .radio {
	text-align:center;
	width:10%
}
#shipping div.name {
	width:70%
}
#shipping .price {
	text-align:right;
	width:18%;
	padding-right:2%;
}
@media (min-width : 240px) and  (max-width : 770px) {
	#shipping {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}

/****************************/

#payments {
	width: 48%;
	padding: 30px 0;
	float: right;
}
#payments .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#payments .p1 .pogrubienie {
	color:#000;
}
#payments p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #666666;
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#payments .p1 {
	float:left;
}
#payments .radio {
	text-align:center;
	width:10%
}
#payments div.name {
	width:70%
}
#payments .price {
	text-align:right;
	width:18%;
	padding-right:2%;
}
@media (min-width : 240px) and  (max-width : 770px) {
	#payments {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}


/****************************/

#channels {
	padding: 10px 0;
}
#channels p.name {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #666666;
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#channels .item {
	width: 10.5%;
	margin: 10px 1%;
	text-align:center;
	float:left;
}
#channels .item img {
	max-width: 90%;
}
#channels .item label {
	display:block;
	border: 1px solid #FFF;
	padding:15px 0;
}
#channels .item label:hover {
	border: 1px solid #F1F1F1;
}
#channels .item .name {
	display:block;
	height:47px;
	overflow:hidden;
	padding:10px 0;
	line-height:18px;
	font-size:13px;
}

@media (min-width : 240px) and (max-width : 1000px) {
	#channels .item {
		width: 18%;
		margin: 10px 1%;
		text-align:center;
		float:left;
	}
}

@media (min-width : 240px) and (max-width : 770px) {
	#channels {
		width: 86%;
		padding: 10px 0;
		float: none;
		margin: auto
	}

	#channels .item {
		width: 30.33333%;
		margin: 10px 1%;
		text-align:center;
		float:left;
		overflow:hidden;
	}


}


/****************************/

#amount {
	width: 48%;
	padding: 30px 0;
	float: right;
}
#amount .row {
	padding-top: 8px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#amount .row.sum {
	font-weight: bold;
	color: #FFF;
	background-color: #B7C600;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
}
#amount .p1 {
	float:left;
}
#amount .p1 .pogrubienie {
	color:#000;
}
#amount div.name {
	width:57%;
	padding-left:3%;
}
#amount .price {
	text-align: right;
	width: 38%;
	padding-right: 2%;
	font-weight: bold;
	float: right;
}

@media (min-width : 240px) and  (max-width : 770px) {
	#amount {width:86%;padding:10px 0 10px 0; float:none; margin:auto;}
}

/****************************/
/**** dane zamawiajacego ****/

#ordering-data {
	width: 60%;
	margin: 0 auto;
}
#ordering-data .head {
	padding: 8px 8px 4px;
	font-weight: bold;
	color: #666666;
	background-color: #F1F1F1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#ordering-data .row  {
	padding: 6px 0 2px 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F1F1F1;
}
#ordering-data .row .input {
	float:right;
}
@media (min-width : 240px) and  (max-width : 1000px) {
	#ordering-data {
		width:72%;
		margin:0 auto;
	}
}

@media (min-width : 240px) and  (max-width : 770px) {
	#ordering-data {
		width:86%;
		margin:0 auto;
	}
	#ordering-data .row .name {
		float:none;
		display:block;
	}
	#ordering-data .row .input {
		float:none;
		display:block;
	}
}


/****************************/



@media (min-width : 240px) and  (max-width : 500px) {
	table.tprod {width:86%}
	table.tprod.thead	{display:none;}

	table.tprod td {
		display:block;
		border:none;
		padding: 8px 0;
		width:96%;
		text-align:left;
		font-size:15px;
	}
	table.tprod .thumb {
		width: 88px;
		height: 88px;
		float:left;
	}
	table.tprod .name {
		width:calc(98% - 88px);
		clear:right;
		height: 80px;
		float:left;
	}
	table.tprod .qty{
		clear:both;
		width: 100%
	}
	table.tprod .qty:before{
		content: 'Ilość‡: ';
	}
	table.tprod .price {
		clear:both;
		width: 100%;
		padding: 4px 0;
	}
	table.tprod .price:before{
		content: 'Cena: ';
	}
	table.tprod .worth {
		clear:both;
		width: 100%;
		padding: 4px 0;
	}
	table.tprod .worth:before{
		content: 'Wartość: ';
	}
	table.tprod .remove {
		clear: both;
		width: 100%;
		padding: 4px 0;
		margin-bottom: 24px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #EAEAEA;

	}
	table.tprod .remove a img {
		display:none;
	}
	table.tprod .remove a:before {
		content: 'x Usuń„ z koszyka';
	}
	table.tprod .remove a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
	background-color: #F17915;
	display: inline-block;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 3px;
	padding-left: 7px;
	margin-bottom: 10px;
	}
	table.tprod .remove a:hover, table.tprod .remove a:focus {
	background-color: #F17915;
	}


#cart-col textarea[name="uwagi"] {
	width:320px !important;
}

}


/***********************/
/***** koszyk stop *****/
/***********************/

form[name=rejestracja] {
	padding-left: calc(50% - 270px);
}










/*** Cookie warning ***/
#cookie-warn{
	position: fixed;
	bottom: 0;
	background: #EEE;
	margin: 0;
	width: 100%;
	display: none;
	z-index: 99;
	text-align: center;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
}

#cookie-warn a#close-cookie-warn{
	color: #D66E1A;
	text-transform: uppercase;
	float: right;
	background-color: #FFF;
	background-image: url(../img/close-s.png);
	background-position: center center;
	display: block;
	position:absolute;
	right:0;
	bottom:0;

	height: 43px;
	width: 63px;
	background-repeat: no-repeat;
}

#cookie-warn p{
	color: #333;
	padding-top: 11px;
	padding-bottom: 10px;
}


#ext {
	padding: 32px 5px 20px;
}
#ext p {
	padding-bottom:10px;
}

#ext ul, #ext ol  {
	padding-bottom:13px;
	padding-top:3px;
}

.kac-sm-panel{
position: fixed;
top: 150px;
right: -100px;
text-align: left;
z-index: 9999;
}
.kac-sm-panel ul{
list-style-type: none;
}
.kac-sm-panel li{
border-radius: 5px;
width: 140px;
height: 40px;
padding: 5px;
margin: 3px 0px;
position: relative;
right: 0px;
box-sizing: initial;
}
.kac-sm-panel span{
width: 80px;
display: inline;
font-size: 16px;
vertical-align: middle;
padding-bottom: 13px;
position: absolute;
top: 15px;
left: 50px;
color: #FFF;
font-family: sans-serif;
font-weight: 700;
}
.kac-sm-text-black {
color: #000000 !important;
}
.kac-sm-panel a{
text-decoration: none;
}
.kac-sm-block{
transition: right 0.5s ease-out 0s;
}
.kac-sm-block:hover{
right: 90px;
}

.kac-sm-fb{
background: none repeat scroll 0% 0% #295C9E;
}.kac-sm-gplus{
background: none repeat scroll 0% 0% #DC4A3D;
}.kac-sm-pkt{
background: none repeat scroll 0% 0% #FFFFFF;
border: 1px solid #000;
}.kac-sm-twitter{
background: none repeat scroll 0% 0% #16B9ED;
}.kac-sm-blog{
background: none repeat scroll 0% 0% #0171BB;
}.kac-sm-pinterest{
background: none repeat scroll 0% 0% #D73532;
}.kac-sm-youtube{
background: none repeat scroll 0% 0% #E32C26;
}.kac-sm-goldenline{
background: none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-allegro{
background: none repeat scroll 0% 0% #FF5A00;
}.kac-sm-linkedin{
background: none repeat scroll 0% 0% #0097BD;
}.kac-sm-googlekspert{
background: none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-payback{
background: none repeat scroll 0% 0% #00349A;
}.kac-sm-gmb{
background: none repeat scroll 0% 0% #427FED;
}
@media screen and (max-width:640px){ .kac-sm-panel{display:none;} }
ul li .box .col .head a {
    font-size: 16px;
    font-weight: 600;
    color: #3F91B6;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
background-image: none;
margin-bottom: 1px;
padding-left: 0;
}
.container {
		width:70%;
		margin:20px auto;
	}

	.rwd-table {
		position: relative;
	}

	@media screen and (max-width:960px) {
		.rwd-table {
			overflow-x:scroll;
			padding-top:45px;
		}	
	}

	table {
		border:1px solid #e1e1e1;
		border-collapse:collapse;
	}

	@media screen and (min-width:960px) {
		table {
			
			table-layout: fixed;
		}
	}

	td {
		padding:20px;
		border:1px solid #e1e1e1;
	}

	::-webkit-scrollbar {
	    -webkit-appearance: none;
	    width: 7px;
	}
	::-webkit-scrollbar-thumb {
	    border-radius: 4px;
	    background-color: rgba(0,0,0,.5);
	    box-shadow: 0 0 1px rgba(255,255,255,.5);
	}

	.scroll-this {
		position:absolute;
		top:0;
		right:5px;
		z-index:999;
		font-size: 25px;
		padding:5px;
		background:#e1e1e1;
		display: none;
	}

	@media screen and (max-width:960px) {
		.scroll-this {
			display: block;
		}
	}