*{
	 border: 0;
	 margin: 0;
	 padding: 0;
}

article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;

}




@font-face {
   font-family: "Planer";
 	src: url('../fonts/Planer.eot');
	src: url('../fonts/Planer.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Planer.woff') format('woff'),
     	 url('../fonts/Planer.ttf') format('truetype'),
     	 url('../fonts/Planer.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}

@font-face {
   font-family: "MonserratReg";
 	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-Regular.woff') format('woff'),
     	 url('../fonts/Montserrat-Regular.ttf') format('truetype'),
     	 url('../fonts/Montserrat-Regular.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}


@font-face {
   font-family: "MonserratBold";
 	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-Bold.woff') format('woff'),
     	 url('../fonts/Montserrat-Bold.ttf') format('truetype'),
     	 url('../fonts/Montserrat-Bold.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}


@font-face {
   font-family: "MonserratSemiBold";
 	src: url('../fonts/Montserrat-SemiBold.eot');
	src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-SemiBold.woff') format('woff'),
     	 url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
     	 url('../fonts/Montserrat-SemiBold.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}





@font-face {
    font-family: "CarroisGothic";
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/CarroisGothic-Regular.ttf) format("truetype");

}





@font-face {
  font-family: "NexaL";
 	src: url('../fonts/Nexa%20Light.eot');
	src: url('../fonts/Nexa%20Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Nexa%20Light.woff') format('woff'),
     	 url('../fonts/Nexa%20Light.ttf') format('truetype'),
     	 url('../fonts/Nexa%20Light.svg#NexaL') format('svg');

  font-weight: normal;
  font-style: normal;
}



img, video {
	max-width:100%;


}

header,section#contenido-slide,section#contenido-slide2,section#contenido1,section#contenido2,section#contenido3,section#contenido4,section#contenido5,section#contenido6,section#contenido7,section#contenido8,section#contenido9,section#Cont-Mapa,footer{
	margin: 0 auto;
	max-width:100%;
	text-align:center;
}


div#cont_section{

	margin: 0 auto;
	max-width:100%;
	text-align:center;
	padding: 2%;
}



section {
	min-height: 100vh;
  opacity: 0;
	transform: translateY(50px);
	transition: all 0.8s ease-out;
}

section.visible {
	opacity: 1;
	transform: translateY(0);
}

	.menu_bar{
	display:none;} /*DESAPARECEMOS EL MENU*/

section#contenido-slide{
	width: 98%;
	margin-top: 1%;
	border-radius: 1em;
}


	section#contenido-slide img{
		width:100%;
		border-radius: 1em;
	}


p.text_left{
	text-align: left;
}

	body{

height: 200vh; /* Solo para mostrar efecto al hacer scroll */

	}



#TraducT{
	width:90%;
	background:rgba(23,145,127,0.5);
	text-align:right;
	padding:0 5%;
	margin:0 auto;

}

	#TraducT select{
		  font-family: "Planer";

			border-radius:.2em;
			}

	header h1, nav{
	display:inline-block;
	max-width:100%;
	vertical-align:middle;
}

	header{
		background: url(../img/header.png);
		background-size:100% 100%;
		background: #239d30;
		width:100%;
		/*padding:.8em 0;*/
		/*position:fixed;*/
		z-index:8001;
		text-align: left;
		}

		.head-fijo{
			position:fixed;
			top:0;}




nav li{
	display:inline-block;
		position:relative; /*para que funcione correctamente el Submenu*/
	padding: 0.4em 0.8em;
	vertical-align:top;
}

	/*#navPadre{
		border-bottom:1px solid #FFF;
		border-top:1px solid #FFF;
		padding:.6em 0;}*/



nav a{

font-family: "MonserratSemiBold";

font-size:20px;

color: white;

}





	header h1 img{
		width: 40%;
	}

	header h1{
 /*la imagen se alineara a la izquierda*/
 padding-top:1%;
width: 15%;
text-align: right;

}

nav{width:84%; /*60 +35 = 95% que estamos trabajando *//*padding-top:1.5%;*//* text-align: center; */}

nav a:hover{
	color:#2BD415;}


	/*---------------Submenu - Children-----------------------------------*/

		 nav li .children{
		display:none;   /*Ocultar los SubMenus*/
		 position:absolute;  /*Esto es clave para que se que no se vea feo el menu*/
		 background: rgb(35 157 48 / 92%);
		 width:100%;
		padding:2% 0;
		 z-index:10000000000000000;
		 margin-top:15px;
			 border-radius:2px;
		 }

		 nav li:hover .children{display:block;} /*Aparecer los Submenus con El Hover*/

		 nav li .children li{
		 display:block;  /*para que abarque el 100% al momento del HOVER*/
		 overflow:hidden;
		  padding:4% ;

		  }

		  nav li .children li a{
			  display:block;
			   font-family: "MonserratSemiBold";
			   font-size:18px;}

			    nav li .children li a:hover{
					color:#ffffff;
			 }


			  .caret{ /*para mover la flechita del submenu*/
			position:relative;
			top:3px;
			margin-left:10px;
			margin-right:0px;}


			a{
				cursor:pointer;}

				header nav li:hover .children{
							display:none;} /*Para no desplegarlo Con HOVER (Lo desplegaremos con un click, con JQuery)*/

		/*---------------Termina Submenu - Children--------*/

	.activo a{
			color: #000000;
			}

a{ text-decoration:none;}

nav ul{ list-style:none;}


#liP1, #liP2{
}

nav #liP1{
}

