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

#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%}


#portades h2.contingut-seccio-titol{font-size:20px;text-align:left;color:#161616;font-weight:700;letter-spacing: 0.05em;line-height: 1.2;text-transform: uppercase;margin-bottom: 10px;position: relative;display: inline-flex;align-items: center;width: 90%;font-family:Montserrat}
#portades h2.contingut-seccio-titol:after {content: "";  background-color: #161616;  height: 6px;  margin-left: 30px;  display: block;width: 1000px;flex-shrink: 3;}
#portades {position:relative;height:400px;margin-bottom:20px}
#portades .portades li {height:400px}
#portades img {width:250px}

#publicitat {margin-top:10px}

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