body {
	font-family: "Manrope", serif;
	/* margin-top: 105px; */
	/* margin-bottom: 400px; Es la altura del footer, si cambio la altura del footer debo cambiar esto */
	/* min-height: 100% !important; */
    /* height: 100%; */
	margin-top: 90px;
}


html {
	font-size: 9px;
	position: relative;
	/* min-height: 100% !important; */
    /* height: 100%; */
}


.contiene_todos_los_elementos{
	border: 1px solid red;
	height: 100px;
}


/*  ---------- AUMENTO LAS DURACIONES DE AOS -------------- */
body[data-aos-duration="7000"][data-aos],
[data-aos][data-aos][data-aos-duration="7000"] {
	transition-duration: 7000ms;
}
body[data-aos-delay="3500"][data-aos],[data-aos][data-aos][data-aos-delay="3500"] {	transition-delay: 3500ms;}
body[data-aos-delay="4000"][data-aos],[data-aos][data-aos][data-aos-delay="4000"] {	transition-delay: 4000ms;}
body[data-aos-delay="4500"][data-aos],[data-aos][data-aos][data-aos-delay="4500"] {	transition-delay: 4500ms;}
body[data-aos-delay="5000"][data-aos],[data-aos][data-aos][data-aos-delay="5000"] {	transition-delay: 5000ms;}
body[data-aos-delay="5500"][data-aos],[data-aos][data-aos][data-aos-delay="5500"] {	transition-delay: 5500ms;}
body[data-aos-delay="6000"][data-aos],[data-aos][data-aos][data-aos-delay="6000"] {	transition-delay: 6000ms;}
body[data-aos-delay="6500"][data-aos],[data-aos][data-aos][data-aos-delay="6500"] {	transition-delay: 6500ms;}
body[data-aos-delay="7000"][data-aos],[data-aos][data-aos][data-aos-delay="7000"] {	transition-delay: 7000ms;}
body[data-aos-delay="7200"][data-aos],[data-aos][data-aos][data-aos-delay="7200"] {	transition-delay: 7200ms;}
body[data-aos-delay="7400"][data-aos],[data-aos][data-aos][data-aos-delay="7400"] {	transition-delay: 7400ms;}
body[data-aos-delay="7600"][data-aos],[data-aos][data-aos][data-aos-delay="7600"] {	transition-delay: 7600ms;}
body[data-aos-delay="7800"][data-aos],[data-aos][data-aos][data-aos-delay="7800"] {	transition-delay: 7800ms;}
body[data-aos-delay="7500"][data-aos],[data-aos][data-aos][data-aos-delay="7500"] {	transition-delay: 7500ms;}
body[data-aos-delay="7700"][data-aos],[data-aos][data-aos][data-aos-delay="7700"] {	transition-delay: 7700ms;}
body[data-aos-delay="7900"][data-aos],[data-aos][data-aos][data-aos-delay="7900"] {	transition-delay: 7900ms;}
body[data-aos-delay="8000"][data-aos],[data-aos][data-aos][data-aos-delay="8000"] {	transition-delay: 8000ms;}
body[data-aos-delay="8500"][data-aos],[data-aos][data-aos][data-aos-delay="8500"] {	transition-delay: 8500ms;}



/*  ---------- AUMENTO LAS DURACIONES DE AOS -------------- */




h3{
	color: var(--primary);
	font-size: 2.2rem;
	/* letter-spacing: 1.4rem; */
	letter-spacing: .2rem;
	font-weight: 800;
	text-align: center;
	/* background-color: red; */
}

a{
	outline: none !important;
}
.btn:focus, .btn:focus:active {
	outline: none;
  	box-shadow: none;
	background-color: transparent;
	color: #000;
	border: 1px solid #000;
}

/*  ---------- Saco borde celeste focus bootstrap -------------- */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
button,
.uneditable-input:focus {   
  /*border-color: rgba(126, 239, 104, 0.8);*/
  box-shadow: 0;
  outline: 0 none;
  outline-color: transparent; 
    outline-style: none;
}
/*  ---------- Saco borde celeste focus bootstrap -------------- */


a#ir_arriba{
	display: block;
	cursor: pointer;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: var(--gris);
	/* border:1px solid #FFF; */
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	line-height: 4.7rem;
	font-weight: 100;
	position: fixed;
	bottom: 20px;
	/*right: 30px;*/
	right: -30px;
	opacity: 0;
	z-index: 900;
	background-image: url('../img/flecha_blanca_arriba.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
a#ir_arriba.visible{
	opacity: 1;
	bottom: 20px;
	/*bottom: 30px;*/
	right: 20px;
	/*right: 30px;*/
}
a#ir_arriba:hover{
	line-height: 3.5rem;
	background-color: var(--primary);
}


p{
	color: var(--gris);
	font-size: 1.5rem;
	font-weight: 300;
}

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

ul li {
	margin-bottom: 5px;
}

strong{
	font-weight: 600;
}

.btn-primary{
	font-size: 1.4rem;
	font-weight: 500;
	color: #FFF;
	background-color: var(--primary);
	border:none;
	border-radius: 40px;
	padding: 12px 25px;
	text-decoration: none;
	display: inline-block;
	transition: all .3s ease-in-out;
}