#liP1{
	background:url(../img/backheadtop.png) no-repeat;
background-size: cover;
width: 100%;
	padding-top: 0.3em;
	padding-bottom : 0.3em;
font-family: "MonserratSemiBold";
text-align: right;
border-radius: 0  1em 1em 0;

}
#liP2{ text-align: center;}

#red_soc2,#red_socCall{
	display: inline-block;
	vertical-align: middle;
}


#red_soc2{
	display: inline-block;
	width: 10%;
	max-width: 40px;
	color: whihte;
	padding-left:  1%;
}

#red_soc2 img{
	max-width: 20px;
	max-height: 20px;
}

#red_soc2 svg {
  fill: blue;
}

#red_soc2 .icon {
  color: blue;
}

#red_soc2 select{
	background: none;
	font-family: "MonserratSemiBold";
	border: 1px solid black;
	border-radius: 5px;

}

#red_socCall{
	background: yellow;
	border-radius: 1em;
	padding: 0.5%;
	max-width: 180px;
	margin-left: 1%;
}







/* Contenedor del logo flotante */
	 .logo-flotante {
		 position: fixed;
		 bottom: 20px;
		 right: 20px;
		 z-index: 1000;
		 background-color: #fff;
		 border-radius: 50%;
		 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
		 transition: transform 0.3s ease, box-shadow 0.3s ease;

	 }

	 .logo-flotante img {
		 width: 70px;
		 height: 70px;
		 /*border-radius: 20%;*/
		 object-fit: cover;
		 display: block;
		 color: green;
	 }

	 .logo-flotante:hover {
		 transform: scale(1.1);
		 box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4);
	 }

