/*
  Full d'estils per al formulari públic d'inscripció ciutadana
  Santa Perpètua de Mogoda
  2025+
*/
#div_districte {
  display: block !important;
}

@font-face {
    font-display: block;
    font-family:"Futura-LT-W01-Light";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/2b40e918-d269-4fd9-a572-19f5fec7cd7f.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/26091050-06ef-4fd5-b199-21b27c0ed85e.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cca525a8-ad89-43ae-aced-bcb49fb271dc.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/88cc7a39-1834-4468-936a-f3c25b5d81a1.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/14d6bf5d-15f1-4794-b18e-c03fb9a5187e.svg#14d6bf5d-15f1-4794-b18e-c03fb9a5187e") format("svg");
}
@font-face {
    font-display: block;
    font-family:"Futura-LT-W01-Book";
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix");
    src:url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype"),url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/dc423cc1-bf86-415c-bc7d-ad7dde416a34.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34") format("svg");
}
@font-face {
    font-family: "Futura-LT-W05-Book";
    src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Futura_Complete/v1/FuturaLTW05-Book.woff2") format("woff2");
}

div.no-print {
  display:none;
}

div.hidden {
  display:none;
}

div.unbroken {
  page-break-inside:avoid;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Futura-LT-W01-Book";
}

/* Específics pàgina Períodes oberts */
.header_periods {
}

.header_periods .header_logotip {
	display: none; /* Ja hi ha una capçalera específica amb els logotips */
}

.periodes_oberts {
  margin-top: 20px;
}


/* Globals formulari */

