@charset "UTF-8";
/* CSS navegador global */


/* ----  Fonts i Text  |   navegador global  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| items del menú */
#navglobal .ng-link {
	font-family:"eaSegona-Regular";
	font-weight:300;
	font-size:2.0010em;
	line-height:1.80em;
	letter-spacing:normal;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-link {
		font-size:1.80em;
		line-height:1.50em; 
	}
}






/* ----  Colors  |   navegador global  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| navegador global */
#navglobal { background:#FFF; background:rgba(221, 223, 223, 0.2); /* cobalt clar */ }

#ng-estatmnu:checked ~ #navglobal, 
#ng-estatmnu:target ~ #navglobal { /* quan es desplega */
	background:rgba(255,255,255,0.95);
}

/* |**| items del menú */
#navglobal .ng-link {
	color:#602F2F; /* rubí */
}

/* |**| border dels items del menú */
#navglobal .ng-item-mnu:before,
#navglobal .ng-item-mnu:after {
	border-color:#ABA8AB; /* ng-border */
}






/* ----  Animacions  |   navegador global  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| persianaAmunt */
@keyframes persianaAmunt {
	/*animation: persianaAmunt 0.9s linear;*/
	from { 	-webkit-transform: translateY(0%);
			-moz-transform:    translateY(0%);
			-ms-transform:     translateY(0%);
			-o-transform:      translateY(0%);
			transform:         translateY(0%);
	}
	to { 	-webkit-transform: translateY(-100%);
			-moz-transform:    translateY(-100%);
			-ms-transform:     translateY(-100%);
			-o-transform:      translateY(-100%);
			transform:         translateY(-100%);
			position:absolute;
	}
}
@-webkit-keyframes persianaAmunt {
	/*animation: persianaAmunt 0.9s linear;*/
	from { 	-webkit-transform: translateY(0%);
			-moz-transform:    translateY(0%);
			-ms-transform:     translateY(0%);
			-o-transform:      translateY(0%);
			transform:         translateY(0%);
	}
	to { 	-webkit-transform: translateY(-100%);
			-moz-transform:    translateY(-100%);
			-ms-transform:     translateY(-100%);
			-o-transform:      translateY(-100%);
			transform:         translateY(-100%);
			position:absolute;
	}
}





/* |**| persianaAball */
@keyframes persianaAball {
	/*animation: persianaAball 0.9s linear;*/
	from { 	-webkit-transform: translateY(-100%);
			-moz-transform:    translateY(-100%);
			-ms-transform:     translateY(-100%);
			-o-transform:      translateY(-100%);
			transform:         translateY(-100%);
	}
	to { 	-webkit-transform: translateY(0%);
			-moz-transform:    translateY(0%);
			-ms-transform:     translateY(0%);
			-o-transform:      translateY(0%);
			transform:         translateY(0%);
	}
}






/* ----  Imatges  |  navegador global  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* ·· link logo al ng ·· */
#navglobal .ng-link-logo {
	width:66px;
	background-repeat:no-repeat;
	background-position:center left;
	background-size:56px 60px;
	z-index:9999;
	background-image:url("../img/nglogo-s.png");
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	#navglobal .ng-link-logo {
		background-image: url("../img/nglogo-sR.png");
	}
}

@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-link-logo {
		width:39px;
		background-size:39px 41px;
		background-image: url("../img/nglogo-xs.png");
	}
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) {
	#navglobal .ng-link-logo {
		background-image: url("../img/nglogo-xsR.png");
	}
}



/* |**| link home al ng  */
#navglobal .ng-link-home {
	display:block;
	max-width:260px;
	height:120px;
	margin:0.1% auto 3.9%;
	background-position:50% 50%; 
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url("../img/nghome-xl.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	#navglobal .ng-link-home {
		background-image: url("../img/nghome-xlR.png");
	}
}

@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-link-home {
		max-width:200px;
		height:94px;
		background-image: url("../img/nghome-m.png");
	}
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 144dppx) {
	#navglobal .ng-link-home {
		background-image: url("../img/nghome-mR.png");
	}
}

