@charset "UTF-8";
/* CSS Document */
/* ·· Només al footer ·· */



/* ----  Paràmetres per defecte  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
exempleElement_html_us_nomes_footer {
    width: 100%;
    height: 100%
}









/* ----  Classes independents  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
.exempleNotUse {
	position:relative;
	z-index:1;
}
.exempleNotUse:before {
	content:' ';
	display:table;
}
.exempleNotUse:after {
	clear:both;
}









/* ----  Fonts i Text  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| detall */
.mini {
	font-family:"eaSegona-Regular","Helvetica Neue";
	font-weight:300;
	font-size:1.44em; 
	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 ... */
	.mini { font-size:1.40em; }
}

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









/* ----  Colors  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| footerglobal */
.footerglobal .bagul { background-color:#E6E8E9; /* alumini */ }

/* |**| legal */
.fg-nav-legal { color:#602F2F; /* terra */ }
.fg-nav-legal .item:before,
.fg-nav-legal .item:after { background-color:#602F2F; /* terra */ }









/* ----  Imatges  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| contingut  */
.fg-contingut .seccio-background {
	width:100%;
	height:660px;
	background-position:50% 0%;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-image: url("../img/footer-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) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-xxlR.png"); }
}

@media 
only screen and (max-width: 2560px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background { background-size:100% 100%; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background { 
		height:495px;
		background-image:url("../img/footer-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) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-xlR.png"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background { 
		height:345px;
		background-image:url("../img/footer-l.png");
	}
}
@media 
only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 1366px) and (min-resolution: 144dpi), 
only screen and (max-width: 1366px) and (min-resolution: 144dppx) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-lR.png"); }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background {
		height:265px;
		background-image:url("../img/footer-m.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) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-mR.png"); }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background {
		height:200px;
		background-image:url("../img/footer-s.png");
	}
}
@media 
only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 768px) and (min-resolution: 144dpi), 
only screen and (max-width: 768px) and (min-resolution: 144dppx) {
	.fg-contingut .seccio-background {	background-image:url("../img/footer-sR.png"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background { 
		height:150px;
		background-image:url("../img/footer-xs.png");
	}
}
@media 
only screen and (max-width: 570px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 570px) and (min-resolution: 144dpi), 
only screen and (max-width: 570px) and (min-resolution: 144dppx) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-xsR.png"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut .seccio-background {
		height:135px;
		background-image:url("../img/footer-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) {
	.fg-contingut .seccio-background { background-image:url("../img/footer-xxsR.png"); }
}


/* |**| avisos legals */
.fg-nav-legal .seccio-background {
	margin:0 auto;
	width:230px;
	height:130px;
	background-position:50% 0%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url("../img/logototal-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) {
	.fg-nav-legal .seccio-background { background-image:url("../img/logototal-xxlR.png"); }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-legal .seccio-background { 
		width:215px;
		height:120px;
		background-image:url("../img/logototal-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) {
	.fg-nav-legal .seccio-background { background-image:url("../img/logototal-xlR.png"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-legal .seccio-background { 
		width:194px;
		height:110px;
		background-image:url("../img/logototal-xs.png");
	}
}
@media 
only screen and (max-width: 570px) and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (max-width: 570px) and (min-resolution: 144dpi), 
only screen and (max-width: 570px) and (min-resolution: 144dppx) {
	.fg-nav-legal .seccio-background { background-image:url("../img/logototal-xsR.png"); }
}


/* |**| bagul */
.footerglobal .bagul a {
	background-position:50% 50%;
	background-size:44px 34px;
	background-repeat:no-repeat;
	background-image:url("../img/bybagul.png");
}

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









/* ----  Animacions  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| amb animació 0.5s */
.animacio-fg00 {
	-webkit-animation-duration:0.5s;
	animation-duration:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}


/* |**| legal */
#estatDirectori-G:target ~ #directori-G,
#estatDirectori-G:checked ~ #directori-G {
	max-height:100%;
}

#estatDirectori-A:checked ~ #directori-A .titol-legal, 
#estatDirectori-A:target ~ #directori-A .titol-legal,
#estatDirectori-B:checked ~ #directori-B .titol-legal, 
#estatDirectori-B:target ~ #directori-B .titol-legal,
#estatDirectori-C:checked ~ #directori-C .titol-legal, 
#estatDirectori-C:target ~ #directori-C .titol-legal,
#estatDirectori-D:checked ~ #directori-D .titol-legal, 
#estatDirectori-D:target ~ #directori-D .titol-legal,
#estatDirectori-E:checked ~ #directori-E .titol-legal, 
#estatDirectori-E:target ~ #directori-E .titol-legal,
#estatDirectori-F:checked ~ #directori-F .titol-legal, 
#estatDirectori-F:target ~ #directori-F .titol-legal,
#estatDirectori-G:checked ~ #directori-G .titol-legal, 
#estatDirectori-G:target ~ #directori-G .titol-legal { 
	color:#354345; /* cobalt */
	-webkit-transform: scale(1.1);
	-moz-transform:    scale(1.1);
	-ms-transform:     scale(1.1);
	-o-transform:      scale(1.1);
	transform:         scale(1.1);
}

#estatDirectori-A:checked ~ #directori-A .titol-legal:after, 
#estatDirectori-A:target ~ #directori-A .titol-legal:after,
#estatDirectori-B:checked ~ #directori-B .titol-legal:after, 
#estatDirectori-B:target ~ #directori-B .titol-legal:after,
#estatDirectori-C:checked ~ #directori-C .titol-legal:after, 
#estatDirectori-C:target ~ #directori-C .titol-legal:after,
#estatDirectori-D:checked ~ #directori-D .titol-legal:after, 
#estatDirectori-D:target ~ #directori-D .titol-legal:after,
#estatDirectori-E:checked ~ #directori-E .titol-legal:after, 
#estatDirectori-E:target ~ #directori-E .titol-legal:after,
#estatDirectori-F:checked ~ #directori-F .titol-legal:after, 
#estatDirectori-F:target ~ #directori-F .titol-legal:after,
#estatDirectori-G:checked ~ #directori-G .titol-legal:after, 
#estatDirectori-G:target ~ #directori-G .titol-legal:after {
	-webkit-transform: rotate(45deg) scale(1.2);
	-moz-transform:    rotate(45deg) scale(1.2);
	-ms-transform:     rotate(45deg) scale(1.2);
	-o-transform:      rotate(45deg) scale(1.2);
	transform:         rotate(45deg) scale(1.2);
}

#estatDirectori-G:target ~ #directori-G .avisos,
#estatDirectori-G:checked ~ #directori-G .avisos {
	-webkit-animation-name:suaumentAmunt; /* suaumentAmunt, desplegament suaument amunt */
	animation-name:suaumentAmunt; /* suaumentAmunt, desplegament suaument amunt */
}









/* ----  Constructors  |  Footer Genèric   ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| footerglobal */
.footerglobal { margin-top:20px; }

#footerglobal, #footerglobal:before, #footerglobal:after, 
#footerglobal *, #footerglobal *:before, #footerglobal *:after { box-sizing:content-box; }

#footerglobal label { display:block; }


/* |**| contingut */
#footerglobal .fg-contingut {
	position:relative; z-index:1;
	width:100%;
}


/* |**| contenidor d'elements del footer global */
#footerglobal .fg-contingut {
	position:relative;
	margin:0px auto;
	z-index:2;
}

#footerglobal .fg-contingut .fg-link {
	position:relative; z-index:1;
	display:inline-block;
	padding:0 10px;
	height:100%;
	overflow:hidden;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
	outline-offset:-7px;
	-webkit-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-tap-highlight-color:transparent;
}


/* |**| navegador amb ruta de la pàgina dins del footer global*/
#footerglobal .fg-nav-ruta:before, 
#footerglobal .fg-nav-ruta:after {
    content:'';
    display:table;
}

