/* ========================================	*/
/*	Estils per la web elsblaus.cat          */
/*  COLOR BLAU:		#2C4B98;				*/
/*  COLOR BLAUCLAR:	#2C4B98;				*/
/*  COLOR MARRÓ:	#9A765A;				*/
/*  COLOR GROC:		#EFCF6F;				*/
/*  COLOR VERMELL:	#D94730;				*/
/*  COLOR VERT CLAR:#72AE5F;				*/
/*  COLOR VERT FOSC:#496C39;				*/
/*  COLOR LILA:		#A862A3;				*/
/*  COLOR TARONJA:	#F9AF43;				*/

* {border-collapse:collapse; margin: 0; padding: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Montserrat', Verdana, Arial; font-size: 18px; font-weight: normal; color: #373535;}
.cos, .cap, .peu {width:100%; position:relative; clear:both;}
.cos {overflow:hidden;}
.cos_centre, .peu_centre {width:92%; max-width: 1280px; margin: 0 auto; position:relative;}
.gris {background-color: #e3e3e3;}
.primer {margin-top: 134px;}
.ancora {position: relative; top: -130px;}
.cos_blau {background-color: #2c4b98;}
.cos_blau_clar {background-color: #99afd1;}

/*SVG*/
.cercle_fletxa {width:34px; height: 34px;}
/*.cercle_fletxa * {stroke: #2c4b98;}*/
h1 {color: #2C4B98;}
h2 .cercle_fletxa {position: relative; top: 6px;}
h2 {color: #2c4b98; font-size: 30px; font-weight: 200; margin: 40px 0 50px; text-transform:uppercase;}
h3 {color: #2C4B98; font-weight:500; line-height: 30px;}
p {line-height: 30px; margin-bottom: 30px;}
p.dreta {text-align:right;}

/*Totes les pàgines*/
.lema h1, .lema_home h1, .lema_quisom h1, .lema_seccio h1, .lema_blog h1, .blog_home h3 {color: white;}
.col_esquerra, .col_dreta {width: 48%; position:relative; overflow:hidden;}
.col_esquerra {float:left;}
.col_dreta  {float:right;}
.col_esquerra h2, .col_dreta h2, .col_esquerra h3, .col_dreta h3 {font-weight:500;}

/*MENU*/
.barra_menu_gran, .barra_menu_petit {width:100%; position: absolute; left: 0; height: 84px; z-index: 5;
	 background-color: #2c4b98;}
.barra_menu_gran {top: 80px;}
.barra_menu_petit {position: fixed; top: 0; box-shadow: 0 3px 3px #00000050;}
.barra_menu_gran .logo img {position: absolute; left:0; top: -50px; width: 160px; z-index: 20;}
.barra_menu_petit .logo img {position: absolute; left:0px; top: 10px; width: 120px; border-radius: 50%; box-shadow: 0 3px 3px #00000050; z-index: 20;}
.menu_resp {display: none;}
.menu {font-size: 20px; font-weight:400; padding: 30px 0 30px 194px;}
.menu .soci {bottom: 25px; border-radius: 17px; font-size: 18px;}
.menu a, .subpeu a, .caixa_baner a, .blog_home a {color: white;}
.opcio {color: white; display: inline-block; font-size: 18px; position:relative;}
.sel > a {font-weight:bold; color: #e0df55;}
.opcio a, .opcio span  {padding: 0 15px 0 9px; border-right: solid 1px white;}
.opcio:last-child a {border-right: none;}
.opcio ul {margin: 0!important; display:none; height: 0px; overflow:hidden; transition: height; transition-duration: 1s; list-style-type: none;}
.opcio li {padding: 4px 0; font-size: 16px;}

/*BANER*/
.caixa_baner {height: 100vh; max-height: 768px; position:relative; color: white;}
.caixa_baner .cos_centre {height: 100%;  z-index: 0;}
.caixa_baner .fons_baner {height: 100%; width: 100%; position:absolute; top:0; left:0;}
.lema_home h1 {margin: 0 0 30px; font-size: 55px;}
.lema_home {position: absolute; right: 0; bottom: calc(15% - 30px); width: 60%; max-width: 740px;}
.lema_home p {font-size: 22px;}
.lema {position: absolute; right: 10%; width: 80%; top: 220px;}
.lema p, .lema h1 {text-align: center;}
.lema h1 {font-size: 60px; text-transform: uppercase; margin-bottom: 60px;}
.subtitol {font-size: 30px; text-transform: uppercase;}
.benvingut {font-size: 38px; font-weight:200;}
.lema_home p {margin: 0 0 45px;}
.caixa_baner p.p_soci {text-align: right; margin: 0 0 30px;}
.caixa_baner .soci {position: relative; font-size: 24px; border: solid 2px white; border-radius: 32px; padding: 17px 30px; margin-top: 30px; font-weight:bold;}
.caixa_baner .llengua_categoria {top: 230px;}
.soci {border:solid 1px white; padding: 5px 10px;position: absolute; right:0;}

/*HOME Noticies*/
.ultima_noticia {padding-bottom: 80px; overflow:hidden;}
.text_noticia, .cap_noticia  {float: left; width: 52.5%; position: relative; margin-left: 43px; padding-bottom: 34px;}
.cap_noticia {padding-bottom: 0;}
.text_noticia p {text-align: justify;}
.imatge_noticia {float:right; width: 34.5%;}
.imatge_noticia img {width: 100%; aspect-ratio: 7 / 9.9; object-fit: contain; object-position: right top;}
.cap_noticia h3 {font-size: 34px; color: #2c4b98; line-height: normal;}
.text_noticia .data {color: #99afd1;}
.botons_noticia {display: block; position: absolute; bottom:0; width:100%; margin: 0;}
.carrusel_noticia {display: block; overflow-x: scroll;  overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; scrollbar-width: none;}
.caixa_noticia {display: inline-block; margin: 0 1.5vw 0 0;  width: 21vw; min-width: 300px; max-width: 350px; overflow: hidden; 
	white-space: normal; scroll-snap-align: start; scroll-snap-stop: always;}
.clara {background-color: #99afd1;}
.fosca {background-color: #2c4b98;}
.caixa_noticia img {width: 100%; height: 360px; object-fit: cover; object-position: center top;}
.caixa_noticia_titol {height: 90px; padding: 10px;}
.caixa_noticia_titol h3 {height: 48px; color: white; font-size: 19px; overflow:hidden; margin-bottom: 15px; line-height: normal; font-weight: bold;}
.data {font-style:italic;}
.clara .data {color: #2c4b98;}
.fosca .data {/*color: #99afd1;*/ color: white;}
.fons_fosc {position: fixed; top:0; left: 0; width: 100%; height: 100%; display: none; z-index: 20;
	background-color: #33333380;}
.desplega_noticia {margin: 140px auto 0; padding: 35px 0; overflow: hidden; 
	background-color: white;}
.desplega_noticia .text_noticia, .desplega_noticia  .cap_noticia  {margin-left: 3%;  width: 55.5%;}
.desplega_noticia .imatge_noticia {margin-right: 3%; width: 31.5%;}

/*HOME BLOG*/
.blog_home {text-align:center; height: 580px; color: white; margin-top: 80px;}
.blog_home .cos_centre {padding-top:1px;}
.blog_home img {position: absolute; top:0; left:0; width:100%; height: 100%; object-fit: cover; object-position: bottom center; }
.blog_home h2 {color: white; padding-top: 80px;}
.blog_home p, .blog_home h3 {width: 75%;}
.blog_home p {margin: 0 auto 55px;}
.blog_home h3 {font-size: 36px; line-height:normal; margin: 45px auto; text-transform: uppercase;}
.llegir_mes {font-weight:bold; font-size: 24px; border:solid 1px white; padding: 10px 20px; border-radius: 28px;}

/*HOME ACTIVITATS*/
.activitats_home {overflow: hidden;}
.activitats_home h2 {margin-bottom: 140px;}
.barra_blava {}
.boto_calendari {position:absolute; top: 0; right:0; height: 115px;  padding: 48px 0 0 150px;}
.boto_calendari a {color: #2C4B98;}
.boto_calendari img {width: 100px; height: 100px; position: absolute; top: 4px; left: 32px;}
.boto_calendari span {font-size: 22px; font-weight: bold;}
.boto_calendari .llengua_blau {position: absolute; left: 0; top: 34px; width: calc(100% + 10vw); height: 80px;
	background-color: #99AFD1; border-bottom-left-radius: 50px; border-top-left-radius: 50px; z-index: -5;}
.cos_activitats_home {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-bottom: 20px; padding-left: 43px;}
.a_activitat {width: 46.5%; min-height: 128px; position:relative; margin-bottom: 50px; color: #2c4b98; /*overflow: hidden;*/
	border: solid 1px #2c4b98; border-radius: 35px;}
.caixa_activitat {color: white;}
.caixa_activitat h3 {font-size: 16px; line-height: normal; padding: 15px 230px 10px 20px; color: #2C4B98;} /*280px = 20px + 120px + 20px + 120px */
.caixa_activitat .vocalia {position: absolute; bottom: 10px; left:20px; margin-bottom: 0; display: none; font-weight: bold;}
.caixa_activitat svg {position: absolute; right: 130px; bottom: 20px; min-width: 75px; max-width: 90px; max-height: 75px; display: none; opacity: 0.5;}
.data_activitat {position:absolute; right:-2px; top:-1px; width: 120px; height: calc(100% - 36px); color:white; border-radius: 35px; text-align: center;  padding: 38px 0 0;
	/*background-color: #99afd1;*/}
.data_activitat span {display: inline-block; width: 100%;}
.data_activitat .dia {font-size: 60px; font-weight:bold;}
.data_activitat .mes {}
.a_activitat:hover {background-color: #2c4b98; color: white;} 
.a_activitat:hover h3 {color: white;}
.a_activitat:hover .caixa_activitat svg {display: block;} 
.a_activitat:hover .data_activitat {background-color: #99afd1 !important;}
.a_activitat:hover .vocalia {display: block;}

/*HOME ALBUMS*/
.albums_home {padding: 1px 0; max-width: 1080px;}
.fons_blau {width: 100%; height: 60%; position: absolute;
	 background-color: #2c4b98;}
.albums_home h2 {font-size: 40px; margin: 80px 0 60px; text-align: center; color: white; font-weight:bold;}
.cos_albums_home {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 30px 0 70px;}

/*QUISOM*/
.lema_quisom {width: 60%; max-width: 550px; padding-top: 290px; margin: 0 auto; text-align: center;}
.lema_quisom img {position: relative; display:inline-block; }
.lema_quisom h1 {font-size: 32px; font-weight:400; margin-top: 25px;}
.caixa_text {position:relative; margin-bottom: 60px;}
.caixa_text h2 {font-weight: 300; margin: 40px 0;}
.caixa_text h2 svg {display: inline-block; position: relative; top: 5px; margin-right: 10px;}
.caixa_text p {width: calc(51% - 46px); padding-left: 46px;}
.caixa_text img {width: 43%; height: calc(100% - 82px); position: absolute; top: 82px; right:0; border-radius: 60px; object-fit: cover; object-position: center center;}
.caixa_text_vora {border: solid 2px #2C4B98; border-radius: 60px; margin: 80px auto; padding-bottom: 20px; position:relative;}
.caixa_text_vora h2, .caixa_text_vora h3 {margin: 40px 0; width: 51%; color: #2C4B98; font-weight:bold; padding-left: 46px;} 
.caixa_text_vora p {width: calc(51% - 95px); padding-left: 95px; position: relative;}
.caixa_text_vora p svg {position: absolute; top: 0; left:46px;}
.caixa_text_vora p svg * {stroke: #2C4B98;}
.caixa_text_vora img {height: 100%;}
.caixa_text_vora img.img_vora {width: 43%; height:100%; position: absolute; top: 0; right:0; object-fit: cover; object-position: center center;
	border-top-right-radius: 60px; border-bottom-right-radius: 60px;}
.cos_blau {background-color: #99afd1; overflow:hidden;}
.contacte_form {float:left; padding: 1px 0 0; width: 51%; color: #2C4B98;}
.contacte_form h2 {font-weight: 300;}
.caixa_form {text-align:justify;}
.caixa_form label {display: inline-block; width:100%; text-align:left;}
.caixa_form label:nth-child(1), .caixa_form label:nth-child(2) {width: 49%;}
.caixa_form label:nth-child(3) {display:none;}
.caixa_form label:nth-child(4) {width: 55%;}
.caixa_form label:nth-child(5) {width: 43%;}
.caixa_form input, .caixa_form select, .caixa_form textarea {border: none; font-family: 'Montserrat'; font-size: 18px; padding: 12px 2px; margin: 10px 0 20px; width: 100%;}
.caixa_form textarea {height: 200px;}
.contacte_form p {font-size: 16px; line-height: 22px;}
.contacte_form input[type='submit'] {font-size: 24px; border-radius: 32px; padding: 17px 30px; font-weight: bold; color: white; border: none; margin-bottom: 30px;
	background-color: #2C4B98;}
.contacte_dades {width: 43%; float:right; padding-top: 164px; color: white;}
.contacte_dades a {color: white;}
.contacte_dades img.mapa {border-radius: 60px; width:100%; height: 340px; object-fit: cover; object-position: center center;}
.caixa_dades_contacte {border: solid 2px white; border-radius: 60px; margin: 40px 0; padding: 30px 0;}
.caixa_dades_contacte address {font-style:normal;}
.caixa_dades_contacte p {margin-bottom: 25px;  padding: 0 45px;}
.caixa_dades_contacte a {}
.caixa_xarxes {text-align: center; border-top: solid 2px white;}
.caixa_xarxes h3 {margin: 25px 0; font-size: 24px; color: white;}
.caixa_xarxes a {display: inline-block; padding: 2px 10px;}
.caixa_xarxes a:hover img {stroke: #2C4B98;}
.contacte_dades .soci {position: relative; display: inline-block; font-size: 24px;  border-radius: 32px;  padding: 17px 30px; font-weight: bold; margin: 20px 0;}

/*Fest-te Soci*/
.quotes {margin: 25px auto 50px;}
.quotes td, .quotes th {border: solid 1px black; padding: 6px 8px;}
.quotes th {font-weight: bold;}
.quotes .centre {text-align: center;}

/*SECCIONS*/
.lema_seccio {width: 80%; max-width: 640px; margin: 0 auto; padding-top: 320px; text-align:center;}
.lema_seccio h1 {font-size: 65px; margin-bottom: 40px;}
.lema_seccio h2, .lema_seccio p {font-weight: 200; font-size: 26px; color: white;}
.cos_seccio {color: white; padding: 70px 0 30px; overflow:hidden;}
.cos_seccio a {color: inherit; text-decoration:underline; font-weight:bold;}
.seccio_esquerra {float:left; width: calc(90% - 420px);}
.seccio_dreta {float:right; width: 420px;}
.seccio_dreta p {padding-left: 50px; position: relative;}
.seccio_dreta .cercle_fletxa {position: absolute; top:2px; left:0; }
.text_junt {}
.text_junt h3 {color: #2C4B98; padding: 30px 0;}
.text_junt p {line-height: 26px; margin-bottom: 22px;}
.text_junt ul, .text_noticia ul  {line-height: 26px; margin: 0 0 22px 36px;}
	
/*CATEGORIES*/
/*barra caegories (seccions)*/
.seccions_home {text-align:center; padding: 10px 0 1px; font-weight: bold;}
.caixa_seccio {display: inline-block; width: 160px; text-align:center; vertical-align:top; margin: 0 5px 20px;}
.logo_seccio {width:100%; height: 160px; border-radius: 50%; margin: 0 0 15px;
	/*box-shadow: 4px 4px 10px #646464A0;*/}
.cercle_seccio {color: white; vertical-align:middle; text-align:center;}
.caixa_seccio svg {display: inline-block; max-width: 100px; max-height:100px;}
.caixa_seccio:hover {cursor:pointer;}
.caixa_seccio:hover .logo_seccio {background-color: #2C4B98 !important;}
.caixa_seccio:hover span {color: #2C4B98;}
/*llengueta*/
.llengua_categoria {position: absolute; right: 0; top:25px; padding: 20px 0; border-radius: 50px;}
.llengua_categoria svg {display: inline-block; margin: 0 5px 0px 30px; vertical-align: middle; height: 50px;}
.llengua_categoria .caixa_nom {display: inline-block; margin: 0; padding-right: 40px; font-size: 18px; line-height: 24px; font-weight:bold; vertical-align: middle; 
	text-transform:uppercase;}
.llengua_categoria_fons {position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px; z-index:-1;}
/*Historic (monestirs,popular i sarria camina-table)*/
.cos_historic {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.cos_historic h2 {width: 100%;}
.historic_mini {width: 48%; position:relative; overflow:hidden; margin: 0 0 30px; border: solid 2px #2C4B98; border-radius: 15px;}
.historic_img {width: 40%; float: left;}
.historic_img img {width:100%; display:block;}
.historic_text {width: 60%; position: absolute; right: 0; height: calc(100% - 25px); padding-bottom:25px;}
.historic_text h3 {padding: 8px 3% 20px; font-size: 17px;}
.historic_text p {padding: 0 3%; font-size: 14px; line-height: 18px; margin-bottom: 12px;}
.cos_historic p.botons {width: 94%; text-align: right; position: absolute; bottom: 6px; margin:0;}
.cos_historic p.botons a {display: inline-block; font-weight: bold; color: #2C4B98; padding: 2px 6px; border: solid 1px #2C4B98; border-radius: 16px; margin: 4px 0 0 4px;
	background-color: white;}
.cos_historic table {width: 100%; margin: 0 0 35px;}
.cos_historic caption {color: #2C4B98; padding: 0 0 10px;} 
.cos_historic td {vertical-align:top; padding: 4px 6px; border: 1px solid #d3d3d3;}
.cos_historic table tr td:first-child {min-width: 195px;}
.cos_historic table tr td:last-child {position: relative; padding-bottom:25px;}
.cos_historic table p {line-height: normal;}
.cos_historic table p.botons {width: calc(100% - 12px); font-size: 14px; line-height: 18px;}
/*Taula 41 cims*/
.llista_cims {width: 100%; margin-bottom: 40px;}
.llista_cims td {border: solid 1px #c3c3c3; padding: 4px; vertical-align: middle;}
.llista_cims th {font-weight: bold; border: solid 1px #c3c3c3; text-align:left; padding: 4px;}
.llista_cims tr td:first-child {text-align: center;}
.llista_cims tr td:nth-child(2) {text-align: center;}
.llista_cims tr td:nth-child(3) {padding: 4px 4px 4px 10px;}
.llista_cims tr td:nth-child(4) {padding: 4px 4px 4px 10px;}
.llista_cims tr td:nth-child(5) {padding: 4px 4px 4px 10px;}
.llista_cims tr td:last-child {text-align: center; font-style:italic; font-weight:bold}

/*ALBUMS*/
.albums {padding: 50px 0 75px;}
.albums h1 {color:#2c4b98; width: 80%; max-width: 700px; margin: 0 auto; font-size: 32px; text-align: center; padding: 25px;}
.cos_albums {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 30px 0;}
/*miniatures albums*/
.caixa_album {width: 31.5%; max-width: 310px; position:relative; padding-bottom: 55px; margin-bottom: 50px; box-shadow: 0 3px 4px #646464A0;
	background-color: #99afd1;}
.caixa_album img {width: 100%; object-fit: cover; object-position: center center; aspect-ratio: 4 / 3;}
.caixa_album h3 {color: white; padding: 0 15px; height: 95px; font-size: 20px; overflow:hidden;}
.caixa_album p {color: #2c4b98; font-style:italic; margin: 0; position: absolute; bottom: 10px; left:15px;}
.boto_plus {position: absolute; bottom: 10px; right:15px; width: 35px; height:35px; border-radius: 50%; background-color: white; color: #2c4b98; text-align:center;
	font-size: 32px; line-height: 34px;}
.caixa_album:hover {background-color: white;}
.caixa_album:hover h3 {color: #2c4b98;}
.caixa_album:hover p {}
.caixa_album:hover .boto_plus {color: white; background-color:#99afd1;}
/*pàgina album*/
.album {}
.album h1 {padding: 20px 290px 10px 0; font-size: 34px; color: #2c4b98;} 
.album h1 svg {display: inline-block; position: relative; top: 5px; margin-right: 10px;}
.album .data {color: #2c4b98; margin-bottom: 5px; font-style:normal;}
.album .album_text {}
.album .boto_blog_torna {font-size: 18px; padding: 4px 16px; border-radius: 23px;}
.cos_thumbs {margin-bottom: 20px; clear: both; font-size:0; text-align:justify;}
.cos_thumbs img {display: inline-block; height: 190px; margin: 0 2px 20px; object-fit: cover; object-position: center center;}
/*Galeria*/
.fons_negre {position: fixed; top:0; left:0; width: 100%; height:100%; z-index: 20; display:none;
	background-color: #00000090;}
.imatge {position:relative; width: 100%; height:100%; object-fit: contain; object-position: center center;  z-index: 21;}
.peu_foto {position: absolute; top: 15px; left: 15px; color: white; font-weight:bold; padding: 10px 14px;  z-index: 21;
	background-color: #00000090; border-radius: 18px;}
.fons_negre .tanca {width: 42px; height: 42px; border-radius: 50%;
	background-color: #00000070;}
.fons_negre .tanca svg {width: 26px; height: 26px; margin: 8px;}
.download {}
.caixa_anterior_posterior {position: absolute; bottom:10px; left:0; width:100%; z-index: 21;}
.anterior_posterior {width: 100px; height: 34px; margin: 0 auto; padding: 5px 10px; position:relative;
		background-color: #00000090; border-radius: 22px;}
.anterior_posterior .cercle_fletxa * {stroke: white;}
.anterior, .posterior  {position: absolute;}
.anterior {left: 10px;}
.posterior {right: 10px;}
.anterior svg {transform: rotate(180deg);}

/*ACTIVITATS*/
/*Calendari*/
.calendari_activitats {margin-top: 84px;  overflow:hidden;}
.caixa_esquerra_calendari {float:left;  width: 68.27%; padding-right: 3.06%; border-right: solid 2px #2C4B98; overflow: hidden;}
.caixa_dreta_activitats {float:right; width: 25.60%;}
.calendari {}
.caixa_mes {}
.mes_calendari {padding-top: 60px;}
.mes_calendari h2 {display: block; margin: 0 auto; text-align:center; font-size: 40px; font-weight:bold; padding: 0 65px; margin-bottom: 40px; position: relative;
	width: fit-content;}
.mes_calendari .posterior, .mes_calendari .anterior {top:-2px;}
.taula_mes {display: table; width: 100%;}
.fila_mes {display: table-row;}
.cela_mes, .cela_cap, .cela_mes, .cela_buida, .cela_mes, .cela_mes_activa {display:table-cell; width: 14.29%;}
.cela_mes, .cela_mes_activa {border: solid 1px #373535 !important; position:relative;}
.cela_buida {border-left: solid 1px #d3d3d3; border-top: solid 1px #d3d3d3}
.cela_cap {padding-bottom: 10px;}
.num_dia {padding: 5px 5px 50px 0; text-align:right; color: #2C4B98;}
.cela_cap {text-align: center; color: #2C4B98;}
.breu {display: none;}
.taula {display: table;}
.fila {display: table-row;}
.casella {display:table-cell;}
.fila_mes .taula {width:100%; position:absolute; bottom:0; left:0;}
.fila_mes .casella {padding: 4px 3px;}
.activitat {display: block; font-size: 14px; font-weight:bold;}
a .activitat {color: white;}
.filtres_seccio {padding: 35px 0 25px; max-width: 675px;}
.filtres_seccio h3 {font-size: 20px; padding: 6px 0 30px; font-weight:bold; color: #2C4B98; position:relative; padding-left: 45px;}
.filtres_seccio h3 img {height: 34px; position: absolute; top:0; left:0;}
.caixa_filtre {display: inline-block; min-width: 165px; margin-bottom: 10px;}
.caixa_filtre svg {width: 32px; max-height: 32px;}
.caixa_filtre .fila .casella { vertical-align: middle; height: 50px;}
.caixa_filtre .fila .casella:first-child {text-align: center; border-radius: 50%; width: 50px;}
.caixa_filtre .fila .casella:last-child {padding: 0 12px; font-size: 14px; font-weight: bold;}
.caixa_dreta_activitats  {}
.caixa_dreta_activitats h2 {font-size: 22px; padding: 6px 0 30px; font-weight:bold; color: #2C4B98; margin: 75px 0 15px;}
.caixa_dreta_activitats .a_activitat {width: 100%; display: inline-block; min-height: 70px; border-radius: 20px; margin-bottom: 25px;}
.caixa_dreta_activitats .data_activitat {width: 70px; border-radius: 20px; padding: 15px 0 0; height: calc(100% - 13px); line-height: 20px;}
.caixa_dreta_activitats .caixa_activitat h3 {font-size: 14px; padding: 10px 80px 10px 10px; line-height: 18px;}
.caixa_dreta_activitats .caixa_activitat svg {right: 78px; bottom: 10px; min-width: 40px; max-width: 50px; max-height: 30px;}
.caixa_dreta_activitats .data_activitat .dia {font-size: 30px;}
.caixa_dreta_activitats .data_activitat .mes {font-size: 12px;}
.caixa_dreta_activitats .caixa_activitat .vocalia {bottom: 0; left: 10px; font-size: 12px;}
.activitats h1 {padding: 40px 0;}
.activitats h2 {font-weight: bold; color: #2C4B98;}
/*Resum*/
.caixa_resum_activitat {overflow: hidden; margin-bottom: 50px; position:relative; padding: 45px 0 0;}
.titol_resum {width:52%;}
.text_resum {width: 52%; padding-bottom: 64px;}
.titol_resum h3 {color: #2C4B98; font-size: 24px;}
.text_resum .vocalia {}
.data span {font-style: normal; font-weight:bold;}
.botons_dreta, .botons_esquerra {width: 52%; margin-bottom: 0; position: absolute; bottom: 10px;}
.botons_dreta {right: 0;}
.boto_esquerra, .boto_dreta {position: absolute; bottom:0; display: inline-block; font-size: 18px; font-weight:bolder; color: #2C4B98; padding: 4px 10px; 
	border: solid 1px #2C4B98; border-radius: 19px;}
.boto_esquerra {}
.boto_dreta {right: 0; color: white; background-color: #2C4B98;}
.img_resum {width: 40%; /*aspect-ratio: 7 / 9.9;*/ object-fit: contain; object-position: center top; position: relative;}
.img_resum img {width: 100%; border-radius: 30px; box-shadow: 0 0 3px 3px #00000050;}
.img_resum svg {height: 60px; max-width: 60px;}
.img_resum .ico_categoria {position: absolute; top:-35px; right: 15px; width: 90px; height: 64px; padding: 13px 0; text-align:center; border-radius: 50%;
	background-color: #2C4B98; box-shadow: 0 0 3px 3px #00000050;}
.img_resum .ico_categoria img {display: inline-block; height: 64px; max-width: 64px;}
.img_dreta .titol_resum, .img_dreta .text_resum, .img_esquerra .img_resum {float: left;}
.titol_resum  .img_esquerra, .img_esquerra .text_resum, .img_dreta .img_resum, .img_esquerra .titol_resum {float: right;}

/*pagina activitats (i FES-TE SOCI)*/
.lema_activitat {width: 80%; padding: 0 10%; text-align: center; color:white; position: absolute; bottom: 40px;}
.lema_activitat h1 {color:white; font-size: 60px; margin-bottom: 10px; text-transform:uppercase;}
.lema_activitat .lema_data {margin-bottom: 100px;  font-size: 22px;}
.afegir_calendari a {display: inline-block; border:solid 1px white; padding: 10px 20px; border-radius: 25px;}
.cos_activitat {color: white;  padding: 50px 0 30px;  overflow: hidden;}
.text_activitat {float: left; width: calc(100% - 550px);}
.icones_activitat {float: right; width: 500px;
		display: flex; flex-wrap: wrap; align-items: stretch;justify-content: space-between;}
.ico_activitat {width: 45%; position: relative; text-align: center; padding: 0 2%; margin-bottom: 30px;}
.ico_activitat img {width: 90px; margin-bottom: 20px;}
.que_cal {padding: 30px 0 20px;}
.titol_que_cal {width: 300px; float: left;}
.titol_que_cal h2 {font-size: 95px; font-weight:bolder;}
.text_que_cal {width: calc(100% - 340px);  float: right; padding: 50px 0 30px;}
.text_que_cal ul, .text_horaris ul, .caixa_text_vora ul {list-style: none;}
.caixa_text_vora ul {margin-left: 46px;}
.text_que_cal li, .text_horaris li, .caixa_text_vora li {position: relative; padding-left: 45px; line-height: 30px; margin-bottom: 30px;}
.caixa_text_vora li {padding-right: 45px; }
.text_que_cal li::before, .text_horaris li::before, .caixa_text_vora li::before {content: url('/img/fletxa_cercle.svg'); height: 34px; width: 34px; 
	position: absolute; left:0; top:0; display: block;}
.preus_activitat {background-color: #99afd1; color: white; padding: 100px 0 40px;}
.caixa_activitats_preu {display: flex; flex-wrap: wrap; align-items: stretch;justify-content: space-between;}
.preus_activitat p {width: 22.5%; padding: 0 0.75%; text-align:center;}
.preus_activitat strong {display: inline-block; font-size:85px; line-height:75px; font-weight: bolder; width: 100%; margin-bottom: 15px;}
.preus_activitat p:first-child {color:#2C4B98;}
.allotjament {padding: 70px 0 50px;
	display: flex; flex-wrap: wrap; align-items: stretch;justify-content: space-between;}
.allotjament h3 {font-size: 35px; line-height:normal; font-weight:bolder; width: 32%; padding: 30px 4% 30px 0;}
.allotjament .activitat_preu {width: 22%; padding: 40px 4% 20px; border-left: solid 2px #2C4B98; text-align:center; color: #2C4B98; margin-bottom: 15px;  line-height: 22px;}
.allotjament .activitat_preu .preu_valor {display: inline-block; font-size:60px; font-weight: bolder; width: 100%; margin-bottom: 30px;}
.horaris {background-color: #99afd1; color: white; padding: 20px 0 20px; margin-bottom: 50px;}
.horaris h2 {float: left; width: 400px; font-size: 65px; font-weight:bolder; color: white;}
.text_horaris {float: left; width: calc(100% - 430px); padding: 50px 0 20px;}
.text_horaris li::before {content: url('/img/fletxa_cercle_blanc.svg');}
.horaris_positiu {background-color: transparent; margin-bottom: 10px;}
.horaris_positiu h2, .horaris_positiu .text_horaris li b, .horaris_positiu .text_horaris li strong {color: #2C4B98;}
.horaris_positiu .text_horaris li {color: #373535;}
.horaris_positiu .text_horaris li::before {content: url('/img/fletxa_cercle.svg');}
.apuntar {background-color: #2C4B98; color: white; margin-bottom: 50px;}
.apuntar .cos_centre {overflow:hidden;}
.apuntar img {display: block; position: absolute; top: 0; left:0; height: 100%; width: 40%; object-fit: cover; object-position: center bottom;}
.text_apuntat {float: right; width: 55%; position: relative; padding-bottom: 160px;} 
.apuntar h2 {color: white; font-size: 65px; line-height: 75px; font-weight:bolder; margin-bottom: 20px;}
.apuntar p {margin-bottom: 0;}
.apuntar .p_fletxa {padding-left: 45px; position:relative; margin: 40px 0; min-height: 90px;}
.apuntar .p_fletxa::before {content: url('/img/fletxa_cercle_blanc.svg'); height: 34px; width: 34px; position: absolute; left:0; top:0; display: block; }
.apuntar .p_fletxa a {color: white; font-weight:bold;}
.apuntar .p_inscriute {text-align: center; position: absolute; bottom: 102px; width:100%;}
.apuntar .p_inscriute a {display: inline-block; font-size: 24px;  border-radius: 32px; padding: 17px 30px; font-weight: bold;   color: #2C4B98;border: none;
	 background-color: white;}
.apuntar .p_asterisc {font-style:italic; line-height: 20px; font-size: 15px; position: absolute; bottom: 30px;}

/*NOTICIES*/
.segona_noticia {}
.segona_noticia .imatge_noticia {float: left;}
.segona_noticia .text_noticia {float: right;}

/*BLOG*/
.lema_blog {width: 100%; max-width: 1140px; padding-top: 250px; margin: 0 auto;}
.lema_blog h1 {font-size: 60px; text-transform: uppercase; margin-bottom: 40px;}
.lema_blog p {max-width: 900px; margin-bottom: 40px;}
.mes_blog {font-size: 30px; font-weight: 200; margin-bottom: 50px; text-transform: uppercase;}
.lema_blog img {max-width: 260px; margin-bottom: 45px;}
.cos_miniatures_blog {max-width: 1140px; margin: 0 auto; padding: 50px 0;
	display:flex;flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.mini_blog {width: 43%; margin: 0 0 50px; border: solid 1px #3b4a91; border-radius: 60px;}
.mini_blog a {color: #3b4a91;}
.mini_blog span {display: block;}
.caixa_blog_img {width:100%; height: 360px; position: relative;}
.caixa_blog_img img, .mini_blog .mes_blog {border-top-left-radius: 60px; border-top-right-radius: 60px;}
.caixa_blog_img img {width:100%; height: 100%; object-fit: cover;}
.mini_blog .mes_blog {position: absolute; top:0; left:0; width: 100%; height:100%; background-color: #3b4a91F0; display:none; font-weight:bold;}
.mini_blog .fila {display: table-row;}
.mini_blog .casella {display: table-cell; text-align:center; vertical-align:middle; color: white;}
.caixa_blog_text {text-align: center; padding: 20px 0 0;}
.caixa_blog_text h2 {font-size: 18px; font-weight: normal; margin:0; text-transform:uppercase;}
.mini_blog:hover .mes_blog {display: table;}
/*article*/
.cos_data_blog {padding: 40px 0 25px; color: #2c4b98; overflow:hidden;}
.data_blog {float:left;}
.data_blog p {line-height: 22px; font-style:italic;}
.article_text {padding-left: 80px; position: relative;}
.article_text .cercle_fletxa {position: absolute; left:0; top: 0; width: 60px; height: 60px;}
.article_text ul {margin: 0 0 30px 20px; line-height: 30px;}
.article_text .cercle_fletxa {color: #2C4B98;}
.boto_blog_torna {display: inline-block; font-size: 22px; font-weight:bolder; color: #2C4B98; padding: 6px 20px; 
	border: solid 1px #2C4B98; border-radius: 25px;}
.boto_esquerra {}
.boto_dreta {right: 0;}
.img_blog {width: fit-content; margin: 0 auto 25px; border-radius: 20px; position:relative;}
.img_blog img {margin: 0; display:block; width:100%; border-radius: 20px;}
.img_blog figcaption {position: absolute; color: black; bottom: 0; left:0; width:100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;
	background-color: #f3f3f3B0;}
.img_blog p {margin:0; font-style:italic; font-size: 14px; line-height: 22px; padding: 0 20px;}
.img_blog a {color: #525252; font-weight:bold; text-decoration:underline;}
.col_esquerra {float: left; width: 47.5%; clear:left;}
.col_dreta {float: right; width: 47.5%;}
/*Taula Contingut*/
.taula_continguts {float: right; padding: 10px 12px; background-color: #efefef; border: solid 1px #2C4B98; border-radius: 16px;} 
.taula_continguts h2 { font-weight:bold; font-size: 22px; text-transform:none;  margin: 0 0 10px;}
.taula_continguts ol {color: #373535; margin-left: 22px; font-size: 16px; line-height: 24px;}
.taula_continguts li a {color: #2C4B98;}

/*PEU*/
.peu .fons_peu {position: absolute; width: 100%; height:100%; object-fit: cover; object-position: left top;}
.peu, .peu a {color: white;}
.caixa_nom_blaus {margin-top: 45px; float: left;}
.peu_soci {float:right; padding-top: 90px;}
.peu_soci .soci {font-size: 24px; border-radius: 27px; padding: 12px 30px; font-weight:bold;}
.peu_info {clear:both; width:100%; padding: 130px 0 75px; vertical-align: middle;
	display: flex; flex-wrap: wrap;align-items: stretch; justify-content: space-between; }
.caixa_info {width: calc(26.33% - 81px); padding: 20px 0 0 80px; border-left: solid 1px white; line-height: 36px;}
.caixa_info:nth-child(1) {width: calc(20% - 40px); padding: 0 0 0 40px; border-left: none;}
.caixa_info:nth-child(4) {padding: 30px 0 0 40px;}
.xarxa_peu {display: inline-block; margin: 0 10px;}
.subpeu {text-align: center; color: white; background-color: black; padding: 20px 0; color: white;  font-size: 15px;}
.subpeu span {display: inline-block; padding: 0 10px;}
.subpeu span a {display: inline-block; padding: 5px 0;}

.tanca {position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; z-index: 21;}
.tanca svg {stroke: white;}
.menu .tanca {top:25px; right: 4%;}
a {text-decoration: none;}
.tanca:hover, .anterior:hover, .posterior:hover, .menu_resp:hover, .opcio:hover {cursor: pointer;}

@media only screen and (max-width: 1470px) {
.llengua_categoria_fons {width: calc(100% + 10vw);  border-bottom-right-radius: 0;  border-top-right-radius: 0;}
.llengua_categoria .caixa_nom {padding-right: 0;}
.apuntar .cos_centre {width:96%; margin-left:0;}
}

@media only screen and (max-width: 1180px) {
.menu .soci {display:none;}
/*QUISOM*/
.caixa_text img {max-height: fit-content;}
/*Calendari*/
.caixa_esquerra_calendari, .caixa_dreta_activitats  {float:none;  width: 100%; padding: 0; border: none; overflow: hidden;}
.caixa_mes {width: calc(100% - 2px);}
.filtres_seccio {max-width: none; width:100%;}
.filtres_seccio h3 {margin: 0; padding: 6px 0 20px 45px;}
.caixa_dreta_activitats h2 {display: none;}
.caixa_dreta_activitats > div {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.caixa_dreta_activitats .a_activitat {width: 32%;}
/*CATEGORIES (SECIONS)*/
.historic_mini {width: 48.5%;}
.historic_text h3 {padding: 8px 2% 16px; font-size: 15px;}
.historic_text h3 em {font-size: 14px;}
.historic_text p {font-size: 13px; line-height: 16px;}

}

@media only screen and (min-width: 1025px) {
/*Menu*/
.opcio:hover ul {display:block;  position:absolute; top: 22px; padding: 30px 0 15px; width: 200px; height: auto; background-color: #2C4B98; box-shadow: 0 3px 3px #00000050;}
.opcio:hover ul li {border:none; padding: 6px;}
.opcio:hover ul li a {border: none;}
}

@media only screen and (max-width: 1024px) {
.barra_menu_gran, .barra_menu_petit {height: 84px;}
.menu_resp {position: absolute; right:0; top: 25px; display: block;}
.menu_resp svg {stroke: white;}
.lema_home h1 {font-size: 45px;}
.benvingut {font-size: 30px;}
/*MENU*/
.menu {position: fixed; top: 84px; left: 0; width: 100%; height: 0px; max-height: 684px; padding: 0; z-index: 19; overflow:hidden;
    background-color: #2c4b98; transition: height; transition-duration: 1s;}
.menu ul {margin: 40px auto; width: 360px;}
.menu li {width: 100%; padding: 6px 0;}
.opcio {font-size: 24px;}
.opcio a {display: inline-block; border:none; padding: 5px 15px;}
.opcio ul {display: block;}
.opcio li a {padding: 2px 5px 2px 45px;}
/*Home baner*/
.lema {right: 4%; width: 92%;}
.lema h1 {font-size: 45px;}
.subtitol {font-size: 26px;}
/*Home Activitats*/
.cos_activitats_home {padding-left: 0;}
.a_activitat {width: 48.5%; margin-bottom: 35px;}
/*seccions*/
.cos_seccio {padding: 50px 0 40px;}
.seccio_dreta {float:none; width: 100%; display:flex; padding-bottom: 20px;
	flex-wrap: wrap; align-items: stretch; justify-content: space-between;}
.seccio_dreta p {display: inline-block; width: calc(48% - 50px);}
.seccio_esquerra {float:none; width: 100%;}
/*CATEGORIES (SECIONS)*/
.historic_mini {width: 49%;}
.historic_text p {padding: 0 2%; font-size: 12px;}
/*ACTIVITAT*/
.lema_activitat h1 {font-size: 45px;}
.lema_activitat .lema_data {margin-bottom: 100px;}
/*QUI SOM*/
.caixa_text p {width: 100%; padding: 0;}
.caixa_text img {display: block; width: 100%; max-width: 550px; height: auto; position: relative; top: auto; right: auto; margin: 40px auto 30px;}
.caixa_text_vora {padding-bottom: 0; max-width: 550px; margin: 40px auto;}
.caixa_text_vora h2, .caixa_text_vora h3 {width: calc(100% - 52px); padding: 0 26px;} 
.caixa_text_vora p {width: calc(100% - 96px); padding: 0 26px 0 70px;}
.caixa_text_vora p svg {left: 26px;}
.caixa_text_vora img.img_vora {display: block; width: 100% !important; height:auto; position: relative; top: auto; right:auto;  margin-top: 40px;
	border-top-right-radius: 0; border-bottom-left-radius: 60px;}
.contacte_form {float:none; width: 100%;}
.contacte_dades {width: 100%; float:none; padding: 0;}
.contacte_dades img.mapa, .caixa_dades_contacte {max-width: 650px; display: block; margin: 0 auto;}
.caixa_dades_contacte {margin: 40px auto 20px;}
}

@media only screen and (max-width: 900px) {
.historic_mini {width: 100%; max-width: 600px; margin: 0 auto 30px;}
.historic_text p {padding: 0 3%; font-size: 14px;}
/*Activitat*/
.lema_activitat {width: 90%; padding: 0 5%; bottom: 40px;}
.lema_activitat .lema_data {margin-bottom: 60px;}
.text_activitat, .icones_activitat {float: none; width: 100%;}
.text_activitat {padding-bottom: 20px;}
.ico_activitat {width: 20%; margin-bottom: 15px;}
.titol_que_cal {width: 250px;}
.titol_que_cal h2 {font-size: 80px;}
.text_que_cal {width: calc(100% - 270px);}
.text_que_cal li, .text_horaris li {line-height: 24px; margin-bottom: 26px;}
.preus_activitat .preu_valor {font-size: 65px;}
.horaris h2 {width: 300px; font-size: 45px;}
.text_horaris {width: calc(100% - 320px);}
.apuntar h2 {font-size: 45px; line-height: 55px;}
.apuntar .p_asterisc {bottom: 25px;}
}

@media only screen and (max-width: 800px) {
body {font-size: 16px;}
p {line-height: 26px; margin-bottom: 26px;}
/*Home Lema*/
.lema_home {width: 70%;}
.lema_home p {font-size: 20px;}
.caixa_baner .soci {font-size: 22px; border-radius: 30px; padding: 12px 26px;}
/*Home Seccions*/
.caixa_seccio {width: 120px; margin: 0 5px 20px;}
.logo_seccio {height: 120px;}
.caixa_seccio svg {max-width: 80px; max-height: 75px;}

/*Home Noticies*/
.ultima_noticia {padding-bottom: 40px;}
.text_noticia, .cap_noticia {width: 55.5%; margin-left: 0;}
.cap_noticia h3 {font-size: 28px;}
.carrusel_noticia {}
.caixa_noticia {margin: 0 1vw 0 0;  width: 21vw; min-width: 225px; max-width: 275px;}
.caixa_noticia img {height: auto; aspect-ratio: 8 / 9;}
.caixa_noticia_titol {height: 100px;}
.caixa_noticia_titol h3 {height: 74px; font-size: 16px; margin-bottom: 10px;}
.data {font-size: 13px;}
/*Home BLOG*/
.blog_home {height: 380px; margin-top: 60px;}
.blog_home h2 {padding-top: 40px; margin:  0 30px;}
.blog_home p, .blog_home h3 {width: 80%;}
.blog_home h3 {font-size: 30px; margin: 25px auto 15px;}
.blog_home p {margin: 0 auto 25px;}
.llegir_mes {font-size: 20px; padding: 7px 20px; border-radius: 24px;}
/*HOME Activitats*/
.activitats_home h2 {margin-bottom: 80px;}
.boto_calendari {height: 75px;  padding: 35px 0 0 125px;}
.boto_calendari img {width: 80px; height: 80px;}
.boto_calendari span {font-size: 18px;}
.boto_calendari .llengua_blau {top: 24px; height: 70px; border-bottom-left-radius: 35px; border-top-left-radius: 35px;}
.a_activitat {border-radius: 20px; min-height: 105px;}
.caixa_activitat h3 {font-size: 15px; padding: 15px 100px 10px 15px;} 
.caixa_activitat .vocalia {bottom: 10px; left:15px;}
.caixa_activitat img {right: 95px; bottom: 10px; max-height: 50px; max-width: 50px;}
.data_activitat {width: 80px; border-radius: 20px; padding: 28px 0 10px; line-height: 22px;}
.data_activitat .dia {font-size: 45px;}
.data_activitat .mes {font-size: 12px;}
/*Home Albums*/
.caixa_album h3 {font-size: 18px;}
/*Calendari/Activitats*/
.caixa_filtre {min-width: auto; margin-bottom: 10px;}
.caixa_filtre svg {display:none;}
.caixa_filtre .fila .casella {vertical-align: middle; height: 28px;}
.caixa_filtre .fila .casella:first-child {width: 28px;}
.caixa_filtre .fila .casella:last-child {padding: 0 8px; font-size: 12px; line-height: 14px;}
.titol_resum {width: 100%;}
.img_resum {margin-top:15px;}
/*Activitats*/
.preus_activitat strong, .allotjament .activitat_preu .preu_valor {font-size: 65px; line-height: 55px;}
/*BLOG*/
.lema_blog h1 {font-size: 40px; margin-bottom: 25px; line-height: 50px;}
.lema_blog img {max-width: 200px; margin-bottom: 35px;}
.col_esquerra, .col_dreta  {float: none; width: 100%;}

/*Peu*/
.caixa_nom_blaus {margin-top: 35px; width: 48%;}
.caixa_nom_blaus img {max-width: 240px;}
.peu_soci {padding-top: 70px; width: 48%;}
.peu_info {display: block; padding: 90px 0 50px; overflow:hidden;}
.caixa_info {float: left; width: auto; padding: 20px 0 30px 0; border: none; line-height: 28px;}
.caixa_info:nth-child(1) {width: 150px; padding: 0;}
.caixa_info:nth-child(1) img {width: 90px;}
.caixa_info:nth-child(2) {padding-left: 40px; border-left: solid 1px white;}
.caixa_info:nth-child(3) {float: right; padding-left: 40px; border-left: solid 1px white;}
.caixa_info:nth-child(4) {width: 100%; padding: 30px 0 0; text-align:center;}
.xarxa_peu {display: inline-block; margin: 0 10px;}
.subpeu {text-align: center; color: white; background-color: black; padding: 20px 0; color: white;  font-size: 15px;}
.subpeu span {display: inline-block; padding: 0 10px;}
.subpeu span a {display: inline-block; padding: 5px 0;}
}

@media only screen and (max-width: 720px) { 
/*Totes les pàgines*/
.col_esquerra, .col_dreta {float:none; width: 100%;}
/*Activitats Home*/
.a_activitat {width: 100%; margin-bottom: 25px;}
/*Calendari/activitats*/
.cela_cap span {display:none;}
.breu {display: inline-block !important;}
.activitat {font-size: 10px;}
/*Albums*/
.album h1 {padding: 60px 0 10px 0;} 
.album_categoria {top:25px; border-radius: 45px;}
.album_categoria img {margin: 0 5px 0px 20px; height: 45px;}
.album_categoria .caixa_nom {padding-right: 20px;}
.album_categoria p {font-size: 16px; line-height: 22px;} 
/*categories*/
.llengua_categoria {top: 0; padding: 5px 0; border-radius: 45px;}
.llengua_categoria svg {margin: 0 5px 0px 20px; height: 40px;}
.llengua_categoria .caixa_nom {font-size: 16px;}
/*blog*/
.caixa_blog_img {height: 260px;}
}

@media only screen and (max-width: 640px) {
.menu ul {margin: 80px auto 40px;}
.lema_home {bottom: calc(10% - 30px); width: 100%; max-width: 390px;}
/*Noticies Home*/
.caixa_noticia {min-width: 260px; max-width:none;}
/*Activitats Home*/
.activitats_home h2 {margin-bottom: 100px;}
.boto_calendari {top: 30px; height: 55px; padding: 25px 0 0 90px;}
/*Noticies home*/
.cap_noticia, .text_noticia, .imatge_noticia {float:none; width: 100%;}
.cap_noticia h3 {font-size: 26px; line-height: 30px;}
.cap_noticia .data {margin-bottom: 10px;}
.imatge_noticia {margin-bottom: 15px;}
.imatge_noticia img {display: block; max-width: 300px; margin: 0 auto;}
.fons_fosc .tanca svg {width: 26px; height: 26px;}
.desplega_noticia {margin: 25px auto 0; padding: 20px 0; overflow: auto; height: calc(100vh - 90px);}
.desplega_noticia .text_noticia, .desplega_noticia  .cap_noticia, .desplega_noticia .imatge_noticia  { float: none; width: 95%; margin: 0 auto;}
.imatge_noticia img {aspect-ratio: auto; max-height: 300px; object-position: center top;}


/*Albums Home*/
.albums_home {width: 100% !important;}
.albums_home h2 {width: 90%; font-size: 32px; margin: 60px auto 40px;}
.cos_albums_home {display: block; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; scrollbar-width: none;
	padding: 30px 0;}
.cos_albums_home .caixa_album {display: inline-block; overflow: hidden; white-space: normal;scroll-snap-align: start; scroll-snap-stop: always;
		width: 315px; margin-right: 10px;}
/*SECCIONS*/
.lema_seccio h1 {font-size: 50px;}
.lema_seccio h2 {font-size: 22px; margin: 30px 0;}
/*CALENDARI/ACTIVITATS*/
.mes_calendari h2 {font-size: 30px; padding: 0 60px;}
.activitat {font-size: 0; line-height: 10px;}
.num_dia {padding: 5px 5px 35px 0;}
.caixa_dreta_activitats .a_activitat {width: 48%;}
.activitats h1 {padding: 30px 0;}
.caixa_resum_activitat {margin-bottom: 40px;}
.text_resum {width: 100%;}
/*BLOG*/
.lema_blog {padding-top: 220px;  margin: 0 auto;}
.lema_blog .mes_blog {margin-bottom: 30px;}
.lema_blog p {margin-bottom: 25px;}
.botons_dreta, .botons_esquerra {width: 100%;}
.botons_dreta {right: 0;}
.boto_esquerra, .boto_dreta {font-size: 18px; padding: 2px 8px; border-radius: 15px;}
.img_resum {width: 80%; max-width: 512px; margin: 0 auto 30px; aspect-ratio: auto;}
.img_dreta .titol_resum, .img_esquerra .titol_resum, .img_dreta .text_resum, .img_esquerra .img_resum, .titol_resum  .img_esquerra, .img_esquerra .text_resum,
.img_dreta .img_resum, .img_esquerra .text_resum {float: none;}
/*ALBUMS*/	
.cos_albums .caixa_album {width: 48%; margin: 0 0 30px;}
/*ACTIVITAT*/
.lema_activitat {}
.lema_activitat .lema_data {margin-bottom: 50px;}
.que_cal {padding: 10px 0 20px;}
.titol_que_cal, .text_que_cal {float: none; width: 100%;}
.titol_que_cal h2 {font-size: 40px;}
.text_que_cal {padding: 0 0 15px;}
.allotjament {padding: 30px 0 40px;}
.allotjament p:last-child {border-left: solid 2px #2C4B98;}
.allotjament h3 {font-size: 35px; line-height:normal; font-weight:bolder; width: 92%;}
.allotjament .activitat_preu {width: 41%; padding: 40px 4% 20px; border-left: none;}
.preus_activitat {padding: 80px 0 10px;}
.preus_activitat p {width: 47%; padding: 0 1%; margin-bottom: 35px;}
.horaris, .text_horaris {padding: 0 0 20px;}
.horaris h2, .text_horaris {float: none; width: 100%;}
.horaris h2 {font-size: 45px;}
.horaris_positiu {margin-bottom: 20px;}
.apuntar .p_inscriute {bottom: 110px;}
.apuntar .p_inscriute a {font-size: 20px; border-radius: 27px;  padding: 14px 24px;}

/*Taula 41 cims*/
.llista_cims tr {position: relative; width: calc(100% - 84px); line-height: 14px; display: block; padding-left: 82px; overflow:hidden;
	border: solid 1px #d3d3d3; border-bottom: none;}
.llista_cims td {border: none;}
.llista_cims tr:first-child {border: none; display:none;}
.llista_cims tr:last-child {border-bottom: solid 1px #d3d3d3;}
.llista_cims tr td:first-child {width: 25px; position: absolute; top:0; left:0; font-weight: bold;}
.llista_cims tr td:nth-child(2) {width: 40px; position: absolute; top:0; left:34px;  font-weight: 500;}
.llista_cims tr td:nth-child(3) {padding: 4px; display: inline-block; float:left; font-weight:bold;}
.llista_cims tr td:nth-child(4) {padding: 4px; display: inline-block; float:left; clear:both;}
.llista_cims tr td:nth-child(5) {padding: 4px; display: inline-block; font-style:italic;}
.llista_cims tr td:last-child {position: absolute; bottom: 5px; right: 0; font-style:normal;}
.llista_cims tr td:last-child a {padding: 1px 4px; border: solid 1px #2C4B98; color: #2C4B98; border-radius: 16px; margin: 4px 0 0 4px; background-color: white;}
}

@media only screen and (max-width: 639px) { /*exclusiu PEU*/
/*Activitat*/
.ico_activitat {width: 45%; margin-bottom: 30px;}
/*Peu*/
.caixa_nom_blaus {margin-top: 35px; width: 46%;}
.caixa_nom_blaus img {max-width: 200px;}
.peu_soci {padding-top: 50px; width: 46%;}
.peu_soci .soci {font-size: 20px; border-radius: 26px; padding: 10px 20px;}
.peu_info {display: block; padding: 0 0 30px; position: relative;}
.caixa_info {width: 48%;}
.caixa_info:nth-child(1) {position: absolute; bottom:15px; left:0;}
.caixa_info:nth-child(2), .caixa_info:nth-child(3) {padding-left: 0; border: none;}
.caixa_info:nth-child(3) {text-align: right;}
.caixa_info:nth-child(4) {float:right; width: 60%; padding: 30px 0 0; text-align:right;  clear: both;}
}

@media only screen and (max-width: 480px) {
.primer {margin-top: 104px;}
.ancora {position: relative; top: -110px;}
/*menu*/
.barra_menu_gran, .barra_menu_petit {height: 60px;}
.barra_menu_gran {top: 40px;}
.menu_resp {top: 15px;}
.barra_menu_gran .logo img {top: -30px; width: 120px;}
.barra_menu_petit .logo img {top: 10px; width: 90px;}
.menu {top: 60px; max-height: none;}
.menu ul {width: 90%;}
.menu li {padding: 4px 0;}
.opcio {font-size: 22px;}
.caixa_baner {height: calc(100vh - 25px);}
/*lema*/
.lema_home {max-width:none;}
.lema_home h1 {font-size: 40px;}
/*seccionS home*/
h2 {margin: 40px 0 25px;}
.caixa_seccio {width: 100px;}
.logo_seccio {height: 100px;}
.caixa_seccio svg {max-width: 70px; max-height: 70px;}
/*BLOG home*/
.blog_home {height: 480px; margin-top: 50px;}
.blog_home h2 {padding-top: 30px; margin:  0 20px; font-size: 26px; width: 95%;}
.blog_home p, .blog_home h3 {width: 95%;}
.blog_home h3 {font-size: 22px;}
.blog_home p {margin: 0 auto 35px; line-height: 22px;}
.llegir_mes {font-size: 18px; padding: 5px 15px; border-radius: 20px;}
/*Activitats Home*/
.boto_calendari {top: 45px;}
.boto_calendari img {width: 60px; height: 60px; left: 20px;}
.boto_calendari span {font-size: 16px;}
.boto_calendari .llengua_blau {top: 18px; height: 50px; border-bottom-left-radius: 25px; border-top-left-radius: 25px;}
/*SECCIONS*/
.caixa_baner .llengua_categoria {top: 170px;}
.seccio_dreta p {width: calc(100% - 50px);}
/*Qui SOM*/
.lema_quisom {width: 80%;}
.lema_quisom h1{font-size: 26px;}
/*CALENDARI/ACTIVITATS*/
.num_dia {padding: 5px 5px 30px 0;}
.caixa_dreta_activitats .a_activitat {width: 100%; margin-bottom: 15px;}
.img_resum {width: calc(100% - 6px);}
/*Albums*/
.album h1 {font-size: 26px;} 
.album_categoria {top: -20px;}
.cos_thumbs {text-align: center;}
.cos_thumbs img {max-width: 100%; margin: 0 4px 20px;}
.cos_albums {display: block; text-align: center; padding: 10px 0;}
.cos_albums .caixa_album {display: inline-block; width: 75%;}
/*Blog*/
.mini_blog {width: 100%;}
.article_text {padding-left: 60px;}
.article_text .cercle_fletxa {width: 50px; height: 50px;}
/*Activitat*/
.lema_activitat {width: 100%; padding: 0;}
.lema_activitat h1 {font-size: 32px;}
.lema_activitat .lema_data {font-size: 18px; margin-bottom: 60px;}
.afegir_calendari a {padding: 6px 12px; border-radius: 18px;}
.apuntar .cos_centre {width: 92%; margin: 0 auto;}
.apuntar img {display: none;}
.text_apuntat {float: none; width: 100%; padding-bottom: 160px;}
/*Historic*/
.cos_historic {display: block;}
.cos_historic table {font-size: 14px;}
.historic_mini {max-width: 380px; margin: 0 auto 25px;}
.historic_img {width: 100%; float: none; margin: 0 auto 10px;}
.historic_text {width: 100%; position: relative; right: 0; height: auto; padding-bottom: 45px;}
.cos_historic table tr td:first-child {min-width: 0;}
/*Taula 41 cims*/
.llista_cims tr {padding-bottom: 30px;}
}

@media only screen and (max-width: 439px) { /*exclusiu PEU i FORM*/
/*QUISOM*/
.caixa_form label:nth-child(1), .caixa_form label:nth-child(2), .caixa_form label:nth-child(4), .caixa_form label:nth-child(5) {width: 100%;}

/*Peu*/
.caixa_nom_blaus {width: 35%;}
.caixa_nom_blaus img {max-width: 100%;}
.peu_info {padding: 10px 0;}
.caixa_info:nth-child(1) {position: relative; bottom: auto; left: auto; width: 100px; padding: 10px 0 0;}
.caixa_info:nth-child(1) img {width: 75px;}
.caixa_info:nth-child(2), .caixa_info:nth-child(3) {float: right; width: 60%; padding-left: 0; border: none; text-align: right; clear:right; padding: 10px 0 15px;}
.caixa_info:nth-child(3) {}
.caixa_info:nth-child(4) {float:none; position: absolute; bottom: 20px; left: 0; text-align:left; clear:none; padding: 0; }
.xarxa_peu {margin: 0 10px 0 0;}
.xarxa_peu img {width: 30px; height: 30px;}
}

@media only screen and (max-width: 380px) {
h2 {font-size: 24px;}
/*lema*/
.benvingut {font-size: 26px;}
.lema_home h1 {font-size: 38px;}
.lema_home p {font-size: 18px;}
.lema {top: 160px;}
.lema h1 {font-size: 30px;}
.subtitol {font-size: 22px;}
.lema_blog {padding-top: 160px;}
/*Home Blog*/
.blog_home p {margin: 0 auto 25px;}
/*Home noticies*/
.imatge_noticia img {max-width: 260px;}
/*Home Activitats*/
.activitats_home h2 {margin-bottom: 100px;}
.boto_calendari {top: 50px;}
.caixa_activitat h3 {font-size: 14px; line-height: 18px;}
.caixa_activitat img {max-height: 40px;}
/*Barra seccions*/
h2 {margin: 30px 0 25px;}
.caixa_seccio {width: 90px;}
.logo_seccio {height: 90px;}
.caixa_seccio svg {max-width: 65px;  max-height: 60px;}
/*QuiSom*/
.lema_quisom {width: 90%; padding-top: 200px;}
.caixa_text_vora h2, .caixa_text_vora h3  {font-size: 24px; padding: 0 3%; width: 94%; text-align: center; margin: 20px 0 15px;}
.caixa_text_vora h3  {font-size: 20px;}
.caixa_text_vora img.img_vora {margin-top: 20px;}
.caixa_text_vora p {width: calc(97% - 40px); padding: 0 3% 0 40px; line-height: 20px; margin-bottom: 18px; font-size: 14px;}
.caixa_text_vora p svg {left: 3%; width: 24px;}	
/*seccions*/
.lema_seccio {width: 92%; padding-top: 300px;}
.lema_seccio h1 {font-size: 40px;}
.lema_seccio h2 {font-size: 22px;}
.text_junt ul, .text_noticia ul {margin: 0 0 22px 18px;}
/*Albums*/
.caixa_album {width: 100%; max-width: none;}
.peu_foto {top: 10px; left: 10px;}
/*Blog*/
.mes_blog {font-size: 26px; margin-bottom: 50px;}
.article_text {padding-left: 0;}
.article_text p:nth-child(2) {padding-left: 39px;}
.article_text .cercle_fletxa {width: 34px; height: 34px; margin-right: 5px;}
/*Activitats*/
.lema_activitat {bottom: 20px;}
.preus_activitat .cos_centre {width: 100%;}
.preus_activitat strong, .allotjament .activitat_preu .preu_valor {font-size: 60px; line-height: 45px;}
.horaris h2 {font-size: 35px;}

/*Peu*/
.xarxa_peu {margin: 0 5px 0 0;}
}