body {font-size:16px;}
a {color:#000000}

h1.titolEpigraf, p.titol-llistats-fv{font-size:18px;color:#000000;font-weight: bold;margin:10px;}
.se_muestran{text-align:right}
/* LLISTAT EMPRESES */
#taula_empreses{  display: flex; flex-wrap: wrap; gap: 40px; /* Espacio entre items */}
div.una_empresa{flex: 0 0 300px;border:0;overflow:hidden;height:350px;background:#f8f8f8; border:1px solid #cacbcb;border-radius:20px;box-shadow: 3px 5px 3px #eee;} 
div.una_empresa:hover{border: 2px solid #979696;}
div.una_empresa:hover img {opacity: 0.5; transition: opacity 0.1s ease;}
div.una_empresa .div-logo-empresa {background-color:#FFFFFF;height:120px;text-align:center}
div.una_empresa .div-info-empresa {padding:10px 20px 10px 20px;}
div.una_empresa h4.empresa {font-size:18px;font-weight:700;text-align:center}
div.una_empresa img{width:170px;height:76px;max-height:76px;max-width:170px;margin-top:20px;}
div.una_empresa p{font-size:14px}
div.una_empresa a:hover {color:#262626}
#cap-llista-empreses {margin-bottom:20px}
#cap-llista-empreses h1 {margin-top:10px}
#links-llistat div {margin:0 10px 0 10px;float:left}
#links-llistat span.opcio-llistat {margin-right:10px}
#links-llistat span svg {fill:#58585A;width:20px;height:20px;vertical-align:middle;}

body.entidades_y_asociaciones table.taula_PEO tr th {background-color: rgba(163, 194, 7, 0.50)}  /* Verd Canales Sectoriales, rebaixat... */
div#anuncis_empresa {margin-bottom:3ex;margin-top:2ex;font-size:18px;color:#58585A}

.fila-filtres {margin:10px 0px 20px 0px}
.btn-filtres {border: 1px solid #a3b8c1;  padding: 10px 35px 10px 20px;  margin-right: 15px;  border-radius: 20px;  font-weight: 500;  cursor: pointer;
  font-size:16px;  position:relative;  background-color: #f8f8f8;}
.btn-filtres:hover {border: 1px solid red;}
.btn-filtres svg {  width: 20px;  height: 20px;  position: absolute;  top: 10px;  right: 5%;}
ul.filtre-llista-empreses {padding-left:10px; max-height:400px;overflow:scroll;min-width: 300px;}
ul.filtre-llista-empreses li {margin:10px 5px; border-bottom:1px dotted; cursor:pointer}
.multiline-btn {  white-space: normal;  word-wrap: break-word;  padding: 10px 5px;  height: auto; /* Altura automática */  min-height: 40px; /* Altura mínima */}
.fila-filtres .btn-demana-info, .llistat-empreses-multiconsulta .btn-demana-info {background-color: #ffd8db;border-radius:20px;font-size:16px}
.fila-filtres .btn-demana-info:hover, .llistat-empreses-multiconsulta .btn-demana-info:hover {border-color: #f80000;} 
.llistat-empreses-multiconsulta .boto-enviar{padding-right: 20px;}
.llistat-empreses-multiconsulta .botons-seleccionar{margin-bottom:10px}
.filtresCatalegs {float:left;margin-right:10px;margin-top: 10px;}

#taula_ressenyes{  display: flex; flex-wrap: wrap; gap: 25px; /* Espacio entre items */}
#taula_ressenyes a:hover {opacity: 0.6}
div.un_producte{flex: 0 0 220px;text-align:center;border:0;overflow:hidden;height:320px;background:#f8f8f8; margin: 0px 10px;}  
div.un_producte.destacat_od{padding:5px}
div.un_producte.is-hidden, div.un-cataleg.is-hidden, div.un-video.is-hidden, div.una_empresa.is-hidden{display:none}
div.un_producte  h4{display:inline;font-weight:normal;font-size:14px;margin:0;padding:0;border:0;overflow:hidden}
div.un_producte a {font-size:16px;color:#000000;font-weight:700}
div.un_producte.destacat_od img{border:3px solid #DC070F}
div.un_producte img{border:1px dotted #dedede;margin:0;padding:0;background:url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent;border-radius: 25px;}
div.un_producte .info-producte {text-align:left}
div.un_producte img.logo{background:none;border-radius:0px;border:0px;max-width:40%;margin-top:5px;margin-bottom:5px}
div.destacat_od h4 a {font-size:15px;text-decoration: none;display: inline-block;position: relative;font-weight: bold;padding: 0 0 5px 0;color: #eb5055;}
div.destacat_od h4 a:after {content: ''; position: absolute; height: 2px; width: 100%; left: 0; bottom: 0; visibility: hidden; background-color: #eb5055; -webkit-transition: all .1s ease; transition: all 0.3s ease; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0);}
div.destacat_od h4 a:hover:after {visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1);}
img.logo{margin-bottom:10px;margin-right:15px;max-width:100%; max-height: 100%;border:0}
div.amagat{display:none}
.llistat-empreses-multiconsulta {padding:10px;max-height:600px;overflow:scroll;}
.llistat-empreses-multiconsulta h3 {font-weight:700;font-size:20px; margin-top:-10px}
.llistat-empreses-multiconsulta li {border-bottom:1px dotted black;padding:5px 0px}
.llistat-empreses-multiconsulta input {margin-right:10px}
.llistat-empreses-multiconsulta .accions-formulari{margin-bottom:10px;margin-left:0px;margin-right:0px}
.llistat-empreses-multiconsulta .accions-formulari button {margin-left:10px}
div#elements{background: #f8f8f8;padding-top:15px;padding-bottom:15px}
h1{font-size: 18px;color: rgb(0, 86, 137);}
h1.llistaMapa {font-size:22px;margin:10px}
/* Botonets del peu per a seleccionar / cridar formulari */
div#DemanaInfoMarcaDesmarca{color:white;background:transparent;font-size:15px;margin:0;padding:0;border:0;position:fixed;bottom:0;left:200px;vertical-align:bottom;z-index:990}
#seleccionartot, #deseleccionartot, #demana_informacio{margin:0 0 0 20px;display:none;float:left;cursor:pointer;background-color:red;border:0 solid #AD0202;border-radius:8px 8px 0 0;padding:8px;opacity:0.95;position:relative}
#demana_informacio{background:#95221b url("https://www.interempresas.net/CSS/img/fons_demana_informacio.png") no-repeat scroll -30px 0px;display:block;padding-left:50px}
#demana_informacio:hover{background-position:-30px -60px;background-color:#0099af}
#avisam_anuncis_nous{margin:0 0 0 20px;display:block; float:left; position:relative;right:-350px;cursor:pointer;background-color:green;border:0 solid #AD0202;border-radius:8px 8px 0 0;padding:8px;opacity:0.95;}

/*Dialeg formulari Recibir aviso anuncios nuevos */
#dialog_suscripcio{background:none repeat scroll 0 0 #efefef;color:#333333;font-size:13px;padding:5px;margin:5px}
#dialog_suscripcio input{height:25px;}
#dialog_suscripcio h4{font-size:14px;}

/* Formulari d'informació */
#FormulariInfo{color:#333333;font-size:13px;}
#FormulariInfo h4{margin:5px 0}
#FormulariInfo th{text-align:right;padding-right:10px}
#FormulariInfo table input{height:22px}

/* Especialitzacions de la caixa de detall */
.detallDialeg .subtitolet{font-weight:bold;color:#D60300}
.detallDialeg{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-left:10px;margin-bottom:5px}
#embolcall_fotos img{max-width:450px;max-height:350px;margin:5px 5px 3px 4px;border:1px solid #ccc}
#embolcall_fotos #imatgesanunci img{opacity:0.50;max-width:81px;max-height:64px;border:1px solid #ccc}
#embolcall_fotos #imatgesanunci img.miniFotoActiva{opacity:1;border-color:black}
#divfotogranclassificat{text-align:center}
#embolcall_fotos #fotogranclassificat{margin:5px auto}
#se_muestran{margin:10px;color:#58585A}
#se_muestran .nombre{font-weight:bold}

/* Especialitzacions jquery ui */
/* Personalització caixes de diàleg */
.ui-dialog{font-size:16px}
.ui-icon{width:20px;height:22px}
.ui-widget-overlay{background-image:none;opacity:0.8}
.ui-dialog .ui-dialog-title{margin-left:22px;font-size:20px;text-transform:uppercase}
.ui-dialog-buttonset{font-size:13px}
.boto_click{background:transparent;color:transparent;height:22px;top:50%;width:20px;padding:1px;position:absolute;	margin:-13px 0 0}
.boto_click .ui-icon{margin:1px;display:block;background:#ffcc00}

/* Botons personalitzats que sobreescriuen els per defecte */

.ui-icon.ui-icon-circle-triangle-w{border:0;background:url("/CSS/img/botonets_jquery_dialog.png") right top no-repeat}
.ui-icon.ui-icon-circle-triangle-e{border:0;background:url("/CSS/img/botonets_jquery_dialog.png") left top no-repeat}
.ui-icon.ui-icon-circle-triangle-e:hover{background:url("/CSS/img/botonets_jquery_dialog.png") left bottom no-repeat;background-color:#B5CCDA;}
.ui-icon.ui-icon-circle-triangle-w:hover{background:url("/CSS/img/botonets_jquery_dialog.png") right bottom no-repeat;background-color:#B5CCDA;}
button[title="Cerrar"]{background-color: transparent !important;}
/* això ha canviat al canviar versió de jQuery UI */
.ui-dialog-titlebar-close:hover{height:23px;width:20px;margin:-13px 0 0}

/* 20160428, canvi de jQuery UI */
.ui-dialog-titlebar-close, .ui-icon.ui-icon-closethick{border:0;background:url("/CSS/img/botonets_jquery_dialog.png") -25px top no-repeat}
.ui-icon.ui-icon-closethick:hover{background-color:green;background:url("/CSS/img/botonets_jquery_dialog.png") -25px bottom no-repeat}
.ui-dialog-titlebar-close:hover{background:url("/CSS/img/botonets_jquery_dialog.png") -25px bottom no-repeat}

.desactivat span.ui-icon{opacity:0.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25}
.click_seg{right:30px}
.click_ant{left:0.5em}

/* Botons */
button.boto_marca_desmarca, button.boto_demana_info, button.boto_stand_empresa {font-weight:bold;line-height:1.42857;white-space:nowrap;vertical-align:middle;padding:6px 12px;border-radius:4px;background-color: #FFFFFF;border-color: #CCCCCC;color: #333333;}
button.boto_demana_info{background-color: #6BE90F !important;border-color:#4CAE4C !important; color:#FFFFFF !important;
background: #6be90f !important; /* Old browsers */
background: -moz-linear-gradient(top,  #6be90f 0%, #3e8608 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6be90f), color-stop(100%,#3e8608)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6be90f 0%,#3e8608 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6be90f 0%,#3e8608 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6be90f 0%,#3e8608 100%) !important; /* IE10+ */
background: linear-gradient(to bottom,  #6be90f 0%,#3e8608 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6be90f', endColorstr='#3e8608',GradientType=0 ) !important; /* IE6-9 */
}

/* -------- CLASSIFICATS ---------- */
#se_muestran{display:block;font-size:16px}
#det_anunci{font-size:14px}
table#det_anunci tr{color:#7c7a7a;font-size:13px;text-align:left;border-bottom:1px dashed #ddd}
table#det_anunci tr th{min-width:150px;text-align:right;padding-right:8px;display:block;vertical-align:top;margin-bottom:5px;margin-top:3px}
table#det_anunci td{text-align:justify}
table#det_anunci td a{cursor:pointer;font-weight:bold}
table#det_anunci input:hover{cursor:pointer;background:#E0DBDB;color:black;font-weight:bold}
#ressenya{padding:8px}
#ressenya h2{font-style:italic;padding:4px;background:#ccc;color:#373737;text-align:left}
#empresa{font-weight:bold;font-size:12px}
.LanguageDisclaimer{color:#ccc;font-style:italic;border:1px solid #ccc;border-radius:5px;padding:2px}

.header:hover{cursor:pointer}
.header:after{content:' \25B2' '\25BC';cursor:pointer}
.headerSortUp:after{content:' \25BD' '\25B2';cursor:pointer}
.headerSortDown:after{content:' \25BC' '\25B3';cursor:pointer}
td.anunciactivat:hover{cursor:pointer}
tr.primera_posicio{background:#ffff99}
span.baixapreu{color:red;font-size:13px;font-weight:normal;font-family:'Segoe UI',Helvetica,Arial,sans-serif;background-color:yellow;padding:2px 5px;line-height:36px;}

/* Botons multiconsulta */
.botomulticonsulta{background:#f30101;color:#fff;padding:5px;border-radius:5px;width:150px;margin-top:10px;border:0}
.botomulticonsulta:hover{background:#12eb21;color:#373737}
#deseleccionartot,#deseleccionartot a{cursor:pointer;display:table-cell;color:#fff;font-size:10px;vertical-align:bottom;padding-top:10px;padding-left:10px;padding-right:10px;padding-bottom:5px;border:0 solid #ad0202;bottom:0;font-size:15px;margin-left:416px;border-radius:8px 8px 0px 0px;z-index:995;position:fixed;opacity:0.8}
#CapAmunt{opacity:0.7;color:#ccc;font-size:10px;padding:10px;margin-top:0;background:#fff;border:0 solid #fff;bottom:0;font-size:15px;border-radius:8px 8px 0px 0px;cursor:pointer;width:200px;margin-left:auto;margin-right:auto}
#CapAmunt a:hover:{text-decoration:none}

/* Classificats... */
table#det_anunci2 input:hover{cursor:pointer;background:#5ede3b;background:-webkit-gradient(linear, left top, left bottom, from(#55cd34), to(#5ede3b));background:-moz-linear-gradient(top,  #55cd34,  #5ede3b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55cd34', endColorstr='#5ede3b');
}}
table#det_anunci2 strong{color:#808080}
#demandes{font-weight:bold;width:1000px;margin-left:auto;margin-right:auto;margin-bottom:15px}
#demandes div{width:48.5%}
#demandes div{border-radius:10px;height:70px;margin-bottom:10px;margin-top:10px}
#demandes a{display:block;text-decoration:none;color:white;margin-bottom:10px}
#demandes a:hover{background:transparent}
#demandes img{margin:2mm;border:0}
#demandes .demandes_classificades{float:left;background:#d5302a;margin-right:5px}
#demandes .demandes_classificades img{float:left}
#demandes .demandes_classificades span{display:block;float:right;padding-top:15px;width:60%}
#demandes .afegir_demanda{float:right;background:#807a7a;margin-left:5px}
#demandes .afegir_demanda img{float:right}
#demandes .afegir_demanda span{display:block;float:left;padding:10px;width:60%}
#demandes .petit{font-size:12px;color:white}
.ODsColumnaDreta{font-size:12px}
.ODsColumnaDreta h2{margin-top:0;font-size:16px;color:#fff;background:#aaaa99;padding:4px;margin-bottom:0;font-family:Arial,sans-serif;text-align:center}
a.enllass_extern_mes_info {display:inline-block;font-weight:bold;font-size:110%;padding:4px 18px 10px 4px;text-decoration:underline;background:yellow url("/img/enllass-extern.png") center right no-repeat;}

/* Google Maps */
#MapaEmpresesEpigraf{width:100%;height:750px;margin-left:auto;margin-right:auto;margin-top:5px;border-radius:5px; margin-top:20px}
.colorprovincia {background-color: Red;}
#linkplanol a{background:url("/CSS/img/llista.png")left top no-repeat;margin-left:579px}
#linkplanol a:hover{background:url("/CSS/img/llista.png")left bottom no-repeat}
div#linkplanol.botonet a{background:url("https://www.interempresas.net/CSS/img/llista.png") left top}
div#linkplanol.botonet a:hover{background:url("https://www.interempresas.net/CSS/img/llista.png") left bottom}
#linkllista a{background:url("https://www.interempresas.net/CSS/img/llista.png") right top;margin-left:10px}
#linkllista a:hover{background:url("https://www.interempresas.net/CSS/img/llista.png") right bottom;margin-left:10px}
.botonet a{float:right;cursor:pointer;padding:5px;height:11px;width:11px;border:1px solid #ddd}
.activat_boto a{border:2px solid #ff0000}
#nuvolmaps{font-size:11px}

/* vídeos i catàlegs / sector */
#Catalegs, #Videos{padding-top:10px}
.CatalegsEmpresa, .VideosEmpresa{border-top:1px solid #aaa;}
.CatalegsLogo,.VideosLlistat{padding:10px 0 20px 0;vertical-align:top;}
.CatalegsLogo a,.CatalegsLlistat a,.VideosLlistat a{border:0}
td.CatalegsLogo{width:121px;padding-right:4px}
.CatalegsLlistat {display: flex;  flex-wrap: wrap;  gap: 25px;}
.CatalegsLogo img{width:170px;border:0;margin-bottom:5px}
.CatalegsLlistat div.un-cataleg{flex: 1 0 220px; border: 0; overflow: hidden; height: 330px; }
.filters-btn.active{color: #D4070E; }
div.info-cataleg, div.info-video {margin-top:20px;}
div.info-cataleg h4, div.info-video h4{display:inline;font-weight:normal;font-size:14px;margin-top:1;padding:0;border:0;overflow:hidden}
div.info-cataleg a, div.info-video a {font-size:16px;color:#000000;font-weight:700}
div.info-cataleg a.nom-empresa, div.info-video a.nom-empresa {font-weight:400}
.CatalegsLlistat img{width:150px;height:212px;border:0;background:url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent;border-radius: 10px;  box-shadow: 5px 7px 5px #bbb;}
.CatalegsLlistat a:hover, .VideosLlistat a:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;zoom:1}

.VideosLlistat {display: flex;  flex-wrap: wrap;  gap: 30px; }
.VideosLlistat div.un-video{flex: 1 0 220px; border: 0; overflow: hidden; height: 240px;}
.VideosLlistat img{width:220px;height:124px;border:0;background:url("https://img.interempresas.net/img/Wait30Trans.gif") no-repeat scroll center center transparent;border-radius: 10px;  box-shadow: 5px 7px 5px #bbb;}
.VideosLlistat a {position:relative;}
.VideosLlistat span.icona {cursor:pointer;position:absolute;top:-60%;right:40%;opacity:1;}
.VideosLlistat span.icona svg{ fill: white; width: 50px; height: 50px;}

td.goTop{text-align:right;padding:0;margin:0}

/* Quadre Oferta destacada*/
.OD{background:#fff;padding:3px;border:2px solid #ebebeb;text-align:center}
table.ODs{width:100%;color:black;border-radius:10px;padding:0;background: none repeat scroll 0 0 #ded8d8;}
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;color:black;text-decoration:none;display:block}
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}


#Map {margin:0 auto}

@media screen and (max-width: 768px){
.fila-filtres .btn-demana-info, .llistat-empreses-multiconsulta .btn-demana-inf{margin-top:10px}
}

@media screen and (max-width: 666px){

/*Logos catalegs*/
.CatalegsLogo img{width:170px;height:76px;}
.CatalegsLogo,.CatalegsLlistat,.VideosLlistat{text-align:center;}
}
@media screen and (max-width: 666px){
img.logo{width:84px;}
}

@media screen and (max-width: 480px) {
#MapaEmpresesEpigraf {height:450px}  
#taula_ressenyes, #taula_empreses{ justify-content: center; /* Centra los items cuando hay espacio */ }
.btn.btn-filtres.filtre-categories { margin-left: 30px;}
}