#footerglobal .fg-nav-ruta-home-nom {
    position:absolute;
    top:0px; 
	left:0px;
	padding:0px;
	width:1px;
	height:1px;
    clip:rect(1px, 1px, 1px, 1px);
    border:0px none;
	overflow:hidden;
}


#footerglobal .fg-nav-ruta-contingut:before,
#footerglobal .fg-nav-ruta-contingut:after {
	content:'';
	display: table;
}

#footerglobal .fg-nav-ruta-contingut {
	/*display:none; /* Treure aquesta línia per visualitzar ruta de navegació !!! */
	position:relative;
	z-index:1;
}

#footerglobal .fg-nav-ruta-llista {
	padding-left:154px;
	max-height:9999px;
	direction:ltr;
}


#footerglobal .fg-nav-ruta-item:before,
#footerglobal .fg-nav-ruta-item:after { /* icon d'apuntardor a l'esquerra en ruta de navegació al footer */
    position:relative;
	display:block;
	top:0; 
	left:-29px;
	width:12px;
	border-bottom:1px solid;
}

#footerglobal .fg-nav-ruta-item:before { /* icon d'apuntardor a l'esquerra en ruta de navegació al footer - ratlla sup */
	-ms-transform:		rotate(45deg) translate(1.8px,1.8px);
	-webkit-transform:	rotate(45deg) translate(1.8px,1.8px);
	transform:			rotate(45deg) translate(1.8px,1.8px);
}
#footerglobal .fg-nav-ruta-item:after { /* icon d'apuntardor a l'esquerra en ruta de navegació al footer - ratlla inf */
	-ms-transform:		rotate(-45deg) translate(1.8px,-1.8px);
	-webkit-transform:	rotate(-45deg) translate(1.8px,-1.8px);
	transform:			rotate(-45deg) translate(1.8px,-1.8px);
}