.header_text_1, .header_text_2, .header_text_3 {
	float: none;
	margin-right: 0px;
  font-family:"Futura-LT-W01-Book";
  font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.header_text_2 {
	color: #ff4992;
	font-size: 18px;
}

.footer_default div, .footer_bcn div {
  padding-bottom: 10px;
  text-align: center;
}

.footer_logotip img {
	height: 60px;
}

.footer_text_1, .footer_text_2, .footer_text_3 {
}


/* Capçalera amb imatge  */
.dades_personals_default.period_id_47,
.seleccio_oferta_default.period_id_47,
.confirmar_default.period_id_47,
.estudiant_creat_default.period_id_47,
.dades_personals_default.period_id_49,
.seleccio_oferta_default.period_id_49,
.confirmar_default.period_id_49,
.estudiant_creat_default.period_id_49,
.dades_personals_default.period_id_51,
.seleccio_oferta_default.period_id_51,
.confirmar_default.period_id_51,
.estudiant_creat_default.period_id_51 {
  /* EMA */
  background-color: #FFF;
  background-image: url('https://emaspm.gwido.cat/uploads/imatges/25/fitxer/1d0429b692f5f7c3f4ac7eda63ba2929.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  clear: both;
  margin: 0 auto;
  padding-bottom: 30px;
  padding-top: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

.dades_personals_default.period_id_48,
.seleccio_oferta_default.period_id_48,
.confirmar_default.period_id_48,
.estudiant_creat_default.period_id_48,
.dades_personals_default.period_id_50,
.seleccio_oferta_default.period_id_50,
.confirmar_default.period_id_50,
.estudiant_creat_default.period_id_50,
.dades_personals_default.period_id_52,
.seleccio_oferta_default.period_id_52,
.confirmar_default.period_id_52,
.estudiant_creat_default.period_id_52 {
  /* XCC */
  background-color: #FFF;
  background-image: url('https://emaspm.gwido.cat/uploads/imatges/26/fitxer/89d91ab66c8968504f6d159e03ce6212.png');
  background-repeat: no-repeat;
  background-size: 100% auto;
  clear: both;
  margin: 0 auto;
  padding-bottom: 30px;
  padding-top: 100px;
  padding-left: 10px;
  padding-right: 10px;
}


.titol_pagina_dades_personals h2 {
	display: none;
}

.dades_estudiant,
.dades_tutor1,
.dades_tutor2,
.dades_iban,
.seleccio_oferta_default .ambit,
.seleccio_oferta_default .autoritzacions,
.seleccio_oferta_default .barems,
.ofertes_seleccionades,
.barems_seleccionats {
 /* border: 1px solid; */
  background-color: #FEFEFE;
}

.dades_estudiant, .dades_tutor1, .dades_tutor2, .dades_iban,
 .seleccio_oferta_default form > .ambit,
 .seleccio_oferta_default .ambits_llista_espera,
 .seleccio_oferta_default .autoritzacions,
 .seleccio_oferta_default .barems, .ofertes_seleccionades, .autoritzacions_seleccionades, .barems_seleccionats {
	border-radius: 0px;
}

.period_id_47 .dades_estudiant .titol,
.period_id_47 .dades_estudiant .dades_naixement h4,
.period_id_47 .dades_estudiant .dades_adreca h4,
.period_id_47 .dades_estudiant .a_dades_contacte h4,
.period_id_47 .dades_estudiant .dades_formacio h4,
.period_id_47 .dades_tutor1 .titol,
.period_id_47 .dades_tutor1 .dades_adreca h4,
.period_id_47 .dades_tutor1 .dades_contacte h4,
.period_id_47 .dades_tutor2 .titol,
.period_id_47 .dades_tutor2 .dades_adreca h4,
.period_id_47 .dades_tutor2 .dades_contacte h4,
.period_id_47 .dades_iban .titol,
.period_id_47 .autoritzacions .titol,
.period_id_47 .ofertes_seleccionades .titol,
.period_id_47 .barems_seleccionats .titol,
.period_id_47 .autoritzacions_seleccionades .titol,
.period_id_49 .dades_estudiant .titol,
.period_id_49 .dades_estudiant .dades_naixement h4,
.period_id_49 .dades_estudiant .dades_adreca h4,
.period_id_49 .dades_estudiant .a_dades_contacte h4,
.period_id_49 .dades_estudiant .dades_contacte h4,
.period_id_49 .dades_estudiant .dades_formacio h4,
.period_id_49 .dades_tutor1 .titol,
.period_id_49 .dades_tutor1 .dades_adreca h4,
.period_id_49 .dades_tutor1 .dades_contacte h4,
.period_id_49 .dades_tutor2 .titol,
.period_id_49 .dades_tutor2 .dades_adreca h4,
.period_id_49 .dades_tutor2 .dades_contacte h4,
.period_id_49 .dades_iban .titol,
.period_id_49 .autoritzacions .titol,
.period_id_49 .ofertes_seleccionades .titol,
.period_id_49 .barems_seleccionats .titol,
.period_id_49 .autoritzacions_seleccionades .titol,
.period_id_51 .dades_estudiant .titol,
.period_id_51 .dades_estudiant .dades_naixement h4,
.period_id_51 .dades_estudiant .dades_adreca h4,
.period_id_51 .dades_estudiant .a_dades_contacte h4,
.period_id_51 .dades_estudiant .dades_contacte h4,
.period_id_51 .dades_estudiant .dades_formacio h4,
.period_id_51 .dades_tutor1 .titol,
.period_id_51 .dades_tutor1 .dades_adreca h4,
.period_id_51 .dades_tutor1 .dades_contacte h4,
.period_id_51 .dades_tutor2 .titol,
.period_id_51 .dades_tutor2 .dades_adreca h4,
.period_id_51 .dades_tutor2 .dades_contacte h4,
.period_id_51 .dades_iban .titol,
.period_id_51 .autoritzacions .titol,
.period_id_51 .ofertes_seleccionades .titol,
.period_id_51 .barems_seleccionats .titol,
.period_id_51 .autoritzacions_seleccionades .titol {
  background-color: #f4bca5;
  font-family: "Futura-LT-W01-Book";
}
.period_id_48 .dades_estudiant .titol,
.period_id_48 .dades_estudiant .dades_naixement h4,
.period_id_48 .dades_estudiant .dades_adreca h4,
.period_id_48 .dades_estudiant .a_dades_contacte h4,
.period_id_48 .dades_estudiant .dades_contacte h4,
.period_id_48 .dades_estudiant .dades_formacio h4,
.period_id_48 .dades_tutor1 .titol,
.period_id_48 .dades_tutor1 .dades_adreca h4,
.period_id_48 .dades_tutor1 .dades_contacte h4,
.period_id_48 .dades_tutor2 .titol,
.period_id_48 .dades_tutor2 .dades_adreca h4,
.period_id_48 .dades_tutor2 .dades_contacte h4,
.period_id_48 .dades_iban .titol,
.period_id_48 .autoritzacions .titol,
.period_id_48 .ofertes_seleccionades .titol,
.period_id_48 .barems_seleccionats .titol,
.period_id_48 .autoritzacions_seleccionades .titol,
.period_id_50 .dades_estudiant .titol,
.period_id_50 .dades_estudiant .dades_naixement h4,
.period_id_50 .dades_estudiant .dades_adreca h4,
.period_id_50 .dades_estudiant .a_dades_contacte h4,
.period_id_50 .dades_estudiant .dades_contacte h4,
.period_id_50 .dades_estudiant .dades_formacio h4,
.period_id_50 .dades_tutor1 .titol,
.period_id_50 .dades_tutor1 .dades_adreca h4,
.period_id_50 .dades_tutor1 .dades_contacte h4,
.period_id_50 .dades_tutor2 .titol,
.period_id_50 .dades_tutor2 .dades_adreca h4,
.period_id_50 .dades_tutor2 .dades_contacte h4,
.period_id_50 .dades_iban .titol,
.period_id_50 .autoritzacions .titol,
.period_id_50 .ofertes_seleccionades .titol,
.period_id_50 .barems_seleccionats .titol,
.period_id_50 .autoritzacions_seleccionades .titol,
.period_id_52 .dades_estudiant .titol,
.period_id_52 .dades_estudiant .dades_naixement h4,
.period_id_52 .dades_estudiant .dades_adreca h4,
.period_id_52 .dades_estudiant .a_dades_contacte h4,
.period_id_52 .dades_estudiant .dades_contacte h4,
.period_id_52 .dades_estudiant .dades_formacio h4,
.period_id_52 .dades_tutor1 .titol,
.period_id_52 .dades_tutor1 .dades_adreca h4,
.period_id_52 .dades_tutor1 .dades_contacte h4,
.period_id_52 .dades_tutor2 .titol,
.period_id_52 .dades_tutor2 .dades_adreca h4,
.period_id_52 .dades_tutor2 .dades_contacte h4,
.period_id_52 .dades_iban .titol,
.period_id_52 .autoritzacions .titol,
.period_id_52 .ofertes_seleccionades .titol,
.period_id_52 .barems_seleccionats .titol,
.period_id_52 .autoritzacions_seleccionades .titol {
  background-color: #c3e0a8;
  font-family: "Futura-LT-W01-Book";
}

/* Específics pàgina 1 */

.dades_estudiant .titol h3 {
  display: none;
}
.dades_estudiant .titol::after {
  display: block;
  color: #222222;
  content: "Dades de la persona que es vol inscriure";
  font-size: 1.17em;
  font-weight: bold;
}

.dades_estudiant .a_dades_contacte #div_telefon label,
.confirmar_default .dades_estudiant #div_telefon.field {
  visibility: hidden;
  max-width: 60px;
}
.dades_estudiant .a_dades_contacte #div_telefon label::before,
.confirmar_default .dades_estudiant #div_telefon.field::before {
  content: "Mòbil";
  display: inline-block;
  visibility: visible;
}

.dades_estudiant .dades_formacio #div_escola label::after {
  content: " i hora de sortida del centre:";
}

