/* Color base: Alt1 -> cc3029 (vermell logo), Alt2 -> 3d4d59 (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");

body {font-family:'Open Sans',Sans-serif;}
ul {list-style-type: none;}
a {color:#3d4d59;}
a:hover {text-decoration:none}

h1 {font-size:18px;font-weight:700;font-family: "Roboto",sans-serif;}
h2 {margin-top:0;font-size:130%;font-family: "Roboto",sans-serif;}

img {max-width:100%}
h3 {color:#3d4d59;}
.avislegal h2, .avislegal h5 {font-weight:bold;} 

/*Banners - Publicitats*/
.BannerCap{text-align:center;background-color:#ececec;padding-bottom:5px;}
.BannerInferior{text-align:center;padding:5px;}
.BannerInterior, .BannerInferior{background-image: url("/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, .BannerInferior img {max-width:100%}

#logo {/*background: #ffffff url("../img/fondo-cap.png") no-repeat scroll right top;*/margin:15px 0}
#semibanner {margin:15px 0}
.etiqueta_nom_apartat{text-transform: uppercase;}

#menu {margin-top:10px}
#menu .navbar-default {background:#3d4d59;}
#menu .navbar-default .navbar-nav > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav > li.active > a{color:#3d4d59;}
#menu .dropdown-menu {background-color:#3d4d59;}
#menu .dropdown-menu > li > a{color:#FFFFFF;}
#menu .navbar-default .navbar-nav li.dropdown.open > a{color:#3d4d59;}
#menu li.dropdown.open .dropdown-menu > li > a:hover{color:#3d4d59;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:#3d4d59;}

/*fi capçalera*/

/*noticies*/
.noticia{margin-top:10px;margin-bottom:10px;border-top:1px solid #CCCCCC;padding-top:10px}
.noticia-contingut h2 {margin-top:0;font-size:130%;font-family: "Roboto",sans-serif;}
.noticia-destacada h1{color:#3d4d59;font-size:18px;font-weight:700;font-family: "Roboto",sans-serif;}
.noticia-destacada .noticia-contingut h2 {font-size:170%;font-weight:700;margin-top:20px}
.noticia-destacada .noticia-imatge img {padding-left:0;padding-right:0;}
.noticia-destacada .noticia-imatge {text-align: center;}

/*fi noticies*/

/*Carousels*/
#ED {border-bottom:1px solid #CCCCCC;padding-bottom:10px;height:84px;overflow:hidden;}
.ED.rs-carousel li {margin:0 10px 20px 10px;}

#portades {border-bottom:1px solid #CCCCCC;padding-bottom:10px;height:340px;overflow:hidden;padding: 0 40px}
.portades.rs-carousel li {margin:0 10px 0 10px;}
#portades img {width:200px;border: 1px solid #ccc;}

/** custom carousel */
.paginacio-revistes{float:right;margin-bottom:10px;}
.paginacio-revistes:after {clear:both;}
.paginacio-revistes a {font-size:20px; font-weight:bold;background:#f2f4f5;padding:5px;margin:5px;}
.paginacio-revistes a.rs-carousel-action-active:hover {background:#98abb6;}

/*llista revistes portades*/
#portades ul {padding:0}
#portades ul li {float:left;}

.seccio-portades-revistes img {max-width:200px;padding:0 5px 0 5px}
.rs-carousel-portades h2 {margin-bottom: 20px;margin-top: 0;display:inline-block}
.rs-carousel-portades .llista-revistes-paginacio{margin-left:2px;display:inline-block}
.rs-carousel .llista-revistes-paginacio a {background: #ffffff none repeat scroll 0 0;padding: 5px;}
.rs-carousel-portades .llista-revistes-paginacio:after {clear:both;}

/*productes*/
.seccio-top-productes h2, .seccio-publicitat h2, #portades h2, .seccio-enlacesdestacados h2 {color:#3d4d59;font-size:18px;font-weight:700;font-family: "Roboto",sans-serif;}
.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:#3d4d59;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*/

.seccio-publicitat{margin:10px 0 10px 0;padding-bottom:10px;/*background-color:#f2f4f5;*/border-top:1px solid #777;border-bottom:1px solid #777;}
.seccio-enlacesdestacados{margin:10px 0 10px 0;padding-bottom:10px;background-color:#f2f4f5;border-top:1px solid #777;border-bottom:1px solid #777;}
.seccio-enlacesdestacados img {display: block; margin-left: auto;margin-right:auto; margin-bottom:10px}
/*.seccio-publicitat img {margin: 10px 0 0 40px;}*/
.seccio-publicitat #mapa img {margin:0;}
.seccio-publicitat h2, .seccio-enlacesdestacados h2 {margin-left:10px;margin-top:10px;}
polygon, rect, path {
    fill: #009fe2;
    transition: all .5s;
    cursor: pointer;
}

/* 20190708, JSanchez, separació imatges */
.seccio-publicitat a {display:block;border:1px solid #eaeaea;padding:4px;margin-bottom:30px;}

#peu{background-color:#3d4d59;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}

.mes{font-size:18px;font-family: "Roboto",sans-serif;}
.mes-revistes{font-size:16px;font-family: "Roboto",sans-serif;margin-top:5px}

/*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 i {font-size: 70px;line-height: 56px;height: 100%;width: 100%;}
.llista-revistes-paginacio i {font-size: 20px;font-weight:bold;}

/*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-facebook{background-color:#306199;}
.P14 .noticia-detall-autor-social-links .icona-twitter{background-color:#26c4f1;}
.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-whatsapp{background-color:#67bc34;}
.P14 .noticia-detall-autor-social-links .icona-visualitzacions{background-color:#7598c0;}
.P14 .noticia-detall-autor-social-links a.icona-visualitzacions {width:84px;text-decoration:none;padding-left:10px;cursor:context-menu;}
.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{color:#E60000;font-weight:700;}
.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%}
.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 .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*/

/*Texto legals*/

.contingut .textos-legals ul {list-style-type: disc;}
table#dna {margin: auto;border: 1px solid #3d4d59;font-size: 90%;}
table#cookies {margin: auto;border: 1px solid #ddd;font-size: 90%;}
#dna th {background: #3d4d59;padding: 0.25em;color: #FFFFFF;font-weight: bold;text-align: left;padding-right: 1mm;padding: 10px;}
#dna td {text-align: left;background: #FFFFFF;padding: 10px;}
.politicaredessociais li {margin-bottom:10px}

div#LleiCookies {background-color:#3d4d59;color:#FFFFFF;height: auto;width: 100%;bottom: 0px;position: fixed;font-size:12px}
div#LleiCookies p {width:80%;margin: 0 auto;}
div#LleiCookies p a {color:#FFFFFF;font-weight:bold;}
div#LleiCookies button {color:#3d4d59}

/* carousel revistes */
#cont .zoomtimeline .yearlist-con .yearlist .year figure{ background-color: rgba(61, 77, 89, 0.7); }
#cont .zoomtimeline.mode-3dslider .yearlist-con:after { background-color: rgba(61, 77, 89, 0.7); }
#cont .zoomtimeline.mode-3dslider .details-container > .detail .detail-image--border {border: 2px solid rgba(61, 77, 89, 0.3);}

/* buscador */
#trobades{margin-bottom: 10px}

/* BLOC Portugal Información */
.index-llistat-revistes .view, .index-llistat-catalegs .view{width:170px;height:240px}
.index-llistat-revistes .view h2, .index-llistat-catalegs .view h2 {font-size:15px;margin-bottom:20px}

/*Hover icon effects*/
.view .mask, .view .content {width:100%;height:100%}
.view-sixth img, .view-seventh img{max-width:100%}
#pgInformacionNewsletters .view-seventh h2, #pgInformacionEmagazines .view-seventh h2 {opacity:0.75;position:absolute;bottom:-20px;width:100%;transform:translateY(-20px);}
#pgInformacionNewsletters .view-seventh a.info, #pgInformacionEmagazines .view-seventh a.info{width: 100%;height: 100%;opacity: 0.3;
}
/*Hover icon effects*/

.llistat-revistes {margin:0;padding:0}
.llistat-revistes li {margin:10px 0 20px 0;padding:20px;border-bottom: 1px solid rgba(0, 0, 0, 0.02);}
.llistat-revistes li.separacio, .seccio-noticies .separacio, .separacio {border-bottom: 1px solid rgba(0, 0, 0, 0.02);margin-bottom: 10px;margin-top: 10px;position: relative;padding:0}
.llistat-revistes li.separacio::after, .seccio-noticies .separacio::after, .separacio::after {background-color: #3d4d59;border-radius: 4px;bottom: -1px;content: "";display: block;height: 4px;position: absolute;width: 100%;
} 
.llistat-revistes .btn-info {margin:5px}

/* informació publicitaria revistes*/
#dt_revistes dt {font-weight:bold;}
#dt_revistes .capcelera{background:black;color:white;border-bottom:1px solid white;padding:8px;}
#dt_revistes .cella{background:gray;color:white;border-right:1px solid black;padding:8px;min-height: 36px;}
#f .cap_taula_info {background:black;padding-left:10px;color:white;border-right:1px solid white;}
#f .cel_la_exemple {color:white;}
#f .cel_la_exemple img {width:50mm;text-align:left;}
#f .cel_la_especificacio, .cel_la_seccio, .cel_la_format, .cel_la_exemple {border:1px solid #808080;text-align:left; text-align:left; padding:5px 8px;}

/* portada informacio */

.seccio-serveis {margin-top:20px;margin-bottom:15px}
.servei{float:none;display:inline-block;vertical-align:top;padding:0;margin:0}
.servei-contenidor {margin-bottom:10px;}
.servei-desc h2 {margin-top:15px;}

#seccio-arees-titol h2 {background:none;text-transform:uppercase;font-family:Dosis;font-weight:700;font-size:300%;color:#3d4d59;}

.seleccions-interempresas-desc{margin-left:30px}

.hi-icon-book:before {
	content: "\f02d";
}
.hi-icon-globe:before {
	content: "\f0ac";
}
.hi-icon-crosshairs:before {
	content: "\f05b";
}
.hi-icon-eye:before {
	content: "\f06e";
}
.hi-icon-bullhorn:before {
	content: "\f0a1";
}
.hi-icon-leanpub:before {
	content: "\f212";
}
.hi-icon-tags:before {
	content: "\f02c";
}
.hi-icon-street-view:before {
	content: "\f21d";
}
.hi-icon-envelope-o:before {
	content: "\f003";
}
.hi-icon-connectdevelop:before {
	content: "\f20e";
}

.hi-icon {border-radius: 50%;color: #fff;cursor: pointer;display: inline-block;font-size: 0;height: 90px;margin: 15px 15px;position: relative;text-align: center;width: 90px;z-index: 1;
}
.hi-icon::before {display: block;font-family: "FontAwesome";font-size: 48px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 90px;text-transform: none;}

.hi-icon-effect-1 .hi-icon::after {box-shadow: 0 0 0 4px #3d4d59;left: -7px;opacity: 0;padding: 7px;top: -7px;transform: scale(0.8);transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;}

.hi-icon::after {border-radius: 50%;box-sizing: content-box;content: "";height: 100%;pointer-events: none;position: absolute;width: 100%;}

.hi-icon-effect-1 .hi-icon {background:#3d4d59;transition: background 0.2s ease 0s, color 0.2s ease 0s;}
.hi-icon-effect-1a .hi-icon:hover {color: #fff;text-decoration:none;}
.hi-icon-effect-1a .hi-icon:hover::after {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;}


@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes spinAround {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.hi-icon-effect-1a:hover .hi-icon::before { -webkit-animation: spinAround 2s linear infinite; -moz-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; }

.taula-dades {margin-bottom:10px;border-collapse:collapse}
.taula-dades table th, .taula-dades table td  {padding:3px 5px 3px 5px;border:1px solid #7d7a72}
.taula-dades table th {text-align:left}
.taula-dades table td {text-align:right}

.index-llistat-canals{padding-bottom:20px}
.titol-llistat-canals{margin-top:10px;margin-bottom:0}

.li-canal-facebook:before{
    content:"\f082";
    font-family: "FontAwesome";
    color:#3A5795;
    padding:0 10px 0 10px;
}
.li-canal-linkedin:before{
    content:"\f08c";
    font-family: "FontAwesome";
    color:#1b86bc;
    padding:0 10px 0 10px;
}

.li-canal-twitter, .li-canal-facebook, .li-canal-linkedin{float:left;font-size:15px;margin-top: 10px;}

ul.llistat-twitter li iframe {float:left; margin:10px 10px 0 0}

.xarxes_peu {font-size:35px;}
#peu .xarxes_peu {padding-top:5px}

/* FI BLOC Portugal Información */

@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%}

}

@media screen and (max-width: 768px) {
.seccio-top-productes .top-productes-item .img-producte {height: 90px;width: 90px;}
}

@media screen and (max-width: 480px) {
.index-llistat-revistes {display:none}
}