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


/* ----  Fonts i Text  |  Home  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| XXX */









/* ----  Colors  |  Home  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| titol-portada | cos-portada */
.portada .titol-portada,
.portada .cos-portada { color:#FFF; /* blanc */ }


/* |**| titol-corporatiu + titol */
.seccio .portada .titol-corporatiu + .titol { color:#000804; /* text fosc */ }


/* |**| separador-corporatiu */
.separador-corporatiu { color:#602F2F; /* terra */ }


/* |**| amb-simbol */
.amb-simbol:before { color:#39474A; /* cobalt */ }


/* |**| seccio descripció */
.seccio .descripcio .titol { color:#602F2F; /* terra */ }
.seccio .descripcio .llista-punt .item:before { color:#602F2F; /* terra */ }


/* |**| seccio final */
.seccio .final .titol { color:#FFF; /* blanc */ }

.seccio .final .detall { color:#602F2F; /* terra */ }
.seccio .final .seccio-contingut { background:rgba(255,255,255,0.80); /* blanc transparent 0.65*/ }


/* |**| seccio-cami */
.seccio-cami .titol-portada,
.seccio-cami .cos-portada { color:#39474A; /* cobalt */ }


/* |**| seccio-empresa */
.seccio-empresa .titol { color:#000804; /* text fosc */ }
.seccio-empresa .detall-major { color:#FFF; /* blanc */ }

.seccio-empresa .barres-background { background-color:#E3E2E1; /* terra ombra */ }
.seccio-empresa .barres-cor { 
	background-color:#602F2F; /* terra */ 
	color:#FFF;
}


/* |**| seccio-bio */
.seccio-bio .titol-portada,
.seccio-bio .cos-portada { color:#302C10; /* crom */ }


/* |**| seccio-news */
.seccio-news .entrades { 
	background:none;
	background:-webkit-linear-gradient(	top, 		#FFF 0%, #F2F6F6 100%);
	background:-moz-linear-gradient(	top, 		#FFF 0%, #F2F6F6 100%);
	background:linear-gradient(			to bottom, 	#FFF 0%, #F2F6F6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#F2F6F6',GradientType=0 );
}


/* |**| seccio-descarregues */
.seccio-descarregues .entrades { 
	background:none;
	background:-webkit-linear-gradient(	top, 		#FFF 0%, #F6F2F0 100%);
	background:-moz-linear-gradient(	top, 		#FFF 0%, #F6F2F0 100%);
	background:linear-gradient(			to bottom, 	#FFF 0%, #F6F2F0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#F6F2F0',GradientType=0 );
}


/* |**| seccio-contacte */
.seccio-contacte .col-esq { color:#39474A; /* cobalt */ }
.seccio-contacte .col-dta { color:#602F2F; /* terra */ }

.seccio-contacte .item-link:before { background-color:#602F2F; /* terra */ }







/* ----  Animacions  |  Home  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| --- */









/* ----  Imatges  |  Home  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| separador-corporatiu */
.separador-corporatiu {
	background-size:70px 100%;
	background-position:50% -0.030em;
	background-repeat:no-repeat;
	background-image: url("../img/anellsB-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) {
	.separador-corporatiu { background-image: url("../img/anellsB-xlR.png"); }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.separador-corporatiu {
		background-size:60px 100%;
		background-image: url("../img/anellsB-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) {
	.separador-corporatiu { background-image: url("../img/anellsB-lR.png"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.separador-corporatiu {
		background-size:48px 100%;
		background-image: url("../img/anellsB-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) {
	.separador-corporatiu { background-image: url("../img/anellsB-xsR.png"); }
}


/* |**| 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"); }
}


/* |**| xarxes */
.xarxes .item-link {
	background-position:50% 50%;
	background-size:100% 100%;
	background-repeat:no-repeat;
}


.xarxes .vcard { background-image: url("../img/vcard-xxl.png"); }
.xarxes .mail { background-image: url("../img/mail-xxl.png"); }
.xarxes .twitter { background-image: url("../img/twitter-xxl.png"); }
.xarxes .instagram { background-image: url("../img/instagram-xxl.png"); }
.xarxes .facebook { background-image: url("../img/facebook-xxl.png"); }
.xarxes .linkedin { background-image: url("../img/linkedin-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) {
	.xarxes .vcard { background-image: url("../img/vcard-xxlR.png"); }
	.xarxes .mail { background-image: url("../img/mail-xxlR.png"); }
	.xarxes .twitter { background-image: url("../img/twitter-xxlR.png"); }
	.xarxes .instagram { background-image: url("../img/instagram-xxlR.png"); }
	.xarxes .facebook { background-image: url("../img/facebook-xxlR.png"); }
	.xarxes .linkedin { background-image: url("../img/linkedin-xxlR.png"); }

}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.xarxes .vcard { background-image: url("../img/vcard-xl.png"); }
	.xarxes .mail { background-image: url("../img/mail-xl.png"); }
	.xarxes .twitter { background-image: url("../img/twitter-xl.png"); }
	.xarxes .instagram { background-image: url("../img/instagram-xl.png"); }
	.xarxes .facebook { background-image: url("../img/facebook-xl.png"); }
	.xarxes .linkedin { background-image: url("../img/linkedin-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) {
	.xarxes .vcard { background-image: url("../img/vcard-xlR.png"); }
	.xarxes .mail { background-image: url("../img/mail-xlR.png"); }
	.xarxes .twitter { background-image: url("../img/twitter-xlR.png"); }
	.xarxes .instagram { background-image: url("../img/instagram-xlR.png"); }
	.xarxes .facebook { background-image: url("../img/facebook-xlR.png"); }
	.xarxes .linkedin { background-image: url("../img/linkedin-xlR.png"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.xarxes .vcard { background-image: url("../img/vcard-xxs.png"); }
	.xarxes .mail { background-image: url("../img/mail-xxs.png"); }
	.xarxes .twitter { background-image: url("../img/twitter-xxs.png"); }
	.xarxes .instagram { background-image: url("../img/instagram-xxs.png"); }
	.xarxes .facebook { background-image: url("../img/facebook-xxs.png"); }
	.xarxes .linkedin { background-image: url("../img/linkedin-xxs.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) {
	.xarxes .vcard { background-image: url("../img/vcard-xxsR.png"); }
	.xarxes .mail { background-image: url("../img/mail-xxsR.png"); }
	.xarxes .twitter { background-image: url("../img/twitter-xxsR.png"); }
	.xarxes .instagram { background-image: url("../img/instagram-xxsR.png"); }
	.xarxes .facebook { background-image: url("../img/facebook-xxsR.png"); }
	.xarxes .linkedin { background-image: url("../img/linkedin-xxsR.png"); }
}


/* |**| seccio portada seccio-background */
.seccio .portada .seccio-background {
	max-width:100%;
	height:inherit;
	background-position:50% 0%;
	background-size:100% auto;
	background-repeat:no-repeat;
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background {
		background-position:50% 100%; 
		background-size:1920px 1270px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background { background-size:1366px 885px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background { background-size:1024px 678px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background {
		background-position:50% 0%; 
		background-size:768px 830px;
	}
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background {
		background-position:50% 35%; 
	}
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background {
		background-position:50% 70%;
		background-size:570px 740px;
	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada .seccio-background { background-size:420px 740px; }
}


/* |**| seccio final seccio-background */
.seccio .final .seccio-background {
	/*background-attachment:fixed;*/
	/*-webkit-overflow-scrolling:touch;*/
	background-position:50% 100%;
	background-size:100% auto;
	background-repeat:no-repeat;
}

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:1920px 280px; }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:1366px 260px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:1024px 230px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:768px 200px;	}
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:570px 190px;	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final .seccio-background { background-size:420px 190px;	}
}


/* |**| seccio-intro */
.seccio-intro .seccio-background {
	max-width:100%;
	background-position:50% 48% , 50% 0%;
	background-size:300px 170px , 100% auto;
	background-repeat:no-repeat , no-repeat;
	background-attachment:local , fixed;
	background-image:url("../img/logoblanc-xl.png") , url("../img/seccio-intro-xl.jpg");
}

.seccio-intro .nuvols {
	width:4010px;
	height:700px;
	background-position:0 100%;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url("../img/nuvols.png");
}

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background { background-size:300px 170px , 1920px 1400px; }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background {
		background-size:300px 170px , 1366px 1024px;
		background-image:url("../img/logoblanc-xl.png") , url("../img/seccio-intro-l.jpg");
	}
}
@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) {
	.seccio-intro .seccio-background { background-image:url("../img/logoblanc-xlR.png") , url("../img/seccio-intro-lR.jpg"); }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background {
		background-size:260px 160px , 1024px 720px;
		background-attachment:local , local;
		background-image:url("../img/logoblanc-l.png") , url("../img/seccio-intro-m.jpg");
	}
}
@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) {
	.seccio-intro .seccio-background { background-image:url("../img/logoblanc-lR.png") , url("../img/seccio-intro-mR.jpg"); }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background {
		background-size:260px 160px , 768px 930px;
		background-image:url("../img/logoblanc-l.png") , url("../img/seccio-intro-s.jpg");
	}
}
@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) {
	.seccio-intro .seccio-background { background-image:url("../img/logoblanc-lR.png") , url("../img/seccio-intro-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background {
		background-size:230px 140px , 570px 740px;
		background-image:url("../img/logoblanc-s.png") , url("../img/seccio-intro-xs.jpg");
	}
}
@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) {
	.seccio-intro .seccio-background { background-image:url("../img/logoblanc-sR.png") , url("../img/seccio-intro-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .seccio-background {
		background-size:230px 140px , 420px 740px;
		background-image:url("../img/logoblanc-s.png") , url("../img/seccio-intro-xxs.jpg");
	}
}
@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) {
	.seccio-intro .seccio-background { background-image:url("../img/logoblanc-sR.png") , url("../img/seccio-intro-xxsR.jpg"); }
}


/* |**| seccio-cami */
.seccio-cami .seccio-background {
	max-width:100%;
	height:inherit;
	background-position:50% 0%;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-image: url("../img/seccio-cami-xl.jpg");
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-cami .seccio-background { background-image: url("../img/seccio-cami-xlR.jpg"); }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .seccio-background {
		background-position:50% 100%; 
		background-size:1920px 1285px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .seccio-background {
		background-size:1366px 960px;
		background-image: url("../img/seccio-cami-l.jpg");
	}
}
@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) {
	.seccio-cami .seccio-background { background-image: url("../img/seccio-cami-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .seccio-background {
		background-size:768px 830px;
		background-image: url("../img/seccio-cami-s.jpg");
	}
}
@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) {
	.seccio-cami .seccio-background { background-image: url("../img/seccio-cami-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .seccio-background {
		background-size:570px 740px;
		background-image: url("../img/seccio-cami-xs.jpg");
	}
}
@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) {
	.seccio-cami .seccio-background { background-image: url("../img/seccio-cami-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .seccio-background {
		background-size:420px 740px;
		background-image: url("../img/seccio-cami-xxs.jpg");
	}
}
@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) {
	.seccio-cami .seccio-background { background-image: url("../img/seccio-cami-xxsR.jpg"); }
}


/* |**| seccio-empresa */
.seccio-empresa .logo {
	margin:0 auto;
	width:290px;
	height:140px;
	background-position:50% 0px;
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-image: url("../img/logo-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) {
	.seccio-empresa .logo {	background-image: url("../img/logo-xlR.png"); }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .logo {
		width:266px;
		height:130px;
		background-image: url("../img/logo-l.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) {
	.seccio-empresa .logo {	background-image: url("../img/logo-lR.png"); }
}

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

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


/* |**| seccio-after-empresa */
.seccio-after-empresa .seccio-background { background-image: url("../img/after-empresa-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-xl.jpg");	}
}
@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) {
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-l.jpg"); }
}
@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) {
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-s.jpg"); }
}
@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) {
	.seccio-after-empresa .seccio-background {	background-image:url("../img/after-empresa-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-xs.jpg");	}
}
@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) {
	.seccio-after-empresa .seccio-background {	background-image:url("../img/after-empresa-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-xxs.jpg"); }
}
@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) {
	.seccio-after-empresa .seccio-background { background-image:url("../img/after-empresa-xxsR.jpg"); }
}


/* |**| seccio-foc */
.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-l.jpg"); }
}
@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) {
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-s.jpg"); }
}
@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) {
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-xs.jpg"); }
}
@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) {
	.seccio-foc .seccio-background { background-image: url("../img/seccio-foc-xsR.jpg"); }
}

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


/* |**| seccio-after-foc */
.seccio-after-foc .seccio-background { background-image: url("../img/after-foc-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-xl.jpg");	}
}
@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) {
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-l.jpg"); }
}
@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) {
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-s.jpg"); }
}
@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) {
	.seccio-after-foc .seccio-background {	background-image:url("../img/after-foc-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-xs.jpg");	}
}
@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) {
	.seccio-after-foc .seccio-background {	background-image:url("../img/after-foc-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-xxs.jpg"); }
}
@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) {
	.seccio-after-foc .seccio-background { background-image:url("../img/after-foc-xxsR.jpg"); }
}


/* |**| seccio-bio */
.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-l.jpg"); }
}
@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) {
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-s.jpg"); }
}
@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) {
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-xs.jpg"); }
}
@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) {
	.seccio-bio .seccio-background { background-image: url("../img/seccio-bio-xsR.jpg"); }
}

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


/* |**| seccio-after-bio */
.seccio-after-bio .seccio-background { background-image: url("../img/after-bio-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-xl.jpg");	}
}
@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) {
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-l.jpg"); }
}
@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) {
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-s.jpg"); }
}
@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) {
	.seccio-after-bio .seccio-background {	background-image:url("../img/after-bio-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-xs.jpg");	}
}
@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) {
	.seccio-after-bio .seccio-background {	background-image:url("../img/after-bio-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-xxs.jpg"); }
}
@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) {
	.seccio-after-bio .seccio-background { background-image:url("../img/after-bio-xxsR.jpg"); }
}


/* |**| seccio-rendiment */
.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-l.jpg"); }
}
@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) {
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-s.jpg"); }
}
@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) {
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-xs.jpg"); }
}
@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) {
	.seccio-rendiment .seccio-background { background-image: url("../img/seccio-rendiment-xsR.jpg"); }
}

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


/* |**| seccio-after-rendiment */
.seccio-after-rendiment .seccio-background { background-image: url("../img/after-rendiment-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-xl.jpg");	}
}
@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) {
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-l.jpg"); }
}
@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) {
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-s.jpg"); }
}
@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) {
	.seccio-after-rendiment .seccio-background {	background-image:url("../img/after-rendiment-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-xs.jpg");	}
}
@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) {
	.seccio-after-rendiment .seccio-background {	background-image:url("../img/after-rendiment-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-xxs.jpg"); }
}
@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) {
	.seccio-after-rendiment .seccio-background { background-image:url("../img/after-rendiment-xxsR.jpg"); }
}


