@charset "UTF-8";
/* CSS Document */


/* ----  Paràmetres per defecte  |  Genèric  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


html {
    width: 100%;
    height: 100%
}
@media only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	html {
		min-width: 320px;
	}
}

html, body {
    margin:0;
    padding:0;
}


body {
    width:100%;
    height:100%;
}


body, input, textarea, select, button {
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
    font-feature-settings: "liga", "kern";
}


article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption, img {
    display:block;
}


a:visited, a:link, a:active {
	text-decoration:none; 
	color:inherit; 
	border-width:0px; border:none; border-style:none; outline:0; 
}

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr {
    margin:0px;
    padding:0px;
}


ul, 
ol { list-style:outside none none; }


figure { position:relative; }
/* ---------------------------------------------------------------------------------------------------------- */



/* ----  Classes independents  |  Genèric  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
.mascarda {}

.row {
	position:relative;
	z-index:1;
}
.row:before,.row:after {
	content:' ';
	display:table;
}
.row:after {
	clear:both;
}


.porta-contingut-centrat {
	position:relative;
	display:table;
	height:100%;
}
/*.porta-contingut-centrat:after {
	content:' ';
	clear:both;
}*/

.porta-contingut-centrat .contingut-centrat {
    display:table-cell;
    vertical-align:middle;
}


.centrat-h {
    float:none;
    margin-right:auto;
    margin-left:auto;
}


.espai { display:block; }


.suspensius:after { content:" ..." }


/* |**| anterior/ seguent */
.anterior:before, 
.seguent:after {
	position:relative;
	text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
    font-feature-settings: "liga", "kern";

}

.anterior:after {
	content:">";
	margin:0em -0.80em 0em 0.0em; /* 0.0px 0 0 0.08em */
}

.seguent:before {
	content:"<";
	margin:0em 0.00em 0em -0.80em; /* -0.05em 0 0 -0.59em */
}


/* |**| blockquote */
blockquote:before, 
blockquote:after {
	position:relative;
	text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing:antialiased;
    font-feature-settings: "liga", "kern";

}

blockquote:before {
	content:"\201C";
	margin:0em 0.00em 0em -0.40em; /* -0.05em 0 0 -0.59em */
}

blockquote:after {
	content:"\201D";
	margin:0em -0.40em 0em 0.0em; /* 0.0px 0 0 0.08em */
}


/* |**| sense-comilles blockquote */
.sense-comilles:before, 
.sense-comilles:after {
	content:""; 
	margin:0;
}


/* |**| compensa blockquote */
.compensa-comilles { 
	margin-right:-0.65em;
}
@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.compensa-comilles { 
		margin-right:-0.15em;
	}
}


/* |**| cite */
cite {
	display:block;
	font-style:normal;
}


/* |**| icon-dalt */
.indicador {
	position:absolute;
	display:block;
	top:0;
	width: 40px;
	height: 100%;
	cursor:pointer;
}
		
.indicador .linia {
	position:absolute;
	display:block;
	top:50%; 
	margin-top:-5px;
	width:50%;
	height:3px;
}
	
.indicador .amunt-esq {
	left:10%;
	transform:rotate(-45deg) translate(0px,0px);
	-webkit-transform:rotate(-45deg) translate(0px,0px);
	-ms-transform:rotate(-45deg) translate(0px,0px);
}

.indicador .amunt-dta {
	right:10%;
	transform:rotate(45deg) translate(0px,0px);
	-webkit-transform:rotate(45deg) translate(0px,0px);
	-ms-transform:rotate(45deg) translate(0px,0px);
}



