/* --------------------------------- ESTILOS IMPORTADOS DE REDEFINIDO ---------------------------------- */
/* -- Estilo básico de Bootstrap + Redefinido + Estiloak Julio 2025 (general) -- */
@import url("estiloak_julio2025.css");


/* ------------------------------------------ ESTILOS PAGINAS ------------------------------------------ */

/* ----------------------------- FICHA PAGINA ---------------------------- */
#ficha_contenido.ficha_pagina {
	margin-top: 0em;
}

#ficha_contenido.ficha_pagina h3 {
	position: relative;
	top: -100%;
	color: #fff;
	font-size: 265%;
	font-weight: 800;
	letter-spacing: .02em;
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}

#ficha_contenido.ficha_pagina h3 span.antetitulo {
	display: block;
	font-size: 55%;
	font-weight: 300;
}

#pagina_cabecera_foto {
	position: relative;
	width: 100%;
	margin-bottom: 0;
}

#pagina_cabecera_foto img {
	width: 100%;
	max-width: 1500px;
}

#pagina_cabecera_foto figcaption {
	position: absolute;
	bottom: 2em;
	/*left: 4em;*/
	left: 2em;
	right: 2em;
}

.pagina_foto_todoancho {
    position: relative;
	width: 100%;
	margin-bottom: 0;
}

.pagina_foto_todoancho img {
	width: 100%;
	max-width: 1500px;
}

.logotipos_cabecera {
    position: absolute;
    z-index: 500;
    top: 3em;
    left: 0;
    right: 0;
    display: none;
}

.logotipos_cabecera img {
    margin: 2em;
}

/* ------- MENU MIGAS DE PAN ------- */
ul.migasdepan {
	padding: .5em .8em;
	margin-bottom: 1.5em;
	list-style: none;
	background-color: #faf5ef;
}

ul.migasdepan li {
	display: inline;
	font-size: 85%;
	text-transform: uppercase;
	margin-bottom: 0em !important;
}

ul.migasdepan li+li:before {
	font-size: 135%;
	line-height: .75;
	padding: .3em .6em;
	color: black;
	/*content: "/\00a0";*/
	content: "\00BB";
}

ul.migasdepan li a {
	color: #0275d8;
	text-decoration: none;
}

/*ul.migasdepan li a.activo {*/
ul.migasdepan li:last-child a {
	color: #84c000 !important;
	font-weight: 700;
	text-decoration: none;
}

ul.migasdepan li a:hover {
	color: #000;
	text-decoration: underline;
}

/* ---------- MENU PAGINA ---------- */
ul.pagina_menu {
	width: 100%;
	list-style: none;
	text-align: center;
	font-size: 160%;
	font-weight: 800;
	letter-spacing: .05em;
	padding: 1em 0;
	margin-bottom: 2em;
	color: #000;
	/*background: #faf5ef;*/
}

ul.pagina_menu li {
	display: inline-block;
	margin: .5em 1em 0 1em;
}

#ficha_contenido ul.pagina_menu li a {
	color: #000;
}

#ficha_contenido ul.pagina_menu li a:hover {
	color: #005cb6;
}

/* ------------- ANCLAS ------------ */
.ancla {
	position: relative;
	top: -5.2em;
	background: orange;
}

/* ------------- CAPAS ------------- */
.pagina_capa {
	display: block;
	width: 100%;
	max-width: 1500px;
	/*min-height: 15em;*/
	min-height: 6em;
	padding: 0em !important;
	font-size: 130%;
	color: #4d4d4d;
	background: #fff;
}

.pagina_capa.capa_conpaddinglateral, p.capa_conpaddinglateral {
	padding: 0em 2em !important;
}