/* |**| seccio-gaudir */
.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-l.jpg"); }
}
@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) {
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-s.jpg"); }
}
@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) {
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-xs.jpg"); }
}
@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) {
	.seccio-gaudir .seccio-background { background-image: url("../img/seccio-gaudir-xsR.jpg"); }
}

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


/* |**| seccio-after-gaudir */
.seccio-after-gaudir .seccio-background { background-image: url("../img/after-gaudir-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-xl.jpg");	}
}
@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) {
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-l.jpg"); }
}
@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) {
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-s.jpg"); }
}
@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) {
	.seccio-after-gaudir .seccio-background {	background-image:url("../img/after-gaudir-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-xs.jpg");	}
}
@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) {
	.seccio-after-gaudir .seccio-background {	background-image:url("../img/after-gaudir-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-xxs.jpg"); }
}
@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) {
	.seccio-after-gaudir .seccio-background { background-image:url("../img/after-gaudir-xxsR.jpg"); }
}


/* |**| seccio-plans */
.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-l.jpg"); }
}
@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) {
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-s.jpg"); }
}
@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) {
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-xs.jpg"); }
}
@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) {
	.seccio-plans .seccio-background { background-image: url("../img/seccio-plans-xsR.jpg"); }
}

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


/* |**| seccio-after-plans */
.seccio-after-plans .seccio-background { background-image: url("../img/after-plans-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-xl.jpg");	}
}
@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) {
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-l.jpg"); }
}
@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) {
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-s.jpg"); }
}
@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) {
	.seccio-after-plans .seccio-background {	background-image:url("../img/after-plans-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-xs.jpg");	}
}
@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) {
	.seccio-after-plans .seccio-background {	background-image:url("../img/after-plans-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-xxs.jpg"); }
}
@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) {
	.seccio-after-plans .seccio-background { background-image:url("../img/after-plans-xxsR.jpg"); }
}