@media only screen and (max-width: 570px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-link-home {
		max-width:48px;
		height:52px;
		background-image: url("../img/nghome-s.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) {
	#navglobal .ng-link-home {
		background-image: url("../img/nghome-sR.png");
	}
}






/* ----  Constructots  |   navegador global  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
html.ng-sensescroll {
	margin-top:0 !important;
}
html.ng-sensescroll, 
html.ng-sensescroll body {
	overflow:hidden !important;
	height:100% !important;
}
html.ng-sensescrolly {
	/*overflow-y:scroll !important;*/
}


/* |**| estatmnu */
#ng-estatmnu {
    display:none;
}


/* |**| anunciador-pantalla */
#anunciador-pantalla {
    overflow: hidden;
    position: absolute;
    top: 0; left: 0;
    width: 0;
    height: 0;
    visibility: hidden;
    z-index: -1;
    x-content: "large";
}

#anunciador-pantalla::before {
    content: "large";
}

@media only screen and (max-width: 1023px) { /* quan al pantalla fa menys de ... */
    #anunciador-pantalla {
        x-content: "medium",
    }

    #anunciador-pantalla::before {
        content: "medium";
    }
}

@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
    #anunciador-pantalla {
        x-content: "small";
    }

    #anunciador-pantalla::before {
        content: "small";
    }
}

@media only screen and (max-width: 419px) { /* quan al pantalla fa menys de ... */
    #anunciador-pantalla {
        x-content: "xsmall";
    }

    #anunciador-pantalla::before {
        content: "xsmall";
    }
}



/* |**| espaciador del navegador global */
#ng-espaciador {
	/*height:71px;*/
}

@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#ng-espaciador {
		/*max-height:50px;*/
	}
}


/* |**| navegador global */
#navglobal, #navglobal:before, #navglobal:after, #navglobal *,
#navglobal *:before, #navglobal *:after {
	box-sizing:content-box;
	margin:0; padding:0;
	letter-spacing:normal;
}

#navglobal, 
#navglobal.js-tres {
	height:71px;
}

#navglobal {
	position:absolute;
	z-index:9998;
	display:block;
	top:0px; right:0; left:0;
	margin:0;
	width:100%;
	overflow:hidden;
	/*min-width:1024px;*/
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
	transition: background 0.4s linear 0s, height 0.45s ease-in 0s;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal, 
	#navglobal.js-tres {
		max-height:50px;
	}
}
@media only screen and (max-width: 1023px) { /* quan al pantalla fa menys de ... */
	#navglobal {
		min-width:320px;
	}
}

#ng-estatmnu:checked ~ #navglobal, 
#ng-estatmnu:target ~ #navglobal { /* quan es desplega */
	max-height:none;
	height:100%;
	-webkit-transition:background 0.90s linear,height 0.35s ease-in 200ms;
	transition:background 0.90s linear,height 0.45s ease-in 200ms;
}

#navglobal.js-dos {
	position:fixed;
	height:0;
	/*-webkit-transition-duration:0s;
	transition-duration:0s;*/
}

#navglobal.js-tres {
	position:fixed;
	animation:persianaAball 0.5s linear;
	-webkit-animation:persianaAball 0.5s linear;
}



#navglobal article, #navglobal aside, #navglobal details, #navglobal figcaption, #navglobal figure, #navglobal footer, #navglobal header, #navglobal nav, #navglobal section {
	display:block;
}

#navglobal img {
	border:0;
	vertical-align:middle;
}


#navglobal ul,
#persistent ul {
	list-style:none;
}

#navglobal .ng-link {
	position:relative; z-index:1;
	display:inline-block;
	padding:0px 0px;
	height:100%;
	opacity:1;
	/*overflow:hidden;
	white-space:nowrap;*/
	filter:alpha(opacity=100);
	text-decoration:none;
	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);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=$ieopacity)';
	-webkit-tap-highlight-color:transparent;

}


/* ·· link de texts ocults als links del navegador global ·· */
#navglobal .ng-link-text,
#persistent .ng-link-text {
	overflow:hidden;
	position:absolute;
	top:0; left:0;
	padding:0;
	height:1px;
	width:1px;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px, 1px, 1px, 1px);
	-webkit-clip-path:inset(0px 0px 99.9% 99.9%);
	clip-path:inset(0px 0px 99.9% 99.9%);
}