.pagina_capa.capa_conpaddingvertical {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.pagina_capa.capa_sinpaddingsup {
	padding-top: 0em !important;
}

.pagina_capa.capa_sinalturamin {
	min-height: 0em;
}

.contenido_centrado {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.pagina_capa h4 {
	margin-top: 1em;
	margin-bottom: .5em;
}

.pagina_capa ul li {
	margin-bottom: .5em;
}

/* -- TITULO VERDE CENTRADO CON LINEA -- */
.pagina_capa .titu_conlinea {
	border-bottom: 1px solid #00559c;
	padding: 0;
	margin-bottom: 2em;
	height: 1.5em;
}

.pagina_capa h4 {
	/*font-size: 220%;*/
	font-size: 130%;
	font-weight: 900;
}

.pagina_capa h4.titu_mayusculas {
	font-size: 140%;
	font-weight: 900;
	letter-spacing: .1em;
	margin-bottom: 1em;
}

.pagina_capa h4 .titu_mayusculas {
	letter-spacing: .1em;
}

.pagina_capa .titu_conlinea h4.titu_solo {
	font-size: 220%;
	display: inline-block;
	padding: 0 .2em !important;
    margin-top: 0;
	position: relative;
	bottom: 0em;
	background: #fff;
}

.pagina_capa h4.titu_verde, .txt_verde {
	/*color: #97bf0d;*/
	color: #84c000;
}

h4.titu_handi {
	font-size: 150%;
}

h4.titu_handi_txuri {
	font-size: 150%;
    font-weight: bolder;
    color: #fff;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .5);
}

.titu_bold {
    font-weight: 900;
}

.titu_destacado {
    display: block;
    color: rgba(0,0,0,.75);
    font-size: 200%;
}

.titu_destacado_txuri {
    display: block;
    color: #fff;
    font-size: 200%;
}

.txt_destacado {
	/*color: #97bf0d;*/
	color: #84c000;
	font-weight: 700;
	letter-spacing: .02em;
}

.txt_destacado2 {
    /*color: #000;*/
    font-size: 120%;
    font-weight: bold;
}

.txt_destacado3 {
    font-size: 130%;
    font-weight: bold;
    font-style: italic;
    color: #84c000;
    line-height: 1.2em;
    letter-spacing: .02em;
}

.foto_centrada {
	display: block;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.foto_centrada img {
	width: 100%;
}

.pie_de_foto {
	display: block;
	font-size: 75%;
	font-style: italic;
	margin-top: .5em;
	line-height: 1.2em;
}

/* -- CAPAS A 2 COLUMNAS -- */
.pagina_capa_doscol {
	display: flow-root;
}

.pagina_capa_doscol.foto_izda, .pagina_capa_doscol.foto_dcha {
	margin-top: 2em;
	margin-bottom: 2.5em;
}

.pagina_capa_doscol .columna_izda {
    float: left;
	width: 100%;
	padding: 0em !important;
}

.pagina_capa_doscol.foto_izda .columna_izda, .pagina_capa_doscol.foto_izda .columna_izda2 {
	padding: 0 !important;
	margin-bottom: 1.5em;
}

.pagina_capa_doscol figure.columna_izda img, .pagina_capa_doscol figure.columna_dcha img {
	width: 100%;
    height: auto;
}

.pagina_capa_doscol .columna_dcha {
    float: right;
	width: 100%;
	padding: 0em !important;
}

.pagina_capa_doscol.foto_dcha .columna_dcha {
	padding: 0 !important;
	margin-bottom: 2em;
}

.pagina_capa_doscol div h4 {
	text-align: left;
	padding: 0 !important;
}

.pagina_capa_doscol.foto_izda div.columna_dcha h4, .pagina_capa_doscol.foto_dcha div.columna_dcha h4 {
	/*font-size: 150%;*/
	font-weight: 900;
	margin-top: 0;
}

.pagina_capa_doscol div.columna_dcha p {
	text-align: left;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.columna_izda_primero {
    direction: ltr;
}

.columna_dcha_primero {
    direction: rtl;
}

.contenedor_columna_izda, .contenedor_columna_dcha {
    padding: 0 2em !important;
    direction: ltr;
}

/* -- PERSONAL -- */
.pagina_capa_personal {
	display: inline-block;
	width: 20em;
	margin: 3em 0 0 0;
}

#ficha_contenido .pagina_capa_personal a {
	color: #4d4d4d;
}

.pagina_capa_personal:hover {
	cursor: pointer;
}

.pagina_capa_personal.personal_primero {
	display: block;
	margin: 3em auto 0 auto;
}

.pagina_capa_personal figure {
	width: 60%;
	width: 10em;
	margin: 0 auto;
	margin-bottom: 1.5em;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 15px solid #f5ebe0;
}

.pagina_capa_personal figure img {
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pagina_capa_personal:hover figure img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

h4.personal_titu {
	font-size: 110%;
	font-weight: 900;
}

.pagina_capa_personal:hover h4 {
	color: #005cb6;
}

.pagina_capa .pagina_capa_personal p {
	padding: 0 !important;
}

p.personal_cargo {
	font-size: 75%;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1.2em;
}

div[id^='capainvisible'] { /* Se aplica a todos los DIV cuya clase empieza por "capainvisible" (1,2,...) */
	display: none;
	margin: 0 2em;
	margin-top: 1em;
}

div[id^='capainvisible'] p:not(.personal_cargo) {
	margin-bottom: 0;
	margin-top: 1em;
}

/* -- PERSONAL - REDES SOCIALES -- */
ul[id^='cont_menu_redes'] {
	display: block;
	padding: 0;
	margin: 0;
	margin-top: .5em;
}

ul[id^='cont_menu_redes'] li {
	display: inline-block;
}

ul[id^='cont_menu_redes'] li {
	margin-right: .25em;
	margin-left: .25em;
}

ul[id^='cont_menu_redes'] li img {
	height: 40px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-top: .5em;
}

ul[id^='cont_menu_redes'] li a img {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

ul[id^='cont_menu_redes'] li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	background: rgba(0,0,0,.05);
}

/* -- NAVEGADOR HORIZONTAL -- */
#navegador_horizontal {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-top: 2em;
}

#navegador_horizontal ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navegador_horizontal ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
}

#navegador_horizontal ul li.conbordes {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
}

/* -- GOOGLE MAPS -- */
section#seccion3 {
	display: flow-root;
	padding: 0 2em !important;
	margin: 0;
	margin-top: 3em;
	font-size: 125%;
}