.btn-primary:hover{
	background-color: var(--negro);
}

.btn-primary.ocean{
	background-color: var(--ocean);
}
.btn-primary.ocean:hover{
	background-color: var(--primary);
}



/* -------------------------------/ COLORES /---------------------------------------- */
	:root {
		--primary: #00A9E5;
		--gris: #5F6666;
		--gris_claro: #EEECEC;
		--gris_intermedio: #E5E2E3;
		--negro: #0A0A0A;
	}
	/*Estas clases la resuelve la funcion que está dentro de efectos.ks*/
	:root.emisiones {
		--primary: #00A9E5;
	}
	:root.consultoria {
		--primary: #8DBF3F;
	}
	:root.remediacion {
		--primary: #CF9E6F;
	}
	:root.mediciones {
		--primary: #00729F;
	}
/* -------------------------------/ COLORES /---------------------------------------- */


.bg_gris_intermedio{
	background-color: var(--gris_intermedio);
}
.franja_cien{
	width: 100%;
	/* border: 1px solid red; */
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.franja_cien.gris_claro{
	background-color: var(--gris_claro);
}



.bg-primary{background-color: var(--primary) !important}




/* -------------------------------/ ANULO DESLAZAMIENTO DE SCROLL DE BOOTSTRAP /---------------------------------------- */
/*:root{scroll-behavior:unset}
/* -------------------------------/ ANULO DESLAZAMIENTO DE SCROLL DE BOOTSTRAP /---------------------------------------- */










/*  ---------------------------------------------------------- HEADER -------------------------------------------------- */
header{position: fixed;}


#main-header{
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 0px;
	height: 90px;
	text-align: center;
	/* background-color: transparent;  */
	background-color: #FFF; 
	z-index: 99;
}
#main-logo{
	max-width: 150px;
	display: inline-block;
	padding-bottom:8px;
	margin-left: 30px;
	/* border: 1px solid red; */
}
#main-logo img{width: 140px;}


#main-header.alternativo{
	background-color: var(--ocean); 
}


nav#main-botonera{
	width: auto;
	padding: 0;
	margin: 0;
	/* background-color: blue; */
	z-index: 99;
	-webkit-transition: all 0.20s ease-out;
    -moz-transition: all 0.20s ease-out;
    -o-transition: all 0.20s ease-out;
    -ms-transition: all 0.20s ease-out;
    transition: all 0.20s ease-out;
}
nav#main-botonera ul{position: relative; }
nav#main-botonera ul, nav#main-botonera ul li{padding: 0; margin: 0;}
nav#main-botonera ul li{
	display: inline-block;
}
nav#main-botonera ul li a{
	display: inline-block;
	text-decoration: none;
	color: var(--gris);
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0 15px;
	letter-spacing: .09rem;
	transition: all .25s ease-in-out;
}
nav#main-botonera ul li a:hover{
	color: var(--primary);
}
nav#main-botonera.activo{
	right: 0;
}

nav#main-botonera ul li ul#idiomas li{
	padding: 0;
	/* border: 1px solid red; */
	/* right: 120px; */
}
nav#main-botonera ul li ul#idiomas li a{
	padding: 0;
	margin: 0 5px;
	/* border: 1px solid blue; */
	color: var(--primary);
	/* right: 120px; */
}
nav#main-botonera ul li ul#idiomas li a:hover{
	font-weight: 900;
}












/* *------- Botonera ppal --------- */



#contenedor_botonera_mobile{
	width: 100%;
	height: 100%;
	background-color:var(--primary);
	position: fixed;
	z-index: 9999;
	top: 0;
	right: -100%;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#contenedor_botonera_mobile.activo{
	right: 0;
}




/* ul#main-menu_mobile{
	display: none;
} */
ul#main-menu_mobile li{
	display: block;
	margin: 0;
	padding: 0;
}
ul#main-menu_mobile li:nth-child(3){
	border-top: 1px solid #FFF;
	padding-top: 20px;
}
ul#main-menu_mobile img.logo_botonera_mobile{
	width: 100%;
	max-width: 130px;
	margin-bottom: 40px;
}




ul#main-menu_mobile li a{
	position: relative;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 300;
	color: #FFF;
	padding:5px 7px;
	margin:13px 0;
	outline:0px;
	text-align: center;
	letter-spacing: .15rem;
	text-decoration: none;
	background-image: none;
	/* background-color: red; */
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul#main-menu_mobile li ul#idiomas{
	margin-bottom: 30px;
}
ul#main-menu_mobile li ul#idiomas li{
	/* background-color: blue */
	padding: 0;
	margin: 0;
	display: inline-block;
}
ul#main-menu_mobile li ul#idiomas li:nth-child(2){
	border: none;
}
ul#main-menu_mobile li ul#idiomas li a{
	/* background-color: red; */
	margin: 0;
	display: block;
}


/*
ul#main-menu_mobile li a:before{
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	opacity: 0;
	position: absolute;
	right: 5px;
	top: 8px;
	background-repeat: no-repeat;
	background-size: 10px;
	transition: all 0.4s ease-in-out;
}
ul#main-menu_mobile li a:hover:before{
	opacity: 1;
	right: -22px;
}
ul#main-menu_mobile li a:hover{
	color: var(--primary);
}*/




