/** Generated by FG **/
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed');


* {
	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%;
}
#menucontent{z-index:2000; margin-top:139px}
#menucontent1{z-index:2000; top:0px}
header nav {
	background:#00a2f4;  
	z-index:2000; 
	max-width:100%; opacity: 0.95;
	width:100%;
	margin:0px auto; top:97px; font-size:1.2em; text-align:center; position:absolute; margin-top:44px;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;  width:16%;
	/*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; */
	
	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: absolute;
	display: none;
	width: 1400%;
	left:-10%;
	z-index: 15000;text-align: left;
}

header nav ul li .children li { 
	display: block;text-align: left;
	overflow: hidden;
	border-bottom: 0px solid rgba(0,0,0,.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:0.95em; font-weight: 300; font-family: 'Encode Sans Semi Condensed', sans-serif; line-height:22px;color:#00a2f4; background: #fff
}

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:#E0DEDE;font-family: 'Encode Sans Semi Condensed', sans-serif;
	text-decoration: none;
	display: inline-block;
	padding:5px;
	padding-top: 25px; padding-bottom: 25px
}
header nav ul li a:hover {
	color:#121312;
}	

header nav ul li:hover {
 background:#0b93d8;
 color: #FFFFFF; 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 .children li:hover{border-radius:0%;}
header nav ul li .children li a:hover{color:#1177aa; border-bottom: 1px solid #9B9B9B}
header nav ul li span {
	margin-right:10px;
}

header nav ul li .caret {
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 0;
}
 
.loginini{position: absolute; top:65px; right: 2px; border: 0px solid #929292; border-radius: 5%; padding: 5px; font-size: 0.85em; background-color:#00a2f4; text-shadow:1px 1px 3px #000 }
.loginini a{color: #EDEDED}

@media screen and (max-width:800px) {
  .menu_bar {
		width: 50%; right: -15px;
		/*background:rgba(75,175,4,1.00);*/
		display: block;
		position:absolute;
		top:-20px; z-index: 200000;
	}
	 #menucontent{z-index:5000; position: absolute; top:5px;margin-top:100px }
	  
	.menu_bar .bt-menu {
		display: block; 
		margin-top:12px;
		padding:28px; padding-left:50%;
		color:#fff;
		overflow: hidden;
		font-size:25px;
		font-weight:bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 30px;
		 
	}
 
	header nav {
		width: 90%; background-color: #000000;
		height:500%;
		right:100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;
		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%;z-index:4500000;
		position: absolute; 
		/* display: block; */ 
		left:-0%; 
	}

	header nav ul li .children li a{
		margin-left:20px;text-align: center;background-color: rgba(0,0,0,1.00);z-index: 150000
	}
    

	header nav ul li .caret {
		float: right;
	}
	header .menu_bar .imgLogo{ width:0px; height:0px; position:absolute; padding-right:0px; margin-left:0%; margin-top:-20px;display: none}
	header .menu_bar{text-align:center}
	 
	
}