section#contenido1{
	padding:5% 0 5% 0;
	}

	#Cont1{
		color: #0c1110;
		}

	#Cont2,#Cont3{
		display:inline-block;
		margin:0 auto;
		width:45%;
		border-bottom:2px solid #bdd3d8;
		text-align:left;}

		#Cont2{ margin-right:5%;}


		#Cont2Prod,#Cont3Prod{
		display:inline-block;
		margin:0 auto;
		width:30%;
		border-bottom:2px solid #bdd3d8;
		text-align:left;
		color:#5a919d;
		vertical-align:middle;
		}

		#Cont2Prod{
			width:50%;
		margin-right:2%;}


		#Cont2y3{
				padding:1% 0;
				width:65%;
				margin:0 auto;
				}


				.rh2 {text-align:center; color:#1a3d1f; margin-bottom:20px; font-size:2em;}



					.card{

						font-family: "MonserratReg";
						font-size: 12px;
						display:inline-block;
						margin:2% 1%;
						width:18%;
						vertical-align: middle;
						padding:1% 2%;
						background:#f9f9f9;
						border-radius:10px;
						overflow:hidden;
						box-shadow:0 4px 10px rgba(0,0,0,0.1);
						transition:transform 0.3s,
						box-shadow 0.3s;
            /*opacity: 0;*/
						transform:translateY(1%);

					}
					.card.visible {
						opacity:1;
						transform:translateY(0);
						transition:opacity 1s ease, transform 1s ease;
					}
					.card:hover {transform:scale(1.03); box-shadow:0 8px 15px rgba(0,0,0,0.15);}
					.card img {width:100%; height:200px; object-fit:cover;}
					.card h3 {margin:15px; color:#1a3d1f; font-size:15px; }
					.card p {margin:0 15px 20px; color:#555;}

.hide{
	box-shadow: 0;
padding: 0;}



#cols4{
		font-family: "MonserratReg";
	font-size: 16px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin:2% 0;
	padding:.3%;
	overflow:hidden;
	width:18%;
	margin-right:.5%;
	padding:1% 1% 0.5% 1%;
	/*-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 4px 10px  rgba(0,0,0,0.1);
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
*/
	}

	.small_desc{
		font-size: 12px;
	}




 #cols4 img {width:100%; height:300px; object-fit:cover;}

			.backTextCaban{
				color:#000;
				padding:6% 0;
				background: #ffffffc2;
				background: #fff;
					position:absolute;
					text-align: center;
          border-radius: 4px;
         width: 70%;
  		   right: 0;
  		  bottom: 0;
  	     left: 0;
					margin: auto;
					margin-bottom: 1%;
				/*-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
					-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
					box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
					*/
					}

					/*efecto hover imagenes*/


						#MasInf{
								 width:100%;
								 height:100%;
										position: absolute;
										overflow: hidden;
										top: 0;
							   	left:0;
										opacity: 0;
								background-color: rgba(0,0,0, 0.5);
								/*transition: all 0.3s ease-in-out;*/
							font-family: "MonserratReg";
								color:#fff;
								font-size: 15px;

								}

								#MasInf{
									/*transform: translateY(-50px);/*Desplazamos a la derecha*/
										opacity: 0;
									/*	transition: all 0.2s linear;*/}

										#MasInf p{
											position:absolute;
											width:100%;
											top:40%;}

					.InfHover:hover #MasInf{ /*a quien tenga la claseInfHover le aprecera el Div MasInf*/
						opacity: 1;
						/*transform: translateY(0px);/*Regresamos a las posiciones originales*/
						}



section#contenido2{
	background: #4f7035;
	padding: 10%;
}


	#Cont4,#Cont5{
		display:inline-block;
		margin:0 auto;
		width:45%;
		vertical-align: middle;
		padding:0 1%;}

		#Cont4{ text-align:left;}


			#Cont4y5{
				padding:2% 0;
				border-bottom:2px solid #bdd3d8;
				width:65%;
				margin:0 auto;
				}

		#Cont6{
		width:60%;
		margin:0 auto;
		padding: 1% 0;
		text-align:left;

		}

	#Cont7{
		position:relative;
		z-index:-2;
		width:50%;
		margin:0 auto;


		/*background:url(../img/yakaBack.png) no-repeat;
		background-position:center;
		background-attachment:fixed;
		height:480px;*/}

		#parallaxx{
			background:url(../img/yakaBack.png) no-repeat;
			background-attachment:fixed;



 }

	#Cont9{
		width:70%;
		margin:0 auto;

		padding:0 0 3% 0;}

		#Cont9-1,#Cont10-1{
			width:40%;
			text-align:left;}


		#Cont10{
		width:70%;
		margin:0 auto;
		padding:3% 0 15% 0;}