/* |**| icon escroll automàtic */
@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.icon-anar-dalt {
		opacity:0; 
		display:block; position:fixed;
		bottom:20px; right:0;
		width: 52px;
		height: 48px;
		/* border: 2px solid; */
		border-top-left-radius:50%; border-bottom-left-radius:50%;
		/* border-radius:50%; */
		background-color:rgba(209, 209, 209, 0.70);
		font-family:"Helvetica Neue";
		line-height:0em; letter-spacing:0em;
		text-rendering:optimizelegibility;
		-moz-osx-font-smoothing:grayscale;
		-webkit-font-smoothing:antialiased;
		font-feature-settings:"liga", "kern";
		overflow:hidden;
		cursor:icon;
		z-index:9998;
		-o-transition:opacity 0.35s linear 0.35s, transform 0.45s cubic-bezier(0.45, 0.05, 0.55, 0.95) 300ms;
		-moz-transition:opacity 0.35s linear 0.35s, transform 0.45s cubic-bezier(0.45, 0.05, 0.55, 0.95) 300ms;
		-webkit-transition:opacity 0.35s linear 0.35s, transform 0.45s cubic-bezier(0.45, 0.05, 0.55, 0.95) 300ms;
		transition:opacity 0.35s linear 0.35s, transform 0.45s cubic-bezier(0.45, 0.05, 0.55, 0.95) 300ms;
		-webkit-transform: translateX(100%);
		-moz-transform:    translateX(100%);
		-ms-transform:     translateX(100%);
		-o-transform:      translateX(100%);
		transform:         translateX(100%);
	}
	.icon-anar-dalt.show {
		opacity:1;
		-webkit-transform: translateX(0);
		-moz-transform:    translateX(0);
		-ms-transform:     translateX(0);
		-o-transform:      translateX(0);
		transform:         translateX(0);
	}

	.link-dalt-pantalla {
		display:block;
		height:inherit;
	}
		
	.icon-dalt-pantalla-barra-esq,
	.icon-dalt-pantalla-barra-dta {
		position:absolute;
		top:22px; left:50%;
		width:16px;
		border-bottom:3px solid #FFF;
	}
	
	.icon-dalt-pantalla-barra-esq {
		transform:rotate(45deg) translate(0px,0px);
		-webkit-transform:rotate(45deg) translate(0px,0px);
		-ms-transform:rotate(45deg) translate(0px,0px);
	}
	
	.icon-dalt-pantalla-barra-dta {
		transform:rotate(-45deg) translate(-7px,-7px);
		-webkit-transform:rotate(-45deg) translate(-7px,-7px);
		-ms-transform:rotate(-45deg) translate(-7px,-7px);
	}
}


/* |**| Franja de "novetat" situada al marge superior dret */
.novetat {
	position:absolute;
	top:-120px;
	right:-120px;
	width:350px;
	height:360px;
	text-align:center;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	z-index:99;
}

.novetat .text {
	position:relative;
	top:50%;
	padding-top:7px;
	padding-bottom:4px;
    box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.45);
    -moz-box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.45);
}

.sinia-item-vivelo .novetat-pell {
	position:absolute;
	top:71px; right:0;
	width:600px;
	height:600px;
	overflow:hidden;
}

.sinia-item-vivelo .novetat {
	top:-185px;
	right:-200px;
	width:600px;
	height:600px;
}

.sinia-item-vivelo .novetat .text {
	border:1px dashed;
	outline:2px solid;
	box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.65);
    -moz-box-shadow:5px 5px 15px -10px rgba(0, 0, 0, 0.65);
}

@media only screen and (max-width: 1068px) { /* fins a aquesta mida de pantalla ... */
	.novetat {
		width:340px;
		height:350px;
	}
	
	.sinia-item-vivelo .novetat {
		width:580px;
		height:590px;
	}
}

@media only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.novetat {
		width:330px;
		height:340px;
	}
	
	.sinia-item-vivelo .novetat {
		width:560px;
		height:560px;
	}
}