a.cerrar_menu_ppal{
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	background-image: url("../img/cruz_blanca.svg");
	background-repeat: no-repeat;
	/* background-color: red; */
	width: 30px;
	height: 30px;
}

/* ul#main-menu_mobile li a:nth-child(1){
	background-image: url("../img/cruz_blanca.svg");
	background-repeat: no-repeat;
} */

ul#main-menu_mobile li a.redes{
	width: 20px;
	height: 20px;
	color: #FFF;
	font-size: 2.1rem;
	line-height: 2.2rem;
	/* background-color: red; */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	padding: 0;
	margin: 8px 12px;
}
ul#main-menu_mobile li a.redes:hover{
	color: var(--verde_claro_sasami);
}
/* ul#main-menu_mobile li a.vimeo{
	background-image: url("../img/icono_vimeo.svg");
}
ul#main-menu_mobile li a.instagram{
	background-image: url("../img/icono_instagram.svg");
} */









/* ICONO BOTON HAMBURGUESA */
.menu_hamburguesa {
	position: fixed;
	z-index: 500;
	width: 50px !important;
	height: 35px !important;
	left: 25px;
	top: 35px;
	padding-top: 15px;
	/* background-color: green; */
}
 /*Linea central:*/
.menu_hamburguesa span {
	margin: 0 auto;
	position: relative;
}
/*Linea sup e inf:*/
.menu_hamburguesa span:before, .menu_hamburguesa span:after { 
	position: absolute;
	content: '';
}
/*Le doy color y medidas a las tres líneas:*/
.menu_hamburguesa span, .menu_hamburguesa span:before, .menu_hamburguesa span:after {
	width: 36px;
	height: 5px;
	border-radius: 0px;
	background-color: var(--primary);
	display: block;
}
/*Separo la linea superior:*/
.menu_hamburguesa span:before {
	margin-top: -13px;
	background-color: var(--primary);
}
/*Separo la linea Inferior:*/
.menu_hamburguesa span:after {
	margin-top: 13px;
	background-color: var(--primary);
}
/* --- ICONO BOTON HAMBURGUESA --- */



.menu_hamburguesa:before{
	content: '';
	position: absolute;
	top: -4px;
	left: -8px;
	display: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #2bd904;
}
.menu_hamburguesa.visible:before{
	display: block;
}


/*-----------------ANIMACION CRUZ ICONO HAMBURGUESA -----------*/
/*Dejo transparente la linea central:*/
.ejemplo_cruz.animo_menu_hamburguesa span {
	background-color: rgba(0,0,0,0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.ejemplo_cruz span {
	-webkit-transition-duration: 0s; 
	transition-duration: 0s;
	-webkit-transition-delay: 0.15s; 
	transition-delay: 0.15s;
}
.ejemplo_cruz span:before {
	transition-property: margin, transform;
	-webkit-transition-property: margin, -webkit-transform; 

	transition-duration: 0.15s;
	-webkit-transition-duration: 0.15s; 
	transition-delay: 0.15s, 0s;
	-webkit-transition-delay: 0.15s, 0s; 
}
.ejemplo_cruz.animo_menu_hamburguesa span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.ejemplo_cruz span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.ejemplo_cruz.animo_menu_hamburguesa span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
/*-----------------ANIMACION CRUZ ICONO HAMBURGUESA -----------*/







/*-------- Menu mobile------------ */
#contiene_botonera_desplegable{
	position: absolute;
	z-index: 90;
	/*float: left;*/
	width: 100%;
	/*height: 100%;*/
	display: none;
	margin-top: 0px;
	padding: 20px 0 40px 0;
	border-top:1px solid #002b82;
	border-bottom:1px solid #002b82;
	background-color: #FFF; /*Mismo color que el fondo del header*/
}



/*Animacion boton cerrar ---------------------------------- */
  .close-button {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	overflow: hidden;
  }
  .close-button > div {
	position: relative;
  }
  .close-button-block {
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
  }
  .close-button-block:before, .close-button-block:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(55% - 4px);
	display: block;
	width: 4px;
	height: 25px;
	transform-origin: bottom center;
	background: white;
	transition: all ease-out 280ms;
  }
  .close-button-block:last-of-type {
	transform: rotate(180deg);
  }
  .close-button .in .close-button-block:before {
	transition-delay: 280ms;
	transform: translateX(20px) translateY(-20px) rotate(45deg);
  }
  .close-button .in .close-button-block:after {
	transition-delay: 280ms;
	transform: translateX(-22px) translateY(-22px) rotate(-45deg);
  }
  .close-button .out {
	position: absolute;
	top: 0;
	left: 0;
  }
  .close-button .out .close-button-block:before {
	transform: translateX(-5px) translateY(5px) rotate(45deg);
  }
  .close-button .out .close-button-block:after {
	transform: translateX(5px) translateY(5px) rotate(-45deg);
  }
  /*
  .close-button:hover .in .close-button-block:before {
	transform: translateX(-5px) translateY(5px) rotate(45deg);
  }
  .close-button:hover .in .close-button-block:after {
	transform: translateX(5px) translateY(5px) rotate(-45deg);
  }
  .close-button:hover .out .close-button-block:before {
	transform: translateX(-20px) translateY(20px) rotate(45deg);
  }
  .close-button:hover .out .close-button-block:after {
	transform: translateX(20px) translateY(20px) rotate(-45deg);
  }*/