/* |**| seccio-vies */
.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-l.jpg"); }
}
@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) {
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-s.jpg"); }
}
@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) {
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-xs.jpg"); }
}
@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) {
	.seccio-vies .seccio-background { background-image: url("../img/seccio-vies-xsR.jpg"); }
}

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


/* |**| seccio-after-vies */
.seccio-after-vies .seccio-background { background-image: url("../img/after-vies-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-xl.jpg");	}
}
@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) {
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-l.jpg"); }
}
@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) {
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-s.jpg"); }
}
@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) {
	.seccio-after-vies .seccio-background {	background-image:url("../img/after-vies-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-xs.jpg");	}
}
@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) {
	.seccio-after-vies .seccio-background {	background-image:url("../img/after-vies-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-xxs.jpg"); }
}
@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) {
	.seccio-after-vies .seccio-background { background-image:url("../img/after-vies-xxsR.jpg"); }
}


/* |**| seccio-parceles */
.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-l.jpg"); }
}
@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) {
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-s.jpg"); }
}
@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) {
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-xs.jpg"); }
}
@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) {
	.seccio-parceles .seccio-background { background-image: url("../img/seccio-parceles-xsR.jpg"); }
}

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


/* |**| seccio-after-parceles */
.seccio-after-parceles .seccio-background { background-image: url("../img/after-parceles-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-xl.jpg");	}
}
@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) {
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-l.jpg"); }
}
@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) {
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-s.jpg"); }
}
@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) {
	.seccio-after-parceles .seccio-background {	background-image:url("../img/after-parceles-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-xs.jpg");	}
}
@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) {
	.seccio-after-parceles .seccio-background {	background-image:url("../img/after-parceles-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-xxs.jpg"); }
}
@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) {
	.seccio-after-parceles .seccio-background { background-image:url("../img/after-parceles-xxsR.jpg"); }
}


/* |**| seccio-obra */
.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-l.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-s.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xs.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xsR.jpg"); }
}

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


/* |**| seccio-after-obra */
.seccio-after-obra .seccio-background { background-image: url("../img/after-obra-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xl.jpg");	}
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-l.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-s.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background {	background-image:url("../img/after-obra-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xs.jpg");	}
}
@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) {
	.seccio-after-obra .seccio-background {	background-image:url("../img/after-obra-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xxs.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xxsR.jpg"); }
}


/* |**| seccio-obra */
.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-l.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-s.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xs.jpg"); }
}
@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) {
	.seccio-obra .seccio-background { background-image: url("../img/seccio-obra-xsR.jpg"); }
}

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


