h4 {font-size:16px;font-weight:700;}
h5 {display:inline-block;color:red;margin:5px 10px 5px 0; font-weight:400; font-size:14px;}

#capceleraEmpresa{font-size: 1.8rem;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif; color: #777}
.titolEmpresa {color: #E60000;font-weight: 400;}

#blocFiltres {float:left; background-color: #ffffff; padding:0;}
#blocResposta {float:right;}

/* 2025 */

.cap-sector{display:none}
#formFiltres .bloc-filtres {display:inline-block;}
#blocFiltres ul {list-style-type:none;font-size:15px}
#blocFiltres {z-index:9}
#filtre-es-ocasio, #filtre-epigrafs, #filtre-marques, #filtre-paisos, #filtre-preus, #filtre-ordre, #filtre-any{position:relative} 

#filtre-es-ocasio #divRadios,
#filtre-epigrafs div.caixa-filtre,
#filtre-marques div.caixa-filtre,
#filtre-paisos div.caixa-filtre,
#filtre-ordre div.caixa-filtre,
#div-slider-preu,
#div-slider-any
 {position: absolute; display: none; background-color: #fff; border-radius: 10px; border: 1px solid #a3b8c1; min-width: 350px;
  z-index: 200; padding:20px; font-size:15px}
 
#filtre-ordre div.caixa-filtre {min-width: 225px;} 
  
#div-slider-preu,
#div-slider-any{top:150%}
#formFiltres svg {width:12px;margin-left:5px;fill:black}
.bloc-filtres h4{border:1px solid #a3b8c1;padding:10px 35px 10px 20px;margin-right:15px;border-radius:20px;font-weight:500;cursor:pointer}
#filtre-epigrafs .caixa-filtre ,
#filtre-marques .caixa-filtre ,
#filtre-paisos .caixa-filtre {height: 300px; overflow: auto;}

#filtre-epigrafs .caixa-filtre li,
#filtre-marques .caixa-filtre li,
#filtre-paisos .caixa-filtre li{
	padding:10px 10px;border-bottom:1px solid #a3b8c1;
}

#filtre-epigrafs .caixa-filtre li input,
#filtre-marques .caixa-filtre li input,
#filtre-paisos .caixa-filtre li input{
	margin-left:10px
}

h4.filtre-actiu {border: 1px solid black}

.bloc-filtres h4.collapsed::after, .bloc-filtres h4::after{    right: 18px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 5px;
    transition: all 0.3s ease 0s;
    width: 15px;
	margin-top: 0px;
	margin-right:15px}

.bloc-filtres h4.collapsed::after {
  content: url("/img/chevron-down-petit.svg");
}

.bloc-filtres h4::after {
  content: url("/img/chevron-up-petit.svg");
}
.bloc-filtres-img{margin-left:20px;margin-right:20px}

#formFiltres .filtre-seleccionat {border:2px solid red	}

.custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
.custom-search-input .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.custom-search-input button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:gray;
}

.search-query:focus + button {
	z-index: 3;   
}
.noHover{
    pointer-events: none;
}


#formFiltres .divider {
  height: 1px;
  margin:
9px 0;
  overflow:
hidden;
  background-color: #e5e5e5;
}

/* FI 2025 */

#formFiltres a {overflow:hidden;margin-right:10px;text-decoration:none;vertical-align:top;cursor:pointer}
#formFiltres input{vertical-align:top;}
.recompte{font-size:14px; margin:10px 0;}

