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


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









/* ----  Colors  |  News  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| seccio intro */
.seccio-intro .titol-portada { color:#FFF; }

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









/* ----  Imatges  |  News  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| seccio-intro */
.seccio-intro .seccio-background {
	max-width:100%;
	background-position:50% 0%;
	background-size:100% auto;
	background-repeat:no-repeat;
	background-image: url("../img/seccio-intro-news-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-intro .seccio-background { background-image: url("../img/seccio-intro-news-xlR.jpg"); }
}

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

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

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

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

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

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









/* ----  Animacions  |  News  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| XXX */









/* ----  Constructots  |  News  ---- */
/* ---------------------------------------------------------------------------------------------------------- */
/* |**| seccio-intro */
.seccio-intro .portada { height:768px; position:relative; }

.seccio-intro .portada .seccio-contingut {
	position:relative;
	top:165px;
	top:21vh;
	left:12%;
	width:72em;
	text-align:left;
}

.seccio-intro .portada .seccio-contingut .majuscula { text-transform:none; }

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

@media 
only screen and (max-width: 1366px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada { height:545px; }
	
	.seccio-intro .portada .seccio-contingut {
		top:80px;
		top:10vh;
	}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada { height:440px; }
	
	.seccio-intro .portada .seccio-contingut {
		top:70px;
		top:9vh;
		left:auto;
		margin:0 auto;
	}
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada { height:400px; }
	
	.seccio-intro .portada .seccio-contingut {
		top:45px;
		top:6vh;
	}
}

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

@media 
only screen and (max-width: 570px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada { height:390px; }
	
	.seccio-intro .portada .seccio-contingut {
		top:55px;
		top:7vh;
	}
}

@media 
only screen and (max-width: 420px) { /* fins a aquesta mida de pantalla ... */
	.seccio-intro .portada { height:380px; }
	
	.seccio-intro .portada .seccio-contingut {
		top:65px;
		top:9vh;
	}
}


/* |**| seccio-news */
.seccio-news .portada { padding-top:120px; }

@media 
only screen and (max-width: 1920px) { /* fins a aquesta mida de pantalla ... */
	.seccio-news .portada { padding-top:100px;}
}

@media 
only screen and (max-width: 1024px) { /* fins a aquesta mida de pantalla ... */
	.seccio-news .portada { padding-top:80px;}
}

@media 
only screen and (max-width: 768px) { /* fins a aquesta mida de pantalla ... */
	.seccio-news .portada { padding-top:70px;}
}

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