@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
body {font-family:'Raleway', Arial, Helvetica, sans-serif; background-color:#F6F6F6; height:100%; -webkit-font-smoothing: antialiased; color:#545454; }
/* COMMON */
.vh-50 { height:50vh;}
.vh-75 { height:75vh;}
.vh-90 { height:90vh;}
.w-60 {width:60%}
.w-70 {width:70%}
.w-80 {width:80%}
.w-90 {width:90%}
h1, h2, h3, h4, h5 { font-family:'Raleway', Arial, Helvetica, sans-serif; margin-bottom: 1.5rem;}

.pagination { margin-bottom:3rem;}
.pagination .page-link { color:#0091a4}
.pagination .page-link.fons-blau{ background-color:#0091a4; color:#ffffff;}
.pagination .page-link.aspNetDisabled:hover { background-color:#fff}

.border-top-gris {border-top: 1px solid #e5e5e5;}
.border-bottom-gris {border-bottom: 1px solid #e5e5e5;}
.capsaleres { background-repeat:no-repeat; background-size:contain; background-position:center center; height:20vh; position:relative; padding:0; background-color:#0091a4;}




a {text-decoration:none; font-weight:400; color:#0091a4;}
.text-shadow {text-shadow:0 3px 2px rgba(0,0,0,.6);}


.btn {margin:0 0.5rem 0.5rem 0; font-weight:500}
.btn:hover { 
	-webkit-transition: 0.6s;
	-moz-transition:0.6s;
	-ms-transition: 0.6s;
	-o-transition: 0.6s;
	transition:0.6s; }

.btn-negre { background-color:#000000; color:#fff;}
.btn-blau { background-color:#0091a4; color:#fff;}
.btn-blau a {color:#fff;}
.btn-blau:hover {
	color:#fff;
	background-color:#000;
	}
	
.btn-trans {border:2px solid rgb(25,114,193); text-transform:uppercase; font-weight:500;}
.btn-trans:hover {color:#fff; background-color:rgb(25,114,193);}

.btn-descarregar { background-image: url(../img/ico_descarregar.png); background-repeat: no-repeat; background-position:14px 10px; color:#318dde; padding-left:40px; }
.btn-descarregar:hover { background-image: url(../img/ico_descarregar_blanc.png); background-repeat: no-repeat; background-position:14px 12px; color:#ffffff;}


.container { padding-top:2rem; padding-bottom:2rem}
.text-blau { color:#0091a4;}


/* FI COMMON */


.fons-gris { background-color:#F6F6F6;}
.fons-blanc { background-color:#fff;}


.emocions.card-columns {
	-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;	
}



  
/* SM (landscape phones, 576px para arriba)*/
@media (min-width: 576px) {
.emocions.card-columns {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;	
}

}





/* MD (tablets, 768px para arriba)*/
@media (min-width: 768px) {
.emocions.card-columns {
	-webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;	
}
.capsaleres { height:40vh;}
.capsaleres h2 { font-size:4rem;}

}



	 
	 

/* LG (desktops, 992px para arriba)*/
@media (min-width: 992px){ 
.emocions.card-columns {
	-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;	
}

.container { padding-top:3rem; padding-bottom:3rem}

}

/* XL (large desktops, 1200px para arriba)*/
@media (min-width: 1200px) { 
 }