@media only screen and (max-width: 767px) { /* fins a aquesta mida de pantalla ... */
	.sinia-item-vivelo .novetat-pell {
		top:50px;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.novetat {
		width:320px;
		height:330px;
	}
	
	.sinia-item-vivelo .novetat {
		width:530px;
		height:520px;
	}
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.novetat {
		width:300px;
		height:305px;
	}
	
	.sinia-item-vivelo .novetat {
		width:500px;
		height:490px;
	}
}


/* |**| Text d'enllaç ocult */
.etiqueta { /* oculta inputs, text, links, que han de ser operatius però no veures */
	position:absolute;
	top:0px; left:0px;
	padding:0px;
	width:1px;
	height:1px;
	clip:rect(1px, 1px, 1px, 1px);
	overflow:hidden;
	border:0px none;
}


/* |**| Text en Majúscules */
.majuscula {
	text-transform:uppercase;
}

/* |**| Text en Versaleta */
.versaleta {
	font-variant:small-caps;
	font-size:larger;
}

/* |**| Ombra per text blanc sobre fosc */
.ombra1 {
	text-shadow:0px 0px 15px #000, 5px 5px 60px #000;
}

/* |**| Ombra per text blanc sobre fosc */
.ombra1b {
	text-shadow:0px 0px 50px #000, 5px 5px 60px #000;
}

/* |**| Ombra per text blanc sobre fosc */
.ombra1c {
	text-shadow:0px 0px 15px #292824, 5px 5px 60px #292824;
}

/* |**| Ombra per text negre sobre clar */
.ombra2 {
	text-shadow:0px 0px 5px #FFF, 5px 5px 30px #FFF;
}










/* ----  Constructors  |  Genèric  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| main */
#main {
    position:relative;
    width:100%;
    overflow:hidden;
}


/* |**| superposat-base */
.superposat-base {
	position:absolute !important;
	right:0px; bottom:auto; left:0px;
	z-index:3;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}


/* |**| figcaption */
.figcaption {
	padding:0.5% 2%;
	height:35px;
	box-sizing:border-box;
}

.figcaption.superposat {
	position:absolute;
	right:0px; bottom:auto; left:0px;
	z-index:3;
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}

.figcaption.caixa,
.figcaption.caixa-tres-files {
    width:100%;
	text-align:center;
}

.figcaption.caixa {
	height:35px;
}

.figcaption.caixa-solid {
	position:relative;
	padding:1.6% 2%;
	height:auto;
}
@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.figcaption.caixa-solid {
		padding:2.0% 2%;
	}
}
@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.figcaption.caixa-solid {
		padding:2.5% 2%;
	}
}
.figcaption.caixa-solid * {
	margin-left:auto; margin-right:auto;
}

.figcaption.caixa-tres-files {
	height:90px;
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.figcaption.caixa {
		min-height:51px;
	}
	
	.figcaption.caixa-tres-files {
		min-height:100px;
	}
}


/* |**| barres horitzontals */
.aball {
	display:block;
	min-height:51px;
	points-events:auto;
	cursor:pointer;
}

.barra-base {
	min-height:5px;
}


/* |**| mapa / timeline */
.mapa {
	position:relative;
	min-height:350px;
	background-size:180px 45px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-image: url("../img/mapabuit.png");
}

@media only screen and (max-width: 1440px) { /* fins a aquesta mida de pantalla ... */
	.mapa {
		min-height:320px;
	}
}

@media only screen and (max-width: 1068px) { /* fins a aquesta mida de pantalla ... */
	.mapa {
		min-height:280px;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.mapa {
		min-height:240px;
	}
}

.mapa .googlemap {
	width:100%;
	min-height:inherit;
	overflow:hidden;
}


/* |**| seccio-ratlles */
.seccio-ratlles .seccio-ratlles-fila {
	position:relative;
	overflow:hidden;
}

.seccio-ratlles .seccio-ratlles-col {
	display:inline-block;
	padding-top:15px; padding-bottom:15px;
	vertical-align:top;
	border-top:solid 0.0625rem; border-bottom:solid 0.0625rem;
}

.seccio-ratlles .col-dta {
	margin-left:40px;
}

.seccio-ratlles .seccio-ratlles-col span {
	padding-top:10px; padding-bottom:10px;
}


/* |**| seccio */
.seccio {
	position:relative;
	max-width:100%;
	background-size:100% auto;
	text-align:center;
}


/* |**| main-background */
.main-background {
	position:absolute;
	width:100%;
	height:100%;
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:0;
}


/* |**| seccio-background */
.seccio .seccio-background {
	position:absolute;
	width:100%;
	height:100%;
	background-size:100% auto;
	background-repeat:no-repeat;
	z-index:0;
}

.seccio-background .seccio-contingut-cor {
	margin-left:auto; margin-right:auto;
	box-sizing:border-box;
}

.seccio-background .seccio-contingut-cor * {
	margin-left:auto; margin-right:auto;
}


/* |**| seccio-contingut */
.seccio-contingut:before, .seccio-contingut:after {
	content:' ';
	display:table
}
.seccio-contingut:after {
	clear:both
}

.seccio-contingut { 
	z-index:2;
}

porta-superposat-caixa .seccio-contingut { 
	padding-bottom:35px;
}
@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.porta-superposat-caixa .seccio-contingut { 
		padding-bottom:51px;
	}
}