#footerglobal .fg-nav-ruta-item {
	display:inline-block;
	margin-left:35px;
	padding:4px 0px;
	white-space:nowrap;
}









/* ----  Constructots  |  Footer  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| contingut */
.fg-contingut {
	/*width:80%;
	max-width:980px;*/
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.fg-contingut { width:96%; }
}


/* |**| nav-ruta */
.fg-nav-ruta {
	display:none; /* ??? (provisional) */
	position:relative;
	padding:30px 0px;
    z-index:1;
}

.fg-nav-ruta-home {
	position:absolute;
    top:35.5px; left:0px;
    z-index: 2;
}

.fg-nav-ruta-home-icon {
    position:relative;
	display:inline-block;
	top:-4px; left:1px;
	width:148px;
	height:20px;
	background-size:148px 20px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	cursor:pointer;
    z-index:2;
}


/* |**| nav-legal */
.fg-nav-legal { margin-top:40px; }

.fg-nav-legal .col-seccio {
	overflow:hidden;
	margin-top:35px;
}

.fg-nav-legal .titol-legal {
	display:none;
	text-align:center;
	cursor:pointer;
}

.fg-nav-legal .titol-legal:after {
	display:inline-block;
	position:relative;
	top:1px;
	left:8px;
	font-size:1.3em;
	transition:transform .3s linear;
	-webkit-transition:-webkit-transform .3s linear;
} 

.fg-nav-legal .avisos {
	position:relative;
	magin-left:auto;
	margin-right:auto;
	overflow:hidden;
	text-align:center;
}

.fg-nav-legal .amb-dos-col .item,
.fg-nav-legal .amb-tres-col .item { 
	display:inline-block;
	float:none;
	position:relative;
	margin:0 auto;
	width:9.6em;
}

.fg-nav-legal .amb-dos-col .col-esq,
.fg-nav-legal .amb-tres-col .col-esq { text-align:right; }

.fg-nav-legal .amb-dos-col .col-dta,
.fg-nav-legal .amb-tres-col .col-dta {text-align:left; }

.fg-nav-legal .amb-dos-col .col-dta { padding-left:46px; }
.fg-nav-legal .amb-tres-col .col-mig { padding:0 46px; }

.fg-nav-legal .amb-dos-col .col-dta:before {
	content:'';
	display:block;
	position:absolute;
	top:-3px;
	width:1.2px;
	height:30px;
}

.fg-nav-legal .amb-dos-col .col-dta:before { left:23px; }

.fg-nav-legal .amb-tres-col .col-mig:before,
.fg-nav-legal .amb-tres-col .col-mig:after {
	content:'';
	display:block;
	position:absolute;
	top:-3px;
	width:1.2px;
	height:30px;
}