/*Animacion boton cerrar ---------------------------------- */



ul#mobile-main-menu_mobile{
	position: relative;
	/*overflow: scroll;*/
	/*height: 100%;*/
}
ul#mobile-main-menu_mobile li{
	margin: 0;
	padding: 0 15px;
	border-bottom:1px solid #CCCCCC;
}
ul#mobile-main-menu_mobile li a{
	display: block;
	width: 100%;
	
	padding: 12px 0;
	font-size: 1.4rem;
	color: #002b82;
	text-transform: uppercase;
	text-align: left;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	/*text-transform: uppercase;*/
}
ul#mobile-main-menu_mobile li:last-child{border-bottom: none;}

ul#mobile-main-menu_mobile a:hover{
	color: #686868;
	text-decoration: none;
}

ul#mobile-main-menu_mobile li a{
	font-weight: 300;
}
/*-------- Menu mobile------------ */

/*  ---------------------------------------------------------- FIN HEADER -------------------------------------------------- */




























section {
	overflow: hidden; /*Para que no afecte el ancho los elementos animados con AOS.js que vienen de los laterales*/
	/* min-height: 100%; */
	/* background: linear-gradient(45deg, rgb(234, 249, 255) 10%, rgba(255,255,255) 50%); */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}












/*Botoneras consultoria ---------------------------------------------------------- */
body#consultoria div.contiene_botonera_microsite_emisiones,
body#consultoria div.contiene_botonera_microsite_remediacion,
body#consultoria div.contiene_botonera_microsite_mediciones,
body#consultoria div.contiene_botonera_microsite_emisiones_mobile,
body#consultoria div.contiene_botonera_microsite_remediacion_mobile,
body#consultoria div.contiene_botonera_microsite_mediciones_mobile,
body#consultoria div.contiene_botonerafooter_microsite_emisiones,
body#consultoria div.contiene_botonerafooter_microsite_remediacion,
body#consultoria div.contiene_botonerafooter_microsite_mediciones,
body#consultoria img.logo_header_emisiones,
body#consultoria img.logo_header_remediacion,
body#consultoria img.logo_header_mediciones{
	display: none;
}

/*Botoneras Emisiones ---------------------------------------------------------- */
body#emisiones div.contiene_botonera_microsite_consultoria,
body#emisiones div.contiene_botonera_microsite_remediacion,
body#emisiones div.contiene_botonera_microsite_mediciones,
body#emisiones div.contiene_botonera_microsite_consultoria_mobile,
body#emisiones div.contiene_botonera_microsite_remediacion_mobile,
body#emisiones div.contiene_botonera_microsite_mediciones_mobile,
body#emisiones div.contiene_botonerafooter_microsite_consultoria,
body#emisiones div.contiene_botonerafooter_microsite_remediacion,
body#emisiones div.contiene_botonerafooter_microsite_mediciones,
body#emisiones img.logo_header_consultoria,
body#emisiones img.logo_header_remediacion,
body#emisiones img.logo_header_mediciones{
	display: none;
}


/*Botoneras Remediacion ---------------------------------------------------------- */
body#remediacion div.contiene_botonera_microsite_consultoria,
body#remediacion div.contiene_botonera_microsite_emisiones,
body#remediacion div.contiene_botonera_microsite_mediciones,
body#remediacion div.contiene_botonera_microsite_consultoria_mobile,
body#remediacion div.contiene_botonera_microsite_emisiones_mobile,
body#remediacion div.contiene_botonera_microsite_mediciones_mobile,
body#remediacion div.contiene_botonerafooter_microsite_consultoria,
body#remediacion div.contiene_botonerafooter_microsite_emisiones,
body#remediacion div.contiene_botonerafooter_microsite_mediciones,
body#remediacion img.logo_header_consultoria,
body#remediacion img.logo_header_emisiones,
body#remediacion img.logo_header_mediciones{
	display: none;
}

/*Botoneras Mediciones ---------------------------------------------------------- */
body#mediciones div.contiene_botonera_microsite_consultoria,
body#mediciones div.contiene_botonera_microsite_emisiones,
body#mediciones div.contiene_botonera_microsite_remediacion,
body#mediciones div.contiene_botonera_microsite_consultoria_mobile,
body#mediciones div.contiene_botonera_microsite_emisiones_mobile,
body#mediciones div.contiene_botonera_microsite_remediacion_mobile,
body#mediciones div.contiene_botonerafooter_microsite_consultoria,
body#mediciones div.contiene_botonerafooter_microsite_emisiones,
body#mediciones div.contiene_botonerafooter_microsite_remediacion,
body#mediciones img.logo_header_consultoria,
body#mediciones img.logo_header_emisiones,
body#mediciones img.logo_header_remediacion{
	display: none;
}










