body {font-family:'Montserrat', Arial, Verdana, Sans-serif;}
a{color:#333;}
a:hover {color:#333;text-decoration:underline}
#logo img {padding:10px}

#menu .navbar-default {background:#000000;}
#menu .navbar-default .navbar-nav > li > a{text-transform:uppercase;font-weight:600;padding-left:13px;padding-right:13px}
#menu .navbar-default .navbar-nav > li.active > a{color:#000000;}
#menu .dropdown-menu {background-color:#000000;}
#menu .navbar-default .navbar-nav li.dropdown.open > a{color:#000000;}
#menu li.dropdown.open .dropdown-menu > li > a:hover{color:#000000;}
#menu .navbar-default .navbar-toggle:hover .icon-bar{background-color:#000000;}

.seccio-publicitat{text-align:center;position:relative;border:none;background-image: url("/_base/CSS/img/fons-publicitat.png");}
.seccio-publicitat img {margin-bottom:10px;margin-left:0px;max-width:97%}

.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;
}


.noticia-destacada h1{color:#000000;}
.noticia-principal .noticia-titol{font-size: 30px;line-height: 40px;}
.seccio-top-productes h2, .seccio-publicitat h2{color:#000000;}
.seccio-top-productes .top-productes-item .desc-producte .desc-producte-empresa{color:#000000;}

.seccio-articles-mes-vistos td.contingut-seccio-titol{background: #000000;}

#publicitat .formulari-suscripcio .formulari-suscripcio-contingut {background-color: #eee;color: black; border: 3px double #000000;}

#peu{background-color:#000000;}
#peu .titol-peu img {max-width:50%}

@media screen and (max-width: 1024px){
.apartat-grup-noticies .noticia-apartat .noticia-titol{ font-size:24px;font-weight:600}
article.class-280px{height:100%}
}

@media screen and (max-width: 480px){
	#peu .titol-peu img {max-width:100%}
}