/** Generated by FG **/
* {
	padding:0;
	margin-top:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
 
.menu_bar{
	display:none; width:100%;  
}
header nav { 
	 /*background-color:#000;*/
	z-index:2000; 
	max-width:100%; opacity: 0.95;
	width:100%;
	margin:0px auto; font-size:1.2em; text-align:center; margin-top:20px;/*font-family: 'Zen Kurenaido', sans-serif;*/
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block; /*font-family: 'Zen Kurenaido', sans-serif;	*/
	/*La razon por la que no usamos floar en vez de inline-block es
	porque no vamos a poder usar overflows en el header nav ul*/
	position: relative; /*background-color:#366cf5; border-bottom-left-radius: 5px; border-top-right-radius: 5px; */
	margin-left:8px; margin-right:8px;
	border:0px 0px 4px 4px;
	-moz-border:0px 0px 4px 4px;
	-webkit-border:0px 0px 4px 4px;
	-khtml-border:0px 0px 4px 4px;
	-ms-border:0px 0px 4px 4px;  
	 
}
 
header nav ul li:hover .children {
	display: block;
}

/*Submenu*/
header nav ul li .children {
	/*background:#011826;*/
	position:relative;
	display: none;
	width:400%; 
	left:-80%;
	z-index: 25000;text-align: left;
}
 
header nav ul li .children li { 
	display: block;text-align: left;
	overflow: hidden;
	border-bottom: 1px solid rgba(0,0,0,.1); opacity: 1;
	/*Usamos overflow hidden porque aqui si vamos a necesitar usar float*/
}
 

header nav ul li .children li a {
	display: block;padding:10px; font-size:1em;color:#616634; 
}

header nav ul .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right: 0px;
	margin-left:10px;
}

header nav ul li a {
	color: #00A2FD;
	text-decoration: none;
	display: inline-block;
	padding:5px;
	padding-top: 8px; padding-bottom:8px
}
header nav ul li a:hover {
	text-decoration: underline; color: #00A2FD
}	

header nav ul li:hover {
 border-left: 0px solid #0b93d8; border-right: 0px solid #0b93d8; border-radius: 10%; /*Estandar*/
    -webkit-border-radius:10%; /*Safari y Chrome*/
    -moz-border-radius:10%; /*Firefox*/
    -o-border-radius:10%; /*Opera*/
    -ms-border-radius:10%; /*IE 8*/
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li .caret {
	position: relative; 
	top: 0px;
	margin-left: 10px;
	margin-right: 0;
}
 
.menuopc nav ul li a span{background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    transition: background-size .3s;}
.menuopc nav ul li a span:hover, .menuopc nav ul li a span:focus{color:#226aa4;background-size: 100% 3px;}
 
@media screen and (max-width:800px) {
  .menu_bar {
		width: 100%; 
		display: block;
		position:relative;
		z-index: 2100;
	}
	  
	.menu_bar .bt-menu {
		display: block; 
		margin-top:0px;
		padding:0px; padding-left:50%;
		color:#fff;
		overflow: hidden;
		font-size:20px;
		font-weight:bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 25px;
		 
	}
 
	header nav {
		width: 100%;
		height:50%; background-image:url("../logos/machupicchu_mistico.jpg");
		right:100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;margin-top: 0px;
		position: absolute;
		/* overflow:scroll; */opacity: 1;
		overflow: hidden;
	}

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

	header nav ul li a {
		display: block;padding:5px;
	}

	header nav ul li:hover .children{
		display: block;
	}

	
	header nav ul li .children {
		width: 100%;
		position: absolute; box-shadow: 2px 3px 3px #000;
		/* display: block; */ 
		left:-10%; 
	}

	header nav ul li .children li a{
		margin-left:80px;text-align: left;z-index:250000; color: #000000; font-size: 0.95em
	}
    header nav ul li .children li:hover{border-radius:0%; margin-left: 0px;}

	header nav ul li .caret {
		float: right;
	}
	 
 }