/* |**| seccio-contingut. seccio-peu */
.seccio-peu {
	position:absolute;
	top:auto;
	left:0;
	right:0;
	bottom:95px;
	margin-left:auto; margin-right:auto;
	max-width:63em;
	z-index:2;
}

.porta-superposat-caixa .seccio-contingut .seccio-peu {
	bottom:130px; /* bottom de seccio-peu + alçada del figcaption */
}

@media only screen and (max-width: 1068px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contingut .seccio-peu {
		bottom:60px; /* bottom de seccio-peu + alçada del figcaption */
	}
	
	.porta-superposat-caixa .seccio-contingut .seccio-peu {
		bottom:95px; /* bottom de seccio-peu + alçada del figcaption */
	}
}
@media only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contingut .seccio-peu {
		bottom:25px; /* bottom de seccio-peu + alçada del figcaption */
	}
	
	.porta-superposat-caixa .seccio-contingut .seccio-peu {
		bottom:60px; /* bottom de seccio-peu + alçada del figcaption */
	}
}
@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contingut .seccio-peu {
		bottom:35px; /* bottom de seccio-peu + alçada del figcaption */
	}
	
	.porta-superposat-caixa .seccio-contingut .seccio-peu {
		bottom:70px; /* bottom de seccio-peu + alçada del figcaption */
	}
}
@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contingut .seccio-peu {
		bottom:35px; /* bottom de seccio-peu + alçada del figcaption */
	}
	
	.porta-superposat-caixa .seccio-contingut .seccio-peu {
		bottom:70px; /* bottom de seccio-peu + alçada del figcaption */
	}
}
.seccio-contingut .seccio-peu p {
	text-align:justify;
}


/* |**| seccio. espais entre texts */
.seccio .seccio-contingut .seccio-missatge h2 + h3 {
	margin-top:25px;
}
	
.seccio .seccio-contingut .seccio-missatge h3 + p {
	margin-top:35px;
}


/* |**| seccio-intro. espais entre texts */
.seccio-intro .seccio-contingut .seccio-missatge h3 + ul {
	margin-top:30px;
}


@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio .seccio-contingut .seccio-missatge h3 + p {
		margin-top:20px;
	}
	
	.seccio-intro .seccio-contingut .seccio-missatge h3 + ul {
		margin-top:20px;
	}
}


/* |**| seccio-foto */
.seccio-foto {
	position:relative;
	margin-left:auto; margin-right:auto;
}

.seccio-foto figure {
	margin-left:auto; margin-right:auto;
}

.seccio-foto .foto-dades {
	width:100%;
	height:650px;
	background-size:cover; /* > 1440px */
	background-position:50% 0;
	background-repeat:no-repeat;
}


/* |**| seccio-frm */
.seccio-frm {
	width:100%;	
}


/* |**| titol-corporatiu */
.titol-corporatiu { 
	margin-left:auto; 
	margin-right:auto;
	text-align:center;
}

.titol-corporatiu:after { 
	content:'';
	display:block;
	margin-top:10px;
	margin-left:auto; margin-right:auto;
	width:260px;
	height:50px;
	border-top:0.0625rem solid rgba(057,071,074,0.70); /* 70% cobalt */;
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu:after { 
		width:240px;
		height:42px;
	}
}
@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu:after { 
		width:190px;
		height:34px;
	}
}