/* -- TEXTOS OULTOS -- */
.contenedor_texto_amostrar {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.contenedor_texto_amostrar:hover {
    border: 1px solid #bbb;
}

.texto_boton {
    padding: .75em 4em .75em 1em !important;
    cursor: pointer;
    position: relative;
    font-weight: bold;
}

.texto_boton::after {
    content: '+';
    position: absolute;
    top: -.2em;
    right: .5em;
    font-size: 50px;
    transition: transform 0.2s;
}

.contenedor_texto_amostrar.active .texto_boton::after {
    content: '-';
    transform: rotate(180deg);
}

.texto_amostrar {
    display: none;
    padding: .75em 1em .75em 1em !important;
    border-top: 1px solid #ddd;
    background-color: #f1f1f1;
    font-size: 90%;
}

.texto_boton p:last-child, .texto_amostrar p:last-child {
    margin-bottom: 0px;
}

/* -- TEXTOS -- */
.cita {
	font-size: 175%;
	font-style: italic;
	font-weight: 600;
	/*color: rgba(0,0,0,.3);*/
	/*color: #97bf0d;*/
	color: #84c000;
	background: rgba(0,0,0,.02);
	padding: 1.5em;
	margin: 1em 0;
}

.cita .txt_txiki {
	font-weight: 400;
}

.txt_handi {
    display: inline-block;
    font-size: 115%;
    margin: .5em 0 1em 0;
}

/* -- ICONOS ENLACES -- */
.enlace_doc {
	display: inline-block;
	width: auto;
	line-height: 2em;
	background: url(images_css/ico_enlace_doc.png) center left 2px no-repeat;
	background-size: auto 25px;
	padding-left: 2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.enlace_doc:hover {
	background: url(images_css/ico_enlace_doc_over.png) center left no-repeat;
	background-size: auto 30px;
}

.enlace_pdf {
	display: inline-block;
	width: auto;
	line-height: 2em;
	background: url(images_css/ico_enlace_pdf.png) center left 2px no-repeat;
	background-size: auto 25px;
	padding-left: 2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.enlace_pdf:hover {
	background: url(images_css/ico_enlace_pdf_over.png) center left no-repeat;
	background-size: auto 30px;
}

.enlace_url {
	display: inline-block;
	width: auto;
	line-height: 2em;
	background: url(images_css/ico_enlace_url.png) center left 2px no-repeat;
	background-size: auto 25px;
	padding-left: 2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.enlace_url:hover {
	background: url(images_css/ico_enlace_url_over.png) center left no-repeat;
	background-size: auto 30px;
}

/* -- DOCUMENTACION -- */
#documentacion {
	width: calc(100% - 1.5em);
	margin: 0em .75em !important;
}

/* -- FOTOS DE FONDO -- */
#fondo_elretoclimatico {
	background: url(images_css/Fondo_ElRetoClimatico.jpg) center center no-repeat #000;
	background-size: cover;
	color: #fff;
	padding: 3em !important;
	margin-bottom: 2em;
}

#fondo_elretoclimatico p {
	text-shadow: 2px 2px 10px rgba(0,0,0,1);
}

#fondo_elretoclimatico p:last-child {
	margin-bottom: 0em;
}