/* Si cal mostrar un o un altre text en funció d'amplada de pantalla. Amb text dinàmic */
#navglobal .ng-link-regalar .ng-link-text-show::before  {
	content:"Regala Esport i Salut";
}
#navglobal .ng-link-entrenador .ng-link-text-show::before  {
	content:"Entrenament Personal  /  Sessions per a Grups Reduïts";
}
#navglobal .ng-link-assessorament .ng-link-text-show::before  {
	content:"Assessorament i Planificació Esportiva";
}
#navglobal .ng-hipopressius .ng-link-text-show::before  {
	content:"Millora de Rendiment amb Hipopressius";
}
#navglobal .ng-lesions .ng-link-text-show::before  {
	content:"Prevenció de Lesions i Readaptació Funcional";
}
#navglobal .ng-manteniment .ng-link-text-show::before  {
	content:"Quadres de Manteniment i Salut";
}
#navglobal .ng-joves .ng-link-text-show::before  {
	content:"Preparació i Formació de Joves Esportistes";
}
#navglobal .ng-competicio .ng-link-text-show::before  {
	content:"Preparació Física per Clubs i Esportistes de Competició";
}
#navglobal .ng-perfil .ng-link-text-show::before  {
	content:"Hellanodikai. Perfil professional";
}
#navglobal .ng-he-contacte .ng-link-text-show::before  {
	content:"Contacta amb nosaltres";
}
@media only screen and (max-width: 460px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-link-entrenador .ng-link-text-show::before  {
		content:"Entrenament Personal / Grups";
	}
	
	#navglobal .ng-link-assessorament .ng-link-text-show::before  {
		content:"Assessorament i Planificació";
	}
	
	#navglobal .ng-hipopressius .ng-link-text-show::before  {
		content:"Hipopressius i Rendiment";
	}
		
	#navglobal .ng-link-lesions .ng-link-text-show::before  {
		content:"Lesions. Prevenció i Readaptació";
	}
	
	#navglobal .ng-joves .ng-link-text-show::before  {
		content:"Preparació de Joves Esportistes";
	}
	
	#navglobal .ng-competicio .ng-link-text-show::before  {
		content:"Treball Físic per Competició";
	}
}



/* ··contenidor d'elements del navegador global ·· */
#navglobal .ng-contingut {
	margin:0px auto;
	height:100%;
	/*max-width:980px;*/
	padding:0px 22px;
	position:relative;
	z-index:2;
	transition:background 0.35s linear 0s, height 0.35s ease-in 0s;
}
#ng-estatmnu:checked ~ #navglobal .ng-contingut, 
#ng-estatmnu:target ~ #navglobal .ng-contingut {
	max-width:none;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-contingut {
		padding:0;
		width:100%;
	}
}


/* ·· capçal de navegació ·· */
#navglobal .ng-capçal {
	position:relative;
	overflow:hidden;
	z-index:3;
	top:0; left:0;
	width:100%;
	height:71px;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-capçal {
		height:50px;
	}
}


/* ·· tots el items al capçal de navegació ·· */
#navglobal .ng-capçal .ng-item {
	height:71px;
	vertical-align:top;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-capçal .ng-item {
		height:50px;
	}
}


/* ·· logo del capçal de navegació ·· */
#navglobal .ng-capçal .ng-logo {
	/* position:absolute; ??? */
	display:block;
	top:0; left:0;
	margin:0 auto;
	width:980px; /* 20px més d'amplada que el link intern*/
	text-align:left;
	z-index:1;
	opacity:0;
	-webkit-transform: translateY(100%);
	-moz-transform:    translateY(100%);
	-ms-transform:     translateY(100%);
	-o-transform:      translateY(100%);
	transform:         translateY(100%);
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-capçal .ng-logo { 
		/*width:58px; /* 20px més d'amplada que el link intern*/
		padding:0 16px;
	}
}
#ng-estatmnu:checked ~ #navglobal .ng-capçal .ng-logo, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-label {
	/*-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);*/
	opacity:1;
	-webkit-transform: none;
	-moz-transform:    none;
	-ms-transform:     none;
	-o-transform:      none;
	transform:         none;
	-webkit-transition:opacity 0.8s linear, -webkit-transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:opacity 0.8s linear, transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99);

}