section#contenido3{
	padding:5% 0;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/gallback.jpg) ;
background-size:cover;}

	section#contenido4{

	/*	background: url(../img/platano2.png) 50% 0 no-repeat fixed;*/

	margin: 0 auto;
	width: 100%;
	padding: 10% 0;
	}


		#Cont11{
			margin:0 auto;
			width:20%;}


		section#contenido4-1{
		background: url(../img/fondo2.png) no-repeat;
		background-position: top right;
		padding-top:10%;}

	section#contenido4 a{
		color:#5a919d;}

		section#contenido4 a:hover{
		color:#34b18c;}







section#contenido5{
		/*padding-top:53px;*/}

			#contenido5-1{
				padding:8% 0;
				background: url(../img/BackProd2.png) no-repeat;
				background-position:top right;
				background-size:contain;}






	#Cont12{
		border-bottom:2px solid #bdd3d8;
		padding-bottom:2%;
		width:70%;
		margin:0 auto;}

		#Cont13{
			width:70%;
			margin:0 auto;}


	section#contenido7{
		padding:3% 0 25% 0;
		background:url(../img/back7.png) no-repeat;
		background-position:left bottom;
		background-size:contain;}


	section#contenido8{
		/*padding-top:53px;*/}


#gall2,#gall1{
	display: inline-block;

	background: red;
	vertical-align: top;
}


#gall2{
	width: 30%;
}

#gall1{
	width: 60%;
}



#gall2cell{
max-width: 40%;
	padding:.5%;
	margin:0 auto;
	background:#fff;
	border-radius: 0.5em;
	margin-right:1%;
	vertical-align:middle;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
}

		#Comu1,#Comu2,#Comu3,#Comu4,#Comu5,#Comu-sin-shadow{
			padding:.5%;
			display:inline-block;
			margin:0 auto;
			background:#fff;
			border-radius: 0.5em;
			margin-right:1%;
			vertical-align:middle;
			width:20%;
			-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);}


			#Comu-sin-shadow{
				-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		background:none;}


		#Comu1 img,#Comu2 img,#Comu3 img,#Comu4 img,#Comu5 img{
border-radius: 0.5em;
			vertical-align:middle

		}






			#contenido8-1{
				padding:8% 0;
				background:#7BB369;
				background-size:100% 100%;}


	#Cont14{
		padding:5%;
		width:63%;
		margin:0 auto;
		text-align:justify;}

	section#contenido9 img{
		width:100%;}



#backblue{
	max-width: 800px;
	background: blue;
	margin: 0 auto;
	padding: 2%;
	background: rgba(0,125,182,0.85);
}

#backbrown{
	max-width: 800px;
	background: blue;
	margin: 0 auto;
	padding: 2%;
	background: rgba(87,67,28,0.86);
}

#backgreen{
	max-width: 800px;
	background: blue;
	margin: 0 auto;
	padding: 2%;
	background: rgba(21,57,12,0.86);
}

#backyellow{
	max-width: 800px;
	background: blue;
	margin: 0 auto;
	padding: 2%;
	background: rgba(104,91,0,0.86);
}