#fondo_fco2precio {
	background: url(images_css/Fondo_FCO2Precio.jpg) top right 37% no-repeat #000;
	background-size: cover;
	color: #fff;
	min-height: 30em;
	height: auto;
	padding: 10em 30% 10em 3em !important;
	margin-bottom: 2em;
    font-size: 150%;
}

#fondo_fco2precio p {
	text-shadow: 2px 2px 10px rgba(0,0,0,.5);
}

#fondo_fco2precio p:last-child {
	margin-bottom: 0em;
}

#fondo_fco2requisitos {
	background: url(images_css/Fondo_FCO2Requisitos.jpg) top left 20% no-repeat #000;
	background-size: cover;
	min-height: 30em;
	height: auto;
	padding: 5em 3em 5em 35% !important;
	margin-bottom: 2em;
    font-size: 120%;
}

#fondo_fco2requisitos p {
	/*text-shadow: 2px 2px 10px rgba(0,0,0,.5);*/
}

#fondo_fco2requisitos p:last-child {
	margin-bottom: 0em;
}

#fondo_fco2requisitos p {
	/*text-shadow: 2px 2px 10px rgba(0,0,0,.5);*/
}

#fondo_fco2requisitos p:last-child {
	margin-bottom: 0em;
}

#fondo_materiategi_biblioteca {
	background: url(images_css/Fondo_Materiategi_Biblioteca_may2025.jpg) top left 40% no-repeat #584945;
	background-size: cover;
    color: #fff;
	min-height: 30em;
	height: auto;
	padding: 5em 3em 5em 30% !important;
	margin-bottom: 2em;
    font-size: 120%;
    align-content: center;
}

#fondo_materiategi_biblioteca p:last-child {
	margin-bottom: 0em;
}

#fondo_materiategi_digital {
	background: url(images_css/Fondo_Materiategi_Digital_may2025.jpg) center right 25% no-repeat #f3916e;
	background-size: cover;
	min-height: 30em;
	height: auto;
	padding: 5em 30% 5em 3em !important;
	margin-bottom: 2em;
    font-size: 120%;
    align-content: center;
}

#fondo_materiategi_digital p:last-child {
	margin-bottom: 0em;
}

#fondo_materiategi_digital a {
    color: rgba(0,0,0,.6);
    font-weight: 600;
}

#fondo_materiategi_digital a:hover {
    color: rgba(0,0,0,1);
}

#fondo_materiategi_digital .enlace_url {
    background: url(images_css/ico_enlace_url_oscuro.png) center left 2px no-repeat;
    background-size: auto 25px;
}

#fondo_materiategi_digital .enlace_url:hover {
    background: url(images_css/ico_enlace_url_over.png) center left no-repeat;
    background-size: auto 30px;
}

#fondo_materiategi_ekintegi {
	background: url(images_css/Fondo_Materiategi_Ekintegi_azul_may2025.jpg) center left 35% no-repeat #584945;
	background-size: cover;
    color: #fff;
	min-height: 30em;
	height: auto;
	padding: 5em 3em 5em 35% !important;
	margin: 0;
    margin-top: 2em;
    font-size: 120%;
    align-content: center;
}

#fondo_materiategi_ekintegi p:last-child {
	margin-bottom: 0em;
}

#fondo_materiategi_ekintegi a {
    color: rgba(255,255,255,.6);
    font-weight: 600;
}

#fondo_materiategi_ekintegi a:hover {
    color: rgba(255,255,255,1);
}

#fondo_materiategi_ekintegi .enlace_url {
    background: url(images_css/ico_enlace_url_claro.png) center left 2px no-repeat;
    background-size: auto 25px;
}

#fondo_materiategi_ekintegi .enlace_url:hover {
    background: url(images_css/ico_enlace_url_claro_over.png) center left no-repeat;
    background-size: auto 30px;
}