.expansor {font-family:Arial;font-size:30px;font-weight:bold;width:2ex;display:none;}
.expansor {cursor:pointer;font-size:20px;font-family:monospace;color:red;background:#ccc;margin-left:5ex;margin-top:-1ex;line-height:2ex;border-radius:1ex;text-align:center;width:2ex;height:2ex;}
.expansor:after {clear:all;margin-bottom:0.5ex;}
.expansor.plegat {color:green;transition-duration:0.5s;}
.plegat .ultims {display:none;transition-duration:0.5s;}

.epigrafs-filtrats .recompte-no-epigraf {display:none;}

#molinet{position:fixed;width:100%;height:100%;background:rgba(50,50,50,0.5);text-align:center;z-position:50000;}
#molinet > div{width:60mm;height:auto;border-radius:3px;border:1px solid #ccc;margin-left:auto;margin-right:auto;margin-top:15%;background:white;padding:7.5mm}
#molinet img{width:30mm;}
#nOfertes {position:relative; float:left; margin: 5px;}
#paginat {position:relative; float:left; margin: 11px;}

.ul-paginat {padding-left:0;list-style:none; text-align:center}
.ul-paginat li {font-familiy:monospace; font-size:14px; display:block; margin-right:6px; padding:0; border-radius:3px; float:left; margin-bottom:5px;}
.ul-paginat li a,.ul-paginat li span{text-decoration:none;padding:4px 7px;}
.ul-paginat li a:active {-webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);-moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);}
.ul-paginat li a:hover {background: #white;color: #555;}
.ul-paginat .pagina-actual {color:red;font-weight:bold;}

.td-img-anunci {padding:5px;}
.td-img-anunci img {max-width:100%; border:1px solid grey;}
.td-detalls-anunci {margin:10px 0;}
.titolAltresAnucis {background: #f8f8f8;color: black;padding-top: 20px;font-size: 18px;}

#q{
	width:65%;
	float:none;
	margin:10px;
	height:40px;
	display:inline;
}
#botoCerca{
	float:right;
	height:auto;
	margin:10px;
	height:40px;
	font-size:14px;
	vertical-align:middle;
	margin-right: 10%;
}
.titolAnunci{
	font-size:16px;
	font-weight:700;
	text-overflow:ellipsis;
	position:relative;
}
.titolAnunci span.favorit{position:absolute;right:0;}
.titolAnunci a{
	text-decoration:none;
	color:rgb(51,51,51);
}
.tr-anunci{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin:10px 0;
}


.marca {margin:0px;font-weight:700}
.modelo {margin:0px;}
.pais {margin:0px;}
.anyo {margin:0px;}
.masinfo {margin:10px 0 0 0;position:relative;}
.precio {margin:5px; bottom:25px;font-size:18px; font-weight:700; color: green;text-align:right;right:0%;}

.slider{width:90%;margin:auto;}
.slider-filtre {position:relative;}
.slider-filtre h4 {margin-bottom:-10px;}
.gamma-valors {margin:5px 0;border:0;background:transparent;margin-left:auto;margin-right:10px;text-align:right;width:100%;}
.tambe-buits {display:block;margin-top:5px;}
.navbar {margin-bottom:0;}