body#intro{
	margin-top: 0;
}
/*p.logo_intro{
	color: #8B8E90;
	font-size: 5rem;
	font-weight: 700;
	letter-spacing: 1rem;
}
p.logo_intro span{
	font-size: 7rem;
	font-weight: 600;
}*/
section#index{
	/* border: 1px solid red; */
	min-height: 100vh;
	background-color: var(--gris_claro);
}
img.logo_intro{
	/*display: block;
	width: 100%;
	max-width:350px;
	height: auto;*/
	display: block;
	width: 260px;
	/*
	-webkit-max-width:350px;
	-moz-max-width:350px;
	-o-max-width:350px;
	-ms-max-width:350px;

	-webkit-width:100%;
	-moz-width:100%;
	-o-width:100%;
	-ms-width:100%;*/
}
section#index p.intro{
	text-align: center;
	font-size: 3.7rem;
	line-height: 4.3rem;
	color: #8B8E90;
	animation-name: oculto_elemento;
	animation-duration: 1.5s;
	animation-delay: 7s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.contiene_logo_intro{
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100%;
	/* border: 1px solid red; */
	z-index: 9;
	height: 100vh;
	animation-duration: 1.7s;
	animation-delay: 2.5s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
  	animation-name: oculto_elemento;
	opacity: 1;
}
@keyframes oculto_elemento {
	from {
	  	opacity: 1;
	}
	to {
		opacity: 0;
	}
  }




.contiene_frase_intro{
	/* border: 1px solid blue; */
	/* top: -20px; */
	height: 100vh;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.contiene_frase_intro div{
	/* border: 1px solid green; */
}
.contiene_logos_microsite{
	position: relative;
	text-align: center;
	/* border: 10px solid pink; */
	z-index: 20;
	height: 100vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}




ul#microsites_index {
	/* border: 1px solid red; */
	width: auto;
	margin-top: 0px;
}

ul#microsites_index li{
	display: block;
	border-right:none;
	border-bottom: none;
	padding: 30px 0;
	letter-spacing: 0.6rem;
	position: relative;
}
ul#microsites_index li:before{
	display: block;
	content: "";
	/* border-bottom: 1px solid #8B8E90; */
	position: absolute;
	width: 60px;
	height: 1px;
	background-color: #8B8E90;
	bottom:0;
	left: 50%;
	margin-left: -30px;
}
ul#microsites_index li:last-child{
	border-right: none;
	border-bottom: none;
	padding-right: 0;
}
ul#microsites_index li:last-child::before{
	opacity: 0;
}
ul#microsites_index li a{
	display: block;
	width: 120px;
	margin: 0;
	filter: contrast(0);
	opacity: .8;
	transition: all 1s ease-in-out;
}

ul#microsites_index li a:hover{
	filter: contrast(100%);
	opacity: 1;
}














/* INICIO //////// --------------------------------------------------------------------- */

section#inicio{
	position: relative;
	background-image: url("../img/mobile_img_e_cero_emisiones_1.jpg");
	min-height: 270px;
}
section#inicio_consultoria{
	position: relative;
	background-image: url("../img/img_e_cero_consultoria_mobile_1.jpg");
	min-height: 270px;
}
/* section#inicio_consultoria img{
	width: 100%;
} */

section#inicio.remediaciones{
	background-image: url("../img/img_e_cero_remediacion_mobile_1.jpg");
}
section#inicio.mediciones{
	background-image: url("../img/img_e_cero_mediciones_mobile_1.jpg");
}
section#inicio div.contiene_txt.remediaciones{
	background-color: rgba(193, 147, 96, 0.6);
	mix-blend-mode: normal;
}
section#inicio div.contiene_txt.mediciones{
	background-color: rgba(0, 0, 0, 0);
}
section#inicio h1{
	text-align: center;
	color: #FFF;
	/* font-size: 2.7rem; */
	/* line-height: 2.7rem; */
	/* letter-spacing: 3.3rem; */
	font-weight: 600;
	font-size: 2.4rem;
	line-height: 2.5rem;
	letter-spacing: 1rem;
}


section#inicio div.contiene_txt{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: rgba(0, 169, 255, 0.6);
	height: 100px;
	mix-blend-mode: screen;
}
section#inicio div.contiene_txt h1{
	letter-spacing: .7rem;
}

/* INICIO //////// --------------------------------------------------------------------- */











/* MEDICIONES //////// --------------------------------------------------------------------- */
section#ensayos_mediciones, section#ensayos_aceites{
	padding: 60px 0;
	background-color: var(--gris_claro);
}
section#ensayos_mediciones p, section#ensayos_aceites p{
	color: var(--gris);
	font-size: 2rem;
	line-height: 2.3rem;
	font-weight: 200;
	margin-top: 10px;
	width: 100%;
	text-transform: uppercase;
	/* border: 1px solid green; */
}
section#ensayos_mediciones p span, section#ensayos_aceites p span{
	color: var(--primary);
	
	font-weight: 600;
}

.franja_cien.bg_operario_mediciones{
	min-height: 400px;
	background-image: url("../img/img_e_cero_mediciones_mobile_2.jpg");
}