/* ·· logo en el menú de navegació global ·· */
#navglobal .ng-menu .ng-logo{ 
	/*display:none;*/
}


/* ·· icon de menú pel capçal de navegació ·· */
#navglobal .ng-iconmnu { 
	position:absolute; z-index:2; 
	top:0; right:0;
	padding:0; /* 0 34px; ???*/
	width:71px; 
	overflow:hidden;
	border-bottom:none;
}
@media only screen and (max-width: 767px) { /* quan la pantalla fa menys de ... */
	#navglobal .ng-iconmnu { 
		width:50px;
	}
}

/* ·· contenidor i disparador de l'icon pel menú del capçal de navegació (label) ·· */
#navglobal .ng-iconmnu-label {
	position:absolute; z-index:5; 
	top:0;
	width:50%;
	height:50%;
	padding:25%;
	cursor:pointer;
	-webkit-transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-tap-highlight-color:transparent;
	/*pointer-events: none; /* Treure per habilitar mnu <---------------------------------------------------------------- !!! */
}
#navglobal .ng-iconmnu-label:hover, 
#navglobal .ng-iconmnu-label:focus, 
#navglobal .ng-iconmnu-label:active {
	/* opacity:.65; */
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-label, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-label {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}


/* ·· barres interiors de l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-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);
}
/* ·· barra superior de l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-top {
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	z-index:4;
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-top, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-top {
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* ·· barra mitjana de l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-middle {
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
	z-index:4;
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-middle, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-middle {
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
/* ·· barra inferior de l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-bottom {
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	transform:rotate(0);
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-bottom, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-bottom {
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* ·· símbols dins l'espai de barra per l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-simbol {
	position:absolute; z-index:1; 
	display:block;
	left:0%;
	right:0%;
	margin:0 auto;
	/*left:9px;*/
	width:30px;
	height:1px; 
	background:#363B3B;
	-webkit-box-shadow:	0px 1px 0px 0px rgba(221, 223, 223, 0.6); /* cobalt clar */
	-moz-box-shadow:	0px 1px 0px 0px rgba(221, 223, 223, 0.6); /* cobalt clar */
	box-shadow:			0px 1px 0px 0px rgba(221, 223, 223, 0.6); /* cobalt clar */
	-webkit-transition:-webkit-transform 0.2s;
	transition:transform 0.2s;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-iconmnu-barra-simbol { 
		/*left:16px;*/
		width:17px;
		height:2px; 
	}
}
/* ·· símbols dins l'espai de barra superior per l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-simbol-top, 
#navglobal .ng-iconmnu-barra-simbol-middle,
#navglobal .ng-iconmnu-barra-simbol-bottom {
	top:50%; /* per a navegador que no reconeixen calc() */
	top:calc(50% - 1px);
}
/* ·· símbol dins l'espai de barra superior per l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-simbol-top {
	transition:transform 0.2s 0.2s;
	-webkit-transform:translateY(-8px);
	-ms-transform:translateY(-8px);
	transform:translateY(-8px);
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-simbol-top, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-simbol-top {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transform:translateY(0.5px);
	-ms-transform:translateY(0.5px);
	transform:translateY(0.5px);
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-iconmnu-barra-simbol-top {
		/*top:25px;*/
		-webkit-transform:translateY(-6px);
		-ms-transform:translateY(-6px);
		transform:translateY(-6px);
	}
	
	#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-simbol-top, 
	#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-simbol-top {
		-webkit-transition-delay:0s;
		transition-delay:0s;
		-webkit-transform:translateY(-0.15px);
		-ms-transform:translateY(-0.15px);
		transform:translateY(-0.15px);
	}
}