/* |**| seccio-after-obra */
.seccio-after-obra .seccio-background { background-image: url("../img/after-obra-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xl.jpg");	}
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-l.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-s.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background {	background-image:url("../img/after-obra-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xs.jpg");	}
}
@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) {
	.seccio-after-obra .seccio-background {	background-image:url("../img/after-obra-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xxs.jpg"); }
}
@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) {
	.seccio-after-obra .seccio-background { background-image:url("../img/after-obra-xxsR.jpg"); }
}


/* |**| seccio-topograf */
.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-l.jpg"); }
}
@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) {
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-s.jpg"); }
}
@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) {
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-xs.jpg"); }
}
@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) {
	.seccio-topograf .seccio-background { background-image: url("../img/seccio-topograf-xsR.jpg"); }
}

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


/* |**| seccio-after-topograf */
.seccio-after-topograf .seccio-background { background-image: url("../img/after-topograf-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-xl.jpg");	}
}
@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) {
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-l.jpg"); }
}
@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) {
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-s.jpg"); }
}
@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) {
	.seccio-after-topograf .seccio-background {	background-image:url("../img/after-topograf-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-xs.jpg");	}
}
@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) {
	.seccio-after-topograf .seccio-background {	background-image:url("../img/after-topograf-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-xxs.jpg"); }
}
@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) {
	.seccio-after-topograf .seccio-background { background-image:url("../img/after-topograf-xxsR.jpg"); }
}


/* |**| seccio-radiografia */
.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-xl.jpg"); }

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 144dpi), 
only screen and (min-resolution: 144dppx) {
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-l.jpg"); }
}
@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) {
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-s.jpg"); }
}
@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) {
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-xs.jpg"); }
}
@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) {
	.seccio-radiografia .seccio-background { background-image: url("../img/seccio-radiografia-xsR.jpg"); }
}

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


/* |**| seccio-after-radiografia */
.seccio-after-radiografia .seccio-background { background-image: url("../img/after-radiografia-xxl.jpg"); }

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

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-xl.jpg");	}
}
@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) {
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-xlR.jpg"); }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-l.jpg"); }
}
@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) {
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-lR.jpg"); }
}

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

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-s.jpg"); }
}
@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) {
	.seccio-after-radiografia .seccio-background {	background-image:url("../img/after-radiografia-sR.jpg"); }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-xs.jpg");	}
}
@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) {
	.seccio-after-radiografia .seccio-background {	background-image:url("../img/after-radiografia-xsR.jpg"); }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-xxs.jpg"); }
}
@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) {
	.seccio-after-radiografia .seccio-background { background-image:url("../img/after-radiografia-xxsR.jpg"); }
}


/* |**| seccio-contacte */
.seccio-contacte .cristina {
	width:100%;
	height:100%;
	background-position:50% 50%;
	background-size:220px 236px;
	background-repeat:no-repeat;
	background-image: url("../img/cristina-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) {
	.seccio-contacte .cristina { background-image: url("../img/cristina-xxlR.png"); }
}

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

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .cristina {
		background-size:170px 182px;
		background-image: url("../img/cristina-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) {
	.seccio-contacte .cristina { background-image: url("../img/cristina-xsR.png"); }
}









/* ----  Constructors  |  Home  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| titol-portada */
.titol-portada,
.cos-portada { text-align:left; }


/* |**| separador-corporatiu */
.separador-corporatiu { 
	content:'';
	display:block;
	margin-top:10px;
	margin-left:auto; margin-right:auto;
	width:180px;
	height:37px;
	text-align:center;
	border-top:0.0625rem solid rgba(096,047,047,0.90); /* 90% terra */;
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.separador-corporatiu { 
		width:140px;
		height:30px;
	}
}
@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.separador-corporatiu { 
		width:120px;
		height:24px;
	}
}


/* |**| seccio barres */
.seccio .barres { 
	height:22px;
	line-height:22px;
	text-align:right;
	overflow:hidden;
}

.seccio .barres-titol + .barres-background { margin-top:5px; }
.seccio .barres-background + .barres-titol { margin-top:12px; }

.seccio .barres-cor { padding-right:5px; }

/* .seccio .barres .w55 { width:55%; }
.seccio .barres .w58 { width:58%; }
.seccio .barres .w62 { width:62%; }
.seccio .barres .w68 { width:68%; }
.seccio .barres .w72 { width:72%; }
.seccio .barres .w74 { width:74%; }
.seccio .barres .w80 { width:80%; }
.seccio .barres .w85 { width:85%; }
.seccio .barres .w88 { width:88%; }
.seccio .barres .w90 { width:90%; }
.seccio .barres .w93 { width:93%; } */

.seccio .barres .w1 { width: 1%; }
.seccio .barres .w2 { width: 2%; }
.seccio .barres .w3 { width: 3%; }
.seccio .barres .w4 { width: 4%; }
.seccio .barres .w5 { width: 5%; }
.seccio .barres .w6 { width: 6%; }
.seccio .barres .w7 { width: 7%; }
.seccio .barres .w8 { width: 8%; }
.seccio .barres .w9 { width: 9%; }
.seccio .barres .w10 { width: 10%; }
.seccio .barres .w11 { width: 11%; }
.seccio .barres .w12 { width: 12%; }
.seccio .barres .w13 { width: 13%; }
.seccio .barres .w14 { width: 14%; }
.seccio .barres .w15 { width: 15%; }
.seccio .barres .w16 { width: 16%; }
.seccio .barres .w17 { width: 17%; }
.seccio .barres .w18 { width: 18%; }
.seccio .barres .w19 { width: 19%; }
.seccio .barres .w20 { width: 20%; }
.seccio .barres .w21 { width: 21%; }
.seccio .barres .w22 { width: 22%; }
.seccio .barres .w23 { width: 23%; }
.seccio .barres .w24 { width: 24%; }
.seccio .barres .w25 { width: 25%; }
.seccio .barres .w26 { width: 26%; }
.seccio .barres .w27 { width: 27%; }
.seccio .barres .w28 { width: 28%; }
.seccio .barres .w29 { width: 29%; }
.seccio .barres .w30 { width: 30%; }
.seccio .barres .w31 { width: 31%; }
.seccio .barres .w32 { width: 32%; }
.seccio .barres .w33 { width: 33%; }
.seccio .barres .w34 { width: 34%; }
.seccio .barres .w35 { width: 35%; }
.seccio .barres .w36 { width: 36%; }
.seccio .barres .w37 { width: 37%; }
.seccio .barres .w38 { width: 38%; }
.seccio .barres .w39 { width: 39%; }
.seccio .barres .w40 { width: 40%; }
.seccio .barres .w41 { width: 41%; }
.seccio .barres .w42 { width: 42%; }
.seccio .barres .w43 { width: 43%; }
.seccio .barres .w44 { width: 44%; }
.seccio .barres .w45 { width: 45%; }
.seccio .barres .w46 { width: 46%; }
.seccio .barres .w47 { width: 47%; }
.seccio .barres .w48 { width: 48%; }
.seccio .barres .w49 { width: 49%; }
.seccio .barres .w50 { width: 50%; }
.seccio .barres .w51 { width: 51%; }
.seccio .barres .w52 { width: 52%; }
.seccio .barres .w53 { width: 53%; }
.seccio .barres .w54 { width: 54%; }
.seccio .barres .w55 { width: 55%; }
.seccio .barres .w56 { width: 56%; }
.seccio .barres .w57 { width: 57%; }
.seccio .barres .w58 { width: 58%; }
.seccio .barres .w59 { width: 59%; }
.seccio .barres .w60 { width: 60%; }
.seccio .barres .w61 { width: 61%; }
.seccio .barres .w62 { width: 62%; }
.seccio .barres .w63 { width: 63%; }
.seccio .barres .w64 { width: 64%; }
.seccio .barres .w65 { width: 65%; }
.seccio .barres .w66 { width: 66%; }
.seccio .barres .w67 { width: 67%; }
.seccio .barres .w68 { width: 68%; }
.seccio .barres .w69 { width: 69%; }
.seccio .barres .w70 { width: 70%; }
.seccio .barres .w71 { width: 71%; }
.seccio .barres .w72 { width: 72%; }
.seccio .barres .w73 { width: 73%; }
.seccio .barres .w74 { width: 74%; }
.seccio .barres .w75 { width: 75%; }
.seccio .barres .w76 { width: 76%; }
.seccio .barres .w77 { width: 77%; }
.seccio .barres .w78 { width: 78%; }
.seccio .barres .w79 { width: 79%; }
.seccio .barres .w80 { width: 80%; }
.seccio .barres .w81 { width: 81%; }
.seccio .barres .w82 { width: 82%; }
.seccio .barres .w83 { width: 83%; }
.seccio .barres .w84 { width: 84%; }
.seccio .barres .w85 { width: 85%; }
.seccio .barres .w86 { width: 86%; }
.seccio .barres .w87 { width: 87%; }
.seccio .barres .w88 { width: 88%; }
.seccio .barres .w89 { width: 89%; }
.seccio .barres .w90 { width: 90%; }
.seccio .barres .w91 { width: 91%; }
.seccio .barres .w92 { width: 92%; }
.seccio .barres .w93 { width: 93%; }
.seccio .barres .w94 { width: 94%; }
.seccio .barres .w95 { width: 95%; }
.seccio .barres .w96 { width: 96%; }
.seccio .barres .w97 { width: 97%; }
.seccio .barres .w98 { width: 98%; }
.seccio .barres .w99 { width: 99%; }
.seccio .barres .w100 { width: 100%; }




@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio .barres-titol + .barres-background { margin-top:4px; }
	.seccio .barres-background + .barres-titol { margin-top:11px; }
}