.franja_cien.bg_ensayos_medio{
	min-height: 400px;
	background-image: url("../img/img_e_cero_mediciones_mobile_3.jpg");
}

/* MEDICIONES //////// --------------------------------------------------------------------- */

























/* BAJADA INDEX //////// --------------------------------------------------------------------- */
	section#bajada_index{
		padding: 20px 0 50px 0;
		position: relative;
	}

	section#bajada_index.remediacion{
		padding: 50px 0;
	}

	section#bajada_index p{
		color: var(--gris);
		font-size: 2.5rem;
		line-height: 3.1rem;
		font-weight: 200;
		margin-top: 30px;
		width: 100%;
		max-width: 590px;
		/* border: 1px solid red; */
		/* background-color: red; */
	}
	section#bajada_index p img{
		width: 117px;
		margin-right: 5px;
	}

	section#bajada_index p.consultoria{
		width: 100%;
		max-width: 600px;
		/* border: 1px solid red; */
		/* background-color: red; */
	}

	section#bajada_index p.remediaciones{
		width: 100%;
		max-width: 645px;
		margin: 0;
		padding: 0;
		/* border: 1px solid red */
		/* background-color: red; */
	}
	section#bajada_index p.mediciones{
		width: 100%;
		max-width: 675px;
		margin: 0;
		padding: 0;
		/* border: 1px solid red; */
		/* background-color: red; */
	}

/* BAJADA INDEX //////// --------------------------------------------------------------------- */
























/* METANO  //////// --------------------------------------------------------------------- */

	section#metano{
		overflow: visible;
		background-color: var(--primary);
		position: relative;
	}
	img.nube_emisiones{
		position: absolute;
		width: 100%;
		max-width: 160px;
		right: 0;
		top: -48px;
	}
	section#metano img.logo{
		width: 100%;
		/* max-width: 220px; */
		max-width: 155px;
		margin-bottom: 15px;
		/* margin-top: 60px; */
		margin-top: 40px;
	}
	section#metano h2{
		text-transform: uppercase;
		color: #FFF;
		/* font-size: 2.8rem; */
		font-size: 2.2rem;
		font-weight: 300;
		/* letter-spacing: .75rem; */
		letter-spacing: .3rem;
		margin-bottom: 35px;
	}
	section#metano p{
		color: #FFF;
		font-size: 1.8rem;
		font-weight: 400;
		margin: 110px 0  60px 0;
	}
	section#metano p.mobile{
		font-size: 2rem !important;
		line-height: 2.5rem !important;;
	}
	section#metano p.gris{
		color: var(--gris);
		font-size: 1.9rem;
		line-height: 2.4rem;
		font-weight: 300;
		margin: 50px 0  60px 0;
	}
	.franja_cien.bg_metano{
		min-height: 150px;
		background-image: url("../img/img_e_cero_emisiones_2.jpg");
	}
/* METANO  //////// --------------------------------------------------------------------- */












/* MEDICIONES  //////// --------------------------------------------------------------------- */
div#franja_text{
	overflow: visible;
	background-color: var(--primary);
	position: relative;
}
div#franja_text img.logo{
	width: 100%;
	/* max-width: 220px; */
	max-width: 155px;
	margin-bottom: 15px;
	/* margin-top: 60px; */
	margin-top: 40px;
}
div#franja_text h2{
	color: #FFF;
	font-size: 2.2rem;
	font-weight: 300;
	letter-spacing: .3rem;
	margin-bottom: 35px;
}


/* MEDICIONES  //////// --------------------------------------------------------------------- */










/* PROPONEMOS  //////// --------------------------------------------------------------------- */
	section#proponemos{
		overflow: visible;
		background-color: var(--primary);
		padding: 50px 0;
		background-image: url("../img/circulos_concentricos.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 300px;
	}
	.franja_cien.proponemos_consul{
		min-height: 250px;
		background-image: url("../img/img_e_cero_consultoria_2.jpg");
	}
	section#proponemos p{
		color: #FFF;
		width: 100%;
		max-width: 700px;
		font-size: 3rem !important;
		line-height: 3.4rem;
		font-weight: 100 !important;
		text-align: center;
	}
/* PROPONEMOS  //////// --------------------------------------------------------------------- */








	section#sabemos_remediaciones{
		overflow: visible;
		background-color: var(--primary);
		padding: 50px 0;
		background-image: url("../img/circulos_concentricos.svg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 330px;
	}
	section#sabemos_remediaciones p{
		color: #FFF;
		width: 100%;
		max-width: 720px;
		font-size: 3rem !important;
		line-height: 3.4rem;
		font-weight: 100 !important;
		text-align: center;
	}
	.franja_cien.bg_remediaciones{
		min-height: 350px;
		/* background-image: url("../img/img_e_cero_remediacion_2.jpg"); */
		background-image: url("../img/img_e_cero_remediacion_mobile_2.jpg");
	}
	.franja_cien.bg_remediaciones img{
		width: 100%;
		max-width: 900px;
	}

	.franja_cien.bg_biopilas{
		min-height: 450px;
		background-image: url("../img/img_e_cero_remediacion_3.jpg");
	}
	.franja_cien.bg_biopilas p{
		color: #FFF;
		text-align: center;
		font-weight: 200;
		font-size: 2.5rem;
		line-height: 2.9rem;
		width: 100%;
		max-width: 700px;
		margin-top: 45px;
		/* border: 1px solid red; */
	}


	