.detallDialegNou .subtitolet{font-weight:bold;color:#D60300}
.detallDialegNou {font-size:13px}
.nobr{white-space:nowrap}
.detallDialeg  #empresa_ressenya{margin-top:10px;font-weight:bold}
#detall_ressenya h2, #detall_ressenya h3{font-size:18px;margin:6px 0}
.embolcall_fotos{max-width:460px;float:right;margin-bottom:5px}
.embolcall_fotos img{max-width:100%;max-height:350px;margin:5px 5px 3px 4px;border:1px solid #ccc}
.embolcall_fotos .imatgesanunci img{margin-right:2px;opacity:0.50;max-width:77px;max-height:62px;border:1px solid #ccc;margin-left: 1px}
.embolcall_fotos .imatgesanunci img.miniFotoActiva{opacity:1;border-color:black}

.divfotogranclassificat{text-align:center}
.embolcall_fotos .fotogranclassificat{margin:5px auto}
.divBotonsDetall {text-align:right;margin-top: 20px;}
.botoDemanaInfo {margin-bottom:5px;margin-top:5px;}
/*.botoVeureStand {margin-bottom:5px;margin-top:5px;background-color:#005689;}*/
.marcSeleccionatOC ,.marcSeleccionatEP {background-color: #697c2b;color: white;font-weight: bold;margin-bottom: 25px;}
.marcSeleccionatFV {background-color: #005689;color: white;font-weight: bold;margin-bottom: 25px;}
.anunciSeleccionat{background-color: white;color: black;height: 100%;}

.ressenya h3 , .ressenya h2 {margin-left: 20px;}

#AvisMultiConsulta {position:fixed;top:0;left:0;width:100%;display:none;background:rgb(255, 255, 151);color:Black;z-index:9999;}
#AvisMultiConsulta div {margin: 5px}
.txtAvisMultiConsulta {font-size: 14px;}
#botoObrirFormulariConsulta {white-space: normal;}

.boto-no-apretat {background-color: #449d44;border-color: #398439;color: white;}  
.boto-no-apretat:hover , .boto-no-apretat:focus {color: white;background-color: #398439;}

.boto-apretat {background-color:#757575; color: white;}
.boto-apretat:hover, .boto-apretat:focus {color: white;}

.badge-warning {background-color: #D5121B !important;color: white !important;}

.rebaixat {position: absolute;right: 5px;color: red;font-size: small;top: 1px;background-color: yellow;font-weight: 700;}

#botoFiltres {display:none;float: left;margin: 10px;height: 40px;font-size: 14px;vertical-align: middle;}}
#blocFiltres {display: block;position: static;}

.tancaFiltres {float: right;color: red;font-size: x-large;margin-right: 5px;margin-top: 15px;margin-right: 15px;cursor: pointer;}
.tancaFiltres {display:none;}
/*! #PeuPaginaComplert  {float:right;width: 70%;} */

@media screen and (max-width: 768px) {	
	.titolAnunci {font-size:14px;}
	.marca, .modelo, .pais, .anyo, .masinfo {font-size:12px;}
	.marca h5, .modelo h5, .pais h5, .anyo h5, .masinfo h5{font-size:12px;}	
	.precio {font-size:14px;}
	#botoObrirFormulariConsulta{padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
	.txtAvisMultiConsulta {font-size: 12px;}
	#botoFiltres {display:block;}
	#blocFiltres {display: none;position: absolute;/*top:370px*/;background-color: #ebebeb}
	#PeuPaginaComplert  {float:left;width: 100%;}
	.tancaFiltres {display:block;}
	
	/*2025*/
	.bloc-filtres-img{display:none}
	#formFiltres .bloc-filtres {display:block;width:60%}
	.slider-filtre h4 {margin-bottom:0px;}
	#botoCerca { margin-right: 0;}
}
@media screen and (width: 768px) {
	#blocFiltres {display: none;}
	#botoFiltres {display:block;}
	#blocResposta {width: 100% !important}
}

@media screen and (max-width: 480px) {		
	/*#q{ width:60%; }*/
	#botoCerca{	width:20%;}
	.titolAnunci {font-size:14px;}
	.marca, .modelo, .pais, .anyo, .masinfo {font-size:12px;}
	.marca h5, .modelo h5, .pais h5, .anyo h5, .masinfo h5 .descripcio h5{font-size:12px;}	
	.precio {font-size:14px;}
	#nOfertes {position:relative; float:left; margin: 0;}
	#paginat {position:relative; float:right; margin: 7px 0;}	
	#botoObrirFormulariConsulta {padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
	#blocFiltres {display: none;position: absolute;background-color: #ebebeb}	
	#PeuPaginaComplert  {float:left;width: 100%;}
	.tancaFiltres {display:block;}
	
	/*2025*/
	#formFiltres .bloc-filtres {width:100%}
	.bloc-filtres h4.collapsed::after, .bloc-filtres h4::after{top:0}
}

@media (max-width: 766px) {.affix{position: static;width: 100%;background-color: white} .affix>div{width:100vw !important}}
/*@media (max-width: 480px) {.affix{position: static;width: 100%;background-color: white} .affix>div{width:100vw !important}}
*/
.affix{
	top: 10px;
	z-index:999;
	width:240px;	
	height:100%;	
    background-color: transparent;
}