/* |**| seccio portada | seccio portada-independent | sense-foto */
.seccio .portada {
	margin-top:120px;
	height:1680px; 
}

.seccio .portada.sense-foto { height:auto; }

.seccio .portada .seccio-contingut { overflow:hidden; }

.seccio .portada .seccio-contingut .titol-portada, 
.seccio .portada .seccio-contingut .cos-portada, 
.seccio .portada .seccio-contingut .comentari,
.seccio .portada-independent .seccio-contingut { text-align:left; }

.seccio .portada .titol-corporatiu + .titol  {
	margin:60px auto 0 auto;
	max-width:21em; 
}

.seccio .portada .titol-portada + .cos-portada,
.seccio .portada-independent .titol-portada + .cos-portada { margin-top:35px; }

.seccio .portada .cos-portada + .comentari,
.seccio .portada-independent .cos-portada + .comentari,
.seccio .portada-independent .cos-portada + .cita { margin-top:90px; }

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada { height:1345px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada {
		margin-top:100px;
		height:1270px; 
	}
	
	.seccio .portada .titol-corporatiu + .titol  { margin-top:50px; }
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada { height:885px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada {
		margin-top:80px;
		height:678px;
	}
	
	.seccio .portada .titol-corporatiu + .titol  { margin-top:35px; }

	.seccio .portada .titol-portada + .cos-portada,
	.seccio .portada-independent .titol-portada + .cos-portada { margin-top:25px; }
	
	.seccio .portada .cos-portada + .comentari,
	.seccio .portada-independent .cos-portada + .comentari,
	.seccio .portada-independent .cos-portada + .cita { margin-top:35px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada {
		margin-top:70px;
		height:830px;
	}
	
	.seccio .portada .titol-corporatiu + .titol  { margin-top:35px; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada { height:740px; }
	
	.seccio .portada .titol-corporatiu + .titol  { max-width:80%; }
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada { margin-top:50px; }
}

/* 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 ... */
	.seccio .portada {
		height:702px;
		height:170vh;
	}
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio .portada {
		height:600px;
		height:160vh;
	}
}

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


/* |**| seccio descripcio */
.seccio .descripcio {
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	width:80%;
	/*??? max-width:960px;*/
	overflow:hidden;
	text-align:left;
}

.seccio .descripcio .titol + .cos,
.seccio .descripcio .comentari + .cos { margin-top:40px; }
.seccio .descripcio .titol + .comentari { margin-top:25px; }

.seccio .descripcio .llista-punt .item {
    position:relative;
    padding-left:26px;
}

.seccio .descripcio .llista-punt .item:before {
    content:"·";
	position:absolute;    
    font-size:1.65em;
    line-height:inherit;
    left:0px;
}

.seccio .descripcio .llista-punt .item + .item {
    margin-top:6px;
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio .descripcio { margin-top:80px; }
	
	.seccio .descripcio .titol + .cos,
	.seccio .descripcio .comentari + .cos { margin-top:30px; }
	.seccio .descripcio .titol + .comentari { margin-top:15px; }
}

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

	.seccio .descripcio .titol + .cos,
	.seccio .descripcio .comentari + .cos { margin-top:25px; }
	.seccio .descripcio .titol + .comentari { margin-top:15px; }

	.seccio .descripcio .llista-punt .item { padding-left:24px; }

	.seccio .descripcio .llista-punt .item + .item { margin-top:7px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio .descripcio { margin-top:50px; }
	
	.seccio .descripcio .llista-punt .item + .item { margin-top:9px; }
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio .descripcio { margin-top:40px; }
	
	.seccio .descripcio .llista-punt .item { padding-left:20px; }
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio .descripcio .llista-punt .item { padding-left:16px; }
	
	.seccio .descripcio .llista-punt .item + .item { margin-top:12px; }
}

/* 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 ... */
	.seccio .descripcio .llista-punt .item { padding-left:20px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio .descripcio .llista-punt .item { padding-left:18px; }
}


/* |**| seccio final */
.seccio .final {
	margin-top:90px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:100%;
	height:290px;
}

.seccio .final .porta-contingut-centrat { 
	margin-left:auto;
	margin-right:auto;
}

.seccio .final .seccio-contingut {
	position:absolute;
	top:22%;
	padding-top:3px;
	padding-left:40px;
	padding-bottom:5px;
	padding-right:40px;
	max-width:97%;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	text-align:left;	
}

.seccio .final .seccio-contingut .comentari + .detall { margin-top:3px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { 
		margin-top:80px; 
		height:280px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { 
		margin-top:80px; 
		height:260px;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { 
		margin-top:60px; 
		height:230px; 
	}
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { 
		margin-top:50px; 
		height:200px; 
	}
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { height:190px; }
	
	.seccio .final .seccio-contingut {
		padding-left:30px;
		padding-right:20px;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio .final { margin-top:40px; }
	
	.seccio .final .seccio-contingut {
		padding-left:5%;
		padding-right:5%;
	}
}

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


/* |**| seccio-titol | seccio-separador */
.seccio-titol .seccio-contingut,
.seccio-separador .seccio-contingut { margin-top:120px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-titol .seccio-contingut,
	.seccio-separador .seccio-contingut { margin-top:100px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-titol .seccio-contingut,
	.seccio-separador .seccio-contingut { margin-top:80px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-titol .seccio-contingut,
	.seccio-separador .seccio-contingut { margin-top:70px; }
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-titol .seccio-contingut,
	.seccio-separador .seccio-contingut { margin-top:50px; }
}


/* |**| seccio llista */
.seccio .llista .item-data + .item-autor { margin-top:7px; }
.seccio .llista .item-autor + .item-titol,
.seccio .llista .item-titol + .item-cos { margin-top:12px; }
.seccio .llista .item-cos + .item-link { margin-top:15px; }


/* |**| seccio-intro */
.seccio-intro .portada-independent { height:1400px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent { height:930px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent { height:720px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent { height:930px; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent { height:740px; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent { height:720px; }
}

/* 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 ... */
	.seccio-intro .portada-independent {
		height:414px;
		height:100vh;
	}
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent {
		height:375px;
		height:100vh;
	}
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada-independent {
		height:320px;
		height:100vh;
	}
}


/* |**| seccio-cami */
.seccio-cami .portada-independent {	height:1700px; }

.seccio-cami .portada-independent .seccio-contingut {
	position:relative;
	top:450px;
	left:50%;
	width:380px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent {	height:1350px; }

	.seccio-cami .portada-independent .seccio-contingut {
		top:280px;
	}
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent {	height:1285px; }

	.seccio-cami .portada-independent .seccio-contingut {
		top:auto;
		bottom:-280px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent { height:960px;	}
	
	.seccio-cami .portada-independent .seccio-contingut {
		left:45%;
		bottom:-150px;
		width:335px;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent {	height:712px; }
	
	.seccio-cami .portada-independent .seccio-contingut {
		bottom:-60px;
		width:330px;
	}
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent { height:830px; }
	
	.seccio-cami .portada-independent .seccio-contingut {
		left:40%;
		bottom:-100px;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent {	height:830px; }
	
	.seccio-cami .portada-independent .seccio-contingut { left:30%; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent { height:740px; }
	
	.seccio-cami .portada-independent .seccio-contingut {
		bottom:-80px;
		left:auto;
		margin:0 auto;
		width:325px;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent .seccio-contingut { bottom:-70px; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent {	height:740px; }
	
	.seccio-cami .portada-independent .seccio-contingut {
		bottom:-60px;
		width:275px;
	}
}

@media 
only screen and (max-width: 320px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent .seccio-contingut { width:255px; }
}

/* 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 ... */
	.seccio-cami .portada-independent .seccio-contingut {
		bottom:-90px;
		left:40%;
	}
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent .seccio-contingut {
		bottom:-130px;
		left:auto;
		margin:0 auto;
	}
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-cami .portada-independent .seccio-contingut { bottom:-70px;	}
}


/* |**| seccio-empresa */
.seccio-empresa .titol { margin:60px auto 0 auto; }

.seccio-empresa .amb-dos-col { 
	float:right;
	margin-top:110px;
	width:50%;
	text-align:left;
}

.seccio-empresa .col-esq { 
	padding-left:13%; 
	padding-right:5%; 
}

.seccio-empresa .col-dta {
	padding-left:5%; 
	padding-right:13%;
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { margin-top:50px; }
	
	.seccio-empresa .amb-dos-col { margin-top:100px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { margin-top:35px; }
	
	.seccio-empresa .amb-dos-col { margin-top:80px; }
	
	.seccio-empresa .col-esq { padding-left:10%; }
	
	.seccio-empresa .col-dta { padding-right:10%; }
}

@media 
only screen and (max-width: 1023px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { max-width:400px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { margin-top:35px; }
	
	.seccio-empresa .amb-dos-col { margin-top:70px; }
	
	.seccio-empresa .col-esq { 
		padding-left:8%;
		padding-right:4%;
	}
	
	.seccio-empresa .col-dta { 
		padding-right:8%;
		padding-left:4%;
	}
}

@media only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .col-esq { 
		padding-left:5%;
		padding-right:3%; 
	}
	
	.seccio-empresa .col-dta { 
		padding-right:5%;
		padding-left:3%;
	}
}

@media only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .amb-dos-col { 
		float:none;
		margin-top:40px;
		padding-left:8%;
		padding-right:8%;
		width:100%;
	}
}

@media only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { max-width:310px; }
	
	.seccio-empresa .amb-dos-col { text-align:center; }
}

@media only screen and (max-width: 374px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .titol { max-width:240px; }
}

/* 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 ... */
	.seccio-empresa .amb-dos-col { margin-top:70px; }

}

@media only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-empresa .amb-dos-col { margin-top:40px; }
}


/* |**| seccio-after-empresa */
.seccio-after-empresa .contingut-centrat { max-width:530px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .contingut-centrat { max-width:480px; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .contingut-centrat { max-width:390px; }
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-after-empresa .contingut-centrat { 
		padding:0 7%; 
		max-width:100%; 
	}
}


/* |**| seccio-foc */
.seccio-foc .portada .seccio-contingut {
	position:relative;
	top:840px;
	left:15%;
	width:470px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { top:650px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut {
		top:auto;
		bottom:-610px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:450px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { bottom:-410px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { bottom:-300px;	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { width:44%; }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { width:55%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut {
		bottom:-430px;
		left:10%;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { width:53%; }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { width:60%; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut {
		bottom:-370px;
		padding-left:10%;
		padding-right:20%;
		width:100%;
		left:auto;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

@media 
only screen and (max-width: 320px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { bottom:-360px; }
}

/* 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 ... */
	.seccio-foc .portada .seccio-contingut { bottom:-250px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { bottom:-150px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-foc .portada .seccio-contingut { bottom:-140px; }
}


/* |**| seccio-bio */
.seccio-bio .portada .seccio-contingut {
	position:relative;
	top:830px;
	left:62%;
	width:510px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { top:640px;	}
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		top:auto;
		bottom:-610px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:470px;
		left:60%;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-380px;
		left:51%;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-265px;
		left:47%;
	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { 
		bottom:-245px;
		width:400px; 
	}
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { left:44%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-425px;
		left:29%;
		width:460px; 
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-420px;
		width: 440px;
	}
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { left:25%; }
}

@media 
only screen and (max-width: 620px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { left:22%; }
}

@media 
only screen and (max-width: 590px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { left:20%; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-250px;
		padding-left:14%;
		padding-right:5%;
		width:100%;
		left:auto;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut {
		bottom:-230px;
		padding-left:7%;
		padding-right:7%;
	}
}

@media 
only screen and (max-width: 320px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { bottom:-225px; }
}

/* 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 ... */
	.seccio-bio .portada .seccio-contingut { bottom:-300px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { bottom:-200px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-bio .portada .seccio-contingut { bottom:-65px; }
}


/* |**| seccio-rendiment */
.seccio-rendiment .portada .seccio-contingut {
	position:relative;
	top:580px;
	left:55%;
	width:550px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { top:480px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		top:auto;
		bottom:-520px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:400px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { 
		bottom:-310px;
		width:460px;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		bottom:-130px;
		width:380px;
	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		bottom:-110px;
		width:325px; 
	}
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { left:52%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		bottom:-210px;
		left:9%;
		width:380px;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		bottom:-290px;
		width:380;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

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

/* 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 ... */
	.seccio-rendiment .portada .seccio-contingut { bottom:-250px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { bottom:-200px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-rendiment .portada .seccio-contingut { bottom:-140px; }
}


/* |**| seccio-gaudir */
.seccio-gaudir .portada .seccio-contingut {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:780px;
	width:370px;
}

.seccio-gaudir .portada .seccio-contingut .titol-portada,
.seccio-gaudir .portada .seccio-contingut .cos-portada { text-align:center; }

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { top:590px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut {
		top:auto;
		bottom:-560px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:315px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-310px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-295px;	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-330px; }
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut {
		bottom:-280px;
		width:310px; 
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-300px; width:295px; }
}

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

/* 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 ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-250px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-150px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-gaudir .portada .seccio-contingut { bottom:-130px; }
}


/* |**| seccio-plans */
.seccio-plans .portada .seccio-contingut {
	position:relative;
	top:680px;
	left:12%;
	width:475px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { top:510px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut {
		top:auto;
		bottom:-520px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:405px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-300px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-200px; }
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-330px; }
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut {
		bottom:-230px;
		width:405px;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-250px; }
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
		bottom:-230px;
	}
}

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

/* 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 ... */
	.seccio-plans .portada .seccio-contingut { bottom:-250px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-140px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-plans .portada .seccio-contingut { bottom:-90px; }
}


/* |**| seccio-vies */
.seccio-vies .portada .seccio-contingut {
	position:relative;
	top:660px;
	left:47%;
	width:550px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { top:480px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		top:auto;
		bottom:-520px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		left:45%;
		width:450px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { 
		bottom:-310px;
		width:450px;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		bottom:-180px;
		width:345px;
	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { left:43%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		bottom:-265px;
		left:27%;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		bottom:-210px;
		left:23%;
		width:300px;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
		bottom:-280px;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

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

/* 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 ... */
	.seccio-vies .portada .seccio-contingut { bottom:-200px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { bottom:-140px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-vies .portada .seccio-contingut { bottom:-110px; }
}


/* |**| seccio-parceles */
.seccio-parceles .portada .seccio-contingut {
	position:relative;
	top:1020px;
	left:14%;
	width:575px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { top:900px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut {
		top:auto;
		bottom:-930px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:475px;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-575px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-415px; }
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-540px; }
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { left:10%; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut {
		bottom:-460px;
		width:330px;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut {
		padding-left:10%;
		padding-right:10%;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-470px; }
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

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

/* 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 ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-430px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-330px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-parceles .portada .seccio-contingut { bottom:-260px; }
}


/* |**| seccio-obra */
.seccio-obra .portada .seccio-contingut {
	position:relative;
	top:640px;
	left:9%;
	width:45em;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { top:520px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut {
		top:auto;
		bottom:-500px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:40em;
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { bottom:-300px; }
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { bottom:-230px; }
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut {
		bottom:-330px;
		left:12%;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut {
		bottom:-275px;
		width:36em;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { 
		left:10%;
		width:32em; 
	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut {
		bottom:-290px;
		padding-left:10%;
		padding-right:10%;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
		bottom:-280px;
	}
}

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

/* 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 ... */
	.seccio-obra .portada .seccio-contingut { bottom:-210px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { bottom:-100px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-obra .portada .seccio-contingut { bottom:-90px; }
}


/* |**| seccio-topograf */
.seccio-topograf .portada .seccio-contingut {
	position:relative;
	top:910px;
	left:63%;
	width:560px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { top:670px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		top:auto;
		bottom:-650px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:440px; 
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		bottom:-415px;
		left:61%;
		width:325px; 
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { 
		bottom:-260px;
		left:58%;
	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { left:55%; }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { left:50%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		bottom:-350px;
		left:48%;
	}
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { left:42%; }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { left:34%; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		bottom:-275px;
		left:26%;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { left:10%; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		bottom:-250px;
		padding-left:10%;
		padding-right:10%;
		left:auto;
		width:100%;
	}
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

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

/* 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 ... */
	.seccio-topograf .portada .seccio-contingut { bottom:-210px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { bottom:-120px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-topograf .portada .seccio-contingut { bottom:-105px; }
}


/* |**| seccio-radiografia */
.seccio-radiografia .portada .seccio-contingut {
	position:relative;
	top:450px;
	left:22%;
	width:420px;
}

@media 
only screen and (max-width: 2048px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { top:340px; }
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut {
		top:auto;
		bottom:-320px; /* des d'aquí img fons aliniada a bottom i per tant control de text amb bottom */
		width:370px; 
	}
}

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut {
		bottom:-150px;
		left:15%;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { 
		bottom:-120px; 
		left:11%;
	}
}

@media 
only screen and (max-width: 960px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { left:10%; }
}

@media 
only screen and (max-width: 870px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { left:6%; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut {
		bottom:-100px;
		left:auto;
		margin-left:auto;
		margin-right:auto;
		width:520px;
	}
	
	.seccio-radiografia .portada .seccio-contingut .titol-portada,
	.seccio-radiografia .portada .seccio-contingut .cos-portada { text-align:center; }
}

@media 
only screen and (max-width: 736px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut {
		bottom:-90px;
		padding-left:10%;
		padding-right:10%;
		width:100%;
	}
}

@media 
only screen and (max-width: 480px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { bottom:-45px; }
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { }
}

@media 
only screen and (max-width: 375px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut {
		padding-left:7%;
		padding-right:7%;
	}
}

@media 
only screen and (max-width: 355px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { bottom:-45px; }
}

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

/* 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 ... */
	.seccio-radiografia .portada .seccio-contingut { bottom:-85px; }
}

@media 
only screen and (max-height: 375px) and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { bottom:-45px; }
}

@media 
only screen and (max-height: 320px) and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-radiografia .portada .seccio-contingut { bottom:-20px; }
}


/* |**| seccio-news */
.seccio-news .llista .item-link { text-align:center; }


/* |**| seccio-descarregues */
.seccio-descarregues .llista .item-link { text-align:left; }


/* |**| seccio-contacte */
.seccio-contacte .fitxa {
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

.seccio-contacte .item {
	margin-left:auto;
	margin-right:auto;
}

.seccio-contacte .col-esq {
	text-align:right;
	padding-right:60px;
}
.seccio-contacte .col-dta {
	text-align:left;
	padding-left:60px;
}

.seccio-contacte .col-esq,
.seccio-contacte .col-dta { width:380px; }

.seccio-contacte .col-mig {
	width:220px;
	height:236px;
}

.seccio-contacte .fitxa + .xarxes { margin-top:60px; }

.seccio-contacte .files-consecutives { display:inline-block; }

.seccio-contacte .item-link {
	display:inline-block;
	position:relative;
	width:35px;
	height:27px;
}

.seccio-contacte .item-link + .item-link,
.seccio-contacte .fila-seguent > :first-child { margin-left:90px; }

.seccio-contacte .item-link + .item-link:before,
.seccio-contacte .fila-seguent > :first-child:before {
	content:'';
	display:block;
	margin-top:33%;
	margin-left:-81px;
	width:60px;
	height:1.4px;
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.seccio-contacte .item-link .link {
	display:block;
	position:absolute;
	top:0;
	width:inherit;
	height:inherit;
	z-index:2;
	cursor:pointer;
}

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .fitxa { margin-top:80px; }
	
	.seccio-contacte .col-esq,
	.seccio-contacte .col-dta { width:360px; }

	.seccio-contacte .col-esq { padding-right:40px; }
	.seccio-contacte .col-dta { padding-left:40px; }

	.seccio-contacte .col-mig {
		width:200px;
		height:214px;
	}
	
	.seccio-contacte .fitxa + .xarxes { margin-top:50px; }
	
	.seccio-contacte .item-link {
		width:30px;
		height:24px;
	}
	
	.seccio-contacte .item-link + .item-link,
	.seccio-contacte .fila-seguent > :first-child { margin-left:80px; }
	
	.seccio-contacte .item-link + .item-link:before,
	.seccio-contacte .fila-seguent > :first-child:before { margin-left:-71px; }
}

@media 
only screen and (max-width: 920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .fitxa,
	.seccio-contacte .item  { display:block; }
	
	.seccio-contacte .col-esq,
	.seccio-contacte .col-dta {
		padding:0;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		text-align:center; 
	}
	
	.seccio-contacte .col-mig { margin:30px auto; }
	
	.seccio-contacte .fitxa + .xarxes { margin-top:35px; }
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .fitxa { margin-top:70px; }
	
	.seccio-contacte .item-link + .item-link,
	.seccio-contacte .fila-seguent > :first-child { margin-left:70px; }
	
	.seccio-contacte .item-link + .item-link:before,
	.seccio-contacte .fila-seguent > :first-child:before { margin-left:-67px; }
}

@media 
only screen and (max-width: 667px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .item-link + .item-link,
	.seccio-contacte .fila-seguent > :first-child { margin-left:60px; }
	
	.seccio-contacte .item-link + .item-link:before,
	.seccio-contacte .fila-seguent > :first-child:before { margin-left:-70px; }
}

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .fitxa { margin-top:60px; }
	
	.seccio-contacte .col-mig {
		width:170px;
		height:182px;
	}
	
	.seccio-contacte .item-link {
		width:29px;
		height:23px;
	}
	
	.seccio-contacte .item-link + .item-link,
	.seccio-contacte .fila-seguent > :first-child { margin-left:50px; }
	
	.seccio-contacte .item-link + .item-link:before,
	.seccio-contacte .fila-seguent > :first-child:before { margin-left:-58px; }
}

@media 
only screen and (max-width: 520px) { /* fins a aquesta mida de pantalla ... */
	.seccio-contacte .files-consecutives { display:block; }
	
	.seccio-contacte .files-consecutives + .files-consecutives { margin-top:25px; }
	
	.seccio-contacte .fila-seguent > :first-child { margin-left:0px; }
	
	.seccio-contacte .fila-seguent > :first-child:before {
		display:none;
		visibility:hidden;
	}
}