#backimstump{
	background: rgba(104,91,0,0.86);
}

		section#contenido-serv-tirm{
			margin: 0 auto;
			max-width:100%;
			text-align:center;
		 background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/land3.jpg) ;

			    background-size: cover;
					padding-top: 5%;
					padding-bottom: 5%;
		}

		section#contenido-serv-rem{
			margin: 0 auto;
			max-width:100%;
			text-align:center;
		 background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/tala.jpg) ;

					background-size: cover;
					padding-top: 2%;
					padding-bottom: 2%;
		}

		section#contenido-serv-french{
			margin: 0 auto;
			max-width:100%;
			text-align:center;
		 background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/frenchback.jpg) ;

					background-size: cover;
					padding-top: 2%;
					padding-bottom: 2%;
		}


		section#contenido-serv-stump{
			margin: 0 auto;
			max-width:100%;
			text-align:center;
			background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/stum.jpg) ;

					background-size: cover;
					padding-top: 2%;
					padding-bottom: 2%;

		}

		section#contenido-serv-land{
			margin: 0 auto;
			max-width:100%;
			text-align:center;
			background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/backland.jpg) ;

					background-size: cover;
					padding-top: 2%;
					padding-bottom: 2%;

		}

		#backirri{
				background-image:  linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url(../img/grass.jpg) ;
				background-size: cover;
				padding-top: 2%;
				text-align: center;

		}

		div.center{
			text-align: center;
			margin: 0 auto;

		}


		p.title_serv{
			   font-family: "MonserratBold";
				 font-size: 60px;
				 color: green;
				 text-shadow: 4px 4px black;
				 padding-top: 2%;
		}

		p.descrip_serv{
			   font-family: "MonserratReg";

				 max-width: 640px;
				 margin:  0 auto;
				 text-align: justify;
				 line-height: 1.5em;
				 padding: 1%;
				 color: white;
				 font-size: 20px;

		}

section#resum_serv{
	text-align: center;
	margin: 5% auto;
	max-width: 100%;
	padding: 2% 0;

}

		#phot_serv,#text_serv{
			display: inline-block;;
			margin: 0 auto;
			vertical-align: top;
			width: 45%;
		}

		#text_serv{
			padding: 0 2%;
			text-align: justify;
			font-family: "MonserratReg";
			font-size: 15px;
		}

p.tit_text_serv{
	font-family: "MonserratBold";
	font-size: 30px;
	text-align: center;
	color: #4f7d31;
}

p.bold{font-family: "MonserratBold";}



#conclusion{
 font-family: "MonserratReg";
 padding:  2%;
 text-align: justify;
 font-family: "MonserratReg";
 font-size: 15px;
 width: 90%;
 margin: 0 auto;

}

	footer{
		padding:3% 0;
		color:#fff;
		background:url(../img/footer23.jpg) no-repeat;
		background-size:100% 100%;
font-family: "MonserratBold";
	}


	section#before_aft{
		margin: 2% auto;
		padding: 4% 0;
		text-align: center;
		max-width: 100%;
		background: #e6ffbf;
	}

	#pho_bef,#pho_aft{
		display: inline-block;
		width: 45%;
		text-align: center;
		padding: 2%;
	}

	p.text_bef{
		font-family: "MonserratBold";
		font-size: 30px;
		color: #28661f;
	}


		footer a{ color:#fff; }


		footer a:hover{color: #09C;}

#f1,#f2{
	display: inline-block;
	width:50%;
	margin:0 auto;
	vertical-align:bottom;
	}

	#f1{
		width:30%;}



#red_soc{
	display: inline-block;
	width: 10%;
	max-width: 40px;
	color: whihte;
}

#red_soc img{
	max-width: 30px;
	max-height: 30px;
}

#red_soc svg {
  fill: blue;
}

#red_soc .icon {
  color: blue;
}



		#Cont15,#Cont16{
			display:inline-block;
			vertical-align:top;
			width:30%;
			margin:0 auto;
			border-top:2px solid #afd8bf;
				border-bottom:2px solid #afd8bf;
				padding:1% 0;
			}

			#Cont15{margin-right:4%;}
			#Cont16{ text-align:left;}


/*FORMULARIO*/