/* ----  Fonts i Text  |  Site  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| btn */
.btn {
	font-family:"Segona-Light","Helvetica Neue";
	font-weight:300;
	font-size:2.60em; 
	line-height:0.0em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

/* |**| titol-corporatiu */
.titol-corporatiu {
	font-family:"eaPrimera-Regular","Helvetica Neue";
	font-weight:200;
	font-size:6.10em; 
	line-height:1.06em;
	word-spacing:0.03em;
	letter-spacing:0.0em;
}

.titol-corporatiu .bold {
	font-family:"eaPrimera-Bold","Helvetica Neue";
	font-weight:500;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu {
		font-size:5.40em; 
		line-height:1.06em;
	}
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu {
		font-size:4.26em; 
		line-height:1.12em;
	}
}


/* |**| titol-portada */
.titol-portada {
	font-family:"eaPrimera-Regular","Helvetica Neue";
	font-weight:200;
	font-size:6.10em; 
	line-height:1.20em;
	word-spacing:0.03em;
	letter-spacing:0.0em;
}

.titol-portada .bold {
	font-family:"eaPrimera-Bold","Helvetica Neue";
	font-weight:500;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.titol-portada { font-size:5.40em; }
}

@media only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.titol-portada { line-height:1.15em; }
}

@media only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.titol-portada { line-height:1.10em; }
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.titol-portada { font-size:4.26em; }
}


/* |**| cos-portada */
.cos-portada {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:2.06em; 
	line-height:1.50em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

blockquote.cos-portada:before, 
blockquote.cos-portada:after {
	font-family:"Segona-Light";
	font-weight:300;
	font-size:2.35em;
	line-height:0;
}

blockquote.cos-portada:before { top:14px; }
blockquote.cos-portada:after {	top:18px; }

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.cos-portada {
		font-size:1.80em; 
		line-height:1.55em;
	}
	
	blockquote.cos-portada:before, 
	blockquote.cos-portada:after { font-size:2.30em; }
	
	blockquote.cos-portada:before { top:12px; }
	blockquote.cos-portada:after {	top:16px; }
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.cos-portada {
		font-size:1.68em; 
		line-height:1.58em;
	}

	blockquote.cos-portada:before, 
	blockquote.cos-portada:after {	font-size:2.15em; }
	
	blockquote.cos-portada:before { top:12px; }
	blockquote.cos-portada:after {	top:12px; }
}


/* |**| titol */
.titol {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:2.72em; 
	line-height:1.45em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.titol {
		font-size:2.43em; 
		line-height:1.42em;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.titol { font-size:2.0em; }
}


/* |**| cos */
.cos {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:1.85em; 
	line-height:1.60em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.cos { font-size:1.74em; }
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.cos {
		font-size:1.65em; 
		line-height:1.58em;
	}
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.cos {
		font-size:1.60em; 
		line-height:1.53em;
	}
}


/* |**| comentari */
.comentari {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:1.65em; 
	line-height:1.60em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

.cita .comentari:before {
	content:'';
	display:block;
	margin-bottom:13px;
	width:200px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.comentari {
		font-size:1.60em; 
		line-height:1.58em;
	}
}

@media only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.cita .comentari:before {
		margin-bottom:8px;
		width:180px;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.comentari {
		font-size:1.50em; 
		line-height:1.55em;
	}
	
	.cita .comentari:before {
		width:170px;
	}
}


/* |**| detall */
.detall {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:1.50em; 
	line-height:1.33em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.detall { font-size:1.44em; }
}


/* |**| detall-major */
.detall-major {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:1.52em; 
	line-height:1.33em;
	word-spacing:0.0em;
	letter-spacing:0.0em;
}

@media only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.detall-major {
		font-size:1.45em; 
		line-height:1.34em;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.detall-major {
		font-size:1.444em; 
		line-height:1.32em;
	}
}


/* |**| item */
.item {	line-height:1.50em; }

@media only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.item {	line-height:1.42em;	}
}









/* ----  Colors  |  Site  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
:root {
    --cobalt:#435559; /* cobalt */
	--txtfosc:#000804; /* text fosc */
	--terra:#602F2F; /* terra */ 
}