ul.colaboradores_materiategi {
    list-style: none;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    margin-top: 1.5em;
}

ul.colaboradores_materiategi li {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

ul.colaboradores_materiategi li a {
    display: inline-block;
    width: calc(100% - 2em) !important;
    height: auto;
    padding: 1em !important;
    margin: 0;
}

ul.colaboradores_materiategi li a img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    filter: brightness(1.1);
    mix-blend-mode: multiply;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.colaboradores_materiategi li a:hover img {
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

ul.colaboradores_materiategi li > img {
    display: inline-block;
    width: calc(100% - 2em) !important;
    height: auto;
    padding: 1em !important;
    margin: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.colaboradores_materiategi li:hover img {
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

ul.fichas_digitales_materiategi {
    list-style: none;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    margin-top: 1.5em;
}

ul.fichas_digitales_materiategi li {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

ul.fichas_digitales_materiategi li a {
    display: inline-block;
    width: calc(100% - 2em) !important;
    height: auto;
    padding: 1em !important;
    margin: 0;
}

ul.fichas_digitales_materiategi li a img {
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    /*border: 15px solid #f3916e;*/
    border: 15px solid #f6a98e;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.fichas_digitales_materiategi.fichas_digitales_ekintegi li a img {
    /*border: 15px solid #125da1;*/
    border: 15px solid #437cb0;
}

ul.fichas_digitales_materiategi li a:hover img {
    -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.fondo_gris:not(:has(.fondo_blanco)) img {
    filter: brightness(1.1);
    mix-blend-mode: multiply;
}

/* ---------------------------- MEDIA QUERYS ----------------------------- */

/* ----- col-sm ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */
@media (max-width: 767px) {

	/* ----------------------------- FICHA PAGINA ---------------------------- */

	/* ------- MENU MIGAS DE PAN ------- */

	/* ---------- MENU PAGINA ---------- */

	/* ------------- ANCLAS ------------ */

	/* ------------- CAPAS ------------- */

	/* -- TITULO VERDE CON LINEA -- */

	/* -- CAPAS A 2 COLUMNAS -- */

	/* -- PERSONAL -- */

	/* -- PERSONAL - REDES SOCIALES -- */

	/* -- GOOGLE MAPS -- */

    /* -- TEXTOS OULTOS -- */

    /* -- TEXTOS -- */

	/* -- ICONOS ENLACES -- */

	/* -- DOCUMENTACION -- */

	/* -- FOTOS DE FONDO -- */

}

/* ----- col-md ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */
@media (min-width: 768px) {

	/* ----------------------------- FICHA PAGINA ---------------------------- */

	/* ------- MENU MIGAS DE PAN ------- */

	/* ---------- MENU PAGINA ---------- */

	/* ------------- ANCLAS ------------ */

	/* ------------- CAPAS ------------- */
	.pagina_capa {
		font-size: 110%;
	}

	/* -- TITULO VERDE CON LINEA -- */

	/* -- CAPAS A 2 COLUMNAS -- */
	.pagina_capa_doscol {
		display: flex;
		/*justify-content: center;*/
		align-items: top;
		margin-bottom: 2em;
        width: 100%;
	}

	.pagina_capa_doscol .columna_izda {
		padding: 0em 2em 0em 0em !important;
	}

	.pagina_capa_doscol .columna_dcha {
		padding: 0em 0em 0em 2em !important;
	}

	.pagina_capa_doscol.foto_izda, .pagina_capa_doscol.foto_dcha {
		align-items: center;
	}

	.pagina_capa_doscol.foto_izda .columna_izda {
		max-width: 20em;
		margin-bottom: 0;
		align-self: flex-start;
	}

	.pagina_capa_doscol.foto_izda .columna_izda2 {
		max-width: 23em;
		margin-bottom: 0;
		align-self: flex-start;
	}

	.pagina_capa_doscol.foto_izda .columna_dcha {
		width: 65vw;
	}

	.pagina_capa_doscol.foto_dcha .columna_izda {
		width: 65vw;
	}

	.pagina_capa_doscol.foto_dcha .columna_dcha {
		max-width: 20em;
		margin-bottom: 0;
		align-self: flex-start;
	}

    .contenedor_columna_izda {
        padding: 0 !important;
        /*padding-left: 2em !important;*/
    }
 
    .contenedor_columna_dcha {
        padding: 0 !important;
        padding-right: 2em !important;
    }

	/* -- PERSONAL -- */

	/* -- PERSONAL - REDES SOCIALES -- */

	/* -- GOOGLE MAPS -- */

    /* -- TEXTOS OULTOS -- */

    /* -- TEXTOS -- */

	/* -- ICONOS ENLACES -- */

	/* -- DOCUMENTACION -- */

	/* -- FOTOS DE FONDO -- */
	#fondo_elretoclimatico {
		padding: 5em !important;
	}

    #fondo_fco2precio {
        padding: 10em 40% 10em 5em !important;
        font-size: 125%;
    }

    #fondo_fco2requisitos {
    	background: url(images_css/Fondo_FCO2Requisitos.jpg) top left 15% no-repeat #000;
	    background-size: cover;
    }

    #fondo_materiategi_biblioteca {
        background: url(images_css/Fondo_Materiategi_Biblioteca_may2025.jpg) top left 40% no-repeat #584945;
        background-size: cover;
        padding: 4em 3em 4em 40% !important;
    }

    #fondo_materiategi_digital {
        background: url(images_css/Fondo_Materiategi_Digital_may2025.jpg) center right 20% no-repeat #f3916e;
        background-size: cover;
        padding: 4em 40% 4em 5em !important;
    }

    #fondo_materiategi_ekintegi {
        background: url(images_css/Fondo_Materiategi_Ekintegi_azul_may2025.jpg) center left 25% no-repeat #584945;
        background-size: cover;
        padding: 4em 3em 4em 50% !important;
    }

    ul.colaboradores_materiategi li {
        width: 49%;
        height: auto;
    }

    ul.fichas_digitales_materiategi li {
        width: 49%;
        height: auto;
    }

}

