/* Color base: Alt1 -> cc3029 (vermell logo), Alt2 -> 444445 (gris fosquet) */

@import url("//fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic");
@import url("//fonts.googleapis.com/css?family=Open+Sans:700,400,700italic,400italic");
@import url("//fonts.googleapis.com/css?family=Montserrat:700,500,600,400");

body {font-family:'Montserrat',Sans-serif;}
ul {list-style-type: none;}
a {color:#444445;}
a:hover {text-decoration:none}

img {max-width:100%}

/*Capçalera*/
/*#logo{background: #ffffff; 
background: -moz-linear-gradient(left, #ffffff 40%, #4a8e57 100%, #578e62 100%, #25913c 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(40%,#ffffff), color-stop(100%,#4a8e57), color-stop(100%,#578e62), color-stop(100%,#25913c)); 
background: -webkit-linear-gradient(left, #ffffff 40%,#4a8e57 100%,#578e62 100%,#25913c 100%); 
background: -o-linear-gradient(left, #ffffff 40%,#4a8e57 100%,#578e62 100%,#25913c 100%); 
background: -ms-linear-gradient(left, #ffffff 40%,#4a8e57 100%,#578e62 100%,#25913c 100%); 
background: linear-gradient(to right, #ffffff 40%,#4a8e57 100%,#578e62 100%,#25913c 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#25913c',GradientType=1 ); }*/

#logo {/*background: #ffffff url("../img/fondo-cap.png") no-repeat scroll right top;*/margin:10px 0}
.bannerCap{text-align:center;background-color:#ececec;}
.bannerCap img {padding-bottom:5px;}

#menu .navbar-default {background:#444445;}
#menu .navbar-default .navbar-nav > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav > li.active > a{color:#444445;}
#menu .dropdown-menu {background-color:#444445;}
#menu .dropdown-menu > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav li.dropdown.open > a{color:#444445;}
#menu li.dropdown.open .dropdown-menu > li > a:hover{color:#444445;background-color:#e7e7e7}
#menu .navbar-default .navbar-toggle {border-color:#FFFFFF;}
#menu .navbar-default .navbar-toggle:hover {background-color:#FFFFFF}
#menu .navbar-default .navbar-toggle .icon-bar {background-color:#FFFFFF}
#menu .navbar-default .navbar-toggle:hover .icon-bar{background-color:#444445;}


/*fi capçalera*/

/* Trasllado els nous estils a base, per no repetir-los a totes les pàgines */
/*Títols apartats 2023*/
h1.etiqueta_nom_apartat, .contingut-apartat-titol, .seccio-publicitat h2, h2.contingut-seccio-titol{font-size:20px;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%;font-family:Montserrat}
.seccio-publicitat h2{letter-spacing: 0.05em;width: 90%;margin-bottom: 10px;} /*Recomendamos*/
h1.etiqueta_nom_apartat:after, .contingut-apartat-titol:after, .seccio-publicitat h2:after, h2.contingut-seccio-titol:after {  content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}

.seccio-publicitat h2:after{margin-left: 20px;  }
.noticia-principal, .noticia-apartat {  padding-bottom: 10px;  margin-bottom: 10px;}
.noticia-apartat .noticia-imagen img {max-height:240px;max-width:100%;}
.noticia-principal .noticia-imagen img {max-height:500px;max-width:100%;}
.noticia-principal .noticia-titol, .noticia-apartat .noticia-titol {margin-top:10px;font-weight:600;font-size:24px;  hyphens:none;}
/*Al titol del grup de notícies*/
.apartat-grup-noticies .noticia-apartat .noticia-titol {max-height: 7.6em;margin-top:10px;font-weight:700;font-size:15px; overflow: hidden;-webkit-hyphens: none;-ms-hyphens: none;hyphens: none;}
.apartat-grup-noticies .noticia-apartat .noticia-titol.guionejat {	-webkit-hyphens: auto; -ms-hyphens: auto;hyphens: auto;	overflow-wrap: break-word;}
.noticia-principal .noticia-titol a, .noticia-apartat .noticia-titol a {color: #333;}
.noticia-principal .noticia-titol a:hover, .noticia-apartat .noticia-titol a:hover {text-decoration:underline}
.noticia-apartat .noticia-text {font-size: 14px;}
.noticia-contingut h2 {font-family:Montserrat}
.data-noticia {color: #767676;font-weight: 400;text-transform: uppercase;font-size: 10px;margin: 5px 0 10px;}
.BannerInterior{clear:both}
div.articles_un_any{clear:both;}
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;}
.noticia .noticia-titol {font-size: 24px; font-weight: 600;  line-height: 1.3;margin-top: 15px;  hyphens: none;}
article.class-100{height:100%}
article.class-280px{height:280px}


/*slick slider*/
/*Empreses destacades*/
.seccio-empresas-destacadas{border-bottom:1px solid #CCCCCC;padding-bottom:10px;height:84px;overflow:hidden;}
.slick-empresas-destacadas li {margin:0 10px 0 10px;cursor:pointer;width: 170px;}
.seccio-empresas-destacadas li img  {max-height: 76px;max-width:170px;}

.seccio-portades-revistes {margin-bottom:10px}
.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%;border:1px dotted grey;}
.slick-portades .slick-dots {top:100%}


/*productes*/
.seccio-top-productes h2, .seccio-publicitat h2, .seccio-portades-revistes h2, .seccio-videos h2{color:#444445;font-size:18px;font-weight:700;}
.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:#444445;font-weight:700;font-family: "Roboto",sans-serif;}
.seccio-top-productes .top-productes-item .desc-producte h2.desc-producte-empresa{margin-top:0}
.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}
/*fi productes*/
/*nous top products */
.seccio-top-productes {background-color:#f2f2f2;padding:15px}
.seccio-top-productes h2 {font-family:Montserrat;margin-bottom:10px}
.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%;-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;}

/** 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;
}

/* fi nous top products*/



.seccio-publicitat{margin:10px 0 10px 0;padding-bottom:10px;background-color:#f2f4f5;border-top:1px solid #777;border-bottom:1px solid #777;}
.seccio-publicitat a, .seccio-publicitat iframe {display:inline-block;}
.seccio-publicitat img {margin: 15px auto 0 auto;}
.seccio-publicitat.enlaces-destacados {text-align:center}
.seccio-publicitat.enlaces-destacados img {margin: 10px 10px 0 10px;}
.seccio-publicitat iframe {margin: 10px 0 0 40px;}
.seccio-publicitat iframe {margin-bottom:-40px;padding-bottom:0;} /* JSS: No entenc pq, és experimental */
.seccio-publicitat #mapa img {margin:0;}
.seccio-publicitat h2 {margin-left:10px;margin-top:10px;}
polygon, rect, path {
    /*fill: #009fe2;*/
    transition: all .5s;
    cursor: pointer;
}



#peu{background-color:#444445;color:#FFFFFF;font-family: "Roboto",sans-serif;}
#peu .titol-peu{font-weight:700;font-size:15px}
#peu div {padding:20px}
#peu a{color:#FFFFFF;}
#peu a:hover{text-decoration:underline}
#peu .icon-rss{font-size:18px}

.mes{text-align:center;margin-bottom:20px}
.mes a {color: white;
  background-color: #333;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 15px 50px;
  border-radius: 25px;
  margin-top: 10px;}
.mes-revistes {text-align:center}
.mes-revistes a {color: white; background-color: #333; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 10px 40px; border-radius: 25px;}
.mes-revistes a:hover {color:white}

/*Fletxa inici*/
#toTop {background: none repeat scroll 0 0 rgba(85, 85, 85, 0.8);bottom: 30px;color: #fff;cursor: pointer;height: 60px;position: fixed;    right: 30px;text-align: center;transition: all 0.4s ease 0s;width: 65px;z-index: 100;}
#toTop:hover{background: none repeat scroll 0 0 rgba(37, 37, 37, 1);}
#toTop span {font-size: 35px;line-height: 56px;height: 100%;width: 100%;}
#toTop i {font-size: 70px;line-height: 56px;height: 100%;width: 100%;}

/*Ver todos*/
div#ver-todos {margin-top:5px;text-align:center;}
div#ver-todos a {width: 90%;background-color:#0068e2;}


/*NOTICIA DETALL*/
/*** 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: 30px;margin-right: 5px;padding-left: 18px;text-align: left;width: 54px;font-size:20px}
.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;}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions svg {fill:#FFFFFF; width:20px; height:20px;vertical-align:middle;margin-left:5px}
.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:#cc646d;font-weight:700;margin-right:10px}

.noticia-detall .P14 .noticia-detall-autor{color:#cc646d;font-weight:700;}
.noticia-detall .P1, .noticia-detall .P12{color:#cc646d;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: 0 auto;max-height:500px}
.noticia-detall .P2 h3 {color: #cc646d;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 table.taula-dades tr:nth-child(odd) {background-color:#eaeaea;}
.noticia-detall table.taula-dades tr:nth-child(even) {background-color:white;}
*/
.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:#777;}
.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 .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;}
.noticia-detall .P4 img, .noticia-detall .P6 img, .noticia-detall .P8 img{max-width:100%;max-height:500px;}
.noticia-detall .P19{font-family:Roboto,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: Roboto,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:Roboto,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 .P28{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-style: italic;padding: 2ex;margin: 2ex;font-size:16px}


.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;}
.detall-article-complet{margin-bottom:20px}

.noticia-detall ul {list-style-type: disc;}  
.noticia-detall ol{list-style-type: decimal;}

/*NOTICIA DETALL*/

/*Banners interiors - Publicitats*/
.BannerInterior{background-image: url("/_base/CSS/img/fons-publicitat.png");padding: 10px 0;text-align: center;border-bottom: 1px solid #777;border-top: 1px solid #777;margin-bottom:10px}
.BannerInterior img {max-width:100%}

/*bellezapro, planetlook*/
/*Slick slider pels requadres centrals*/
.BannerRequadreCentral {background-image: url("/_base/CSS/img/fons-publicitat.png");padding:10px 0px; height: 300px;overflow:hidden}
.BannerRequadreCentral ul {list-style-type:none;}
.BannerRequadreCentral img {margin:0px 10px;padding-right:10px}

.banner-superior, .semi-banner-superior {display:inline-block;margin-right:20px}


/* VIDEOS DESTACATS*/
.seccio-videos .bx-wrapper .bx-viewport {background:black;}
.seccio-videos ul.bxslider {margin-bottom:0}
.seccio-videos .bxslider li {text-align:center;background:black;}
.seccio-videos .bxslider li img {margin:auto;}

.article-quadre-video {line-height: 0;overflow: hidden;position: relative;text-align: left;cursor:pointer;}
.article-quadre-video .tile-img {display: block;}
.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-video .tile-img img {width: 100%;}
.article-quadre-video .tile-text{bottom: 0;left: 0;line-height: 1.2em;padding: 18px 15px;position: absolute;top: 0;width: 100%;}

.article-quadre-video .tile-text span {color: #fff;display: block;padding: 10px;}
.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;}
.article-quadre-video .tile-text .title a {color: #000000;}
.seccio-videos .bxslider .article-quadre-video img.icona-video{display:inline}

/*FI VIDEOS DESTACATS*/

/* ARTICLES MÉS VISTOS */
.seccio-articles-mes-vistos {margin-top:10px}
.seccio-articles-mes-vistos td.contingut-seccio-titol{background: #444445;color: white;font-weight: bold;}
.seccio-articles-mes-vistos .article-mes-vist-item {padding:0 5px}
.seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol {font-weight:700}
.seccio-articles-mes-vistos .article-mes-vist-item .article-mes-vist-titol a {color:#333;font-size:16px;}

/* ARTICLES MÉS VISTOS */


/* XARXES */
.xarxes_peu {font-size:35px;}
#peu .xarxes_peu {padding-top:5px}
#peu .xarxes_peu svg{width:25px;height:25px;fill:#ffffff}
#peu .icon-rss svg{width:25px;height:25px;fill:#ffffff;}

#form_errors{font-weight:bold;color:red;margin:10px}
#form_success, #missatge_enviat{font-weight:bold;margin:10px}

/* 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%}


/* BillBoard - Patrocinador*/
#billboard {text-align:center;background-image:url("/_base/CSS/img/fons-publicitat.png");/*background:#f2f4f5;*/padding:10px 0 5px 0;margin-bottom:10px}
#billboard img {max-width:100%;}
#billboard .banner-billboard{max-height:260px;overflow:hidden;max-width:100%;height:26vw;margin-left:auto;margin-right:auto;padding:5px}

/* Llei cookies */
#LleiCookies {background:#EEEADD;}
#LleiCookies p {padding:10px;font-size:11px;font-weight:bold;text-align:center;color:#682008;margin:0;}
#LLeiCookies p a.close-cookie-banner.btn.btn-success.btn-sm {text-transform: uppercase;letter-spacing: 2px;font-size: 11px; padding: 8px 37px}

/* Formulari subscripció Newsletter*/
.formulari-suscripcio{border-bottom:1px solid #777;padding-bottom:10px;margin-bottom:10px}
.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 #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%;color:green;font-weight:bold;}

/*#publicitat #SuscribirseNewsletterInt {padding-bottom:60px}*/
#publicitat #SuscribirseNewsletterInt div{width:100% !important;}
#publicitat #SuscribirseNewsletterInt #divMarcarTot {padding-top:5px}
#publicitat #SuscribirseNewsletterInt {position:relative;}
#publicitat #SuscribirseNewsletterInt .btn-danger{margin-top:20px;color: white;background-color: #333;font-size: 13px;font-weight: 700;text-transform: uppercase;padding: 10px 20px;border-radius: 25px;margin-bottom:10px}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: grey;color:white;padding:10px;border-radius:10px}
#publicitat #ara-dic-marcar-tots {color:darkblue}
#publicitat #SuscribirseNewsletterInt .form-control{border-radius:20px}
#publicitat #SuscribirseNewsletterInt a {color:#008ab5;font-weight:bold}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eee;color: black; border: 3px double #444445;}
#publicitat .formulari-suscripcio .formulari-suscripcio-contingut .btn-danger {background-color: #5cb85c;border-color: #4cae4c;}

/* FI BLOC formulari subscripció Newsletter*/

/*Nou disseny 2023*/
/* 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;}
/* fi degradat imatges */

.seccio-articles-mes-vistos a {color:#000000;}
.seccio-articles-mes-vistos {margin-top:0px;margin-bottom:10px;background: #f2f2f2;padding: 15px;}
.seccio-articles-mes-vistos h2{font-size:20px;text-align:left;color:#161616;font-weight:700;letter-spacing: 0.1em;line-height: 1.2;text-transform: uppercase;position: relative;display: inline-flex;align-items: center;width: 100%;font-family:Montserrat}
.seccio-articles-mes-vistos h2:after{  content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}
.seccio-articles-mes-vistos h6 {text-transform: uppercase;font-weight: 700;font-size: 14px;}
.data-noticia {color: #767676;font-weight: 400;text-transform: uppercase;font-size: 10px;margin: 5px 0 10px;}

/*Fi Nou disseny 2023*/


@media screen and (max-width: 1024px){
    
.seccio-top-productes .top-productes-item {width:100%;border-bottom:1px solid #777;} /*una columna*/
.seccio-top-productes .top-productes-item-1, .seccio-top-productes .top-productes-item-2{background-color:#FFFFFF;}
.seccio-top-productes .top-productes-item .img-producte{width:30%}
.seccio-top-productes .top-productes-item .desc-producte{width:60%}
.banner-superior, .semi-banner-superior {margin-right:0px}
}

@media screen and (max-width: 965px){
.semi-banner-superior{display:none;}
}

@media screen and (max-width: 768px) {
.seccio-top-productes .top-productes-item .img-producte {height: 90px;width: 90px;}
ul.slick-portades {width:500px;max-width:100%;height:100%;}
ul.slick-portades img {padding-right:10px}
}