form #formulario{
	max-width:95%;
	margin:auto; /*para que se centren los elementos*/
	padding-top:.5em;
	padding-bottom:.5em;
	font-size:14px;}



	input[type="text"],input[type="email"],input[type="url"], input[type="date"], input[type="tel"], textarea
{
	font-size: 1em;
	width:95%;  /*LINEA CLAVE*/
	 padding:.5em;}

	 textarea{ resize:none;}




		#formulario input[type="submit"]{
			background:none;
		padding: .5em;
		width:95%;
		text-align:right;
		font-size:22px;
		color:white;
	   cursor:pointer;}

	   #formulario input[type="submit"]:hover{
		color:#006837;
	  }





	.Planer55{
 font-family: "MonserratReg";
	font-size:55px;}

	.Planer48{
	font-family: "MonserratSemiBold";
	font-size:48px;
	color: #316b28;
	}

	.Planer49{
	 	font-family: "MonserratSemiBold";
	font-size:48px;
	color:white;}

	.Planer38{
	 font-family: "MonserratReg";
	font-size:38px;
	}

	.NexaL22{
		  font-family: "MonserratReg";
		 font-size:20px;
		 line-height:28px;}

		 .NexaL22White{
			 font-family: "MonserratReg";
				font-size:20px;
				line-height:28px;
			color: white;}


		 	.NexaL16{
		  font-family: "MonserratReg";
		 font-size:16px;}


.active{ color:#2BD415;}



		 header.large{

				padding:.5em 0;

			}



		 header.small{
				padding:0 0;

			}



			#cotizacion form {
				max-width:600px;
				 margin:0 auto;
				 display:flex;
				  flex-direction:column;
					 gap:15px;
				opacity:0;
				transform:translateY(50px);
			}
			#cotizacion form.visible {
				opacity:1; transform:translateY(0);
				transition:opacity 1s ease, transform 1s ease;
			}


	/*	p#Pubicacion::before{
			content: url(../img/Ubicacion.png);}*/



@media screen and (max-width:850px){  /*Menu Responsive*/

header{
	 width:100%;
	padding:0;
	background:none;
	}

	header nav { text-align:left;}


		/*#navPadre{
		border:none;}*/




header h1, nav{
	display:block;
	width:100%;
}
	header h1{ display:none;}

	body{
		/*padding-top:54px;*/} /*lo que mide el menu*/

			section#contenido8,section#contenido5{
		padding-top:0;}


		.menu_bar{
			display:block;  /*Aparecemos El icono del Menu*/
			width:100%;
			/*position:fixed;*/
			z-index:8000;
			background-color: #039d30;
			/*top:0;*/
			/*background: url(../img/backHeader.png) no-repeat;*/
			background-size:100% 100%;
		}

		.menu_bar .bt-menu{
			display:block;
			padding:2px 20px;
			color: #FFF;
			overflow:hidden;/*Sirve para que no muestre el contenido que sobra*/
			font-size:20px;
			font-weight:bold;
			text-decoration:none;
			}



			.menu_bar span{
				float:right;
				font-size:25px;
				padding-top:9px;
				} /*Mandaremos el Icono a la Derecha*/

				.bt-menu img{ float:left;}

		header nav{
			width:40%;
			position:fixed;
			z-index:8000;
			right:100%;
			background: rgb(3 157 48 / 80%);
			margin:0;
			overflow: scroll; /*Para navegar sobre el menu cuando no quepa el contenido*/
			/*height:calc(100% - 40px);  /*Se ajustara exactamente*/
			height:100%;
			top: 54px;
			}



	header nav li{
	display:block;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	width:90%;}

	nav li#sobrante{ display:none;}




	header nav li a{ display:block}

	header nav li .children{
		width:100%;
		position:relative;/*Para que los Menus que le siguen bajen al momento de hace HOVER y los Submnus no los tapen*/
		}

				header nav li:hover .children{
					display:none;} /*Para no desplegarlo Con HOVER (Lo desplegaremos con un click, con JQuery)*/

	header nav li .children li a{
		margin-left:20px;}

		header nav li .caret{
			float:right;} /*Mandar la flechita a la derecha*/


	/*TERMINAN ESTILOS MENU RESPONSIVE*/


	/*ESTILOS PERSONALIZADOS*/








	}