/* ----- col-lg ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */
@media (min-width: 992px) {

	/* ----------------------------- FICHA PAGINA ---------------------------- */

	/* ------- MENU MIGAS DE PAN ------- */

	/* ---------- MENU PAGINA ---------- */

	/* ------------- ANCLAS ------------ */

	/* ------------- CAPAS ------------- */

	/* -- TITULO VERDE CON LINEA -- */

	/* -- CAPAS A 2 COLUMNAS -- */

	/* -- PERSONAL -- */

	/* -- PERSONAL - REDES SOCIALES -- */

	/* -- GOOGLE MAPS -- */

    /* -- TEXTOS OULTOS -- */

    /* -- TEXTOS -- */

	/* -- ICONOS ENLACES -- */

	/* -- DOCUMENTACION -- */

	/* -- FOTOS DE FONDO -- */
	#fondo_elretoclimatico {
		padding: 5em 10em !important;
	}

    #fondo_fco2precio {
        padding: 10em 50% 5em 10em !important;
    }

    #fondo_fco2requisitos {
    	background: url(images_css/Fondo_FCO2Requisitos.jpg) top left no-repeat #000;
	    background-size: cover;
    }

    #fondo_materiategi_biblioteca {
        background: url(images_css/Fondo_Materiategi_Biblioteca_may2025.jpg) top left 20% no-repeat #584945;
        background-size: cover;
        padding: 4em 3em 4em 45% !important;
    }

    #fondo_materiategi_digital {
        background: url(images_css/Fondo_Materiategi_Digital_may2025.jpg) center right 15% no-repeat #f3916e;
        background-size: cover;
    }

    #fondo_materiategi_ekintegi {
        background: url(images_css/Fondo_Materiategi_Ekintegi_azul_may2025.jpg) center left 20% no-repeat #584945;
        background-size: cover;
        padding: 4em 3em 4em 45% !important;
    }

    ul.colaboradores_materiategi li {
        width: 32%;
        height: auto;
    }

    ul.fichas_digitales_materiategi li {
        width: 49%;
        height: auto;
    }

}

