/* CSS Document */



/* ******************************  MENU  *********** */
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  background-color: #f1f1f1;
  
	  
}


/*configuración del idem normal*/
ul.topnav li {
	float: left;
	font-weight:bold;
	font-size:12px;
	color:#000;
	display:block;
	text-shadow: 1px 1px #FFF;

}

/*configuración del link dentro del LI*/
ul.topnav li a {
  	display: block;
  	color:#333;
  	text-align: center;
  	text-decoration: none;
}
.idem {
	padding:25px;  
	transition-duration:0.5s;
}

/*cuando  pasas el mouse sobre el idem
*/
ul.topnav li a:hover:not(.active) {
	background-color: #111;
	color:#FFF;
	transition: background 1s;
	-webkit-transition: background 1s;
	-moz-transition: background 1s;
	-o-transition: background 1s;
	-ms-transition: background 1s;	
	text-shadow: 0px 0px;
}

/*Configuración del ACTIVO*/
ul.topnav li a.active {
	background-color: #333;
	border:thin #FFF solid;	
	color:#CCC;
	text-shadow: 0px 0px;
}

ul.topnav li.right {float: right;}


/* topnav del menu */
#nav{
	width:100%;
	padding:20px;
/*	height:200px;*/
	justify-content:center;
	align-items:center;
	background-color:#0CC;	
	background-image:url(imagenes/fdn1.png);
/*	background-image:url(imagenes/vector8.jpg); */
	background-repeat:repeat-x;	
	border-bottom:thin #FFF solid;

	
/*	position:relative;*/
	display:flex;

	z-index:1260000;

/*para posicionarlo al topo de la pantalla al menu */
	position:fixed;
  	top:0;


		display:block;
		
		transition-duration:0.5s;
}

#espacioMenu{
	
	width:100%;
	height:225px;	
	display:block;
/*	background-color:#F00;  */
	
}

#nav-top{ display:none;}
.float-right { float:right;}
/* PARA TELEFONOS */
#nav-mobile{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction: row;
		background-color:transparent;		
		

}

#logo{
}
#div-logo{
	display:flex;
	justify-content:center;
	height:180px;
	transition-duration:0.3s;

}
#btn-cerrar-menu{
	background-color:transparent;
	font-size:22px;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin-top:25px;	
}

#btn-cerrar-menu{
	display:none;	
}

.hr1{
	width:100%;
	height:3px;
	background-color:#3daf2c;
	border:none;
}

@media screen and (max-width: 600px) {

	#btn-cerrar-menu{
		display:block;	
	}
	ul.topnav{
		border:none;
	}
	ul.topnav li{
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:22px;
	}

	ul.topnav li a.active {
		border:none;
		color:#3daf2c;
		background-color:transparent;
	}

	ul.topnav li {
		float: left;
		color:#000;
		display:block;
		background-color:transparent;
		padding:0px;
		
	}
	ul.topnav li a {
		padding:5px;
		text-shadow: 0px 0px;
		color:white;
	}
	


	#div_logo{
		width:100%;
		align-content:stretch;
	}

	#nav{
		width:100%;
		padding:0;
		/*height:50px;*/
		
	}
	#nav-top{ 
		display:flex;
		height:50px;
		justify-content:space-between;
		padding:5px;
		margin-right:10px;
		cursor:pointer;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:10000;
		background-image:url(imagenes/fdn1.png);
			
	}
	/*
	  ul.topnav li.right, 
	  ul.topnav li { float: none;}
	  */	  
	ul.topnav {
		margin:auto;
		width:80%;	
		background-color:transparent;	
	}	  
	 ul.topnav li {
		width:100%; 
		float:none;
		margin-left:
	}		
	#nav-mobile{
		display:none;
		flex-direction: column;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		z-index:990000;
		background-color:#041c2c;		
	}
}