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

body{margin:0; font-family: 'Roboto', sans-serif; font-size:15px; }


.imatge{max-width:100%; overflow:hidden; position:relative; }
.contenedorGeneral{width: 100%; float: left; margin: 0; overflow: hidden;}
.contenedor{width:80%; padding:0 10%; float:left; position:absolute; z-index:200;}
.contenedorInt{width:80%; padding:0 10%; float:left; position: absolute;}

.capsal_logo{float:left;}
.capsal_logoInterior{float:left; margin-top: 10px;}
.capsal_blocXarxesIdioma{float:right; text-align:right;}
.capsal_xarxesItem{margin-right:10px; padding-top:35px;}
.capsal_xarxes{float:left;}
.capsal_idioma{margin:45px 15px 0 0; padding-right:15px; border-right:1px solid #FFF; float:right;}
.capsal_idioma:last-child {border-right: 0;}
.capsal_espaiSeparador{width:25px; float:right;}
.capsal_idiomaLLarg{display: flex; float: left;}
.capsal_idiomaCurt{display: none; float: left;}
.capsal_areaMenu{float:right; text-align:right; margin-top: 10px; position: absolute; right: 10%; z-index: 1000;}
.capsal_areaFrase{width:100%; float:left; text-align:center; margin:5% 0;}
.capsal_Frase{font-family: 'Satisfy', cursive; font-size:40px; color: #00a1e2; line-height: 30px;}
.capsal_FraseBanner{font-family: 'Satisfy', cursive; font-size:50px; color: #00a1e2;}
.capsal_FraseBanner.colorBlanc {color: #fff;}
.capsal_FraseText{font-family: 'Roboto', sans-serif; font-size:35px; color: #00a1e2; font-weight: 300;}
.capsal_FraseZona{ float:left;  width: 100%;  margin-top: 525px; text-align: center;}
.capsal_FraseZonaInterior{ float:left;  width: 100%;  margin-top: 410px; text-align: center; margin-bottom: 0.5%;}
.capsal_TitolZonaInterior{ float:left;  width: 80%;  margin: 410px 10% 0 10%; text-align: left;}
.capsal_areaInterior{ float:left;  width: 80%;  margin: 2% 10%; text-align: left;}
.capsal_Club{width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_club.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Esports{width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocialHome{width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_News{width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_news.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Instalacions{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Horaris{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Estatuts{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Junta{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Historia{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Clubs{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Tennis{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Hoquei{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Padel{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_FutbolSala{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol-sala.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_TennisTaula{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Natacio{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Campus{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Fitness{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Solidari{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Revista{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocial{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_fesSoci{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoInfo{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoXifres{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoMarxa{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoCultura{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoJocs{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoServeis{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Agenda{width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}


/* Català */
.capsal_Club_ca, .capsal_Club_ {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Esports_ca, .capsal_Esports_ {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocialHome_ca, .capsal_areaSocialHome_ {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_News_ca, .capsal_News_ {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Instalacions_ca, .capsal_Instalacions_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Horaris_ca, .capsal_Horaris_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Estatuts_ca , .capsal_Estatuts_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Junta_ca, .capsal_Junta_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Historia_ca, .capsal_Historia_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Clubs_ca, .capsal_Clubs_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Tennis_ca, .capsal_Tennis_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Hoquei_ca, .capsal_Hoquei_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Padel_ca, .capsal_Padel_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_FutbolSala_ca, .capsal_FutbolSala_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol-sala_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_TennisTaula_ca, .capsal_TennisTaula_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Natacio_ca, .capsal_Natacio_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Campus_ca, .capsal_Campus_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Fitness_ca, .capsal_Fitness_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Solidari_ca, .capsal_Solidari_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Revista_ca, .capsal_Revista_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocial_ca, .capsal_areaSocial_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_fesSoci_ca, .capsal_fesSoci_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoInfo_ca, .capsal_BarcinoInfo_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoXifres_ca, .capsal_BarcinoXifres_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoMarxa_ca, .capsal_BarcinoMarxa_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoCultura_ca, .capsal_BarcinoCultura_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoJocs_ca, .capsal_BarcinoJocs_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoServeis_ca, .capsal_BarcinoServeis_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Agenda_ca, .capsal_Agenda_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_AvisLegal_ca, .capsal_AvisLega_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Quotes_ca, .capsal_Quotes_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Contacta_ca, .capsal_Contacta_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Directe_ca, .capsal_Directe_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}

/* Castellà */
.capsal_Club_es {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Esports_es {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocialHome_es {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_News_es {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Instalacions_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Horaris_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Estatuts_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Junta_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Historia_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Clubs_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Tennis_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Hoquei_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Padel_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_FutbolSala_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol-sala_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_TennisTaula_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Natacio_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Campus_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Fitness_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Solidari_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Revista_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocial_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_fesSoci_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoInfo_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoXifres_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoMarxa_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoCultura_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoJocs_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoServeis_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Agenda_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_AvisLegal_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Quotes_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Contacta_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Directe_es {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}

/* Anglès */
.capsal_Club_en {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Esports_en {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocialHome_en {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_News_en {width:100%; float:left; height:500px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Instalacions_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Horaris_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Estatuts_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Junta_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Historia_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Clubs_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Tennis_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Hoquei_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Padel_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_FutbolSala_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol-sala_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_TennisTaula_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Natacio_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Campus_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Fitness_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Solidari_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Revista_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_areaSocial_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_fesSoci_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoInfo_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoXifres_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoMarxa_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoCultura_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoJocs_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_BarcinoServeis_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Agenda_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_AvisLegal_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Contacta_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Quotes_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
.capsal_Directe_en {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}

.generalHome{display: block;}
.mobileHome{display: none;}

.homeTitol{font-family: 'Satisfy', cursive; font-size:90px; color:#FFFFFF; line-height:75px;}
.homeAreaTitol{width:100%; float:left; text-align:center; margin-top:10%;}
.home_blocquadres{text-align:center; margin-top:30%; padding: 0 10%;}
.home_itemQuadre{width: 18%; padding: 0 1%; margin-top: 2%; float: left;}
.home_quadreBlau{padding: 10px; margin: 10px; display: inline-block; width:180px; height:180px; text-align:center; background:url(../img/home_fletxa.png) bottom right #00a1e2 no-repeat; color:#FFFFFF; font-size: 24px; font-weight:100;}
.home_quadreTaronja{padding: 10px; margin: 10px; display: inline-block; width:180px; height:180px; text-align:center; background:url(../img/home_fletxa.png) bottom right #f34508 no-repeat; color:#FFFFFF; font-size: 24px; font-weight:100;}
.home_quadreVerd{padding: 10px; margin: 10px; display: inline-block; width:180px; height:180px; text-align:center; background:url(../img/home_fletxa.png) bottom right #116976 no-repeat; color:#FFFFFF; font-size: 24px; font-weight:100;}
.home_quadreAreaSocis{padding: 10px; margin: 10px; display: inline-block; width:180px; height:180px; text-align:center; background:url(../img/home_fletxa_blue.png) bottom right #ffffff no-repeat; color:#00a1e2; font-size: 24px; font-weight:100;}
.home_quadreBlau:hover{background:url(../img/home_fletxa_blue.png) bottom right #ffffff no-repeat; color:#00a1e2; font-weight:100;}
.home_quadreTaronja:hover{background:url(../img/home_fletxa_blue.png) bottom right #ffffff no-repeat; color:#f34508; font-weight:100;}
.home_quadreVerd:hover{background:url(../img/home_fletxa_blue.png) bottom right #ffffff no-repeat; color:#116976; font-weight:100;}
.home_quadreAreaSocis:hover{background:url(../img/home_fletxa.png) bottom right #00a1e2 no-repeat; color:#ffffff; font-weight:100;}
.ultimasnoticias_area{width:90%; height: 90px; margin: 60px 5% 0 5%; float: left; background-color: #ffffff;}
.ultimasnoticias_areaInterior{width:90%; margin: 290px 5% 0 5%; float: left; background-color: #ffffff; z-index: 100;}
.ultimasnoticias_blau{width:17%; height: calc(100% - 30px); padding: 15px 1.5%; float: left; background-color: #00a1e2; text-align: center}
.ultimasnoticias_titol{font-family: 'Satisfy', cursive; font-size:25px; color:#FFFFFF; line-height:30px;}
.ultimasnoticias_zonaText{width: 77%; padding: 1.5% 1.5% 0.5 1.5%; float: left; background-color: #ffffff; font-size: 17px;}
.ultimasnoticias_mesInfo{color:#00a1e2; text-decoration: none; font-size: 17px;}
.ultimasnoticias_mesInfo:hover{color:#00a1e2;}
a.ultimasnoticias_mesInfo:hover{color:#000000;}

.autoplay .ultimasnoticias_zonaText {padding-top: 18px!important; padding-left: 30px!important; padding-right: 30px!important;}

.homeBanner_Area{width:100%; float:left; margin: 2% 0 2% 0;}
.homeBanner_esq{float: left; width: 49.5%; margin-right: 0.5%;}
.homeBanner_dreta{float: left; width: 49.5%; margin-left: 0.5%;}
.homeBanner_item{ padding: 2% 0 0 2%; float: left; position: absolute; z-index: 20; width: 46%; }
.homeBanner_boto{padding:8px 20px; float: left; border: 1px solid #ffffff; margin-top: 2%; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center; text-decoration: none;}
.homeBanner_boto:hover{background-color: #ffffff; color: #00a1e2;}
.homeBanner_boto2{padding:8px 20px; float: left; border: none; margin-top: 2%; color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center; text-decoration: none; background-color:#545454;}
.homeBanner_boto2:hover{background-color: #00a1e2; color: #ffffff;}
.homeBanner_foto{width: 100%; float: left;}
.homeBanner_textExplic{width: 70%; float: left;}
.homeBanner_textExplic2{width: 100%; float: left; margin-bottom: 10px;}
.homeBanner_tit{display: block;}
.homeBanner_escolesItem{width: 40%; float: left; padding-bottom: 5px; padding-left: 1%; margin-bottom: 5px;  margin-right: 5%; border-bottom: 1px solid #ffffff; font-family: 'Roboto', sans-serif; font-size:18px; color:#ffffff; font-weight: 100; }
.homeBanner_escolesItem:hover{background: url(../img/transp2.png) repeat; }
.homeBanner_iconosCampionats{width: 19%; margin-right: 1%; float: left;}
.homeBanner_iconosSeccions{ margin-right: 1%;  display: inline-block; width: 10%;}
.campus_boto{padding:8px 20px; float: left; border: 1px solid #545454; margin: 0% 2% 2% 0; color: #545454; font-family: 'Roboto', sans-serif; font-size: 14px; text-align: center; text-decoration: none;}
.campus_boto:hover{background-color: #ffffff; color: #00a1e2;}

.home_instalacions_tit{width: 20%; margin-bottom: 10px; padding-left: 10%; float: left;}
.home_instalacions_desc{width: 28%; padding:2% 0 0 2%;  float: left; margin-bottom: 10px;}
.home_instalacions_Text1{font-family: 'Roboto', sans-serif; font-size:28px; color: #00a1e2; font-weight: 100; line-height: 30px;}
.home_instalacions_Text{font-family: 'Roboto', sans-serif; font-size:22px; color: #00a1e2; font-weight: 100; line-height: 30px;}
.home_instalacions_Foto{width: 70%; float: left; margin-bottom: 10px;}

.home_seccionsEsportives{width:100%; float:left; height:300px; margin-bottom:15px; background:url(../img/homeSeccionsEsportives.jpg) no-repeat center; background-size: cover; float:left; z-index: -10; text-align: center; padding: 3% 0;}
.home_seccionsEsportives_tit{font-family: 'Roboto', sans-serif; font-size:30px; color: #ffffff; font-weight: 300; line-height: 35px;}
.home_seccionsEsportives_areaIconos{float: left; margin-top: 45px; text-align: center; width: 100%;}
.home_seccionsEsportives_areaTit{width: 100%; float: left;}

.home_buscador_boto{width: 13%; padding: 1%; float: left; margin-left: 1%; text-align: center; cursor: pointer;}
.home_buscador_boto:hover{background-color: #ffffff;}
.home_buscador_form{width: 33%; background-color: #ffffff; padding: 1%;  float: left; border: none; font-size: 14px;}
.home_buscador_Area{width: 100%; float: left; margin-bottom: 2%;}
.home_noticies_Area{width: 76%; margin: 2% 10%; padding: 2%; background-color: #cfe1e4; float: left;}

.quotes_areaPortada{width:22%; margin-right: 3%; float: left; margin-bottom: 2%;}
.quotes_areaInscripcions{width:30%; margin-right: 3%; float: left; margin-bottom: 2%;}
.quotes_areaAdvertencia{width:38%; float: left; margin-bottom: 2%; }
.quotes_AdvertenciaBlau{width: 92%; padding: 4%; background-color:#00a1e2; color: #ffffff; margin: 50px 0; float: left; }

.quotes_titolInscripcions{width: 100%; float: left; margin-bottom: 4%; font-weight: bold; font-size: 18px;}
.quotes_inscripcioItem{width: 100%; float: left; margin-bottom: 3%;}
.quotes_inscripcionsIco{width: 10%; margin-right: 2%; float: left;}
.quotes_inscripcionsLink{width: 88%; float: left; padding-top: 4%;}
.quotes_areaText{width: 100%; float: left;}
.quotes_advertencia{font-size: 19px; font-weight: bold; color:#f34508;}
.quotes_titolillo{font-size: 18px; font-weight: bold; }
.quotes_titolInfoInteres{width: 100%; float: left; margin-bottom: 2%; margin-top: 3%; font-weight: bold; font-size: 18px; padding-top: 10px; border-top: 1px solid #f34508;}

.News_imatge_Int .imatge {width: 100%;}

.news_TipusA {width: 49%; margin: 10px 0.5%; float: left; background-color: #ffffff; min-height: 300px; cursor: pointer;}
.news_TipusB {width: 24%; margin: 10px 0.5%; float: left; background-color: #ffffff; min-height: 300px; position: relative;}
.news_TipusC {width: 24%; margin: 10px 0.5%; float: left; min-height: 300px;}
.news_TipusC1 {width: 100%; margin-bottom: 5px;  float: left; background-color: #ffffff;; min-height: 145px; position: relative;}
.news_TipusC2 {width: 100%; margin-top: 5px;  float: left; background-color:#ffffff;; min-height: 145px; position: relative;}
.news_TipusInterior {width: 32.33%; margin: 10px 0.5%; float: left; background-color: #ffffff; min-height: 300px; position: relative;}
.news_franjaCLub, .news_franja_1 {border-top: 5px solid #00a1e2;}
.news_franjaSocial, .news_franja_2 {border-top: 5px solid #116976;}
.news_franjaEsports, .news_franja_3 {border-top: 5px solid #f34508;}
.news_franjaEsports, .news_franja_4 {border-top: 5px solid #debd08; /* #3f930c; */}

.news_franja_1 .NewsCategoria {color: #00a1e2;}
.news_franja_2 .NewsCategoria {color: #116976;}
.news_franja_3 .NewsCategoria {color: #f34508;}
.news_franja_4 .NewsCategoria {color: #debd08; /* #3f930c; */}

.NewsCategoria{width: 100%; float: left; margin-bottom: 5px; font-size: 13px; line-height: 18px; font-weight: 700;}
.NewsTitular{width: 100%; float: left; color: #000000; font-size: 16px; line-height: 20px;}
.NewsTitular_Int{width: 100%; float: left; color: #000000; font-size: 30px; line-height: 35px; font-weight: 600; margin-bottom: 3%;}
.NewsSeparador_Social{width: 100%; float: left; margin: 2% 0 3.5%; border-bottom: 5px solid #116976;}
.NewsSeparador_Club{width: 100%; float: left; margin: 2% 0 3.5%; border-bottom: 5px solid #00a1e2;}
.NewsSeparador_Esport{width: 100%; float: left; margin: 2% 0 3.5%; border-bottom: 5px solid #f34508;}
.NewsContingut{width: 100%; float: left; font-size: 15px; color: #000000; line-height: 20px;}
.NewsContingut a {color: #00a1e2;}
.NewsLink{text-decoration: none; color: #000000;}
.NewsLink:hover{text-decoration: underline;}
.News_imatge_Int{width: 33%; float: left; margin-right: 2%; overflow: hidden;}
.News_cont_Int{width: 65%; float: left;}
.News_cont_Int img{max-width:100%; overflow:hidden; position:relative; }

.news_TipusA .tipusFoto {width: 100%; height: 300px; float: left; position: relative; background-size: cover;}
.news_TipusA .tipusCont {width: 90%; padding: 2% 5% 1% 5%; float: left; /*position: absolute; bottom: 15%;*/}
.news_TipusA .tipusData {width: 90%; padding: 0 5% 2% 5%; float: left; /*bottom: 3%; position: absolute;*/ color: #929394; font-size: 12px;}
.news_TipusB .tipusFoto {width: 100%; height: 150px; float: left;}
.news_TipusB .tipusCont {width: 90%; padding: 5% 5% 0 5%; float: left;}
.news_TipusB .tipusData {width: 90%; padding: 0 5%; float: left; bottom: 3%; position: absolute; color: #929394; font-size: 12px;}
.news_franja {background-color:#ffffff; opacity: 0.8; position: absolute; bottom: 0; width: 100%;}

.TipusACont{width: 90%; padding: 25% 5% 0 5%; float: left; position: absolute; bottom: 15%;}
.TipusAFoto{width: 100%; height: 300px; background: url(../img/news/noticia2.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.TipusAData{width: 90%; padding: 0 5%; float: left; bottom:3%; position: absolute; color: #929394; font-size: 12px;}
.TipusBFoto{width: 100%; height: 150px; background: url(../img/news/noticia2.jpg) no-repeat; background-size: cover; float: left;}
.TipusBCont{width: 90%; padding: 5% 5% 0 5%; float: left;}
.TipusBData{width: 90%; padding: 0 5%; float: left; bottom:3%; position: absolute; color: #929394; font-size: 12px;}
.TipusCCont{width: 90%; padding: 5% 5% 0 5%; float: left;}
.TipusCData{width: 90%; padding: 0 5%; float: left; bottom:5%; position: absolute; color: #929394; font-size: 12px;}
.TipusData_Int{width: 100%; margin-bottom: 0.75%; float: left;  color: #929394; font-size: 16px;}


.colorBoto_verd{border: 1px solid #116976; color:#116976;}
.colorBoto_blau{border: 1px solid #00a1e2; color:#00a1e2;}
.colorBoto_taronja{border: 1px solid #f34508; color:#f34508;}
.colorBoto_gris{border: 1px solid #545454; color:#545454;}

.colorTitol_verd{color:#116976;}
.colorTitol_blau{color:#00a1e2;}
.colorTitol_taronja{color:#f34508;}
.colorTitol_gris{color:#545454;}

.footer_Area{width: 80%; padding: 3% 10%; margin-top: 3%; float: left; background-color: #f0f0f0;}
.footer_copy{width: 15%; padding-right: 5%; float:left;}
.footer_content{width: 62%; padding: 1% 3% 0 0; float:left;}
.footer_areaBoto{width: 15%; float:left;}
.footer_text{font-size: 17px; line-height: 22px; font-weight: 300; color:#000000;}
.footer_textBlau{font-size: 17px; line-height: 22px; font-weight: 400; color:#00a1e2;}
.footer_textBlauLink{font-size: 17px; line-height: 22px; font-weight: 400; color:#00a1e2; text-decoration: none;}
.footer_textBlauLink:hover{color:#000000;}

.footer_AreaLogos{width: 90%; padding: 3% 5%; float: left; text-align: center; margin-top: 2%;}
.logo_A{width: 10%; padding: 0 10px;}
.logo_B{width: 10%; padding: 0 10px;}
.logo_C{width: 7%; padding: 0 10px;}

.footer_Peu{width: 80%; padding: 3% 10%; float: left; background-color: #545454; margin-top: 4%;}
.footer_PeuText{font-size: 15px; color: #ffffff; line-height: 20px; font-weight: 100;}
.footer_PeuTextLink{font-size: 15px; color: #ffffff; text-decoration: none; line-height: 20px; font-weight: 100;}
.footer_PeuTextLink:hover{color:#00a1e2; }
.footer_xarxesItem{margin-right:10px;}
.footer_idioma{margin:10px 15px 0 0; padding-right:15px; border-right:1px solid #FFF; float:right;}
.capsal_idioma:last-child {border-right: 0;}
.footer_areaCont{width: 70%; float: left; padding-right:5%;}
.footer_areaIdiomes{width: 25%; float: right;}
.footer_idiomaLLarg{display: flex; float: left;}
.footer_blocXarxesIdioma{float:right; text-align:right;}


.menu_quadre1{width: 60px; text-align: center;}
.menu_quadre2{width: 60px; text-align: center; margin: 0 2px 0 6px;}
.menu_quadre3{width: 60px; text-align: center; margin: 0 2px;}
.menu_quadre4{width: 60px; text-align: center; margin: 0 2px; color: #ff0000;}

.q_blau{background-color:#00a1e2; color: #ffffff;}
.q_blau:hover{background-color:#ffffff; color:#00a1e2; }

.q_taronja{background-color:#f34508; color: #ffffff;}
.q_taronja:hover{background-color:#ffffff; color:#00a1e2;}

.q_verd{background-color:#116976; color: #ffffff;}
.q_verd:hover{background-color:#ffffff; color:#00a1e2;}
.espaiLateral{ margin-right: 25%;}


.q_verdClar{background-color:#8b9d11; color: #ffffff;}
.q_verdClar:hover{background-color:#ffffff; color:#00a1e2;}

.q_blanc{background-color:#ffffff; color: #00a1e2;}
.q_blanc:hover{background-color:#00a1e2; color: #ffffff;}

#itemMenu{float: left; margin: 0;}
.transp{background: url(../img/transp3.png) repeat;}

.colorBlanc{color: #ffffff;}
.colorTaronja{color: #f34508;}
.colorVerd{color: #116976;}
.colorBlau{color: #00a1e2;}
.colorVerdClar{color: #8b9d11;}

.areaVideo{width:100%; height:100%; float:left; overflow:hidden; position:relative;}
.videoCaract{top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index:-100;}


.link_idioma{color:#FFFFFF; text-decoration:none; font-size:12px; cursor: pointer;}
.link_idioma:hover{color:#00a1e2;}

.historia_subtitol{position: relative; margin-bottom: 2%; text-align: left;}


.areaVideo{width:100%; height:100%; float:left; overflow:hidden;}
.videoCaract{top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index:-100;}

.textBanner{color: #ffffff; font-size: 17px;  font-family: 'Roboto', sans-serif; line-height: 20px; font-weight: 300;}

.xifres{font-size: 35px; color: #000000; font-weight: bold;}
.xifres_prim{font-size: 25px; color: #000000; font-weight: normal;}
.xifres_prim2{font-size: 20px; color: #000000; font-weight: normal;}
.xifres_dades1{width: 22%; margin-right: 3%; float: left;}
.xifres_imatgeSoci{width: 75%; float: left; margin-bottom: 6%;}
.xifres_liniaSeparacio{width: 100%; float: left; border-bottom: 1px solid #009fe3; margin-bottom: 3%;}
.xifres_imatgeMapa{width: 75%; float: left;}
.xifres_areaEsportiva_Col1{width: 27%; float: left;}
.xifres_areaEsportiva_Col2{width: 35%; margin-right: 4%; float: left;}
.xifres_areaEsportiva_Col3{width: 34%; float: left;}
.xifres_areaEsportiva_ico{width: 18%; margin-right: 2%; float: left; margin-bottom: 4%;}
.xifres_areaEsportiva_icotext{width: 80%; float: left; margin-bottom: 4%; padding-top: 5%;}
.xifres_areaEsportiva_Nums{width: 100%; float: left; margin-bottom: 5%;}
.xifres_areaSocial_Col1{width: 29%; margin-right: 4.3%; float: left;}
.xifres_areaSocial_Col2{width: 29%; margin-right:4.3%; float: left;}
.xifres_areaSocial_Col3{width: 30%; float: left;}
.xifres_areaSocial_text{width: 100%; float: left; margin-bottom: 5%;}
.xifres_areaSocial_xarxes{width:100%; float: left; margin: 5% 0 1% 0; }
.xifres_areaSocial_icoXarxes{width: 10%;}

.instalacions_area{width: 80%; margin: 2% 10%; float: left;}
.instalacions_area2{width: 80%; margin: 2% 10%; float: left;}
.instalacions_areaBack{width: 80%; margin: 1% 10% 0.2% 10%; float: left; text-align: center;}
.link_back{color:#00a1e2; text-decoration:none; font-size:14px; padding: 0.5% 1%; border: none; background-color: #b2e3f6;}
.link_back:hover{color:#ffffff; background-color: #00a1e2;}
.instalacions_contingut{width: 100%; margin: 2% 0; float: left;}
.instalacions_capsalTitol{width: 100%; float: left; margin-bottom: 15px;}
.instalacions_tit{font-size: 23px; color:#00a1e2; padding-bottom: 2px; border-bottom: 2px dotted #00a1e2; float: left;}
.instalacions_info{color:#00a1e2; text-decoration: none; float: right; padding-top: 10px;}
.instalacions_info:hover{color:#000000;}
img[usemap] {border: none; height: auto; max-width: 100%; width: auto;}

.instalacions_ItemInic{width: 33%; margin: 0 0.15% 1.5% 0.15%; float: left; background-color:#f0f0f0;}
.instalacions_FotoInicXalet{width: 100%; height: 200px; background:url(../img/inst_xaletsocial.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicTennis{width: 100%; height: 200px; background:url(../img/inst_pistesTennis.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicPadel{width: 100%; height: 200px; background:url(../img/inst_pistesPadel.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicGimnas{width: 100%; height: 200px; background:url(../img/inst_gimnas.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicPiscina{width: 100%; height: 200px; background:url(../img/inst_piscina.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicPavello{width: 100%; height: 200px; background:url(../img/inst_pavello.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_FotoInicFronton{width: 100%; height: 200px; background:url(../img/inst_fronton.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_ContInici{width: 90%; height: 230px; padding: 2% 5% 0 5%; float: left;}
.instalacions_seccions{width: 45%; padding-right: 5%; float: left; margin-bottom: 4px; text-decoration: none; color:#000000;}
.instalacions_seccions:hover{color:#00a1e2;}
.instalacions_seccions2{width: 100%; float: left; margin-bottom: 8px; text-decoration: none; color:#000000;}
.instalacions_seccions2:hover{color:#00a1e2;}
.instalacions_mes{position: absolute; bottom: 8%; right: 4%;}
.instalacions_veurefotos{width: 100%; float: left; padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px dotted #00a1e2; font-size: 25px; line-height: 35px; font-weight: 100;}
.instalacions_llista{width: 100%; float: left;}
.instalacions_descripcio{width: 70%; padding: 2.5%; margin-right: 5%; float: left; background-color: #f0f0f0;}
.instalacions_areaLLista{width: 20%; float: left;}
.instalacions_dist{margin-top: 10px;}
.instalacions_parkingMapa{width: 45%; margin-right: 5%; float: left;}
.instalacions_parkingMapaGoogle{width: 100%; float: left; margin:2% 0 4% 0;}
.instalacions_caption{width: 90%; padding: 2% 5%; float: left; position: absolute; z-index: 10; bottom: 0; background: url(../img/transp4.png) repeat; color: #ffffff;}
.instalacions_ServeisRestaurant{width: 100%; height: 200px; background:url(../img/inst_restaurant.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_ServeisBotiga{width: 100%; height: 200px; background:url(../img/inst_botiga_2023.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_ServeisPerruqueria{width: 100%; height: 200px; background:url(../img/inst_perruq.jpg) no-repeat; background-size: cover; float: left; position: relative;}
.instalacions_ServeisFisio{width: 100%; height: 200px; background:url(../img/inst_fisioterapia_2019.jpg) no-repeat; background-size: cover; float: left; position: relative;}

.mapa_area{width: 100%; margin: 2% 0; float: left;}
.contacte_area{width: 80%; margin:0 10% 3% 10%; float:left;}
.contacte1{width: 35%; float: left; margin: 3% 5% 2% 0; font-size: 17px; line-height: 26px; color: #000000;}
.contacte_form1{width: 40%; float: left; margin: 3% 0 2% 0; font-size: 15px; line-height: 21px; color: #000000;}
.contacte_link{font-size: 17px; text-decoration: none; color: #000000;}
.contacte_link:hover{color: #00a1e2;}
.contacte2{width: 40%; border-left: 1px dashed #00a1e2; padding-left: 3%; float: left; margin-top: 3%; font-size: 15px; line-height: 23px; color: #000000;}
.contacte2_titol{font-size: 15px; line-height: 20px; color: #00a1e2; font-weight: 500; line-height: 45px;}
.contacte_triangle{width: 5%; float: left; margin:3% 5% 0 0;}
.contacte_formItem{width: 100%; float: left; margin-bottom: 5px;}
.contacte_formCaixa{width: 100%; float: left; padding: 5px 0; margin-bottom: 9px; border: 1px solid #000000; text-indent: 5px;}
.contacte_formBoto{border: none; padding: 5px 10px; background-color: #ffffff; color:#000000; border: 1px solid #00a1e2;}
.contacte_formBoto:hover{ background-color: #00a1e2; color:#ffffff; }
.contacte2 textarea {resize: none;}
.horari_area{width: 76%; margin:0 10% 3% 10%; padding: 2%; float:left; background-color: #f0f0f0;}
.horari_fila{width: 100%; float: left;}
.horari_item{width: 29.3%; margin: 0 2% 3% 2%; float: left;}
.horari_titol{width: 100%; float: left; margin-bottom: 15px; padding-bottom: 3px; border-bottom: 1px dotted #00a1e2; color: #00a1e2; font-size: 15px; font-weight: 500;}
.horari_contingut{width: 100%; float: left;}

.estatuts_item{width: 17%; float: left; margin: 1% 8%;}
.estatuts_cont{margin-top: 20px; padding-top: 20px; border-top: 1px dashed #00a1e2; text-align: center; font-size: 20px; font-weight: 300; }
.soci_avantatgesArea{width: 80%; float: left; margin: 0 10%;}
.soci_avantatgesFila{width: 100%; float: left; margin-bottom: 2%;}
.soci_avantatgeItem {width: 22%; padding: 1%; text-align: center; margin-bottom: 2%; display: inline-block; vertical-align: top; }
.soci_avantatgeItem img {max-height: 100px;}
.soci_avantatgePartner{font-weight: bold; font-size: 16px;}
#blocavantatges {clear: both; width: 80%; margin: 0 10%; float: left;}
.soci_avantatgesArea {clear: both;}
#descobreixlos {color: #00a1e2; font-family: 'Satisfy',cursive; font-size: 30px; line-height: 30px; width: 100%; text-align: center;}
#blocloginfestesoci {width: 300px; padding: 50px; margin: 0 auto; background-color: #e3f7ff;}
#blocloginfestesoci .margefila {clear: both; margin-top: 10px;}
.filabotovalidafestesoci {width: 100px; float: left; clear: both;}
#botovalidafestesoci {float :left; width: 100px; border: 1px solid #00a1e2; color: #00a1e2; cursor: pointer; text-align: center; line-height: 30px;}
#botovalidafestesoci:hover {background-color: #000; color: #fff; border: 1px solid #000;}
.filainputfestesoci {width: 100px; float: left; clear: both; line-height: 28px;}
#blocloginfestesoci input {height: 28px;}
#carregantvalidafestesoci {display: none; border: 1px solid #00a1e2; float: left; line-height: 30px; text-align: center; width: 100px; height: 30px; background-color: #fff;}
#carregantvalidafestesoci img {margin: 6px;}
.fes_soci .areaSocial_esq {margin-bottom: 0px;}
.fes_soci .areaSocial_drt {margin-bottom: 20px;}

.junta_area1{ float:left;  width: 100%;  margin: 410px 0 0 0; padding-bottom: 1.5%; text-align: left; text-align: center;}
.junta_area{ float:left;  width: 100%;  padding: 1.5% 0; text-align: left; text-align: center;}
.junta_area:nth-child(2n+1){background-color: #ffffff;}
.junta_area:nth-child(2n){background-color: #ededed;}
.junta_nom{margin: 15px 0 8px 0; text-align: center; font-size: 18px; font-weight: 500; color: #00a1e2; }
.junta_cont{ padding-top: 8px; border-top: 1px dashed #00a1e2; text-align: center; font-size: 15px; }
.junta_item{display: inline-block; padding: 1.5% 3%; width: 15%;}
.junta_item img{border-radius: 50%; border: 2px solid #00a1e2;}
.bloc_fila_persones{float:left; width: 100%; padding: 1.5% 0; text-align: left; text-align: center; background-color: #ffffff;}
.bloc_fila_persones:nth-child(even) {background-color: #ededed;}
.bloc_fila_persones:nth-child(odd) {background-color: #fff;}

.historia_data{font-size: 35px; line-height: 50px; font-weight: 100;}
.historia_link{color: #00a1e2; text-decoration: none; font-weight: 500; line-height: 25px;}
.historia_link:hover{color: #000000;}
.historia_area{float:left;  width: 100%;  margin: 410px 0 1.5% 0;}
.historia_franjaSuperior{width: 100%; display: flex; flex-direction: row;}
.historia_franjaGris{width: 100%; background-color: #f2f2f2; display: flex; flex-direction: row;}
.historia_franjaSupText{width: 30%; padding:0 4.7% 15px 15%;  float: left; text-align: right; margin: 2% 0;}
.historia_franjaSupFotos{width: 45%; padding:0 0 4% 5%; float: left; margin: 2% 0; border-left: 3px dotted #00a1e2;}
.historia_franjaBlancaText{width: 30%; padding:25px 4.7% 15px 15%; border-right: 3px dotted #00a1e2; float: left; text-align: right;}
.historia_franjaBlancaFotos{width: 45%; padding:25px 0 4% 5%; float: left;}
.historia_franjaGrisFotos{width: 45%; padding:25px 4.7% 4% 0; border-right: 3px dotted #00a1e2; order: 1;}
.historia_franjaGrisText{width: 30%; padding:25px 5% 4% 5%; text-align: left; background-color: #f2f2f2; order: 2;}

.clubs_area{float:left;  width: 100%;  margin: 410px 0 1.5% 0; }
.clubs_posicioMapa{position: relative;}
.clubs_mapa{width: 65%; }
.clubs_fitxa{width: 35%; float: left;}
.clubs_descripcio{width: 100%; margin-bottom: 3%; }
.clubs_llistes{display: none; width: 30%; margin-right: 5%; float: right;}
.clubs_titol{width: 100%; float: left; padding-bottom: 3px; margin-bottom: 15px; border-bottom: 3px dotted #00a1e2; text-align: left; color: #00a1e2; font-size: 20px;}
.clubs_items{color: #000000; text-decoration: none;}
.clubs_items:hover{color: #00a1e2;}
.clubs_list{list-style: none; padding-bottom: 10px;}
.club_logos_solidari{width: 25%; float: left;}
.club_logos_solidari2{width: 14.2%; float: left;}


.taronja{color:#f34508;}
.seccions_area{width: 80%; margin: 2% 10%; float: left; padding-top: 410px;}
.seccions_icono{width: 18%; margin-right: 7%; float: left;}
.seccions_contingut{width: 75%; float: left; margin-bottom: 2%;}
.seccions_cont_top{margin-top: 2%;}
.seccions_quadresCont{width: 70%; margin-right: 30%; float: left; margin-top:3%; }
.seccions_quadresContCampus{width: 70%; margin-right: 30%; float: left; margin-top:3%; margin-bottom: 6%; }
.seccions_quadres3{width: 33.33%; float: left;}
.seccions_quadres2{width: 50%; float: left;}
.seccions_areaFirmes{width: 100%; float: left; margin-top: 8%;}
.seccions_colaboradorsText{width: 65%; float: left;}
.seccions_colaboradors{width: 30%; float: left; margin-right: 5%; font-size: 24px; font-weight: 100;}
.seccions_colaboradorsItems{width: 35%; float: left; margin-right: 3%;}

.pavello{background-color: #ff0000; }

.seccions_zonaEsq{width: 50%; float: left; margin-right: 5%;}
.seccions_zonaDreta{width: 45%; float: left;}
.seccions_botons{border:1px solid #545454; float: none; margin: 5px; padding: 6px 15px; }
.seccions_botons:hover{background-color: #E6E6E6;}
.seccions_textBotons{display: block; color: #f34508; text-decoration: none; border: none; padding: 8px 30px; background-color: #fddace;}
.seccions_textBotons:hover{background-color: #f34508; color: #ffffff;}

.areaSecc{width: 100%; float: left; max-height: 100%; margin-top: 5%; margin-bottom: 10%;}
.itemlink { width: 16.6%; float: left;}
.seccio_taronja{background-color: #f34508; color:#ffffff;}
.seccio_gris{background-color: #efefef; color:#545454;}
.seccio_selecc{background-color: #545454; color:#ffffff;}
.seccio_prof_nom{margin: 15px 0 8px 0; text-align: center; font-size: 18px; font-weight: 500; color: #f34508; }
.seccio_prof_nom2{margin: 15px 0 8px 0; text-align: left; font-size: 17px; line-height: 21px; font-weight: 500; color: #f34508; }
.seccio_prof_cont{ padding-top: 8px; border-top: 1px dashed #f34508; text-align: center; font-size: 15px; }
.seccio_prof_item{display: inline-block; padding: 1.5% 3%; width: 15%; vertical-align: top;}
.seccio_prof_item .imatge{border-radius: 50%; border: 2px solid #f34508;}
.seccio_celda1{width: 23%; padding: 0.5% 0 0.25% 2%; text-align: left; color: #f34508; float: left;}
.seccio_celda2{width: 25%; padding: 0.25% 0; text-align: center; float: left;}
.seccio_filaBlanca{width: 100%; float:left; margin-bottom: 1%; background-color: #ffffff;}
.seccio_filaTitol1{width: 100%; float:left; margin-bottom: 1%; }
.seccio_tit1{width: 23%; padding: 0.5% 0 0.25% 2%; text-align: left; color: #f34508; font-size: 18px; line-height: 22px; float: left;}
.seccio_tit2{width: 25%; padding: 0.25% 0; text-align: center; color: #f34508; font-size: 18px; line-height: 22px; float: left;}
.seccio_boto{margin: 0 auto 5px auto; text-align: center; width:100%; float: left;}
.link_inscripcionsOnline{color:#f34508; text-decoration:none; font-size:14px; padding: 2%; border: none; background-color: #fddace; margin: 10px 0 30px 0;}
.link_inscripcionsOnline:hover{color:#ffffff; background-color: #f34508;}
.inscripcions_areaOnline{width: 80%; margin: 1% 10% 0.2% 0; float: left; text-align: left;}

.botoinscriuretescoles {clear: both; width: 180px; margin: 20px auto; line-height: 40px; background-color: #f34508; color: #fff; text-align: center; cursor: pointer;}
.botoinscriuretescoles:hover {background-color: #fddace; color: #f34508;}

.seccio_horaris_areaGris{background-color:#f0f0f0; float: left; width: 90%; padding: 5%; margin-bottom: 3%;}
.horaris{position: relative; float: left; width: 100%;}
.horaris>div{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	
	font-size: 15px;
	background-color: white;
	margin-bottom: 1%;
}
.horaris .titols{
	font-size: 18px;
	color: #f34508;
	background-color: transparent;
}
.horaris>div>div{
	flex: 1 1 calc(25% - 4px);
	
	text-align: center;
	padding: 5px 2px;
}
.horaris>div>div:first-child{
	color: #f34508;
	text-align: left;
}
.horaris>div>div>div{position: relative; float: left; width: 100%;}

.taula_Dades{position: relative; float: left;width: 100%;}
.taula_blanc{width: 100%; float: left; margin-bottom: 2%; background-color: #ffffff;}
.taula_nivell{width: 17%; float: left; padding: 1.5% 0 0 3%; color: #f34508;}
.taula_any{width: 20%; float: left; padding-top:1.5%;}
.taula_contingutArea{width: 50%; float: left;}
.taula_contingut{width: 100%; float: left;}
.taula_contingut:last-of-type .taula_hores {border-bottom: none;}
.taula_dies{width: 65%; float: left; padding: 2% 0;}
.taula_hores{width: 35%; float: left; padding: 2% 0; }

.taula_Dades .taulaCAP .CAPtitol {float: left; color: #f34508; font-size: 18px;}
.taula_Dades .taulaCAP .CAPtitol:nth-child(1) {width: 17%; padding-left: 3%;}
.taula_Dades .taulaCAP .CAPtitol:nth-child(2) {width: 18%; padding-right: 2%;}
.taula_Dades .taulaCAP .CAPtitol:nth-child(3) {width: 33%;}
.taula_Dades .taulaCAP .CAPtitol:nth-child(4) {width: 17%;}

.taulaCAP{width: 100%; float: left; margin-bottom: 2%;}
.taula_nivellCAP{width: 17%; float: left; color: #f34508; font-weight: bold; font-size: 18px; padding-left: 3%;}
.taula_anyCAP{width: 20%; float: left; color: #f34508; font-weight: bold; font-size: 18px;}
.taula_diesCAP{width: 33%; float: left; color: #f34508; font-weight: bold; font-size: 18px;}
.taula_horesCAP{width: 17%; float: left; color: #f34508; font-weight: bold; font-size: 18px; }

@media all and (max-width : 1000px) {
	
	.seccio_horaris_areaGris{width: 114%; margin-left: -12%;}
	.horaris{width: 110%;margin-left: -5%;}
	.horaris .titols>div:nth-child(3), .horaris .titols>div:nth-child(4){display: none;}
	.horaris>div{padding: 10px;}
	.horaris>div>div{flex: 1 1 calc(50% - 4px);}
	.horaris>div:not(.titols)>div:nth-child(2){font-weight: bold;}
	.horaris>div>div:nth-child(4){text-align: left;}
}

.seccio_titolGran_Horaris{font-size: 23px; color: #f34508; line-height: 28px;}
.seccio_titolGran2_Horaris{font-size: 20px; color: #f34508; line-height: 24px; font-weight: 300;}
.seccio_titolillo{margin: 2%; width:100%; float: left;}
.seccio_titolillo2{margin: 4% 2% 2% 2%; width:100%; float: left;}

.seccio_Punts{width: 100%; margin: 3% 0; border-bottom: 2px dotted #f34508;}
.seccio_Competicio{width: 100%; float: left; margin-bottom: 3%;}
.seccio_Competicio_TTaula{width: 100%; float: left; margin-bottom: 3%;}
.seccio_Compe_logo{width: 15%; float: left; margin-bottom: 2%;}
.seccio_Compe_cont{width: 85%; float: left; margin-bottom: 2%;}
.seccio_Compe_contTTaula{width: 100%; float: left; margin-bottom: 2%;}
.seccio_Compe_areaGris{width: 85%; float: left; /*background-color: #f0f0f0;*/ padding-left: 15%; padding-bottom: 2%; border-bottom: 2px dotted #f34508;}
.seccio_Compe_patro{width: 50%; float: left; margin-bottom: 0;}
.seccio_link{color:#000000; text-decoration: none; font-weight: 500;}
.seccio_link:hover{color:#f34508; }
.seccio_Weblink{color:#000000; text-decoration: none; font-weight: 500; margin-bottom: 2%;}
.seccio_Weblink:hover{color:#f34508; }
.campus_item{width: 100%; float: left; margin-bottom: 2%; padding-bottom: 3%; border-bottom: 4px dotted #f34508;}
.campus_itemTitol{width: 100%; float: left; margin-bottom: 1%;}
.campus_botoSUp{padding: 3px 5px; border:1px solid #acacac; text-decoration: none; margin-right: 1%; margin-bottom: 1%; color: #000000; text-decoration: none; float: left;}
.campus_botoSUp:hover{background-color:#e8e8e8;}
.campus_araeBotons{width: 100%; float: left; margin: 2% 0;}


.revista_area{width: 80%; margin: 2% 10%; float: left;}
.revista_item{width: 14.6%; margin: 0 1% 3% 1%; float: left;}
.revista_titol{width: 100%; float: left; margin-bottom: 2%; color: #000000; font-size: 15px; font-weight: normal;}
.revista_dades{width: 100; float: left; margin-top: 0.5%;}
.revista_float{float: left;}

.revista_item:nth-child(6n+1) {clear: both;}
.revista_imatge img {width: 100%;}
@media all and (max-width : 1200px) {
	.revista_item {width: 23%; margin: 0 1% 3% 1%; float: left;}
	.revista_item:nth-child(6n+1) {clear: none;}
	.revista_item:nth-child(4n+1) {clear: both;}
	.taula_nivell{width: 27%; float: none; padding: 2% 0 0 3%;}
	.taula_any{width: 27%; float: left; padding:1.5% 0 0 3%;}
	.taulaCAP{display: none;}
}
@media all and (max-width : 1000px) {
	.revista_item {width: 31.33%; margin: 0 1% 3% 1%; float: left;}
	.revista_item:nth-child(6n+1) {clear: none;}
	.revista_item:nth-child(4n+1) {clear: none;}
	.revista_item:nth-child(3n+1) {clear: both;}
		
}
@media all and (max-width : 768px) {
	.revista_item {width: 48%; margin: 0 1% 3% 1%; float: left;}
	.revista_item:nth-child(6n+1) {clear: none;}
	.revista_item:nth-child(4n+1) {clear: none;}
	.revista_item:nth-child(3n+1) {clear: none;}
	.revista_item:nth-child(2n+1) {clear: both;}
	.taula_nivell{width: 47%; float: none; padding: 2% 0 0 3%;}
	.taula_any{width: 47%; float: left; padding-top:2%; padding-left: 3%;}
	.taula_contingutArea{width: 50%; float: left;}
	.taula_dies{width: 100%; float: left;}
	.taula_hores{width: 100%; float: left; margin-bottom: 2%; border-bottom:1px solid #d2d2d2;}
	.seccions_quadresContCampus{width: 100%; float: left; margin-top:3%; margin-bottom: 6%; }	
}

.areaSocial_esq{width:40%; padding:0 5% 0 10%; float:left; position: relative; margin-bottom: 4%;}
.areaSocial_drt{width:35%; float:left; position: relative; margin-bottom: 4%; padding-right: 10%;}
.areaSocial_drt p {margin: 5px 0;}
.areaSocial_drt .contacte2 textarea {resize: none;}
.areaSocial_drt .botoenviacontacte {clear: both; border: 1px solid #00a1e2; padding: 3px 20px; width: 60px; text-align: center; color: #00a1e2; cursor: pointer;}
.areaSocial_drt .botoenviacontacte:hover {background-color: #00a1e2; color: #fff;} 
.areaSocialHome_Serveis{width: 100%; float: left; text-align: center; display: flex; justify-content: center;}
.home_serveisAreaSocial{width:100%; float:left; height:300px; margin-bottom:15px; background:url(../img/home_serveisAreaSocial.jpg) no-repeat center; background-size: cover; float:left; z-index: -10; text-align: center; padding: 3% 0;}
.areaSocial_ServeisCont{width: 80%; margin: 0 10%; float: left;}
.areaSocial_gris{width: 90%; float: left; padding: 5%; background-color: #f0f0f0; margin-bottom: 3%;}
.areaSocial_serveisTit{width: 100%; float: left; margin-bottom: 3%;}
.areaSocial_ServeisItem{width: 45%; margin-right: 5%; float: left;}
.areaSocial_ServeisFila{width: 100%; float: left; margin-bottom: 3%;}

.botoenviacontacte {clear: both; border: 1px solid #00a1e2; padding: 3px 20px; width: 60px; text-align: center; color: #00a1e2; cursor: pointer;}
.botoenviacontacte:hover {background-color: #00a1e2; color: #fff;}

.clubs_llistes {display: none;}

/* Missatges ERROR */
.missatgeerror {display: none; clear: both; width: 100%; background-color: #e64e0c; text-align: center; color: #fff; height: 30px; line-height: 30px; margin-top: 20px;}
.missatgeok {display: none; clear: both;  width: 100%; background-color: #308908; text-align: center; color: #fff; height: 30px; line-height: 30px; margin-top: 20px;}

/* Checkboxes fes-te soci */
.bloccheckbox {position: relative; clear: both;}
.contenidorcheckbox {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.contenidorcheckbox input {position: absolute; opacity: 0; cursor: pointer;}
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}
.contenidorcheckbox:hover input ~ .checkmark {background-color: #ccc;}
.contenidorcheckbox input:checked ~ .checkmark {background-color: #2196F3;}
.checkmark:after {content: ""; position: absolute; display: none;}
.contenidorcheckbox input:checked ~ .checkmark:after {display: block;}
.contenidorcheckbox .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} 


/* Activitats Dirigides */
.calenCol{width: 12.5%; float: left;}
.calen_celTit{width: 95%; padding:3% 0 3% 5%; float: left; background-color: #d0d8e8; margin-bottom: 6%;}
.calen_celda{width: 90%; padding: 3% 5%; float: left; min-height: 80px; margin-bottom: 4px;}
.calALta_NoCoreo{background-color: #bf1f00;}
.calALta_Coreo{background-color: #0c5907;}
.calMitjana_NoCoreo{background-color: #e0be00;}
.calMitjana_piscina{background-color: #2680d5;}
.calBaixa_noCoreo{background-color: #9aa3b3;}
.calBaixa_piscina{background-color: #13c38d;}
.calInfantil{background-color: #9719ca;}
.calFons1{background-color: #d0d8e8;}
.calFons2{background-color: #e9edf4;}
.calHora{color: #ffffff; font-weight: 300; font-size: 13px; line-height: 21px;}
.calAct{color: #ffffff; font-weight: 500; font-size: 13px; line-height: 18px;}
.calEspai{color: #ffffff; font-weight: 100; font-size: 13px; clear: both; margin-left: 0px;}

.calAreaBot{display: none;}
.calBot{width: 14.28%; float: left; text-align: center; text-decoration: none; background-color: #ECECEC; padding: 3% 0; cursor: pointer; font-weight: 700;}
.calBot:hover{background-color:#C4C4C4; cursor: pointer; }
.calLlegendaArea{width: 30%; float: left; margin-right: 5%; margin-top: 2%;}
.calLlendaItem{ padding: 1% 4%; color: #ffffff; margin-bottom: 2%; font-size: 13px;}

.cal_cardiovascular {background-color: #bf1f00;}
.cal_tonificacio {background-color: #e0be00;}
.cal_mixtcardiotono{background-color: #ff6900;}
.cal_aquatiques{background-color: #00b0f0;}
.cal_coreografiada{background-color: #006600;}
.cal_cosiment{background-color: #7f7f7f;}
.cal_infantil{background-color: #9719ca;}

.calBot:hover {background-color: #ccc;}
.calBot.seleccionat {background-color: #666; color: #fff;}
.columnaactivaresponsive {display: block;}
#contingutdirigides {clear: both; float: left; margin: 20px 0;}

.filadirigides {width: 100%; float: left; overflow: hidden; clear: both; margin-top: 5px; align-items: stretch;} 
.filadirigides .calen_celda {width: 9.5%; float: left; padding: 1.5%; margin-bottom: 0;}
.filadirigidesdies .calen_celda {width: 9.5%; float: left; display: block; padding: 1.5%; margin-bottom: 0; min-height: 0;}

.fonsintensitat1 {background-color: #bf1f00;} 
.fonsintensitat2 {background-color: #e0be00;} 
.fonsintensitat3 {background-color: #9aa3b3;} 
.fonsintensitat4 {background-color: #0c5907;} 
.fonsintensitat5 {background-color: #2680d5;} 
.fonsintensitat6 {background-color: #13c38d;} 
.fonsintensitat7 {background-color: #9719ca;}
.fonsintensitat8 {background-color: #bf1f00;} 
.fonsintensitat9 {background-color: #e0be00;} 
.fonsintensitat10 {background-color: #ff6900;} 
.fonsintensitat11 {background-color: #00b0f0;} 
.fonsintensitat12 {background-color: #006600;} 
.fonsintensitat13 {background-color: #7f7f7f;} 
.fonsintensitat14 {background-color: #9719ca;}

.tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
	/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 280px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 12%;
    border-radius: 6px;
	font-size: 14px;
	font-weight: 400;
	

    /* Position the tooltip text */
    position: absolute;
    z-index: 100;
    bottom: 125%;
    left: 50%;
    margin-left: -40px;
	

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Descripcions activitats dirigides */
.desctitol {font-weight: bold; padding-bottom: 20px;}
.activitatmixt {border-left: 5px solid #ff6900; padding-left: 10px; margin-bottom: 25px;}
.activitataigua {border-left: 5px solid #00b0f0; padding-left: 10px; margin-bottom: 25px;}
.activitattonificacio {border-left: 5px solid #e0be00; padding-left: 10px; margin-bottom: 25px;}
.activitatcardio {border-left: 5px solid #bf1f00; padding-left: 10px; margin-bottom: 25px;}
.activitatcosiment {border-left: 5px solid #7f7f7f; padding-left: 10px; margin-bottom: 25px;}
.activitatinfantil {border-left: 5px solid #9719ca; padding-left: 10px; margin-bottom: 25px;}
.activitatcoreo {border-left: 5px solid #006600; padding-left: 10px; margin-bottom: 25px;}

/* Tooltip arrow */
.tooltip .tooltiptext::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {visibility: visible; opacity: 1;}

/* Modal - inici */
.modal {display: none; position: fixed; z-index: 1000; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7);}
.modal-content {background-color: #fefefe; margin: auto; padding: 20px; width: 25%; min-width: 400px;}
#modalCanviaContrasenya .modal-content {border: 1px solid #ffc800;}
.modal-content-peu {margin: auto; padding: 0px 20px; width: 25%; min-width: 400px;}
.close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.titolmodal {font-weight: bold; width: 90%; font-size: 24px; padding:0 5%; margin-bottom: 10px;}
.subtitolmodal {font-weight: normal; width: 90%; font-size: 18px; margin-bottom: 20px; padding:0 5%;}
.contingut_modal{font-weight: normal; width: 90%; font-size: 14px; margin-bottom: 30px; padding:0 5%;}
.contingut_modal_patro{font-weight: normal; width: 90%; font-size: 14px; margin-bottom: 30px;  float: left; padding:0 5%;}

.historia_data {font-size: 25px; line-height: 30px;}

/* Agenda pública */
#sociAgendalateralicona {position: fixed; top: 150px; right: 0px; cursor: pointer; z-index: 500;} /* 230 */
#sociAgendalateraltanca {display: none; position: fixed; top: 150px; right: 0px; cursor: pointer;}
#sociAgendalateraldesplegat {display: none; position: fixed; top: 150px; right: 43px; width: 260px; padding: 20px; background-color: #ccecf7; color: #fff; z-index: 1000;}
#sociAgendatitol {float: left; width: 100%; font-family: 'Satisfy', cursive; font-size: 36px; color: #22a0dd;}
.agendaArea{width: 100%; padding: 4% 0; float: left;}
.agendaData{width: 100%; float: left; font-size: 15px; color:#2F2F2F; padding-bottom:4%; font-weight: bold;}
.agendaItem{width: 100%; float: left; padding-bottom: 3%;}
.agendaHora{width: 20%; padding-right: 5%; float: left; font-size: 13px; color:#2F2F2F; font-weight: bold;}
.agendaText{width: 75%; float: left; font-size: 13px; color:#2F2F2F; font-weight: normal; line-height: 16px;}

.agendaText a {text-decoration: none; color: #00a1e2;}
.agendaText a:hover {text-decoration: none; color: #000;}
.ui-widget-content .highlight {background-color: #9fd9d3; border: 1px solid #9fd9d3;}
.ui-datepicker-week-end.highlight {background-color: #9fd9d3; border: 0;}
.ui-widget-content .ui-state-highlight {border: 1px solid #9fd9d3; background: #00a192; color: #fff;}
#explicacioagenda {width: 100%; font-size: 11px; margin: 2% 0; color:#2F2F2F; text-align: center;}
/* .ui-state-default, .ui-widget-content .highlight .ui-state-default {border: 1px solid #00a192;} */
.ui-widget-content .highlight .ui-state-default.ui-state-hover {background-color: #00a192; border: 1px solid #00a192; color: #fff;}

#calendarilateral .ui-datepicker-today {background-color: #22a0dd; opacity: 1!important;}
#calendarilateral .ui-datepicker-today .ui-state-default {color: #fff;}
#calendarilateral .agendaData .properaactivitat {font-weight: normal; font-size: 13px;}

/* Cercador lateral */
#sociCercadorlateralicona {position: fixed; top: 190px; right: 0px; cursor: pointer; z-index: 500;}
#sociCercadorlateraltanca {display: none; position: fixed; top: 190px; right: 0px; cursor: pointer;}
#sociCercadorlateraldesplegat {display: none; position: fixed; top: 190px; right: 43px; width: 260px; padding: 20px; background-color: #ccecf7; color: #fff; z-index: 1000;}
#campcercalateral {float: left;}
#campcercalateral input {width: 260px; height: 30px; border: 1px solid #a9dbf3;}
#botocercalateral {float: left; text-align: center; background-color: #22a0dd; width: 100%; line-height: 30px; margin-top: 10px; cursor: pointer;}
#botocercalateral:hover {background-color: #000;}
.modal-cercador {background-color: #cfe1e4; margin: auto; padding: 20px; width: 80%; padding-bottom: 60px;}

@media all and (max-width : 768px) {
	#sociCercadorlateralicona {top: 120px;}
	#sociCercadorlateraltanca {top: 120px; z-index: 500;}
}

#multiesportiu {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#multiesportiu:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#tennis {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#tennis:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#Stagetennis {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#Stagetennis:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#escolaEstiuTennis {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#escolaEstiuTennis:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#escolaEstiuPadel {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#escolaEstiuPadel:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#escolaEstiutennisTaula {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#escolaEstiutennisTaula:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#escolaEstiuPatinatge {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#escolaEstiuPatinatge:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}
#escolaEstiuNatacio {visibility: hidden; opacity: 0; margin-top: -300px; display: none;}
#escolaEstiuNatacio:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index: 999;transition:all 1s;display: block;}

.popup-contenedor {position: relative; margin:7% auto; padding:30px 50px; background-color: #fafafa; color:#333; border-radius: 3px; width:50%;}
a.popup-cerrar {position: absolute; top:3px; right:3px; background-color: #333; padding:7px 10px; font-size: 20px; text-decoration: none; line-height: 1; color:#fff;}

ul.gallery {padding-left: 0;}
.gallery {width: 100%; margin: 2% 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.gallery li{position: relative; width: 16%; float: left; padding: 0.3%; display: -webkit-flex; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out;}
.gallery li .box {position:relative; text-align: center; padding: 8% 6%; background-color: #fde3da; overflow: hidden; border-bottom: 5px solid #f34508; width: 100%;}
.campusBotons_imatge{float: left; margin-bottom: 4%; width: 100%; text-align: center;}
.campusBotons_item{width: 100%; float: left; margin-bottom: 6%;}
.campusBotons_link{margin-bottom: 3%; color:#000000; text-decoration: none;}
.campusBotons_link:hover{color:#f34508;}
.campusBotons_ico{height: 70px;}

ul.galleryNews {padding-left: 0; margin: 0;}
.galleryNews {width: 65%; margin: 0; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
.galleryNews li{position: relative; float: left; padding: 0; margin: 0 1% 1%; width: 23%; display: -webkit-flex; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width 0.3s ease-out; transition: width 0.3s ease-out;}
.galleryNews li .box {position:relative; text-align: center; padding: 3% 6%; overflow: hidden;  width: 100%;}

.noticia_verd{border-top: 3px solid #116976; background-color: #accbcf; text-decoration: none; line-height: 15px; }
.noticia_verd:hover{background-color: #88b4ba; color: #ffffff; cursor: pointer;}

.noticia_blau{border-top: 3px solid #00a1e2; background-color: #a6def5; text-decoration: none; line-height: 15px; }
.noticia_blau:hover{background-color: #7fd0f0; color: #ffffff; cursor: pointer;}

.noticia_taronja{border-top: 3px solid #f34508; background-color: #fbbea9; text-decoration: none; line-height: 15px; }
.noticia_taronja:hover{background-color: #f9a283; color: #ffffff; cursor: pointer;}

.noticia_gris{border-top: 3px solid #545454; background-color: #c3c3c3; text-decoration: none; line-height: 15px; }
.noticia_gris:hover{background-color: #a9a9a9; color: #ffffff; cursor: pointer;}



@media all and (max-width : 1300px) {
.contenedor{width:90%; padding:0 5%; float:left;}
.capsal_logo{float:left; width:40%;}
.capsal_logoInterior{float:left; margin-top: 10px; width: 70%;}
.capsal_xarxesItem{margin-right:15px;}
.capsal_idioma{margin:45px 10px 0 0; padding-right:10px;}
.capsal_espaiSeparador{width:15px; float:right;}

.home_quadreBlau{width:140px; height:140px;}
.home_quadreTaronja{width:140px; height:140px;}
.home_quadreVerd{width:140px; height:140px;}
.home_quadreAreaSocis{width:140px; height:140px;}
.itemlink{ width: 16%;}
.instalacions_ContInici {min-height: 300px;}
}

@media all and (max-width : 1200px) {
.homeBanner_escolesItem{ font-size: 15px;}
.homeBanner_textExplic2{ margin-bottom: 0;}
.homeBanner_boto{margin-top: 2%; padding: 3px 15px;}
#bannertext{display: none;}
.news_TipusB{width: 49%;}
.news_TipusC{width: 49%;}
.soci_avantatgeItem {width: 44%;}
.quotes_areaPortada{width:45%; margin-right: 5%; margin-bottom: 5%; }
.quotes_areaInscripcions{width:50%; margin-right: 0; margin-bottom: 5%; }
.quotes_areaAdvertencia{width:100%; margin-bottom: 5%; }

}

@media all and (max-width : 1000px) {
.homeBanner_textExplic{width: 100%; float: left;}
.capsal_FraseBanner{font-size:25px; }
.horari_area{width: 68%; margin:0 10% 3% 10%; padding: 6%; float:left; background-color: #f0f0f0;}
.horari_item{width: 100%; margin: 5% 0 3% 0;}
.estatuts_item{width: 35%; float: left; margin: 1% 6%;}
.junta_item{display: inline-block; padding: 1.5% 3%; width: 35%;}

.clubs_mapa{width: 100%; margin-right: 0;}
.clubs_fitxa{width: 100%;}
	
.seccions_quadresCont{width: 100%; }	
.seccions_quadres3{width: 50%; float: left;}
.seccions_quadres2{width: 50%; float: left;}
.seccio_prof_item{display: inline-block; padding: 1.5% 3%; width: 35%;}	
.gallery li{width: 25%;}

.galleryNews{width: 100%;}
.galleryNews li{width: 45%; margin:2% 2% 0 0 }
.galleryNews li .box {width: 100%;}
}


@media all and (max-width : 768px) {
	.contenedor{width:96%; padding:0 2%; float:left;}
	.capsal_logoInterior{float:left; margin-top: 10px; width: 70%;}
	.capsal_logo{float:left; width:100%; margin-top: 10px;}
	.capsal_xarxesItem{margin-right:5px; padding-top:10px;}
	.capsal_idioma{margin:35px 10px 0 0;}
	.capsal_blocXarxesIdioma{position: absolute; right: 0;}	
	.capsal_idiomaLLarg{display: none; float: left;}
	.capsal_idiomaCurt{display: flex; float: left; margin: 15px 10px 0 20px;}
	/*.capsal_areaMenu{ top:2px; right: 3%;}*/
	.capsal_areaMenu{ top:0; right: 0;}
	.capsal_FraseZona{width:90%; float:left; margin-top: 410px; padding: 0 5%;  }
	.capsal_FraseZonaInterior{width:100%; float:left; margin-top: 260px; }
	.capsal_TitolZonaInterior{width:80%; float:left; margin-top: 260px; padding: 3% 0 0 0;  }
	.capsal_FraseText{font-size:25px; line-height: 30px;}
	.capsal_Frase{font-size:40px; line-height: 40px; }
	.capsal_Club{width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Esports{width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_News{width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Instalacions{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Horaris{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Estatuts{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Junta{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Historia{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Clubs{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Tennis{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Hoquei{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Padel{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}		
	.capsal_FutbolSala{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol_sala_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_TennisTaula{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Natacio{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Campus{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Fitness{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Solidari{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Revista{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocial{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_fesSoci{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoInfo{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoXifres{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocialHome{width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoMarxa{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoCultura{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoJocs{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoServeis{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Agenda{width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_mobile.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Quotes_ca, .capsal_Quotes_ {width:100%; float:left; height:375px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
		
	/* Català */
	.capsal_Club_ca, .capsal_Club_ {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Esports_ca, .capsal_Esports_ {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_News_ca, .capsal_News_ca {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Instalacions_ca, .capsal_Instalacions_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Horaris_ca, .capsal_Horaris_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Estatuts_ca, .capsal_Estatuts_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Junta_ca, .capsal_Junta_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Historia_ca, .capsal_Historia_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Clubs_ca, .capsal_Clubs_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Tennis_ca, .capsal_Tennis_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Hoquei_ca, .capsal_Hoquei_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Padel_ca, .capsal_Padel_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}		
	.capsal_FutbolSala_ca, .capsal_FutbolSala_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol_sala_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_TennisTaula_ca, .capsal_TennisTaula_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Natacio_ca, .capsal_Natacio_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Campus_ca, .capsal_Campus_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Fitness_ca, .capsal_Fitness_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Solidari_ca, .capsal_Solidari_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Revista_ca, .capsal_Revista_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocial_ca, .capsal_areaSocial_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_fesSoci_ca, .capsal_fesSoci_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoInfo_ca, .capsal_BarcinoInfo_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoXifres_ca, .capsal_BarcinoXifres_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocialHome_ca, .capsal_areaSocialHome_ {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoMarxa_ca, .capsal_BarcinoMarxa_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoCultura_ca, .capsal_BarcinoCultura_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoJocs_ca, .capsal_BarcinoJocs_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoServeis_ca, .capsal_BarcinoServeis_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Agenda_ca, .capsal_Agenda_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_AvisLegal_ca, .capsal_AvisLegal_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Quotes_ca, .capsal_Quotes_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Contacta_ca, .capsal_Contacta_ {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Directe_ca, .capsal_Directe_  {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_mobile_ca.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	

	/* Castellà */
	.capsal_Club_es {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Esports_es {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_News_es {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Instalacions_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Horaris_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Estatuts_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Junta_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Historia_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Clubs_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Tennis_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Hoquei_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Padel_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}		
	.capsal_FutbolSala_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol_sala_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_TennisTaula_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Natacio_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Campus_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Fitness_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Solidari_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Revista_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocial_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_fesSoci_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoInfo_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoXifres_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocialHome_es {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoMarxa_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoCultura_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoJocs_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoServeis_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Agenda_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_AvisLegal_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Quotes_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Contacta_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Directe_es {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_mobile_es.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}

	/* Anglès */
	.capsal_Club_en {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_club_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Esports_en {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_esports_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_News_en {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_news_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Instalacions_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_instalacions_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Horaris_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_horaris_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Estatuts_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_estatuts_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Junta_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_junta-directiva_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Historia_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_historia_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Clubs_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_clubs_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Tennis_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Hoquei_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_hoquei_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Padel_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_paddle_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}		
	.capsal_FutbolSala_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_futbol_sala_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_TennisTaula_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_tennis_taula_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Natacio_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_natacio_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Campus_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_campus_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Fitness_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fitness_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_Solidari_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcino_solidari_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Revista_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_revista_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocial_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_fesSoci_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_fesSoci_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoInfo_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoInfo_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoXifres_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_BarcinoXifres_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_areaSocialHome_en {width:100%; float:left; height:380px; margin-bottom:15px; background:url(../img/capsaleres/cap_areaSocial_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}	
	.capsal_BarcinoMarxa_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoMarxa_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoCultura_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoCultura_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoJocs_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoJocs_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_BarcinoServeis_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_barcinoServeis_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Agenda_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_agenda_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_AvisLegal_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_avislegal_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Quotes_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_quotes_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Contacta_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_contacta_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
	.capsal_Directe_en {width:100%; float:left; height:250px; margin-bottom:15px; background:url(../img/capsaleres/cap_directe_mobile_en.jpg) no-repeat center; position:absolute; background-size: cover; float:left; z-index: -10;}
		
	.generalHome{display: none;}
	.mobileHome{display: block;}
		
	.homeTitol{font-family: 'Satisfy', cursive; font-size:35px; color:#ffffff; line-height:40px;}
	.homeAreaTitol{width:100%; float:left; text-align:center; margin-top:0;}

	.home_itemQuadre{width: 45%; padding: 0 2.5%; margin-top: 2%; float: left;}
	.home_quadreBlau{width:130px; height:130px; margin: 3px;}
	.home_quadreTaronja{width:130px; height:130px; margin: 3px;}
	.home_quadreVerd{width:130px; height:130px; margin: 3px;}
	.home_quadreAreaSocis{width:130px; height:130px; margin: 3px;}
		
	.ultimasnoticias_blau{width:97%; padding: 2% 1.5%; min-height: 10px;}
	.ultimasnoticias_zonaText{width: 96%; padding: 4% 2%; text-align: center;}
		
	.menu_quadre1{width: 95%; text-align: left; padding-left: 5%;}
	.menu_quadre2{width: 95%; text-align: left; margin: 0 ; padding-left: 5%;}
	.menu_quadre3{width: 95%; text-align: left; margin: 0 ; padding-left: 5%;}
	.menu_quadre4{width: 95%; text-align: left; margin: 0 ; color: #ff0000; padding-left: 5%;}
	.transp{background:#ffffff;}
		
	.ultimasnoticias_areaInterior {margin: 120px 5% 0 5%;}
	.ultimasnoticias_zonaText{font-size: 12px;}
	.ultimasnoticias_mesInfo{font-size: 12px;}
	.ultimasnoticias_zonaText {width: 92%; padding: 1% 4%;}
		
	.homeBanner_esq{width:100%; float:left; margin-right: 0; margin-bottom: 10px;}
	.homeBanner_dreta{width:100%; float:left; margin-left: 0; margin-bottom: 10px;}
	.homeBanner_textExplic{width: 90%; float: left;}
	.capsal_FraseBanner{font-family: 'Satisfy', cursive; font-size:25px; color: #ffffff; }
	.homeBanner_tit{background-color:#00a1e2; padding: 1px 10px; line-height: 35px; margin-bottom: 8px; }
	.homeBanner_item{width: 95%;}
	.homeBanner_boto{margin-top: 2%; padding: 3px 15px;}
	#bannertext{display: none;}
	.homeBanner_iconosSeccions{width: 15%;}

	.home_buscador_boto{width: 98%; margin: 0 0 6px 0;}
	.home_buscador_form{width: 100%; margin-bottom: 10px; }	

	#canviBlau	{color:#00a1e2;}
		
	.home_noticies_Area {width: 86%; margin: 2% 5%; padding: 2%;}
		
	.footer_copy{width: 100%; margin-bottom: 5px;}
	.footer_content{width: 100%; margin-bottom: 10px;}
	.footer_areaBoto{width: 100%}
	.footer_areaCont{width: 100%; margin-bottom: 15px;}
	.footer_areaIdiomes{width: 100%;}
	.footer_blocXarxesIdioma{position: relative; float: left;}	
		
	.logo_A{width: 40%; padding: 10px 0 ;}
	.logo_B{width: 30%; padding: 10px 0 ;}
	.logo_C{width: 20%; padding: 10px 0;}
		
	.home_instalacions_tit{width: 90%; margin-bottom: 10px;}
	.home_instalacions_desc{width: 90%; padding-left: 10%; margin-bottom: 10px;}
	.home_instalacions_Text{font-family: 'Roboto', sans-serif; font-size:18px; color: #00a1e2; font-weight: 100; line-height: 25px;}
	.home_instalacions_Foto{width: 100%; margin-bottom: 10px;}
		
	.news_TipusA{width: 99%;}
	.news_TipusB{width: 99%;}
	.news_TipusC{width: 99%;}
		
		
	.instalacions_ItemInic{width: 100%; margin: 0 0 8% 0;}
		
	.contacte1{width: 100%; }
	.contacte2{width: 100%; border-left: none; padding-left: 0;}
	.contacte_form1{width: 100%; }
	.contacte_triangle{display: none;}
		
	.estatuts_item{width: 35%; float: left; margin: 1% 6%;}
	.junta_item{display: inline-block; padding: 1.5% 3%; width: 50%;}
	.junta_area1{margin: 260px 0 0 0; }
		
		
	.instalacions_descripcio{width: 84%; margin-right: 0; padding: 8%; margin-bottom: 10%;}
	.instalacions_areaLLista{width: 100%;}
	.instalacions_area {margin: 0 10% 2% 10%;}
	.instalacions_area2{width: 80%; margin: 0 10% 5% 10%; float: left;}
	.instalacions_parkingMapa{width: 100%; float: left;}
	.instalacions_seccions{width: 100%; padding-bottom: 3px;}
	.instalacions_area .slick-list {margin: 4% 0 0 0; padding: 0;}
	.instalacions_area2 .slick-list {margin: 4% 0 0 0; padding: 0;}
	.instalacions_ContInici{width: 90%; padding: 2% 5% 0 5%; float: none;}
	.instalacions_capsalTitol {margin-top: 4%;}	
	.areaSecc{width: 100%; margin-top: 10%; float: left;}
		
		
	.historia_area{ margin: 260px 0 1.5% 0;}
	.historia_franjaSuperior{flex-direction: column; }
	.historia_franjaGris{ margin-top: 15%;  flex-direction: column;}
		
	.historia_franjaSupText{width: 90%; padding:0 5% 0 5%;  text-align: left; margin-top: 10%;}
	.historia_franjaSupFotos{width: 90%; padding:0 5% 15% 5%;; float: left;  border-left: none;}
		
	.historia_franjaGrisText{width: 90%; padding:15%px 5% 0 5%;  order: 1;}
	.historia_franjaGrisFotos{width: 90%; padding:0 5% 15% 5%; border-right:none; order: 2;}

	.historia_franjaBlancaText{width: 90%; padding:25px 5% 15px 5%; border-right: none; text-align: left; }
	.historia_franjaBlancaFotos{width: 90%; padding:25px 5% 15px 5%; float: left; }

	.xifres_dades1{width: 100%; }
	.xifres_imatgeSoci{width: 100%; float: left; margin-bottom: 6%;}
	.xifres_imatgeMapa{width: 100%; float: left;}
	.xifres_areaEsportiva_Col1{width: 100%; margin-bottom: 4%;}
	.xifres_areaEsportiva_Col2{width: 100%; margin-right: 0; margin-bottom: 4%;}
	.xifres_areaEsportiva_Col3{width: 100%; margin-bottom: 4%;}
	.xifres_areaSocial_Col1{width: 100%; margin-right: 0; margin-bottom: 4%; }
	.xifres_areaSocial_Col2{width: 100%; margin-right:0; margin-bottom: 4%; }
	.xifres_areaSocial_Col3{width: 100%; margin-bottom: 4%;}
	.xifres_prim2{font-size: 15px; color: #000000; font-weight: normal;}
	.xifres_areaSocial_icoXarxes{width: 15%;}
		
	.clubs_area{ width: 90%; margin: 260px 5% 1.5% 5%;}
	.clubs_mapa{width: 100%; margin-right: 0;}
	.clubs_fitxa{width: 100%;}
	.clubs_llistes{width: 100%; float: left;}
	.club_logos_solidari{width: 50%; }
	.club_logos_solidari2{width: 50%; }
		
	.soci_avantatgeItem {width: 98%; border-bottom: 1px solid #00a1e2; margin-bottom: 8%; padding-bottom: 8%;}
	#blocloginfestesoci { padding: 10%; margin: 0 auto; background-color: #e3f7ff; width: 90%; float: left;}
		
		
	.seccions_icono{width: 25%; padding: 0 37.5%; margin-bottom: 5%;}
	.seccions_contingut{width: 100%; float: left;}

	.seccions_quadres3{width: 33.3%; float: left;}
	.seccions_quadres2{width: 50%; float: left;}
	.seccions_area{ padding-top: 275px;}
	.seccions_colaboradorsText{width: 100%;}
	.seccions_colaboradors{width: 100%; margin-right: 0; margin-bottom: 4%;}
	.seccions_colaboradorsItems{width: 45%; float: left; margin-right: 3%;}
		
	.slider-nav .slick-list{display: none;}
	.slick-dots {margin: 0 0 20px 0;}
	.slick-slide {margin: 0px;}

	.seccions_zonaEsq{width: 100%; margin-bottom: 5%;}
	.seccions_zonaDreta{width: 100%;}
	.itemlink{ width: 33%; padding:0.15%;  }
	.seccio_prof_item{display: inline-block; padding: 1.5% 3%; width: 44%;}
	.seccio_prof_item .imatge{border-radius: 50%; border: 2px solid #f34508;}
	.seccio_Competicio{margin-bottom: 6%;}
	.seccio_Compe_logo{width: 25%; margin-bottom: 4%;}
	.seccio_Compe_cont{width: 100%; margin-bottom: 4%;}
	.seccio_Compe_areaGris{width: 100%; padding-left:0;}
	.seccio_Compe_patro{width: 100%; margin-bottom: 4%;}
	.linkCompete {width: 15%;}
	.seccio_tit1{display: none;}
	.seccio_tit2{display: none;}
	.seccio_celda1{width: 98%; padding: 1% 0 0.5% 2%;}
	.seccio_celda2{width: 98%; padding: 1% 0 0.5% 2%; text-align: left; }
	.seccio_filaBlanca{margin-bottom: 3%;}
	/*.seccio_boto{width:90%;}*/
	.seccions_cont_top{margin-top: 10%;}
	.campus_item{margin-bottom: 5%; }

	.areaSocial_esq{width:80%; padding-right: 0; }
	.areaSocial_drt{width:100%; padding-right: 0; }
	.areaSocial_ServeisItem {width: 100%; margin-right: 0; float: left; margin-bottom: 10%;}
		
		
	.modal-content {width: 75%; min-width: 0;}
	.ultimasnoticias_area {margin: 10px 5% 0 5%; height: auto;}
	.autoplay .ultimasnoticias_zonaText {padding-top: 0 !important; padding-left: 10px !important; padding-right: 10px !important;}
		
	#sociAgendalateraldesplegat {width: 210px; z-index: 100; top: 80px; }
	#sociAgendalateralicona {top: 80px;}
	#sociAgendalateraltanca {top: 80px; z-index: 500;}
	#sociAgendatitol {font-size: 30px;}
	#sociCercadorlateralicona {top: 120px;}
	#sociCercadorlateraltanca {top: 120px; z-index: 500;}

	.popup-contenedor{position: relative; margin: 7% auto; padding: 30px 5%; background-color: #fafafa; color: #333; border-radius: 3px; width: 80%;}
	#popup:target {visibility:visible; opacity: 1; background-color: rgba(0,0,0,0.8); position: absolute; overflow: scroll; top:0; left:0; right:0; bottom:0; margin:0; z-index: 999; transition:all 1s; }	
		
	.News_imatge_Int {width: 100%; margin-bottom: 3%;}
	.News_cont_Int {width: 100%;float: left;}
	.revista_area {margin: 5% 10%;}
	.revista_item {width: 46%; margin: 0 2% 5% 2%; float: left;}
	.gallery li{width: 50%;}	

	.galleryNews li {width: 48%;}
}

@media all and (max-width : 380px) {
	.homeBanner_escolesItem{ font-size: 14px; border-bottom: none; margin-bottom: 0;}
	.homeBanner_iconosSeccions{width: 22%;}
	.seccions_quadres2{width: 100%; float: left;}
	.seccions_quadres3{width: 100%; float: left;}
	.quotes_areaPortada{width:100%; margin-right: 0; margin-bottom: 5%; }
	.quotes_areaInscripcions{width:100%; margin-right: 0; margin-bottom: 5%; }
}

@media all and (max-width : 1200px) {
	.calAreaBot{width: 100%; float: left; margin-bottom: 5%; display: block;}
	.calen_celTit{margin-bottom: 2%;}
	.calen_celda{ min-height:inherit; }
	.calenCol{width: 100%;}
	.phant{display: none;}

	.calAct{float: left;}
	.calEspai{float: left; margin-left: 3%; }
	.calenCol{display: none;}	
	#col_dl{display: block;}
	.calLlegendaArea{width: 95%; margin-bottom: 6%;}
}


@font-face {font-family: Inter; src: url(../fonts/Inter-Regular.ttf);}
@font-face {font-family: InterSemiBold; src: url(../fonts/Inter-SemiBold.ttf);}
@font-face {font-family: InterThin; src: url(../fonts/Inter-Thin.ttf);}
.capsal_titol {font-size: 80px; color: #fff; font-weight: 600; font-family: 'Inter', sans-serif; position: absolute; top: 35%; left: 15%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.capsalerapagina {width: 100%; float: left; margin-bottom: 15px; position: absolute;}
.capsalerapagina::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
body {font-family: 'Inter', sans-serif;}
.capsal_Club_ca, .capsal_Club_ {background: url(../img/capsaleres/cap_clubHome.jpg) no-repeat center; background-size: cover; z-index: -10; height: 500px; }

.capsal_FraseBanner {font-family: 'InterSemiBold'; font-size: 40px; color: #0070ba;}
.capsal_Frase {font-family: 'InterSemiBold'; font-size: 33px; color: #0070ba; line-height: 30px;}
.capsal_FraseText {font-family: 'Inter', sans-serif; font-size: 35px; color: #0070ba; font-weight: 300;}
.home_instalacions_Text {font-family: 'InterThin', sans-serif; font-size: 22px; color: #0070ba; line-height: 30px;}
.homeBanner_boto {padding: 8px 20px; float: left; border: 1px solid #ffffff; margin-top: 2%; color: #ffffff; font-family: 'Inter', sans-serif; font-size: 14px; text-align: center; text-decoration: none;}
.ultimasnoticias_titol {font-family: 'InterSemiBold', cursive; font-size: 25px; color: #FFFFFF; line-height: 30px; }
.ultimasnoticias_blau {width: 17%; height: calc(100% - 30px); padding: 15px 1.5%; float: left; background-color: #0070ba; text-align: center}
.ultimasnoticias_mesInfo {color: #0070ba;}
.footer_textBlau {color: #0070ba;}
.footer_textBlauLink {color: #0070ba;}
#club a {background-color: #0070ba;}
#club .sub li a {color: #0070ba; }
#esport .sub li a {color: #0070ba;}
#social .sub li a {color: #0070ba;}
#noticies .sub li a {color: #0070ba;}
#acces a {color: #0070ba;}
#acces a:hover {background-color: #0070ba;}
#sociAgendatitol {float: left; width: 100%; font-family: 'InterSemiBold'; font-size: 30px; color: #0070ba; margin-bottom: 10px;}
.agendaText a {color: #0070ba;}
#botocercalateral {
    float: left;
    text-align: center;
    background-color: #0070ba;
    border: 1px solid #0070ba;
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    cursor: pointer;
}
@media (max-width: 768px) {
    .toggle {background-color: #0070ba;}
    #canviBlau {color: #0070ba;}
    .homeBanner_tit {color: #fff;}
    .homeBanner_tit {background-color: transparent; padding: 5px 10px; font-size: 40px;}
    .capsal_Club_ca {width: 100%; height: 380px; margin-bottom: 15px; background: url(../img/capsaleres/cap_club_mobile_ca2.jpg) no-repeat center; position: absolute; background-size: cover; float: left;      z-index: -10;}
    .ultimasnoticias_blau {
        width: 97%;
        padding: 2% 1.5%;
        min-height: 10px;
    }
}

.capsal_titol {font-size: 80px; color: #fff; font-weight: 600; font-family: 'Inter', sans-serif; position: absolute; top: 35%; left: 15%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.capsalerapagina {width: 100%; float: left; margin-bottom: 15px; position: absolute;}
.capsalerapagina::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2);}
.capsal_test {float: left; clear: both; position: relative; z-index: -10; height: 375px; width: 100%; margin-bottom: 40px;}
.capsal_test2 {float: left; clear: both; width:100%; height: 375px; position: relative; margin-bottom: 40px; z-index: -1;}

@media (max-width: 768px) {
  .capsal_test {height: 250px;}
  .capsal_test2 {height: 250px!important;}
  .capsal_titol {font-size: 50px; left: 10%;}
  .capsal_Frase {margin-bottom: 20px;}
}