/* ----- Para ZONA PRIVADA (en 1135px) ---- */
@media (min-width: 1135px) {

	/* -------------------------------- CLASES ------------------------------- */

	/* ----------------------------- FICHA PAGINA ---------------------------- */

	/* ------- MENU MIGAS DE PAN ------- */

	/* ---------- MENU PAGINA ---------- */

	/* ------------- ANCLAS ------------ */

	/* ------------- CAPAS ------------- */

	/* -- TITULO VERDE CON LINEA -- */

	/* -- CAPAS A 2 COLUMNAS -- */

	/* -- PERSONAL -- */

	/* -- PERSONAL - REDES SOCIALES -- */

	/* -- GOOGLE MAPS -- */

    /* -- TEXTOS OULTOS -- */

    /* -- TEXTOS -- */

	/* -- ICONOS ENLACES -- */

	/* -- DOCUMENTACION -- */

	/* -- FOTOS DE FONDO -- */
    #fondo_materiategi_digital {
        background: url(images_css/Fondo_Materiategi_Digital_may2025.jpg) center right no-repeat #f3916e;
        background-size: cover;
    }

    ul.colaboradores_materiategi li {
        width: 19%;
        height: auto;
    }

    ul.fichas_digitales_materiategi li {
        width: 32%;
        height: auto;
    }

}

/* ----- col-xl ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */
@media (min-width: 1200px) {

	/* ----------------------------- FICHA PAGINA ---------------------------- */
	#pagina_cabecera_foto figcaption {
		position: absolute;
		bottom: 3em;
		/*left: 6em;*/
		left: 5em;
		right: 5em;
	}

    .logotipos_cabecera {
        display: inline-block;
    }

    /* ------- MENU MIGAS DE PAN ------- */

	/* ---------- MENU PAGINA ---------- */

	/* ------------- ANCLAS ------------ */

	/* ------------- CAPAS ------------- */
	.pagina_capa.capa_conpaddinglateral {
		padding: 0em 5em !important;
	}

    .pagina_capa.capa_conpaddingvertical {
		padding-top: 2em !important;
		padding-bottom: 2em !important;
	}

    .pagina_capa.capa_sinpaddingsup {
    	padding-top: 0em !important;
    }

	p.capa_conpaddinglateral {
		padding: 0em 6em !important;
	}

	/*.pagina_capa p {
		padding: 0em 6em !important;
	}

	.pagina_capa ul, .pagina_capa ol {
		padding: 0em 7.5em !important;
	}

	.pagina_capa h4 {
		padding: 0em 4.5em !important;
	}*/

	/* -- TITULO VERDE CON LINEA -- */

	/* -- CAPAS A 2 COLUMNAS -- */

	/* -- PERSONAL -- */

	/* -- PERSONAL - REDES SOCIALES -- */

	/* -- GOOGLE MAPS -- */

    /* -- TEXTOS OULTOS -- */

    /* -- TEXTOS -- */

	/* -- ICONOS ENLACES -- */

	/* -- DOCUMENTACION -- */
	#documentacion {
		width: calc(100% - 7em);
		margin: 0em 3.5em !important;
	}

	/* -- FOTOS DE FONDO -- */

}

/* -------------------------------- CLASES ------------------------------- */
.fondo_gris {
	background: #fcfaf7;
}

.fondo_beige {
    background: #faf5ef;
}

.centrado {
	text-align: center;
}

.separador {
    width: 400px;
    max-width: 100%;
    height: 1px;
    /*background-color: rgba(0,0,0,.2);*/
    background: linear-gradient(to right, transparent, rgba(0,0,0,.2), transparent);
    border: none;
    margin: 20px auto;
}

ul.lista_sinestilo {
	list-style: none;
}

ul.lista_enlinea {
	display: block;
	padding: 0;
}

ul.lista_enlinea li {
	display: inline-block;
	margin: 0 6em 0 0;
}

ul.lista_enlinea.centrado li {
	margin: 0 3em;
}

/* -- JUSTIFICADOS -- */
.justificado_izda {
    text-align: left !important;
}

.justificado_dcha {
    text-align: right !important;
}

.justificado_ctro {
    text-align: center !important;
}

/* -- MARGENES -- */
.sinmargen_sup {
    margin-top: 0 !important;
}

.sinmargen_inf {
    margin-bottom: 0 !important;
}

.sinmargen_izda {
    margin-left: 0 !important;
}

.sinmargen_dcha {
    margin-right: 0 !important;
}

/* -- PADDINGS -- */
.sinpadding_sup {
    padding-top: 0 !important;
}

.sinpadding_inf {
    padding-bottom: 0 !important;
}

.sinpadding_izda {
    padding-left: 0 !important;
}

.sinpadding_dcha {
    padding-right: 0 !important;
}