/* ·· símbol dins l'espai de barra intermitja per l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-simbol-middle {
	-webkit-transition:-webkit-transform 0.3s 0.3s;
	transition:transform 0.3s 0.3s;
	opacity:1;
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-simbol-middle, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-simbol-middle {
	opacity:0;
	-webkit-transition-delay:0s;
	transition-delay:0s;
}

/* ·· símbol dins l'espai de barra inferior per l'icon pel menú del capçal de navegació ·· */
#navglobal .ng-iconmnu-barra-simbol-bottom {
	-webkit-transition:-webkit-transform 0.2s 0.2s;
	transition:transform 0.2s 0.2s;
	-webkit-transform:translateY(8px);
	-ms-transform:translateY(8px);
	transform:translateY(8px);
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-iconmnu-barra-simbol-bottom {
		-webkit-transform:translateY(6px);
		-ms-transform:translateY(6px);
		transform:translateY(6px);
	}
}
#ng-estatmnu:checked ~ #navglobal .ng-iconmnu-barra-simbol-bottom, 
#ng-estatmnu:target ~ #navglobal .ng-iconmnu-barra-simbol-bottom {
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}



/* ·· menú de la barra de navegació global ·· */
#navglobal .ng-menu {
    visibility:hidden; z-index:2;
	position:absolute;
	top:71px; right:0; bottom:0px; left:0;
	padding:0px 0px; /*margin: 0px -10px;*/ /* Igualar Padding a amplada d'items del menú */
    width: auto;
    height: auto;
    cursor: default;
	/*text-align: justify;*/
	text-justify:distribute-all-lines; 	-ms-text-justify:distribute-all-lines;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	box-sizing:border-box;
	overflow:hidden;
	overflow-y:auto;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-menu {
		top:50px;
		padding:10px 0px;
	}
}
#navglobal .ng-menu:after {
	content:'';
	width:100%;
	display:none; /* s'ha de correspondre a com era aquesta propietat abans de l'animació */
	font-size:0;
	line-height:0;
}
#ng-estatmnu:checked ~ #navglobal .ng-menu, 
#ng-estatmnu:target ~ #navglobal .ng-menu { 
	visibility:visible;
	/*-webkit-transition:visibility 0s linear 1s; 
	transition:visibility 0s linear 1s; */
}


/* ·· items fills, (tots), del menú de la barra de navegació global ·· */
#navglobal .ng-menu :nth-child(2) {
	margin-top:12px;
}
@media only screen and (max-width: 419px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-menu :nth-child(2) {
		margin-top:5px;
	}
}


/* ·· items del menú de la barra de navegació global ·· */
#navglobal .ng-menu:after {
	content:'';
	width:100%;
	display:none; /* s'ha de correspondre a com era aquesta propietat abans de l'animació */
	font-size:0;
	line-height:0;
}
#navglobal .ng-item-mnu {
	/*position: relative;*/
	margin:2% auto;
	padding:0px 22px;
	max-width:980px;
	display:block;
	pointer-events:none;
	opacity:0;
	-webkit-transform:scale(1.1) translateY(-24px);
	-ms-transform:scale(1.1) translateY(-24px);
	transform:scale(1.1) translateY(-24px);
	-webkit-transition:opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
	transition:opacity 0.35s ease-out, transform 0.35s ease-out;
}
@media only screen and (max-width: 767px) { /* quan al pantalla fa menys de ... */
	#navglobal .ng-item-mnu {
		margin-top:2%;
		margin-bottom:2%;
	}
}

#ng-estatmnu:checked ~ #navglobal .ng-item-mnu, 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu {
	opacity:1;
	pointer-events:auto;
	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}

#navglobal .ng-item-mnu:after {
	content:'';
	display:block;
	margin:2% auto;
	width:100%;
	border-bottom-width:1px;
	border-bottom-style:solid;
}




#navglobal .ng-item-mnu .ng-link {
	display:block;
	padding:0;
	width:auto;
	max-width:none;
	text-align:left;
	outline-offset:0;
	opacity:0;
	background-position:left center;
}

#ng-estatmnu:checked ~ #navglobal .ng-item-mnu .ng-link, 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu .ng-link {
	opacity:1;
}