/* |**| body (color genèric) */
body { color:#435559; /* cobalt */ }


/* |**| xarxes */
.xarxes .llista-xarxes .twitter {
	background-color:#55ACEE; /* twitter */
}
.xarxes .llista-xarxes .facebook {
	background-color:#3B5998; /* facebook */
}
.xarxes .llista-xarxes .instagram {
	background-color:#966444; /* instagram */
}
.xarxes .llista-xarxes .youtube {
	background-color:#DD2319; /* youtube */
}


/* |**| titol-corporatiu */
.titol-corporatiu { color:#602F2F; /* terra */ }
.titol-corporatiu:after,
.plus-corporatiu:after { color:#435559; /* cobalt */ }


/* |**| btn-corporatiu */
.btn-corporatiu .btn .btn-cercle { border-color:#602F2F; /* terra */ }

.btn-corporatiu .btn-link:visited .btn-cercle {
	background-color:transparent;
	border-color:#602F2F; /* terra */
}

.btn-corporatiu .btn-link:hover .btn-cercle { 
	background-color:rgba(096,047,047,0.10); /* 10% terra */
	border-color:rgba(096,047,047,0.10); /* 10% terra */
}

.btn .linia-h,
.btn .linia-v, 
.btn-corporatiu .btn-link:visited .linia-h
.btn-corporatiu .btn-link:visited .linia-v { background-color:#602F2F; /* terra */ }

.btn-corporatiu .btn-link:hover .linia-h,
.btn-corporatiu .btn-link:hover .linia-v { background-color:rgba(096,047,047,0.80); /* 80% terra */ }


.btn.color-corporatiu:before { 
	color:#435559; /* cobalt */
	border-color:#435559; /* cobalt */ 
}


/* |**| item */
.item .item-titol { color:#000804; /* text fosc */ }

.item .item-link,
.item .item-link:visited { color:#602F2F; /* terra */ }

.item .item-link:hover { color:rgba(096,047,047,0.65); /* 80% terra */ }

.item .item-txt,
.item .item-txt:visited { color:#2A3739; /* text fosc2 */ }

.item .item-txt:hover { color:rgba(042,055,057,0.65); /* 65% text fosc2 */ }









/* ----  Imatges  |  Site  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| símbols */
.amb-simbol {
	background-size:46px 22px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.impres { background-image: url("../img/impres-xxl.png"); }
.visual { background-image: url("../img/visual-xxl.png"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.impres { background-image: url("../img/impres-xxlR.png"); }
	
	.visual { background-image: url("../img/visual-xxlR.png"); }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.amb-simbol { background-size:44px 21px; }
	
	.impres { background-image: url("../img/impres-xl.png"); }
	
	.visual { background-image: url("../img/visual-xl.png"); }
}
@media 
only screen and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 1920px) and (min-resolution: 144dpi), 
only screen and (max-width: 1920px) and (min-resolution: 144dppx) {
	.impres { background-image: url("../img/impres-xlR.png"); }
	
	.visual { background-image: url("../img/visual-xlR.png"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.amb-simbol { background-size:40px 20px; }
	
	.impres { background-image: url("../img/impres-xxs.png"); }
	
	.visual { background-image: url("../img/visual-xxs.png"); }
}
@media 
only screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 420px) and (min-resolution: 144dpi), 
only screen and (max-width: 420px) and (min-resolution: 144dppx) {
	.impres { background-image: url("../img/impres-xxsR.png"); }
	
	.visual { background-image: url("../img/visual-xxsR.png"); }
}


/* |**| timeline twitter i mapa buit */
.timeline-cor {
	background-size:180px 45px;
	background-position:50% 43%;
	background-repeat:no-repeat;
	background-image: url("../img/twitterbuit.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
	.mapa {
		background-image: url("../img/mapabuitR.png");
	}
	
	.timeline-cor {
		background-image: url("../img/twitterbuitR.png");
	}
}


/* |**| titol-corporatiu */
.titol-corporatiu:after {
	background-size:100px 100%;
	background-position:50% -0.030em;
	background-repeat:no-repeat;
	background-image: url("../img/anells-xl.png");
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.titol-corporatiu:after { background-image: url("../img/anells-xlR.png"); }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu:after {
		background-size:86px 100%;
		background-image: url("../img/anells-lR.png");
	}
}
@media 
only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 1024px) and (min-resolution: 144dpi), 
only screen and (max-width: 1024px) and (min-resolution: 144dppx) {
	.titol-corporatiu:after { background-image: url("../img/anells-lR.png"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.titol-corporatiu:after {
		background-size:70px 100%;
		background-image: url("../img/anells-xsR.png");
	}
}
@media 
only screen and (max-width: 420px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 420px) and (min-resolution: 144dpi), 
only screen and (max-width: 420px) and (min-resolution: 144dppx) {
	.titol-corporatiu:after { background-image: url("../img/anells-xsR.png"); }
}



/* |**| item imatge */
.item .item-imatge {
	margin-bottom:3.0em;
	max-width:100%;
	height:auto;
	background-position:50% 50%;
	background-size:100% auto;
	background-repeat:no-repeat;
}

.item .item-imatge img { width:100%; }

.item .video img {
	width:100%;
	visibility:hidden;
}









/* ----  Constructots  |  Site  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| butons, agrupats | amb-dos-col */
.grup-camps-btn.amb-dos-col {
	height:41px;
}

.grup-camps-btn .grup-camps-btn-titol {
	display:block; /* si és un span */
}

.grup-camps-btn .grup-camps-btn-peu {
	display:block;
	padding-top:6px;
	clear:both;
}


/* |**| butons, agrupats | amb-dos-col */
.seccio .amb-dos-col-centrades {
	margin-left:auto; margin-right:auto;
	width:94%;
	max-width:980px;
}

.amb-dos-col-centrades .item {
	float:left;
	width:50%;
}

.amb-dos-col-centrades .item .seccio-contingut-cor {
	padding:0 18px;
}


/* |**| btn */
.btn {
	display:inline-block;
}

.btn .btn-detalls {
	margin-left:auto;
	margin-right:auto;
}

.btn .btn-link {
	position:relative;
	display:block;
	cursor:pointer;
}

.btn .btn-cercle {
	padding-bottom:2px;
	width:42px;
	height:42px;
	border: 1px solid;
	border-radius:21px;
	text-align:center;
	-webkit-transition:all 350ms ease-in;
	-moz-transition:all 350ms ease-in;
	-ms-transform:all 350ms ease-in;
	-o-transition:all 350ms ease-in;
	transition:all 350ms ease-in;
}

.btn .linia-v {
	position:absolute;
	display:block;
	top:35%;
	left:48.5%; /* quant Calc no es suporta */
	left:calc(50% - 0.5px);
	width:1px;
	height:30%;
	transition:background-color 350ms ease-in;
}

.btn .linia-h {
	position:absolute;
	display:block;
	top:48.5%; /* quant Calc no es suporta */
	top:calc(50% - 0.5px);
	left:35%;
	width:30%;
	height:1px;
	transition:background-color 350ms ease-in;
}


/* |**| btn-corporatiu */
.btn-corporatiu { padding-bottom:45pt; }

.btn-corporatiu .btn:before { 
	content:'';
	display:block;
	margin-left:auto; margin-right:auto;
	min-width:190px;
	width:20%;
	height:15px;
	border-top:0.0625rem solid rgba(057,071,074,0.70); /* 70% cobalt */;
}

.btn-corporatiu .btn { width:100%; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.btn-corporatiu { padding-bottom:38pt; }
	
	.btn-corporatiu .btn:before { width:23%; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.btn-corporatiu { padding-bottom:19pt; }
	
	.btn-corporatiu .btn:before { width:30%; }
}

/* correccions per visual horitzontal en tablets i mòbils */
@media 
only screen and (max-height: 414px) and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.btn-corporatiu { padding-bottom:33pt; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.btn-corporatiu { padding-bottom:23pt; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
}


/* |**| xarxes */
.llista-xarxes {
	list-style:outside none none;
}
.llista-xarxes .item-link {
	background-size:38px 76px;
}

.xarxes {
	position:relative;
	z-index:3;
}

.xarxes .llista-xarxes {
	position:absolute;
	top:40px; left:40px;
	z-index:3;
}
@media only screen and (max-width: 767px) { /* fins a aquesta mida de pantalla ... */
	.xarxes .llista-xarxes {
		top:25px; left:10px;
	}
}

.xarxes .llista-xarxes .item {
	width:32px;
	height:50px;
}
.xarxes .llista-xarxes .item:last-child {
	height:32px;
}

.xarxes .llista-xarxes .item-link {
	display:inline-block;
	width:32px;
	height:32px;
	background-position:50% 100%;
	background-repeat:no-repeat;
	border-radius:16px;
	box-shadow:			 10px 10px 17px -9px rgba(0,0,0,0.15);
	-webkit-box-shadow:	 10px 10px 17px -9px rgba(0,0,0,0.15);
	-moz-box-shadow:	 10px 10px 17px -9px rgba(0,0,0,0.15);
}


/* |**| barra-btn */
.barra-btn {
	position:relative;
}

.barra-btn-cor {
	position:relative;
	margin:0 auto;
	padding-top:15px;
}


/* |**| flexible */
.flexible { display:inline-block; display:flex; }


/* |**| entrades */
.entrades .flexible { flex-flow:row wrap; }
.entrades .flexible .item { margin-bottom:88pt; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.entrades .flexible .item { margin-bottom:80pt; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.entrades .flexible .item { margin-bottom:70pt; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.entrades .flexible .item { margin-bottom:65pt; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.entrades .flexible .item { margin-bottom:56pt; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.entrades .flexible .item { margin-bottom:50pt; }
}

.portada + .entrades { margin-top:78pt; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.portada + .entrades { margin-top:68pt; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.portada + .entrades { margin-top:60pt; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.portada + .entrades { margin-top:51pt; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.portada + .entrades { margin-top:45pt; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.portada + .entrades { margin-top:36pt; }
}


/* |**| llista */
.llista {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.llista .item { 
	position:relative;
	margin:0 auto;
	padding:0;
	float:left;
	text-align:left;
}


/* |**| item */
.item { width:100%; }

.item .item-contingut { 
	margin:0 auto;
	text-align:left; 
}

.item .item-contingut .item-titol + .item-cos { margin-top:0.9em; }
.item .item-contingut .item-cos + .item-cos { margin-top:1.5em; }
.item .item-contingut .extra { margin-top:3em; }
.item .item-contingut .item-data { 
	display:block;
	margin-top:0.8em; 
}

.item .item-contingut .item-link { margin-top:0.9em; } 

.item .item-link { 
	display:block;
	-moz-transition:color 300ms ease-in;
	transition:color 300ms ease-in;
}

.item .item-link .link-tipus { padding-left:5px; }

.item .amb-simbol { padding-top:22px; /* alçada del símbol*/ }

.item .amb-simbol:before {
	content:'';
	display:block;
	width:46px; /* amplada del símbol */
	height:10px; /* marge fins al text */
	border-top:0.0625rem solid rgba(057,071,074,0.70); /* 70% cobalt */;
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.item .amb-simbol { padding-top:20px; /* alçada del símbol*/ }
	
	.item .amb-simbol:before { width:40px; /* amplada del símbol */ }
}


/* |**| amb columnes */
.amb-dos-col,
.amb-tres-col { margin-left:auto; margin-right:auto; }

.amb-tres-col .item { float:left; }

.amb-dos-col  .item { width:50%; }
.amb-tres-col .item { width:33%; }

.amb-dos-col .item:nth-child(odd)  .item-contingut { padding-left:28%;  padding-right:14%; } /* :nth-child(2n+1) */
.amb-dos-col .item:nth-child(even) .item-contingut { padding-right:28%; padding-left:14%;  } /* :nth-child(2n) */

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.amb-dos-col .item:nth-child(odd)  .item-contingut { padding-left:24%;  padding-right:12%; } /* :nth-child(2n+1) */
	.amb-dos-col .item:nth-child(even) .item-contingut { padding-right:24%; padding-left:12%;  } /* :nth-child(2n) */
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.amb-dos-col .item:nth-child(odd)  .item-contingut { padding-left:16%;  padding-right:8%; } /* :nth-child(2n+1) */
	.amb-dos-col .item:nth-child(even) .item-contingut { padding-right:16%; padding-left:8%;  } /* :nth-child(2n) */
}

@media only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.amb-dos-col .item:nth-child(odd)  .item-contingut { padding-left:14%;  padding-right:7%; } /* :nth-child(2n+1) */
	.amb-dos-col .item:nth-child(even) .item-contingut { padding-right:14%; padding-left:7%;  } /* :nth-child(2n) */
}

@media only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.amb-dos-col .item { 
		float:none;
		width:100%;
	}
	
	.amb-dos-col .item .item-contingut { width:80%; }
	
	.amb-dos-col .item:nth-child(odd)  .item-contingut,
	.amb-dos-col .item:nth-child(even) .item-contingut { padding-left:0;  padding-right:0; }
}