@charset "utf-8";
/* CSS Document */



.menu_bar{
	display: none;
}
.menu {
	background:#FFFFFF;
	color: #418360;
	z-index: 100;  /*Para que el nav este ensima del header*/
	text-align:center;  /*Posicion de los textos del menu*/
	width:100%;  /*Q ocupe todo el espacio del header*/
	height: 50px;
	margin : 40px;
	font-family: roboto;

}

.menu ul{
	list-style: none;  /*Desaparecer los puntos de los vinculos*/
}

.menu ul li{
	display:inline-block;  /*bloques alineados*/
	position:relative;


}

.menu ul li:hover{

	color: #DD8A2E;
}

.menu ul li a{
	text-decoration:none;  /*borrar todos las lineas q hay del vinculo*/
	display:block; 
	font-family: roboto;
	font-size: 15px;
	height: 60px;
	padding:6px;  /*separacion de los bloques de los textos*/
	color: #418360;
	
}

.menu ul li a:hover{  /*Mouse ensima del menu*/
	color:#DD8A2E;  /*Color de los textos*/
	text-decoration:none;  /*borrar todos las lineas q hay del vinculo*/
	border-bottom: 6px solid #DD8A2E;
}



@media screen and (max-width:680px) {
	.menu_bar{
		display:block;
	}
	.headerlogo{
	text-align: center;
	}
	
	
	.menu {
	background:#FFFFFF;
	color: #418360;
	z-index: 100;  /*Para que el nav este ensima del header*/
	text-align:center;  /*Posicion de los textos del menu*/
	width:100%;  /*Q ocupe todo el espacio del header*/
	height: 50px;
	margin : 40px;
	font-family: roboto;

}



.menu ul li a:hover{  /*Mouse ensima del menu*/
	color:#DD8A2E;  /*Color de los textos*/
	text-decoration:none;  /*borrar todos las lineas q hay del vinculo*/
	border-bottom: 6px solid #DD8A2E;
}	
	
	
	
}






/*MENU INDEX*/
.menu2 {
	background:#FFFFFF;
	color: #418360;
	z-index: 100;  /*Para que el nav este ensima del header*/
	text-align:center;  /*Posicion de los textos del menu*/
	width:100%;  /*Q ocupe todo el espacio del header*/
	height: 50px;
	margin : 40px;
	font-family: roboto;

}

.menu2 ul{
	list-style: none;  /*Desaparecer los puntos de los vinculos*/
}

.menu2 ul li{
	display:inline-block;  /*bloques alineados*/
	position:relative;


}

.menu2 ul li:hover{

	color: #DD8A2E;
}

.menu2 ul li a{
	text-decoration:none;  /*borrar todos las lineas q hay del vinculo*/
	display:block; 
	font-family: roboto;
	font-size: 16px;
	height: 60px;
	padding:15px;  /*separacion de los bloques de los textos*/
	color: #418360;
	
}

.menu2 ul li a:hover{  /*Mouse ensima del menu*/
	color:#DD8A2E;  /*Color de los textos*/
	text-decoration:none;  /*borrar todos las lineas q hay del vinculo*/
	border-bottom: 6px solid #DD8A2E;
}