/* ·· items fills, (nomes item-mnu), del menú de la barra de navegació global ·· */
#navglobal .ng-item-mnu:nth-child(2) {
	-webkit-transition-delay:500ms,500ms;
	transition-delay:500ms,500ms;
}
#navglobal .ng-item-mnu:nth-child(3) {
	-webkit-transition-delay:450ms,450ms;
	transition-delay:450ms,450ms;
}
#navglobal .ng-item-mnu:nth-child(4) {
	-webkit-transition-delay:400ms,400ms;
	transition-delay:400ms,400ms;
}
#navglobal .ng-item-mnu:nth-child(5) {
	-webkit-transition-delay:350ms,350ms;
	transition-delay:350ms,350ms;
}
#navglobal .ng-item-mnu:nth-child(6) {
	-webkit-transition-delay:300ms,300ms;
	transition-delay:300ms,300ms;
}
#navglobal .ng-item-mnu:nth-child(7) {
	-webkit-transition-delay:250ms,250ms;
	transition-delay:250ms,250ms;
}
#navglobal .ng-item-mnu:nth-child(8) {
	-webkit-transition-delay:200ms,200ms;
	transition-delay:200ms,200ms;
}
#navglobal .ng-item-mnu:nth-child(9) {
	-webkit-transition-delay:150ms,150ms;
	transition-delay:150ms,150ms;
}
#navglobal .ng-item-mnu:nth-child(10) {
	-webkit-transition-delay:100ms,100ms;
	transition-delay:100ms,100ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(2), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(2) {
	-webkit-transition-delay:100ms,100ms;
	transition-delay:100ms,100ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(3), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(3) {
	-webkit-transition-delay:150ms,150ms;
	transition-delay:150ms,150ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(4), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(4) {
	-webkit-transition-delay:200ms,200ms;
	transition-delay:200ms,200ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(5), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(5) {
	-webkit-transition-delay:250ms,250ms;
	transition-delay:250ms,250ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(6), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(6) {
	-webkit-transition-delay:300ms,300ms;
	transition-delay:300ms,300ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(7), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(7) {
	-webkit-transition-delay:350ms,350ms;
	transition-delay:350ms,350ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(8), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(8) {
	-webkit-transition-delay:400ms,400ms;
	transition-delay:400ms,400ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(9), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(9) {
	-webkit-transition-delay:450ms,450ms;
	transition-delay:450ms,450ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(10), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(10) {
	-webkit-transition-delay:500ms,500ms;
	transition-delay:500ms,500ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(11), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(11) {
	-webkit-transition-delay:550ms,550ms;
	transition-delay:550ms,550ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(12), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(12) {
	-webkit-transition-delay:600ms,600ms;
	transition-delay:600ms,600ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(13), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(13) {
	-webkit-transition-delay:650ms,650ms;
	transition-delay:650ms,650ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(14), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(14) {
	-webkit-transition-delay:700ms,700ms;
	transition-delay:700ms,700ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(15), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(15) {
	-webkit-transition-delay:750ms,750ms;
	transition-delay:750ms,750ms;
}
#ng-estatmnu:checked ~ #navglobal .ng-item-mnu:nth-child(16), 
#ng-estatmnu:target ~ #navglobal .ng-item-mnu:nth-child(16) {
	-webkit-transition-delay:800ms,800ms;
	transition-delay:800ms,800ms;
}





























/* ---------------------------------------------------------------------------------------------------------- */
#navglobal .ng-ancoramnu {
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
	z-index:10
}
#navglobal .ng-ancoramnu:focus {
	outline-offset:-8px;
	width:48px;
	height:48px
}
#navglobal .ng-ancoramnu-close {
	display:none
}
#navglobal .ng-ancoramnu-label {
	position:absolute;
	top:0;
	left:0;
	clip:rect(1px 1px 1px 1px);
	clip:rect(1px, 1px, 1px, 1px);
	-webkit-clip-path:inset(0px 0px 99.9% 99.9%);
	clip-path:inset(0px 0px 99.9% 99.9%);
	overflow:hidden;
	height:1px;
	width:1px;
	padding:0;
	border:0
}
#ng-estatmnu:checked ~ #navglobal .ng-ancoramnu-open, 
#ng-estatmnu:target ~ #navglobal .ng-ancoramnu-open {
	display:none
}
#ng-estatmnu:checked ~ #navglobal .ng-ancoramnu-close, 
#ng-estatmnu:target ~ #navglobal .ng-ancoramnu-close {
	display:block
}


















#sinia-portal.provisional { 
	display:block;
	position:relative;
	height:100%;
	width:100%;
	background:#F3F3ED;
	background:rgba(243,243,237,0.8)
}