.fg-nav-legal .amb-tres-col .col-mig:before { left:23px; }
.fg-nav-legal .amb-tres-col .col-mig:after { right:23px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-legal { margin-top:30px; }
	
	.fg-nav-legal .col-seccio { margin-top:30px; }
	
	.fg-nav-legal .amb-dos-col .col-dta { padding-left:36px; }
	.fg-nav-legal .amb-dos-col .col-dta:before { left:18px; }
	
	.fg-nav-legal .amb-dos-col .col-dta:before {
		top:-1.5px;
		height:24px;
	}

	
	.fg-nav-legal .amb-tres-col .col-mig { padding:0 36px; }

	.fg-nav-legal .amb-tres-col .col-mig:before { left:18px; }	
	.fg-nav-legal .amb-tres-col .col-mig:after { right:18px; }

	.fg-nav-legal .amb-tres-col .col-mig:before,
	.fg-nav-legal .amb-tres-col .col-mig:after {
		top:-1.5px;
		height:24px;
	}
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-legal { margin-top:25px; }
	
	.fg-nav-legal .col-seccio { margin-top:20px; }
	
	.fg-nav-legal .amb-dos-col .col-dta { padding-left:18px; }

	.fg-nav-legal .amb-dos-col .col-dta:before { left:9px; }

	.fg-nav-legal .amb-dos-col .col-dta:before {
		top:-1.0px;
		height:22px;
	}
	
	.fg-nav-legal .col-seccio { margin-top:20px; }
	
	.fg-nav-legal .amb-tres-col .col-mig { padding:0 18px; }

	.fg-nav-legal .amb-tres-col .col-mig:before { left:9px; }
	
	.fg-nav-legal .amb-tres-col .col-mig:after { right:9px; }

	.fg-nav-legal .amb-tres-col .col-mig:before,
	.fg-nav-legal .amb-tres-col .col-mig:after {
		top:-1.0px;
		height:22px;
	}

}


@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-legal .titol-legal {
		display:block; 
		-webkit-transition:.5s linear;
		transition:.5s linear;
	}

	.fg-nav-legal .titol-legal:after { content:'+'; }
	
	.fg-nav-legal .col-seccio {
		max-height:30px;
		-webkit-transition:max-height .6s linear;
		transition:max-height .6s linear;
		-webkit-animation-fill-mode:both;
		animation-fill-mode:both;
	}
	
	.fg-nav-legal .amb-dos-col .col-esq,
	.fg-nav-legal .amb-dos-col .col-dta { padding:0; text-align:center; }
	
	.fg-nav-legal .amb-dos-col .col-dta:before { display:none; }

	.fg-nav-legal .amb-tres-col .col-esq,
	.fg-nav-legal .amb-tres-col .col-dta,
	.fg-nav-legal .amb-tres-col .col-mig { padding:0; text-align:center; }
	
	.fg-nav-legal .amb-tres-col .col-mig:before,
	.fg-nav-legal .amb-tres-col .col-mig:after { display:none; }

	.fg-nav-legal .avisos {
		-webkit-transition:-webkit-transform 0.35s ease-in 200ms;
		transition:transform 0.45s ease-in 200ms;
		-moz-transform:		translateY(100%);
		-webkit-transform:	translateY(100%);
		-moz-transform:		translateY(100%);
		-ms-transform:		translateY(100%);
		-o-transform:		translateY(100%);
		transform:			translateY(100%);
	}
	
	.fg-nav-legal .amb-dos-col .item { display:block; margin-top:7px; }
	.fg-nav-legal .amb-dos-col > :first-child { padding-top:7px; }
	
	.fg-nav-legal .amb-tres-col .item { display:block; margin-top:7px; }
	.fg-nav-legal .amb-tres-col > :first-child { padding-top:7px; }
}


/* |**| nav-copyright */
.fg-nav-copyright:before {
	content:'';
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:34em;
	height:1.5em;
	border-top:0.0625rem solid rgba(057,071,074,0.70); /* 70% cobalt */;
}

.fg-nav-copyright { margin-top:70px; }

.fg-nav-copyright,
.fg-nav-copyright-content { margin-left:auto; margin-right:auto; }

.fg-nav-copyright-content { text-align:center; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-copyright { margin-top:50px; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.fg-nav-copyright { margin-top:40px; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	/* |**| nav-copyright */
	.fg-nav-copyright:before { width:18em; }
	
	.fg-nav-copyright-content .desapareix { display:none; }
}


/* |**| bagul */
.footerglobal .bagul {
	margin-top:30px;
	height:48px;
}

.footerglobal .bagul a {
	display:block;
	margin-left:auto; margin-right:auto;
	padding:0 10px;
	width:40px;
	height:100%;
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.footerglobal .bagul { margin-top:30px; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.footerglobal .bagul { margin-top:15px; }
}