@charset "utf-8";

#cont_menu{
	width:100%;
	overflow:auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	}
.tope_vert{
	height:100px;
}
.menu_fijo{
	background-color:rgba(16,78,163,0.80);
	height:100px;
	position: fixed;
	z-index:100;
	}
#fondo_menu{
	width:100%;
	oveflow:auto;
	padding-left:15px;
	padding-right:15px;
}
nav {
	height:auto;/* no puede tener altura fija !! */
	float:right;
	padding-top:10px;
	}
#menuresponsive {
	list-style-type:none;
	width:460px;
	float:left;
	
}
#menuresponsive li {
	display: inline;
	
}
#menuresponsive li a {
	display:block;
	float: left;
	width:100px;
	padding: 2px;
	margin-left: 15px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	text-align:right;
	font-size: 14px;
	color:rgba(255,254,255,1.00);
	text-decoration: none;
}
#menuresponsive li a:hover {
	color:rgba(246,230,20,1.00);
	
}
#menuresponsive li a.activado {
	
	border-bottom:3px solid rgba(255,255,255,1.00);
	text-decoration: none;
	font-weight:bold;
}
/* ocultar el boton de menu desplegable */
.botonmenu{
display: none;
cursor: pointer;
}



/*****************************************************/


	


@media only screen and (max-width: 640px) {
	
	#menuresponsive { 
  	display: none;/* oculto, aparece con evento clic */
	background-color:rgba(255,255,255,0.80);
	width:100%;
	float:none;
	position:absolute;/*si pongo relativa el menu no se ve completo*/
	z-index:999;
	top:100px;
	margin-right:auto;
	left:0px;
	
	text-align:center;
	}
	
	.botonmenu {
	display: block;/* mostrar menu desplegable */
	float:right;
	margin-top:15px;
	}
  
  	nav {
	width:100%;
	float:none;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top:0px;
	background-color:rgba(6,131,20,1.00);
	}
	#menuresponsive li a{
	display: block;
	padding:20px;
	text-align:center;
	width:120px;
	float:none;
	color: #464646;
	border-bottom:1px dashed rgba(151,149,149,1.00);
	margin-right:auto;
	margin-left:auto;
	}
	
	
	
}