.dades_estudiant .dades_formacio #div_coneixements {
}

.dades_estudiant .dades_formacio #div_coneixements label,
.confirmar_default .dades_estudiant #coneixements.field {
  visibility: hidden;
}
.dades_estudiant .dades_formacio #div_coneixements label::before,
.confirmar_default .dades_estudiant #coneixements.field::before {
  content: "Dies i horaris que té ocupats en altres activitats:";
  display: inline-block;
  visibility: visible;
}

.dades_estudiant .dades_contacte .div_telefon2,
.dades_tutor1 .dades_contacte .div_telefon2,
.dades_tutor1 .dades_contacte .div_telefon2 {
  display: none;
}


/* Pàgina 2 */
.titol_pagina_seleccio_oferta h2 {
	display: none;
  font-size: 1em;
}

.header_seleccio_oferta div.info_message {
	background: none;
	/*border: 0; */
  border-radius: 0px;
  font-weight: bold;
  text-align: right;
  font-size: 1.2em;
  font-family: "Futura-LT-W01-Book";
}

.period_id_47 .header_seleccio_oferta div.info_message,
.period_id_49 .header_seleccio_oferta div.info_message,
.period_id_51 .header_seleccio_oferta div.info_message {
  border-color: #b47c65;
}
.period_id_48 .header_seleccio_oferta div.info_message,
.period_id_50 .header_seleccio_oferta div.info_message,
.period_id_52 .header_seleccio_oferta div.info_message {
  border-color: #83a068;
}



