

/* -------------------------------------------------------*/
a[name] {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}




#contenedor{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
}
.logo_peq{
	display:inline;
	width:35%;
	/* width:100px; */
	/* height:65px; */
}
/* #nav_arriba{
	width:100%;
}
#nav_arriba2{
	/* background-color:red;
	position:relative;
	width:100%;
	height:70px;
} */

#datos_cabecera{
	width:40%;
}
.datos_cab{
	right:40px;
}
.logo-whatsapp{
	width:45px;
}
/* #info{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	z-index:200;
} */
#myCarousel{
	/* margin-top:-18px; */
}

#myCarousel{
	width:100%;
}
.car_tamano{
	width:100%;
}


.primer_texto{
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
}
.resaltar{
	font-weight:bold;
}
.resaltar2{
	color:red;
}
.a_enlace{
	color:black;
}
.separacion{
	margin-left:25%;
	margin-right:25%;
	height:3px;
	background-color: rgba(30,164,88,0.5);
	width: 50%;
}
.separacion_pie{
	/* margin-left:5%;
	margin-right:5%; */
	height:3px;
	background-color: rgba(30,164,88,0.5);
	width: 100%;
}
/* .separacion_mediano{
	
	height:3px;
	background-color: rgba(30,164,88,0.5);
	width: 50%;
} */
.titulo_grande{
	margin-left:20px;
	margin-right:20px;
	margin-top:60px;
	text-align:center;
	font-weight:bold;
	text-shadow:3px 3px 2px rgba(0,0,0,0.3);
	/* font-size:3em; */
	width:100%;
}
.caja_seccion{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	margin-left:20px;
	margin-right:20px;
}
.titulo{
	margin-left:20px;
	margin-right:20px;
	color:green;
	font-size:2.5em;
}
.sub_titulo{
	color:green;
	font-size:1.5em;
}
.texto_dos_parrafos{
	width:45%;
	text-align:justify;
}
.texto_dos_parrafos2{
	width:50%;
	text-align:justify;
}
.texto_dos_parrafos3{
	width:40%;
	text-align:justify;
}
.texto_un_parrafo{
	width:95%;
	text-align:justify;
}
.texto_final{
	width:95%;
	text-align:center;
}
.metrominuto{
	margin-top:20px;
	text-align:center;
	width:90%;
}
.imagen_entorno{
	width:100%;
}
.video{
	margin:0 auto;

}
.video_ani{
   width:700px;
   height:394px;
}
.contactar{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	width:100%;
}
.cont_uno{
	
	width:100%;
}
p{
	font-size:16px;
}
.mapa{
	width:100%;
	height:300px;
}
.bot_planos{
	margin-top:20px;
}
.txt_peq{
	font-size:10px;
}
.btn_aceptar{
	width:60px;
	height:25px;
	font-size:10px;
}


/* ------------------------------------------------------ */




/* ------------------- INICIO ------ZOOM IMAGENES ENTORNO -------------------------------------------*/

/* styles unrelated to zoom */
		/* * { border:0; margin:0; padding:0; } */
		/* p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;} */

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		/* #ex2 img:hover { cursor: url(grab.cur), default; }
		#ex2 img:active { cursor: url(grabbed.cur), default; } */

/* ------------------------- FIN ----ZOOM IMAGENES ENTORNO -------------------------------------------*/





/* -------------------------------------------------------*/
#nav_arriba{
	/* width:100%;
	height:150px; */
	position:fixed;
	z-index:250;
}
/* #nav_arriba2{
	width:100%;
	height:30px;
} */
#superior2{
	width:100%;
}

#superior2 a{
	color:black;
}

nav#superior2 ul {
	
    display: flex;
	flex-flow:row;
	justify-content:space-around;
    list-style: none;
	width:100%;
    margin: 0;
    padding: 0;
	height:30px;
}
nav#superior2 ul li{
	padding-left:10px;
	padding-right:10px;
}
nav#superior2 ul li:hover {
	padding-left:10px;
	padding-right:10px;
	color:white;
    background: #60a356;
}

#superior2 a:hover{
	color:white;
}
.texto_carrusel{
	font-weight:bold;
	font-size:3.0rem;
}
.texto_carrusel2{
	font-size:2.5rem;
}
.margen_inferior{
	margin-bottom:15px;
}
.margen_dcho{
	margin-right:30px;
}
.margen_arriba{
	margin-top:30px;
}
.ultimo_texto{
	color:red;
}


@media (max-width: 800px) {
/* 	#nav_arriba{
	position:relative;
} */
/* #nav_arriba2{
	width:100%;
	height:50px;
} */
	
	
	.texto_dos_parrafos{
	width:90%;
    }
	.texto_dos_parrafos2{
	width:90%;
    }
    .texto_dos_parrafos3{
	width:90%;
    }
	.texto_un_parrafo{
	width:90%;	
	}
   .video_ani{
    width:560px;
	height:315px;
    }
	
}

@media (max-width: 550px) {
/* .texto_un_parrafo{
	width:75%;	
	} */
.video_ani{
    width:450px;
	height:253px;
}
.texto_carrusel{
	font-weight:bold;
	font-size:2.0rem;
}
.texto_carrusel2{
	font-size:1.6rem;
}

}