/* SOLUCIONES  //////// --------------------------------------------------------------------- */

	section#soluciones{
		/* background-color: var(--gris_claro); */
		background-color: #FFF;
	}
	.franja_cien.bg_soluciones{
		min-height: 350px;
		background-image: url("../img/img_e_cero_emisiones_3.jpg");
	}
	img.img_reemplaza_fondo{
		width: 100%;
	}
	p.triada_destacados{
		color:var(--primary);
		font-size: 7rem;
		letter-spacing: .4rem;
		font-weight: 300;
	}
	p.triada_destacados span{
		display: block;
		color:var(--gris);
		font-size: 1.8rem;
		line-height: 2.4rem;
		letter-spacing: .08rem;
	}
/* SOLUCIONES  //////// --------------------------------------------------------------------- */







/* SERVICIOS (consultoria)  //////// --------------------------------------------------------------------- */
	section#servicios{
		background-color: var(--gris_claro);
	}
	.franja_servicios_consul{
		padding: 40px 0;
		/* border: 1px solid pink; */
	}
	.franja_servicios_consul:nth-child(odd){
		background-color: var(--gris_intermedio);
	}
	.dupla_de_servicios{
		/* border: 1px solid red; */
		width: 100%;
		max-width: 980px;
	}
	p.cada_servicio span.numero{
		color:var(--primary);
		font-size: 7rem;
		line-height: 7rem;
		position: relative;
		top: -4px;
		letter-spacing: .4rem;
		font-weight: 200;
		/* width: 90px; */
		width: auto;
		/* border: 1px solid red; */
		/* background-color: red; */
	}
	p.cada_servicio span.txt{
		display: block;
		/* border-left: 2px solid var(--primary); */
		border-left: none;
		color:var(--gris);
		font-size: 1.9rem;
		line-height: 2.5rem;
		letter-spacing: .1rem;
		padding: 5px 0 0px 0px;
		margin-left: 10px;
		height: 100%;
		text-transform: uppercase;
		/* background-color: blue; */
	}
	p.cada_servicio span.txt span.ppal{
		display: block;
		color: var(--primary);
		font-weight: 400;
		line-height: 2rem;
		font-size: 2rem;
		letter-spacing: .15rem;
		margin-top: 10px;
		text-transform: none !important;
		/* background-color: red; */
	}



/* SERVICIOS (consultoria)  //////// --------------------------------------------------------------------- */












/* EQUIPAMIENTO  //////// --------------------------------------------------------------------- */

	section#equipamiento{
		padding: 60px 0;
	}
	section#equipamiento p{
		color: var(--gris);
		/* font-size: 2.3rem; */
		font-size: 2.2rem;
		line-height: 3rem;
		font-weight: 200;
		margin-top: 10px;
		width: 100%;
		max-width: 690px;
	}
	section#equipamiento p span.superindice{
		display: inline-block;
		position: relative;
		top: -10px;
		left: 2px;
		font-size: 1.2rem;
		font-weight: 500;
	}
	section#equipamiento p strong{
		font-weight: 600;
	}
	
/* EQUIPAMIENTO  //////// --------------------------------------------------------------------- */









/* REMEDIACIONES  //////// --------------------------------------------------------------------- */
	section#abandono_pozos{
		padding: 60px 0;
	}
	section#abandono_pozos p{
		color: var(--gris);
		font-size: 2.2rem;
		line-height: 3rem;
		font-weight: 200;
		margin-top: 10px;
		width: 100%;
		max-width: 460px;
		/* border: 1px solid green; */
	}

	.franja_cien.bg_remediaciones_pozos{
		min-height: 450px;
		background-image: url("../img/img_e_cero_remediacion_mobile_4.jpg");
	}
	.franja_cien.bg_remediaciones_pozos img{
		width: 200px;
		margin: 0 90px 190px 0;	
	}

	section#cierre_remediaciones{
		padding: 20px 0 50px 0;
		position: relative;
	}

	section#cierre_remediaciones p{
		color: var(--primary);
		font-size: 2.5rem;
		line-height: 3.1rem;
		font-weight: 200;
		margin-top: 30px;
		width: 100%;
		max-width: 550px;
		/* border: 1px solid red; */
	}
	section#cierre_remediaciones p.contamos_mediciones{
		/* border: 1px solid blue; */
		max-width: 700px;
	}
/* REMEDIACIONES  //////// --------------------------------------------------------------------- */































































/*  ---------------------------------------------------------- FOOTER-------------------------------------------------- */

footer{
	position: relative;
	z-index: 1;
	width: 100%; 	
	background-color: var(--primary);
	padding:35px 0;
}
footer p.legales{
	color: #fff;
	font-size: 1.3rem;
	font-weight: 300;
}


