@import url('../default/style.css');

#left-column {width:270px;box-sizing:border-box}
	#left-column ul{margin-left:0;}
	#left-column li{padding-left:0;}
#left-column + .columns-container{width:calc( 100% - 285px );margin-left:15px;float:left;box-sizing:border-box}
#left-column + .columns-container .container{max-width:100%}

.category_image{float: left; margin: 0 20px 20px 0;}
.category_desc{margin: 0 0 15px;}
.long-desc, .download, .formularz-cont, .tagi{margin-top:15px; float: left; width: 100%;}
 .download{margin-top:65px;}

	.filtr {margin-bottom: 20px; padding:10px 20px;  width: 100%; float: left;}
		.filtr .title{display: block;}
		.filtr .option{width: 106%; margin: 0 -3%; padding:3%;background:0 none;float:left;}
		.filtr form{width: 100%;}
			.main .filtr fieldset{padding:0px; margin:0px;}
				.main .filtr fieldset legend{float: left; cursor: pointer;}
				.main .filtr fieldset legend span.title::before{content:'[+] '}
				.main .filtr fieldset legend.zwin span.title::before{content:'[-] '}
				.main .filtr fieldset legend span.title{font-size:15px; color: #6b6b6b; height: 20px;}
			.main .filtr ul{display:none;clear:both; padding-top: 20px;}
			.main .filtr li{padding:0px;background:0 none;margin-right:20px;}
		.filtr .search {text-align:left; padding:3% 0; clear:both;}
			#main .filtr .search .button{display:inline-block; float:none; background-color:#7cb342;color:#fff; font-size: 11px; padding:5px 15px; border:0 none; box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);}
			#main .filtr .search .button:hover{box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);  -webkit-box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.25);}
			#main .filtr .button.products_filter_clear{color: #c33; background: #008DD5; color: #fff; font-size: 11px; border: none;}
			#main .filtr .search .button.products_filter_clear{margin-right: 20px;}
		
		.filtr h4 {float:left;font-size:15px; color:#707070;position:relative; cursor: pointer;}
		.filtr span.wiecej {float:right; clear:right; margin-top: 5px!important;}
			.filtr span.wiecej .roz, .pid_156 .filtr span.wiecej.zwin .roz  {display:none;}
			.filtr span.wiecej.zwin .roz, .pid_156 .filtr span.wiecej .roz{display:inline;}
		
			
			.formularz-cont .formularz {margin-top:0;}
			.pid_156 .filtr form {display:none}
			
		.foto {width:42%;float:left;}
			.foto .list-foto {}
			.foto .list-foto ul{margin:0;padding:0;}
			.foto .list-foto li{float:left;background:0 none;  padding: 2px;     border-radius: 3px;    -webkit-border-radius: 3px; border: 1px solid #ccc;  text-align:center; width: 70px;height: 70px;margin:5px 5px 0 0;}
			.foto .list-foto li a { display: block; width: 100%;  height: 65px;  line-height: 65px;}
			.foto .list-foto li img{max-height:100%; height:auto; display:inline-block;}
		.short-desc {width:54%;float:right;}
		.short-desc p{padding-top:0;}
		.tagi {}


		
		.short-desc p {clear:both;float:left;width:100%}
		.short-desc .tagi + .button {margin: 20px 0 10px;background: #151515;color: #fff;border-color: #000;}
		.short-desc .tagi + .button:hover {opacity:.7;}

		/* .tagi li a:before{content:"#";} */
#layered_form.steps legend span:before{content:'';}
#layered_form.steps ul{display:block;}
#layered_form.steps div.option {padding: 0 3% 3%;}
#layered_form.steps div.option ul {margin: 0;}
#layered_form.steps div.option ul li {
	width: 31.33%;
	height: 40px;
	background-color: #ebebeb;
	padding: 1%;
	margin: 0 2% 2% 0;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.15);
	cursor: pointer;
	float: left;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}

@media (max-width: 992px) {
	#layered_form.steps div.option ul li {
		font-size: 1.5vw;
		width: 49%;
	}
}
@media (max-width: 892px) {
	#layered_form.steps div.option ul li {
		font-size: 1.8vw;
	}
}
@media (max-width: 764px) {
	#layered_form.steps div.option ul li {
		font-size: 2.0vw;
		width: 32.33%;
	}
}
@media (max-width: 660px) {
	#layered_form.steps div.option ul li {
		width: 48%;
		box-shadow: none;
		font-size: 2.4vw;
	}
}
@media (max-width: 560px) {
	#layered_form.steps div.option ul li {
		font-size: 2.7vw;
	}
}
@media (max-width: 460px) {
	#layered_form.steps div.option ul li {
		font-size: 3.0vw;
	}
}
#layered_form.steps div.option ul li * {
	cursor: pointer;
}
#layered_form.steps div.option ul li:hover,
#layered_form.steps div.option ul li.checked{
	background-color: rgb(76, 76, 76);
	color: #ebebeb;
}
#main #prev-step {
	margin-right: 20px;
	display: none;
}

#steps_filter_clear {
}

#layered_form.steps div.option ul li input[type='checkbox'] {
	display: none;
}
#layered_form.steps div.option ul li.selected-att {
	background-color: #7cb342;
	color: #fff;
}
#layered_form.steps div.option ul li.selected-att:hover {
	background-color: rgb(76, 76, 76);
	color: #fff;
}
#wyszukiwarka-parametrow {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	text-align: center;
}
#wyszukiwarka-parametrow input#parameter-input {
    border: 1px solid #ccc;
    display: inline-block;
    width: 320px;
	max-width: 100%;
    padding: 10px 20px;
    font-size: 12px;
    color: #6b6b6b;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}
ul.ui-autocomplete {
	background-color: white;
	width: 320px;
	font-size: 12px;
	background-color: #ebebeb;
	box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.25);
}
ul.ui-autocomplete li {
	cursor: pointer;
	padding-left: 20px;
	margin: 0;
}
ul.ui-autocomplete li:hover {
	background-color: rgb(76, 76, 76);
	color: #fff;
}
#active_filters {;
	margin-bottom: 10px;
}
#active_filters > span > span {
	color: #7cb342;
	cursor: pointer;
	margin-left: 10px;
}
#active_filters > span > span:before {
	content: "x";
	border: 1px solid;
	padding: 0 4px;
	margin-right: 5px;
}
#steps_filter_box {
	position: relative;
}