/*cap 2019 */
ol {font-size: 12px;font-weight: 400;font-stretch: 100%;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;
    text-transform: uppercase;letter-spacing: 2px;}
#inputCercador {font-size: x-small;}
#logoEspaiActual {margin:20px 0;padding-left: 20px}
#logoEspaiActual img {height: 130px;}
#botonsUsuari {margin-top: 5px;margin-left:38%;}

.botoCap {height: 40px;background-color: #DC070F;color: white;font-weight: bold;vertical-align: middle;text-align: center;position: relative;padding:5px;}
.botoCap:hover {text-decoration: blink;color:#DC070F;background:white;}
.botoneraCap {font:400 12px/1.8 'Sofia Sans', Arial, Verdana, Sans-serif;padding-top: 65px}
#divPlegarDesplegar {margin-right: 2%}
.cercador{background:url('../img/background-cercador.jpg');}
.cap .cap-logo-nom-revista{color:#697c2b;}
.cap .cap-logo-img-nom span b {border-left: 3px solid #697c2b;}

#seccio{color:#697c2b;}

/*.boleta-sector  div{background-color:#697C2B;}*/
/*.boleta{background:#697c2b;}*/

#publicaAnunciGratis{border: 2px solid #f8f8f8;border-radius: 10%;padding:50px 10px;text-align:center;font-size:24px;}
#publicaAnunciGratis img{padding:10px;}
#publicaAnunciGratis a{text-decoration:none;}

.textPreSeleccio i{color:#697c2b;}

#divRadios span {padding-left: 3px;padding-right: 4px;}

.TDLlista ul {border: 1px solid black;border-radius: 10px;background-color: whitesmoke;}
.TDLlista ul li {padding-top:1em;}  
table.CapApartat td.h2 a {color:#697C2B;font-size:18px;margin-left:15px;text-decoration:none}
.ApartatDesplegable {font-size:16px;font-weight: 500;font-stretch: 100%; font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;text-align: left;vertical-align: middle;display: block;float: left;padding: 3px;margin: 2px;background-color: transparent;border:none; }
.ApartatDesplegable span {font-size:15px;}
.TaulaLlista{padding-top:10px}
.descripcio-llistats-fv { font-size: 18px; color: #000000; font-weight: bold;}

/****************** PANEL-ACCORDION ************************/
.ImgApartat {border-radius: 50%;margin-right: 10px;border: 1px solid #c5c5c5;  max-width: 50px;  position: absolute; top: 5px; left: 10px;}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    /*padding: 30px;*/
}
.accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 0px;
}
.accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
.accordion .panel-title a {
    background: #e40514 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 20px 30px 20px 35px;
    position: relative;
    transition: all 0.3s ease 0s;
	line-height: 1.4;
	text-decoration: none;
}

.accordion .panel-heading a.collapsed::after {
  content: url("/img/chevron-down-solid.svg");
}

.accordion .panel-heading a::after{
  content: url("/img/chevron-up-solid.svg");
}

.accordion .panel-title{position:relative}

.accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #262626;
    color: #333;
	
}
/*#pgPlanaPrincipalFV .accordion .panel-title a.collapsed, #pgPlanaPrincipalOC .accordion .panel-title a.collapsed {
background: #fff none repeat scroll 0 0;	
}*/

.accordion .panel-title a.collapsed i {
	float:right;
	font-size:25px
}

.accordion .panel-title a::after, .accordion .panel-title a.collapsed::after {
    right: 18px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 12px;
    transition: all 0.3s ease 0s;
    width: 22px;
	margin-top: 0px;
}
.accordion .panel-title a.collapsed::after {
    box-shadow: none;
    color: #DC070F;
}

.accordion .panel-title a span {
  margin-left: 35px;
  display: block;
}

/******************LIST ********************/
.list ul {
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  font-weight: 400;
}

.list li {
  position: relative;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #E8ECED;
  cursor: default;
  font-size:16px;
}

.list li:hover { color:#777;}
.list li:hover::marker {font-weight: 700;}
.list li:hover::after { opacity: 1; transition-delay: 0.2s;}


/****************** FI PANEL-ACCORDION ************************/






.LlistaEnllassos{margin-top:4px;}
.LlistaEnllassos {padding-top:1em; padding-bottom: 2em;margin-top: 10px;}
.LlistaEnllassos li a {text-decoration: none;}
.LlistaEnllassos li a:hover{color:#E60000;font-weight:bold;text-decoration:none}}
/* Ofertes destacades */
.OD{background:#fff;padding:3px;border:2px solid #ebebeb;text-align:center}
table.ODs{margin:auto auto 2mm auto;width:100%;background:#DED8D8;color:black;border-radius:10px;padding:0}
table.ODs tr{margin-bottom:5px}
table.ODs td.OD{text-align:center;padding:0 2px 0 0;background:white;border-collapse:collapse;padding-bottom:6px}
table.ODs.OD_C5 td.OD{width:20%}
table.ODs.OD_C4 td.OD{width:25%}
table.ODs.OD_C3 td.OD{width:33.33%}
table.ODs.OD_C2 td.OD{width:50%}
table.ODs.OD_C1 td.OD{width:100%;text-align:center;padding:3px}
table.ODs a span.OD1,table.ODs a span.OD2,table.ODs a span.OD3{margin:0 auto 0 auto;padding:.1ex .15ex;width:auto;white-space:normal;font:12px normal Arial Narrow,New Helvetica Narrow,Arial,sans-serif;text-transform:none;word-wrap:break-word;text-wrap:normal;display:block;color:black;text-decoration:none}
table.ODs a span.OD3{font-style:italic;font-weight:bold;}
table.ODs td.OD a img, table.ODs td.OD a:hover img{margin:6px auto 0px auto;border:2px solid white}

/* Especialitzacions ODs */
body.classif table.ODs{width:100%}
body.classif table.ODs td.OD{border-top-width:0;border-width:2px}
table.ODs td.OD a img{max-height:120px;max-width:150px}
.A0{border-bottom:1px solid #ddd}
.A0:hover{background:#f4f3f3}
.pri_th{border-right:0}
.ODsPeu h2 {margin-top:0;font-size:16px;color:#fff;background:#aaaa99;padding:4px;margin-bottom:0;font-family:Arial,sans-serif;text-align:center}

table.ODClassificats td{padding-left:10px;text-align:left}

#taula_anuncis  a {color: #697c2b !important;}


/* Detall de classificats 2016 */
/* modidicacio de classes de bootstrap ja carregades */
#usuari-info-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #444;opacity: 0.5;z-index: 9998;}

.carousel-control {width: 4%;text-shadow: 0 1px 2px rgba(0,0,0,.6);background-color: rgba(0,0,0,0);cursor:pointer;}
.carousel-control.right {position:absolute;background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0.39) 100%);}
.carousel-control.left {position:absolute;background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0.39) 100%);}
.carousel-control:focus, .carousel-control:hover {color:white;}
.carousel-control {color:#333;}
.detallDialegNou {position: absolute;top:15%;width:100%;border: 1px solid #ccc;z-index: 9999;background:white;} /* position:fixed;top: 50px;height: 85%;overflow:hidden */

.btn-notot {background-color: #386e38; border-color:#4cae4c;color:white;}
.btn-notot:hover {color:yellow;}

#divScroll {max-height:495px;background-color:#f5f5f5;overflow-y:auto;}

.input-xs {
  height: 22px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5; /* If Placeholder of the input is moved up, rem/modify this. */
  border-radius: 3px;
}
.urlmobile {display: none;}
.urlnomobile {display: inline-block;}
.tr_descripcio a, .tr_descripcio li a {color:#373737;border-bottom:1px dotted #373737;}
.tr_descripcio a:hover, .tr_descripcio li a:hover {color:blue;border-bottom-color:blue;text-decoration:none;}

.taula-caracteristiques-client td,
.taula_caracteristiques_cecamasa td {padding-left:5px;}

.descripcio {padding-bottom: 5px;padding-left: 0}

/* classes per el boto llegeix mes */
.enllacLlegeixMes {
    display: inline;
    cursor: pointer;
    font-weight: bold;
}

.llegeixMesOcult {
    display: none !important;
}
.llegeixMesVisible {
    display: inline;
}

/************* CLASSIFICATS DESTACATS 2025 ****************************/
#pgEpigrafsOcasioSector .caixa-destacats {  background-color: #f3f3f3;  width: 100%;  padding: 0px;  margin-top: 50px;}
#pgEpigrafsOcasioSector .caixa-destacats a {color:#000000}
#pgEpigrafsOcasioSector .caixa-destacats .titol-ods {  text-align: center;  margin-bottom: 30px;}
#pgEpigrafsOcasioSector .caixa-destacats .swiper-slide {  height: 250px;}
#pgEpigrafsOcasioSector .caixa-destacats .swiper-slide img {  width: 250px;  max-width: 250px;  max-height: 200px;  height: 150px;  object-fit: cover;  border: 1px solid #dddddd;  border-radius: 16px;  margin-bottom: 10px;}
#pgEpigrafsOcasioSector .caixa-destacats span.OD1, .caixa-destacats span.OD2, .caixa-destacats span.OD3 {  margin: 0 auto 0 auto;  padding: .1ex .15ex;  width: auto;  white-space: normal;  text-transform: none;  word-wrap: break-word;  text-wrap: normal;  display: block;  color: black;  text-decoration: none;}
#pgEpigrafsOcasioSector .caixa-destacats span.OD1, .caixa-destacats span.OD2 {  font-weight: 700;}

/************* FI CLASSIFICATS DESTACATS 2025 *************************/



@media screen and (max-width: 1024px) {
	/*.detallDialegNou{top:10%;} */ /* 20px; height: 95%;*/
	#publicaAnunciGratis{margin: 30px 0;}
	.detallDialegNou{top:5%;}
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top:40%;}
	#divScroll {max-height: 300px;}
	#logoEspaiActual img {height: 100px;margin-top: 20px;}

}

@media screen and (max-width: 766px){	
	/*cap 2019*/
	.botoneraCap {padding-top: 10px}
	#logoEspaiActual {margin-top:0;margin-bottom: 0}
	#logoEspaiActual img {padding-left: 10px;}
	#botonsUsuari {margin-left: 10px;padding-right: 0px;}	
	/* */
	body{font-size:12px;}
	.boleta{background:#697c2b;}
	#publicaAnunciGratis{margin: 20px 0;}
	.detallDialegNou{top:2%;} /*top:0px;height: 95%;*/
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top:30%;}
	.urlmobile {display: block;}
	.urlnomobile {display: none;}
	
}
@media screen and (max-width: 480px) {
	.boleta{background:#697c2b;}
	#publicaAnunciGratis{margin: 20px 0;}
	.detallDialegNou{top:0%;}
	#logoEspaiActual img {margin-top: 20px;padding-left:0px;height:90px;}
	#logoEspaiActual {margin-left: 20px}
	.masinfo>a{font-size: 9px !important}
}

#PeuGoogle {text-align: center;}

.contenidor-fitxa {border: 1px solid #EBEBEB ; position: relative;padding: 0 ;
	transition: color 0.2s ease,background 0.2s ease;border-top:1px solid #dddddd;padding:10px 0;
	display:table;width:100%;height: 600px;margin-bottom: 30px}

.bloc-foto{border:1px solid #dddddd;padding:5px;text-align:left;height: 150px}
.bloc-foto img{width: 100%;height: 100%;object-fit: cover;}

.bloc-caracteristiques{vertical-align:middle;height: 100px;padding: 2px}
.titolAnunci{height: 50px;overflow: hidden;}
.bloc-filtres ul {padding-left: 2px;font-size: 11px}

.bloc-desc{height:150px;overflow: hidden;word-break:break-word;}
.precio {height: 50px}
.mesinfo {text-align: center;background: #efe7e7;padding: 4px;position:absolute;bottom: 0;width:100%;margin:auto;height: 50px}