div.seleccio_oferta_default h4.explicacio.howto {display: none;}

.ambit .titol h4,
.autoritzacions .titol {
  font-size: 1.25em;
  text-transform: uppercase;
}

.ambit .titol h4::first-letter {color: transparent;}
.autoritzacions .titol h4 {
  padding-left: 12px;
}

/* Mecanisme per mostrar d'entrada només les capçaleres dels àmbits (els títols) i desplegar-ne el contingut en clicar-hi o posar-hi el focus */
.period_id_47 .ambit .titol,
.period_id_49 .ambit .titol,
.period_id_51 .ambit .titol {
  cursor: pointer;
  /*background-color: #DADADA; */
  background-color: #f4bca5;
  color: #b47c65;
}
.period_id_47 .ambit .titol:hover,
.period_id_49 .ambit .titol:hover,
.period_id_51 .ambit .titol:hover {
  /*background-color: #4b6682;*/
  background-color: #b47c65;
  color: #f4bca5;
}
.period_id_47 .ambit .titol:hover h4,
.period_id_49 .ambit .titol:hover h4,
.period_id_51 .ambit .titol:hover h4 {
  color: #f4bca5;
}

.period_id_48 .ambit .titol,
.period_id_50 .ambit .titol,
.period_id_52 .ambit .titol {
  cursor: pointer;
  /*background-color: #DADADA; */
  background-color: #c3e0a8;
  color: #83a068;
}
.period_id_48 .ambit .titol:hover,
.period_id_50 .ambit .titol:hover,
.period_id_52 .ambit .titol:hover {
  /*background-color: #4b6682;*/
  background-color: #83a068;
  color: #c3e0a8;
}
.period_id_48 .ambit .titol:hover h4,
.period_id_50 .ambit .titol:hover h4,
.period_id_52 .ambit .titol:hover h4 {
  color: #c3e0a8;
}
.ambit .observacions, .ambit .oferta {
  display: none;
  background-color: #FEFEFE;
}
.ambit.ambit_tipus_9 .observacions, .ambit.ambit_tipus_9 .oferta {
  /* Recollida de fitxers */
  display: block;
}

.ambit:focus-within .observacions, .ambit:focus-within .oferta {
  display: block;
}
.ambit:focus-within + .ambit.title_already_appeared .observacions, .ambit:focus-within  + .ambit.title_already_appeared .oferta {
  display: block;
  height: auto;
  padding-top: 6px;
  padding-bottom: 10px;
}
.ambit.title_already_appeared .observacions, .ambit.title_already_appeared .oferta {
  display:block;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.ambit.title_already_appeared:focus-within .observacions, .ambit.title_already_appeared:focus-within .oferta {
  height:auto;
  padding-top: 6px;
  padding-bottom: 10px;
}
form .ambit.title_already_appeared {
  padding-top: 6px;
  padding-bottom:0;
  
}
.ambit.title_already_appeared:focus-within {
  padding-top: 84px;
}

.seleccio_oferta_default #oferta_observacions_189,
.seleccio_oferta_default #oferta_observacions_191 {
  width: 640px;  
}

.ofertes_seleccionades .ofertes ul li {
  font-weight: normal;
  max-width: 600px;
}

.ambit .explicacio {
  display: none;
	color: #333333;
	padding-top: 6px;
	padding-left: 10px;
}

.ambit .observacions a {
  text-decoration: underline;  
	color: #373737;
}

form > .ambit.title_already_appeared {
  border-radius: 0 0 0 0;
}

.ambit.title_first_appearance + .ambit.title_already_appeared {
  border-top: 1px solid #919ca6;
}

.div_cb_autoritzacio div.div_autoritzacio_descripcio, .div_cb_barem div.div_barem_descripcio {
  text-align: justify;
}