body {font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;}
a {color:#333;}
a:hover {color:#333;}

/* cap EMagazine 2019 */
#inputCercador {font-size: x-small;}
#botonsUsuari{margin-top:5px;margin-left: 10px;}
#logoEspaiActual {margin:15px 0;}
#logoEspaiActual img {height: 70px;}
#botonsUsuari .botoCap {border: 1px solid #4b5805;width: 300px;height: 40px;background-color: #a3c207;color: white;font-weight: bold;vertical-align: middle;text-align: center;position: relative;padding:5px;}
#botonsUsuari .botoCap:hover {text-decoration: blink;color:black;}
.botoneraCap {font:400 12px/1.8 'Sofia Sans', Arial, Verdana, Sans-serif;padding-top: 40px}
.EmbolcallBannerSuperior {padding-bottom:5px}

.menu-fv .navbar-brand{font-family:'Sofia Sans', Arial, Verdana, Sans-serif; letter-spacing:1px}
.navbar-default .navbar-nav > li > a {color:#333}
.menu-fv .navbar-nav li a{font-weight:700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif; font-size:13px;letter-spacing:1px}
/*Fixo menú principal*/
.menu-fixe {position: fixed;top:0; left:0;width: 100%;border-bottom:1px dotted #4F4F4F; }
#div-menu-fv {z-index: 101;background: #fff;}
#div-menu-fv .navbar-default .navbar-toggle .icon-bar{background:#e30613}
.menu-fixe .navbar.menu-fv {left:20%}




/*#billboard {text-align:center;background-image:url("/CSS/img/fons-publicitat.png");*//*background:#f2f4f5;*/padding:10px 0 5px 0;}
#billboard img {max-width:100%;}
#billboard .banner-billboard{max-height:260px;overflow:hidden;/*width:970px*/;max-width:100%;/*height:26vw*/;margin-left:auto;margin-right:auto;}
#contingut {margin-top:10px}
#contingut .contingut-seccio-titol, #contingut .seccio-medio-colaborador h2.contingut-seccio-titol-ed{text-align:left;color:#161616;font-weight:700;letter-spacing: 0.1em;line-height: 1.2;text-transform: uppercase;margin-bottom: 30px;position: relative;display: inline-flex;align-items: center;width: 100%;}
#contingut #contingut-apartat .contingut-seccio-titol a, #contingut #contingut-apartat h1.contingut-seccio-titol{font-size:20px}
/*#contingut .contingut-seccio-titol a{text-decoration:none;}*/
#contingut h3.contingut-seccio-titol{font-size:20px}
#contingut .contingut-seccio-titol::after, #contingut .seccio-medio-colaborador h2.contingut-seccio-titol-ed::after{  content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 650px;flex-shrink: 2;}
#contingut #contingut-destacat h2.contingut-seccio-titol, #contingut .seccio-medio-colaborador h2.contingut-seccio-titol-ed {font-size:20px;margin-bottom:10px}

.seccio-publicitat a, .seccio-publicitat iframe {display:inline-block;}
.seccio-publicitat img {margin: 10px 0 0 40px;}
.seccio-publicitat iframe {margin: 0 10px -40px 10px;} /* JSS: No entenc pq, és experimental */

.seccio-publicitat h2 {margin-top:10px;}
#contingut .contingut-seccio-subtitol{font-size:15px;text-align:left;font-weight:700;margin-top:10px}
#contingut .contingut-seccio-titol-historics{font-size:18px;text-transform:uppercase;margin-top:5px}

.noticia-principal, .noticia-apartat{padding-bottom:10px;margin-bottom:10px;}
.noticia-principal .noticia-principal-titol {position:relative;padding-right:10px}
.noticia-principal .noticia-principal-titol .favorit {position:absolute;right:0;top:0}
.noticia-principal .noticia-principal-titol a {color:#333;}
.noticia-principal .noticia-imagen{text-align:center}
.noticia-principal .noticia-imagen img {max-width:100%;max-height:500px}
.noticia-principal .noticia-titol {line-height: 40px;margin-top:10px}
.noticia-principal .noticia-titol a, .noticia-apartat .noticia-titol a {color:#333}
.noticia-apartat {overflow:hidden}
#pgApartat .noticia-apartat {height:100%}
#pgApartat .noticia-apartat .noticia-titol, #pgApartat .noticia-principal .noticia-titol {font-size: 24px;font-weight: 600;line-height: 1.3;/*letter-spacing: 0.1em;text-transform: uppercase;*/margin-top: 15px;hyphens:none}
article.class-100{height:100%}
article.class-280px{height:280px}


.noticia-apartat .noticia-imagen {padding:5px}
.noticia-apartat .noticia-imagen img {max-height:240px;max-width:100%;}
.noticia-apartat .noticia-titol {margin-top:10px; font-weight:700;font-size:15px;}

h2.noticia-titol { 
	max-height: 7.6em;	/* Caben 6 línies de títol, fins a 150 caràcters a la pràctica */
	overflow: hidden;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.noticia-apartat, h2.noticia-titol.guionejat {
	-webkit-hyphens: auto; 
	-ms-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word;
}

.noticia-apartat .noticia-text {font-size:14px}
.mas-noticias-sobre {text-transform:uppercase;color:#161616}

.data-noticia {color:#4F4F4F;font-weight:400;text-transform:uppercase;font-size: 12px;margin:5px 0 10px;}
.noticia-principal .data-noticia {margin-top:15px;margin-bottom:10px}

/*Degradat imatges*/
.container-imatge { position: relative; max-width: 100%;}
.imatge-noticia {opacity: 1;display: block;height: auto; transition: .5s ease; backface-visibility: hidden; margin:auto}
.middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.container-imatge:hover .imatge-noticia { opacity: 0.7;}
.container-imatge:hover .middle { opacity: 1;}

/*Articles destacats*/
.contenidor-article-destacat{width:100%;position:relative;display:block;margin-bottom:2px;}


/**article destacat efecte **/

figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  background: #000000;
  text-align: left;
  margin-top:10px
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
    font-size:15px;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016 img { /*:hover*/
  opacity: 0.5;
}
figure.snip0016 figcaption h2 { /*:hover*/
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
figure.snip0016 figcaption p { /*hover*/
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 figcaption::before { /*hover*/
  background: rgba(255, 255, 255, 0);
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/** FI article destacat efecte **/




.article-quadre {line-height: 0;margin-bottom: 20px;overflow: hidden;position: relative;text-align: left;}
.article-quadre-video {line-height: 0;overflow: hidden;position: relative;text-align: left;cursor:pointer;}
.article-quadre .tile-img, .article-quadre-video .tile-img {display: block;}
.article-quadre .tile-img::before, .article-quadre-video .tile-img::before {background: #000 none repeat scroll 0 0;bottom: 0;content: "";height: 100%;left: 0;opacity: 0.1;pointer-events: none;position: absolute;right: 0;top: 0;}
.article-quadre .tile-img img, .article-quadre-video .tile-img img {width: 100%;}
.article-quadre .tile-text, .article-quadre-video .tile-text{bottom: 0;left: 0;line-height: 1.2em;padding: 18px 15px;position: absolute;top: 0;width: 100%;}

.article-quadre .tile-text span, .article-quadre-video .tile-text span {color: #fff;display: block;padding: 10px;}
.article-quadre .tile-text .title, .article-quadre-video .tile-text .title {font-family: "Atlas Grotesk Web",Arial,Helvetica,sans-serif;font-size: 26px;font-stretch: normal;font-style: normal;font-weight: 900;letter-spacing: -0.02em;line-height: 1.2em;background-color:white;opacity:0.85;color:black}
.seccio-articles-destacats .article-quadre .tile-text .title{font-size: 20px;}
.article-quadre .tile-text .title a, .article-quadre-video .tile-text .title a {color: #000000;}
.article-quadre-video h2 svg {fill:red;width:15px;height:15px;margin-right:5px}
.article-quadre .tile-text .author {font-family: "Atlas Grotesk Web",Arial,Helvetica,sans-serif;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: 400;line-height: 1.1em;}
.seccio-videos ul {	padding-left: 0px}
.seccio-videos ul li {margin-bottom: 10px}
.mas-noticias-sobre {font-weight:bold;color:#85a500;padding-bottom:20px;display:block;}

/*.capa-de-sota img{width:100%;height:100%;}
.capa-de-sota, .capa-intermedia{position:absolute;top:0;left:0;width:100%;height:100%;}
.capa-intermedia{background: none repeat scroll 0 0 rgba(80, 80, 80, 0.4);}
.capa-intermedia:hover{background: none repeat scroll 0 0 rgba(80, 80, 80, 0.1);}
.capa-del-titol h5{width:100%;height:30%;text-align:left;vertical-align:bottom;position:absolute;bottom: 0;left:0;padding:5px;font-weight:bold;font-size:18px;margin-bottom:0px;background: none repeat scroll 0 0 rgba(80, 80, 80, 0.4);}
.capa-del-titol h5:hover{background: none repeat scroll 0 0 rgba(80, 80, 80, 0.4);}
.capa-del-titol a{color:#FFFFFF;text-decoration:none;}
.alssadacalculada{position:relative;padding-top:55%;}*/

.noticia-apartat .noticia-titol .favorit {position: absolute;right: 0;top:0;} /*Favorit*/

#contingut-destacat {padding:0px}
#contingut-destacat section, #contingut-destacat .seccio-medio-colaborador {background: #f2f2f2;padding:15px}
#contingut-destacat section.seccio-publicitat {background-image: url("/CSS/img/fons-publicitat.png");}
.seccio-portades-revistes, .seccio-top-productes, .seccio-altres, .seccio-articles-destacats, .ultimes-noticies, .seccio-entrevistes, .seccio-videos, .seccio-medio-colaborador {margin-top:10px}
.seccio-altres ul#seccio-altres-llista li {text-transform:uppercase; color:#4F4F4F;}
.seccio-articles-mes-vistos h6 {text-transform:uppercase;font-weight:700;font-size:14px}
.seccio-articles-mes-vistos h6 a {text-decoration:none}


/*** Tipus de parts dins d'un article/notícia:

.P1 Título de párrafo
.P2 Texto de párrafo
.P3 Destacado
.P4 (foto)
.P5 Pie de foto
.P6 (figura)
.P7 Pie de figura
.P8 (tabla)
.P9 Pie de tabla
.P10 Antetítulo
.P11 Título
.P12 Subtítulo
.P13 Entradilla
.P14 Autor
.P19 Caja tipo 1
.P20 Caja tipo 2
.P21 ** Comentario
.P22 Lista enlaces alfab.
.P23 Lista enlaces crono.
.P24 Lista enlaces manual
.P25 (foto_autor)
.P26 Caja conclusiones

***/
.noticia-detall {border-bottom:1px dotted gray;padding-bottom:1ex;margin-bottom:3ex;}
.noticia-detall .P10{font-size:125%;font-style:italic;}
.noticia-detall .P11{border-bottom:2px solid #9d9d9d;padding:5px 20px 5px 5px;font-weight:700;font-size:30px;margin-top: 5px;position:relative;}
.noticia-detall .P11 .favorit {position:absolute;right:0;top:0}
.P14 {margin-bottom:10px;width:100%}
.P14 .noticia-detall-autor-info{float:left}
.P14 .noticia-detall-autor-social-links{float:right;margin-right:10px}
.P14 .noticia-detall-autor-social-links a{color:#fff;display:inline-block;height:32px;margin-right:4px;padding-left:13px;text-align:left;width:46px;padding-top:3px;}
.P14 .noticia-detall-autor-social-links .icona-email{background-color:#0a88ff;}
.P14 .noticia-detall-autor-social-links .icona-email svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-facebook{background-color:#306199;}
.P14 .noticia-detall-autor-social-links .icona-facebook svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-twitter{background-color:#26c4f1;}
.P14 .noticia-detall-autor-social-links .icona-twitter svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-google{background-color:#e93f2e;}
.P14 .noticia-detall-autor-social-links .icona-linkedin{background-color:#007bb6;}
.P14 .noticia-detall-autor-social-links .icona-linkedin svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-whatsapp{background-color:#67bc34;}
.P14 .noticia-detall-autor-social-links .icona-whatsapp svg {fill:#FFFFFF; width:25px; height:25px;vertical-align:middle;}
.P14 .noticia-detall-autor-social-links .icona-visualitzacions{background-color:#39597E;}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions {width:70px;text-decoration:none;padding-left:10px;cursor:context-menu;}
/*Elimino margin a la caixeta de les visualitzacions que no estava funcionant bé*/
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions svg {fill:#FFFFFF; width:20px; height:20px;vertical-align:middle}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions span {font-size:12px;padding-left:5px;font-weight:bold;vertical-align:middle}

.noticia-detall .P14 .noticia-detall-autor{color:#E60000;font-weight:700;margin-right:10px}
.noticia-detall .P14 .noticia-detall-autor-info{color:#E60000;font-weight:700;margin-right:10px}
.noticia-detall .P14 .noticia-detall-autor-info .noticia-detall-funcio-i-on-treballa {color:#000000;font-weight:400}
.noticia-detall .P14 .noticia-detall-autor-info .noticia-detall-data{color:#000000;font-weight:400;}
.noticia-detall .P14 .noticia-detall-autor-info .foto-autor img {max-width:100%;border-radius:50%}

.noticia-detall .P1, .noticia-detall .P12{color:#E60000;font-weight:700;font-size:15px} /*Título de párrafo, Subtítulo*/
.noticia-detall .P12{display:none;}	/* Ara mateix, sol haver-hi la data */
.noticia-detall .P2, .noticia-detall .P13{margin:10px 0 10px 0}
.noticia-detall .P2 img {max-width: 100%;display: block;margin: 10px auto;max-height:500px}
.noticia-detall .P2 h3 {color: #E60000;font-weight: 700;font-size: 15px}
.noticia-detall .P2 table td, .noticia-detall .P2 table th {padding:5px;border:1px solid;text-align:left;}
/* Taules de dades a les notícies */
.noticia-detall .P2 table.taula-dades {font-family:Arial;border-collapse:collapse;border:1px solid #748275;}
.noticia-detall .P2 table.taula-dades td,
.noticia-detall .P2 table.taula-dades th {padding: 4px;border:1px solid #748275;}
.noticia-detall .P2 table.taula-dades span.data-petitoneta {font-size:80%;}
.noticia-detall .P2 table.taula-dades td.grup { background-color:#eafaea;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .titol-taula-dades {background-color:#748275;color:white;font-weight:bold;}
.noticia-detall .P2 table.taula-dades th {text-align:left;}
.noticia-detall .P2 table.taula-dades th.anterior-actual {text-align:right;}
.noticia-detall .P2 table.taula-dades th.anterior,
.noticia-detall .P2 table.taula-dades td.anterior {font-style: italic;color:#4F4F4F;}
.noticia-detall .P2 table.taula-dades tr.parell {background:white;}
.noticia-detall .P2 table.taula-dades tr.senar {background:#f0f0f0;}
.noticia-detall .P2 table.taula-dades .unitat {text-align:left;}
.noticia-detall .P2 table.taula-dades .valor {text-align:right;font-family:"Courier New",Courier,fixed;}
.noticia-detall .P2 table.taula-dades .tendencia {text-align:center;}
.noticia-detall .P2 table.taula-dades .tendencia-puja {color:red;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .tendencia-baixa {color:darkblue;font-weight:bold;}
.noticia-detall .P2 table.taula-dades .tendencia-igual {color:darkgray;font-family:"Courier New",Courier,fixed;}
.noticia-detall .P2 table.taula-dades .titol-element {font-weight:500 /*medium*/ ;}

.noticia-detall .P28{font-family:'Sofia Sans', Arial, Verdana, Sans-serif;color:black;background-color:#ff7979;color:white;padding:4ex;margin-top:2ex;font-size:16px;font-style:italic}
.noticia-detall .P29{background-color: #e0ff8b;;border: 5px solid #030d2f;color: black;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;font-style: italic;padding: 2ex;margin: 2ex;font-size:16px}

.noticia-detall .P13 {font-weight:bold}
.noticia-detall .P13 a {color:darkred;} /* Distingim enllaços */
.noticia-detall .P3{display:none;}
.noticia-detall .P4, .noticia-detall .P6, .noticia-detall .P8{text-align:center;margin-top:2.5ex;margin-bottom:1.5ex;padding:0 2.5px;}
.noticia-detall .P4 img, .noticia-detall .P6 img, .noticia-detall .P8 img{max-width:100%;max-height:500px;}
.noticia-detall .P19{font-family:'Sofia Sans', Arial, Verdana, Sans-serif; color:black;background-color:#E0DBDB;padding:4ex;margin-top:2ex;font-size:12px;font-style:italic}
.noticia-detall .P5, .noticia-detall .P7, .noticia-detall .P9{text-align:center;font-style:italic;font-size:12px}
.noticia-detall .P20{background-color: #faf9f9;border: 1px solid #030d2f;color: black;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif; font-style: italic;padding: 2ex;margin: 2ex;font-size:12px}
.noticia-detall .P20 h3, .noticia-detall .P26 h3 {font-size:20px;margin-top:10px}
.noticia-detall .P25 img {float: right;margin-bottom: 2mm;margin-left: 2mm;margin-top: 2mm;max-height: 35mm;max-width: 25mm;}
.noticia-detall .P26{font-family:'Sofia Sans', Arial, Verdana, Sans-serif; color:black;background-color:#E0DBDB;padding:4ex;margin-top:2ex;font-size:85%;font-style:italic}
.noticia-detall .P19 i, .noticia-detall .P20 i, .noticia-detall .P19 em, .noticia-detall .P20 em {font-style:normal} /*cursives de cursives no siguin cursives*/
.noticia-detall figure figcaption {font-size:12px;font-style:italic;text-align:center;margin-bottom:10px}

.noticia-detall .ultim:after {background: none repeat scroll 0 0 #e90606;content: "";display: inline-block;height: 12px;margin: 0 -0.5em 0 0.5em;vertical-align: baseline;width: 12px;}

.noticia-detall a {font-weight:700;}
.error{color:Red;font-weight:700;}
.separa-articles{margin-top:20px;margin-bottom:20px;border-bottom:3px solid #9d9d9d;clear:both}
.detall-article-complet{margin-bottom:20px}

.noticia-detall ul {list-style-type: disc;}
.noticia-detall ol{list-style-type: decimal;}
.formulari-suscripcio{border-bottom:1px dotted #4F4F4F;border-top:1px dotted #4F4F4F;margin-bottom:20px}
.formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eaeaea;padding:5px 0 5px 0;}
.formulari-suscripcio .formulari-suscripcio-contingut p {padding-top:10px;}
.formulari-suscripcio .formulari-suscripcio-contingut p input {margin-right:10px}
#SuscribirseNewsletterInt button {color: white;
background-color: #333;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
padding: 5px 40px;
border-radius: 25px;}
#SuscribirseNewsletterInt #label-contrasenya {display: none;width: 90%;font-weight:700}
#SuscribirseNewsletterInt #contrasenya {display: none;width: 100%;}
.formulari-suscripcio .formulari-suscripcio-contingut p.consentiments{font-size:12px; padding-bottom:0px; padding-top:0px; margin:0px}
#ara-dic-marcar-tots {font-size:120%;font-weight:700;}
/* netegem floats per si hi ha una galeria damunt*/
#SuscribirseNewsletter {clear:both;}

#SuscribirseNewsletter #SuscribirseNewsletterAnchor{position:relative;top:-100px}
.seccio-newsletters #bloc-newsletters{position:relative;top:-200px}

.bx-wrapper .bx-caption span{font-family: 'Sofia Sans', Arial, Verdana, Sans-serif; font-size:14px;font-weight:700;padding-bottom:20px;vertical-align:middle}
.bx-wrapper .bx-caption span .fa {font-size:30px}

.seccio-top-productes {position:relative;}
.seccio-top-productes .top-productes-item {display:inline-block;position:relative;vertical-align:top;padding:10px 0 10px 0;}
.seccio-top-productes .top-productes-item-0, .seccio-top-productes .top-productes-item-3{background-color:#FFFFFF;}
.seccio-top-productes .top-productes-item-1, .seccio-top-productes .top-productes-item-2{background-color:#f2f4f5;}
.seccio-top-productes .top-productes-item .img-producte, .seccio-top-productes .top-productes-item .desc-producte{display:inline-block;position:relative;vertical-align:top;}
.seccio-top-productes .top-productes-item .desc-producte{width:115px}
.seccio-top-productes .top-productes-item .img-producte {padding:0 10px 0 10px;height:105px;width:105px}
.seccio-top-productes .top-productes-item .img-producte img {max-width:100%}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-empresa{font-size:12px;text-transform:uppercase;color:#005689;font-weight:700}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-titol{font-size:110%;font-weight:700;}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-titol a {color:#333}

.seccio-top-productes .split .preview-mini-wrap { display: flex;}
.seccio-top-productes .preview-thumbnail {margin: 20px 0px}
.seccio-top-productes .preview-thumbnail .preview-mini-wrap {align-items: center;}
.seccio-top-productes .preview-mini-wrap {position: relative;width: 100%;}
.seccio-top-productes .preview-thumbnail .mask {width: 90px;height: 90px;flex-shrink: 0;background-color:#FFFFFF;}
.seccio-top-productes .mask img, .mask picture {width: 100%;/*height: 100%;object-fit: cover;object-position: center;*/-webkit-backface-visibility: hidden;backface-visibility: hidden;top:5%;position:relative;}
.seccio-top-productes .preview-thumbnail .title, .preview-review .title {font-size: 14px;font-weight: 700;letter-spacing: 0.1em;line-height: 1.3;text-transform: uppercase;margin-top:5px}
.seccio-top-productes .preview-thumbnail .mask + .meta {padding-left: 20px;}
.seccio-top-productes .preview-thumbnail .cb-article-meta p {margin:0px;/*text-transform:uppercase*/}

/*** TOP PRODUCTS IMATGE***/

/** frame imatges**/
.seccio-top-productes .frame {
  --c: gray; /* the border color */
  --b: 5px;    /* the border thickness*/
  --g: 2px;     /* the gap on hover */

  padding: calc(var(--g) + var(--b));
  --_g: #0000 25%,var(--c) 0;
  background:
    conic-gradient(from 180deg at top    var(--b) right var(--b),var(--_g))
     var(--_i,200%) 0  /200% var(--_i,var(--b))  no-repeat,
    conic-gradient(            at bottom var(--b) left  var(--b),var(--_g))
     0   var(--_i,200%)/var(--_i,var(--b)) 200%  no-repeat;
  transition: .3s, background-position .3s .3s;
  cursor: pointer;
}
.seccio-top-productes .frame:hover {
  --_i: 100%;
  transition: .3s, background-size .3s .3s;
}


.seccio-publicitat{margin:10px 0 10px 0;padding-bottom:10px;background-color:#f2f4f5;}
.seccio-publicitat-wrapper{max-width:380px;margin:auto;text-align:center}
.seccio-revista-oficial{background:#F1F1F1; border:0; margin-bottom: 30px; }
.seccio-revista-oficial img{	width:250px;border:0;margin-top: 10px;}
#pgFires .seccio-publicitat{text-align:center}
.seccio-publicitat img {margin:10px 10px 0 10px}
.ultimes-noticies .ultimes-noticies-item{margin-bottom:10px;border-bottom:1px solid #4F4F4F;padding:10px 0 10px 0;font-size:17px;font-weight:700}
.ultimes-noticies .ultimes-noticies-item:last-child{border-bottom:none;}
.ultimes-noticies .ultimes-noticies-item a {color:#333;}
.ultimes-noticies-item h6 {font-size:17px;font-weight:700;}
.trenca{clear:both}

.seccio-empresas-destacadas{padding:10px 0 10px 0;margin-bottom:15px;clear:both;}
#contingut .seccio-empresas-destacadas .contingut-seccio-titol-ed {font-size:15px;font-weight:700;padding-bottom:10px;border-bottom:1px solid #d8e0e8;}
#contingut .seccio-empresas-destacadas div {margin: 15px 0 15px 0}
#contingut-destacat section.seccio-empresas-destacadas {background-image: url("/CSS/img/fons-publicitat.png");}
#contingut-destacat .seccio-empresas-destacadas div, #contingut-destacat .seccio-medio-colaborador div {margin:auto;}
#contingut-destacat .seccio-empresas-destacadas {margin-top:10px;padding:15px}
.slick-medio-colaborador li, .slick-empresas-destacadas li {margin:0 10px 0 10px;cursor:pointer;width: 170px;}
#ContenidorEmpresesDestacades li img , #ContenidorMedioColaboradorDe li img {max-height: 76px;max-width:170px;}

#pgFires  #SuscribirseNewsletterInt {margin-top:10px}
#pgFires .subapartat-cerca {background-color:#eaeaea;padding:20px 0 20px 0}

.seccio-articles-mes-vistos {margin-top:10px}

.seccio-articles-mes-vistos .article-mes-vist-item {padding:0 5px}
.seccio-entrevistes .entrevistes-item {border-bottom:1px solid #4F4F4F;margin-bottom:10px}
.seccio-entrevistes .entrevistes-item .img-entrevista {width: 100%;text-align:center}
.seccio-entrevistes .entrevistes-item .img-entrevista img {max-width:100%;padding-bottom:10px;}
.seccio-entrevistes .entrevistes-item .desc-entrevista {padding-left:10px;padding-right:10px}
.seccio-entrevistes .entrevistes-item .desc-entrevista-titol, .seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol {font-weight:700;}
.seccio-entrevistes .entrevistes-item .desc-entrevista-titol {text-transform:uppercase}
h6.desc-entrevista-titol  {margin-top:0}
.seccio-entrevistes .entrevistes-item .desc-entrevista-titol a, .seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol a {color:#333;font-size:16px;}
.seccio-entrevistes .entrevistes-item .desc-entrevista-text{font-style:italic;padding-left:10px;padding-right:10px}

.seccio-revistes ul#seccio-revistes-llista, .seccio-altres ul#seccio-altres-llista {padding:0}
.seccio-revistes ul#seccio-revistes-llista li, .seccio-altres ul#seccio-altres-llista li {margin:5px 0 5px 0}
.seccio-revistes ul#seccio-revistes-llista li a, .seccio-altres ul#seccio-altres-llista li a {color:#4F4F4F;font-weight:700}

.linia-empresa-relacionada{margin:10px 0 10px 0;}
.nom-empresa-link-info .btn{margin:0 5px 0 5px}

/*slick sliders*/
/**REVISTES**/
.slick-portades {padding-left:0}
ul.slick-portades {width:270px;height:384px;max-width:100%;max-height:100%;} /* Mida especificada per a evitar CLS */
/*.slick-portades li{height:400px}*/
.slick-portades li img {max-width:100%;}
.slick-portades .slick-dots {top:100%}

/*NEWSLETTERS*/
#seccio-newsletters-llista {padding-left:0}
/*#seccio-newsletters-llista li{height:415px}*/
#seccio-newsletters-llista li img {max-width:100%;padding-right:5px}
#seccio-newsletters-llista .slick-dots {top:100%}
#seccio-newsletters-llista li p {font-weight: normal;font-size: 12px;line-height: 14px;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif; border-bottom: 1px dotted #666; border-top: 1px dotted #666;margin-top: 5px;padding: 5px 0 7px 14px;text-align:center}



/*llista articles anys anteriors, articles relacionats, llistat d'articles dins d'un article*/
div.articles_un_any ul {margin-bottom: 6px;margin-top: 4px;padding-left:20px}
#ArticlesRelacionats ul li, .P22 ul li, .P23 ul li, .P24 ul li{clear: both;list-style-image: url("/CSS/img/TriangleVermell.png");}
div.articles_un_any li a, #ArticlesRelacionats ul li a, .P22 ul li a, .P23 ul li a, .P24 ul li a{font-weight:400;}
div.articles_un_any li i.fletxa {font-size:15px;padding-right:10px;}
div.articles_un_any li a {color:#333}
div.articles_un_any .data-noticia{font-size:14px;font-weight:700}

/*Botó/link carrega més articles de l'apartat*/
div.articles_un_any li.carrega-mes-articles, .seccio-newsletters #placeholder-suscribase{text-align:center;list-style-image:none}
div.articles_un_any li.carrega-mes-articles a {color:white;background-color:#333;font-size:13px;font-weight:700;text-transform:uppercase;padding: 15px 50px;border-radius:25px;margin-top:10px}
.seccio-newsletters #placeholder-suscribase a {color:white;background-color:#333;font-size:13px;font-weight:700;text-transform:uppercase;padding: 10px 40px;border-radius:25px}
div.articles_un_any li.carrega-mes-articles a:hover, .seccio-newsletters #placeholder-suscribase a:hover {color:white}


div.articles_un_any li{line-height:1.5}
#DivFormComentaris{background-color:#dddddd;padding:10px}
#DivFormComentaris .DivFormComentaris-capcalera div{float:left}
#DivFormComentaris .DivFormComentaris-capcalera .DivFormComentaris-links-usuari{float:right;}
#DivFormComentaris .DivFormComentaris-capcalera div h3{margin-bottom:10px;margin-top:0}
#DivFormComentaris .well{padding:10px}
#DivFormComentaris-caixa {display:none;}
#DivFormComentaris-enviar {display:none;}
#bloc-comentaris{display: block;position: relative;top: -85px;visibility: hidden;}

.seccio-comentaris-article .item-comentari{border-radius: 10px 10px 10px 0; border: 2px solid #e60000;margin-bottom:10px;padding:10px 0 10px 0}
.seccio-comentaris-article .item-comentari .item-comentari-data{text-align:right;}

h3.barra-comentaris {font-size:18px;background-color:#e30613;color:#FFFFFF;text-align:center;padding:10px}
h3.barra-comentaris a {cursor:pointer;color:#FFFFFF;}
h3.barra-comentaris svg {margin-left:10px;width:18px;fill:#FFFFFF;position:relative;top:2px}
h3.barra-comentaris .numero-comentaris{font-size:16px}
#ComentarisRegistre .caixa-registre{display:none;border:1px solid #e30613;padding-bottom:20px;margin-top:0;margin-bottom:10px;text-align:center}
#ComentarisRegistre .caixa-registre h3{font-size:18px}
#ComentarisRegistre .caixa-registre .btn {font-size:20px;padding:10px 20px}
#ComentarisRegistre .caixa-registre .link-login {margin-top:20px}
#ComentarisRegistre .caixa-registre .link-login a {text-decoration:underline;}

/* Intersticials */
#interContainer{position:absolute;width:830px;left:0;top:0;padding:15px;padding-top:0;background-color:#efefef;border:1px solid black;visibility:hidden;z-index:9999;border-radius:10px;}
#interContainer .headerbar{color:#efefef;padding:5px 0;text-align:right;}
#interContainer .headerbar a{font-size:120%;text-decoration:none;}
#interContent{border:1px solid #f0f0f0;background-color:white;border-radius:5px;}
#interVeil{position:absolute;background:black;right:0;width:10px;top:0;z-index:9998;visibility:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);opacity:0.8;}
#ContingutIntersticialBase{display:none;}
#interContainer img {width:100%;height:100%}
#pxCtrl {width:1px !important;height: 1px !important;}

/*Banners interiors - Publicitats*/
.BannerInterior{background-image: url("/CSS/img/fons-publicitat.png");padding: 10px 0;text-align: center;border-bottom: 1px dotted #4F4F4F;border-top: 1px dotted #4F4F4F;margin-bottom:20px;padding-bottom:10px}
.BannerInterior img {max-width:100%}

/*Article referenciador*/
.noticia-detall div#Pare {background: none repeat scroll 0 0 #414549;font-size: 100%;font-weight: bold;padding:10px;margin-bottom:10px;border-radius:5px}
.noticia-detall div#Pare a { color: white;display: block;float: left;font-size: 140%;position: relative;text-decoration: none;}
.noticia-detall div#Pare a:hover {background-color: transparent;color: yellow;}
.noticia-detall div#Pare a#indice {display: inline-block;font-style: normal;font-weight: normal;margin-left: 1ex;margin-right: 1ex;text-decoration: none;}

/*imatges vídeos petites*/
.seccio-videos .bx-wrapper {margin-bottom:30px}
.seccio-videos .bx-wrapper .bx-viewport {background:black;}

.seccio-videos .slick-videos .slick-next{right: 5px}

.seccio-videos .slick-videos .slick-prev {left: 5px;z-index:99}

#BillboardFlash object {width:100%;}

/*Blogs*/
.blog .noticia-titol {margin-top:0}
.blog .noticia-titol-blog {margin-bottom:20px;background: none repeat scroll 0 0 #414549;padding:10px}
.blog .noticia-titol-blog a {color:#FFFFFF;font-size:24px}
.blog .noticia-imagen img {max-width:100%}
.blog .noticia-imagen {text-align:center}

.fixa-bloc{position:fixed;top:10px;max-width:300px}

.contenidor-contingut-relacionat {max-width:100%;clear:both;}

/*Pàgina Autor EEAT*/
#pgAutor .desc-autor {background-color:#eee;padding:10px;margin-top:10px;margin-bottom:10px;}
#pgAutor .img-autor img {max-width:90%;vertical-align:center;width: 100%;  height: 100%;  border-radius: 50%; border: 4px solid white}
#pgAutor .text-autor p {vertical-align:center;padding-top:10px;}
#pgAutor .text-autor h1 {font-size:30px;}
#pgAutor .data-noticia img {width:30px;border-radius:50%}
#pgAutor .desc-autor .xxss-autor {text-align:right}
#pgAutor .desc-autor .xxss-autor span {margin-right:10px}
#pgAutor .desc-autor .xxss-autor a[href*="twitter.com"], #pgAutor .desc-autor .xxss-autor a[href*="x.com"] {display: inline-block; line-height: 0;}
#pgAutor .desc-autor .xxss-autor a[href*="twitter.com"]::after, #pgAutor .desc-autor .xxss-autor a[href*="x.com"]::after {content: url("/img/x-twitter.svg"); display: inline-block;width: 20px !important; height:20px !important;}
#pgAutor .desc-autor .xxss-autor a[href*="linkedin.com"]::after {content: url("/img/linkedin-in-black.svg"); display: inline-block;width: 20px !important; height:20px !important;}
/*Al llistat*/
.noticia-apartat .data-noticia img {width:30px;border-radius:50%}
.noticia-principal .data-noticia img {width:30px;border-radius:50%}
/*Fi Pàgina Autor EEAT*/

@media screen and (max-width: 1080px){
	.menu-fixe .navbar.menu-fv {left:0}
}

/*@media screen and (min-width: 1024px) and (max-width: 1200px) {
.seccio-portades-revistes div{height:340px}
}*/


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

.seccio-entrevistes .entrevistes-item .desc-entrevista-text{display:none;}

.nom-empresa-link-info .btn{border-radius: 3px;font-size: 12px;line-height: 1.5;padding: 5px 10px;}

/*Articles destacats*/
.capa-del-titol h5 {font-size:14px;height:30%;}

.botoneraCap {padding-top: 50px}
#logoEspaiActual img {height: 75px;margin-top: 20px;padding-left: 20px;}
.noticia-apartat {height:100%}
.noticia-apartat .noticia-imagen img {max-height:100%}
article.class-280px{height:100%}
.noticia-apartat .noticia-titol {font-size:30px}
#pgAutor .img-autor img {max-width: 30%}
.noticia-detall .P14 .noticia-detall-autor-info .foto-autor img {max-width: 20%}
}

/* Caixa de subscripcions */

#SuscribirseNewsletter  .titolet-suscribase-newsletter {font-weight:bold;font-size:120%;}
#SuscribirseNewsletter  .titolet-suscribase-newsletter a {font-weight:normal;text-decoration:underscore;font-style:italic;}
span#placeholder-suscribase a {text-transform:none;font-size:80%;font-style:italic;color:#A3C207;};

@media screen and (max-width: 768px) {
.botoneraCap {padding-top: 50px}
#logoEspaiActual img {padding-left: 15px}

#CapSup{display:none;}
.nom-empresa-link-info{padding-bottom:10px;border-bottom:1px dotted #4F4F4F}
.nom-empresa-link-info .btn{margin:0 10px 0 0}

#SuscribirseNewsletterInt .btn{border-radius: 3px;font-size: 12px;line-height: 1.5;padding: 5px 10px;}

#contingut-apartat .seccio-empresas-destacadas div {max-width:400px;margin:auto;}
#ContenidorEmpresesDestacades li img {max-height: 76px;max-width:170px;}
#BillboardFlash object {height:194px}

/*Articles destacats*/
.capa-del-titol h5 {font-size:18px;}

.slick-portades li{height:auto;position:relative}
.slick-portades li img {max-width:90%;padding-left:10px;}

}
@media screen and (max-width: 767px) {
	.botoneraCap {padding-top: 0}
}
@media screen and (max-width: 480px) {
.botoneraCap {padding-top: 0px;}
#logoEspaiActual img {height: 70px;padding-left: 15px;padding-top:0;}
/*Carousel empresas destacadas central*/
/*#contingut-apartat .seccio-empresas-destacadas div {max-width:200px;margin:auto;}*/

/*llistat noticies*/
.noticia-apartat .noticia-titol{margin-top:10px}

#BillboardFlash object {height:81px}

/*Articles destacats*/
.capa-del-titol h5 {font-size:16px;}

}