ul#microsites li{
	display: block;
	border-right:none;
	border-bottom: 1px solid #FFF;
	padding: 10px 30px 10px 0;
	letter-spacing: 0.6rem;
}
ul#microsites li:last-child{
	border-right: none;
	padding-right: 0;
}
ul#microsites li a{
	display: block;
	width: 90px;
	margin: 0;
}

ul#interna li{
	padding: 4px 0;
	margin: 0;
}
ul#interna li a{
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0.12rem;
	transition: all .15s ease-in-out;
}
ul#interna li a:hover{
	color: var(--gris);
}

/*  ---------------------------------------------------------- FIN FOOTER-------------------------------------------------- */






































@media (max-height: 380px) {
		

	
}




/*// Small devices (landscape phones, 576px and up) col-sm*/
@media (min-width: 576px) {

	html {
		font-size: 10px;
	}

}






/*// Medium devices (tablets, 768px and up) col-md*/
@media (min-width: 768px) {


	/* FOOTER -------- */
		ul#microsites li{
			display: inline-block;
			border-right: 1px solid #FFF;
			border-bottom: none;
			padding: 10px 20px 10px 20px;
		}
	/* FOOTER -------- */


	



}






/*// Large devices (desktops, 992px and up) col-lg*/
@media (min-width: 992px) {


	h3{
		letter-spacing: 1.4rem;
	}



	img.logo_intro{
		width: 300px;
	}



	ul#microsites_index li{
		margin-top: -110px;
	}
	ul#microsites_index li{
		display: inline-block;
		border-right: 2px solid #8B8E90;
		border-bottom: none;
		padding: 14px 45px;
	}
	ul#microsites_index li:before{
		display: none
	}
	ul#microsites_index li a{
		width: 150px;
		margin: 0;
		transition: all .2s ease-in-out;
	}





	/* INICIO  //////// --------------------------------------------------------------------- */
		section#inicio{
			min-height: 450px;
			background-image: url("../img/img_e_cero_emisiones_1.jpg");
		}
		section#inicio h1{
			font-size: 2.7rem;
			line-height: 2.7rem;
			letter-spacing: 3.3rem;
		}
		section#inicio div.contiene_txt{
			height: 150px;
		}

		section#inicio_consultoria{
			background-image: url("../img/img_e_cero_consultoria_1.jpg");
			min-height: 450px;
		}


		section#inicio.remediaciones{
			background-image: url("../img/img_e_cero_remediacion_1.jpg");
		}
		section#inicio.mediciones{
			background-image: url("../img/img_e_cero_mediciones_1.jpg");
		}

	/* INICIO  //////// --------------------------------------------------------------------- */




	/* BAJADA INDEX //////// --------------------------------------------------------------------- */
		section#bajada_index p{
			font-size: 2.8rem;
			line-height: 3.3rem;
		}

		section#bajada_index{
			padding: 20px 0  80px 0;
		}
		section#bajada_index.remediacion{
			padding: 60px 0;
		}
	/* BAJADA INDEX //////// --------------------------------------------------------------------- */






	/* METANO  //////// --------------------------------------------------------------------- */
		section#metano img.logo{
			max-width: 220px;
			margin-top: 60px;
		}
		section#metano h2{
			font-size: 2.8rem;
			letter-spacing: .75rem;
		}
	/* METANO  //////// --------------------------------------------------------------------- */





	/* SOLUCIONES  //////// --------------------------------------------------------------------- */
		section#soluciones{
			background-color: var(--gris_claro);
		}
	/* SOLUCIONES  //////// --------------------------------------------------------------------- */





	/* EQUIPAMIENTO  //////// --------------------------------------------------------------------- */

		section#equipamiento p{
			margin-top: 30px;
			font-size: 2.3rem;
		}
	/* EQUIPAMIENTO  //////// --------------------------------------------------------------------- */







	p.cada_servicio span.numero{
		width: 90px;
	}
	p.cada_servicio span.txt{
		padding: 15px 0 0px 20px;
		border-left: 2px solid var(--primary);
	}
	p.cada_servicio span.txt span.ppal{
		line-height: 1.7rem;
		font-size: 1.6rem;
	}







	.franja_cien.bg_remediaciones{
		background-image: url("../img/img_e_cero_remediacion_2.jpg");
	}
	.franja_cien.bg_operario_mediciones{
		background-image: url("../img/img_e_cero_mediciones_2.jpg");
	}
	.franja_cien.bg_ensayos_medio{
		background-image: url("../img/img_e_cero_mediciones_3.jpg");
	}



	.franja_cien.bg_remediaciones_pozos{
		background-image: url("../img/img_e_cero_remediacion_4.jpg");
	}




	/* footer  //////// --------------------------------------------------------------------- */
	ul#interna li{
		padding: 2px 0;
	}
	ul#interna li a{
		font-size: 1.2rem;
	}
	/* footer  //////// --------------------------------------------------------------------- */






	#main-logo{
		max-width: 170px;
		padding-bottom:4px;
		margin-left: 0px;
	}
	#main-logo img{width: 160px;}

	



}






/*// Extra large devices (large desktops, 1200px and up) col-xl */
@media (min-width: 1200px) { 

	
}



/*// Extra large devices (large desktops, 1400px and up) col-xxl */
@media (min-width: 1400px) { 

}