/** 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:#0083cb;  
	z-index:2000; 
	max-width:100%; opacity: 0.99;
	width:100%;
	margin:0px auto; top:97px; font-size:1em; text-align:center; position:absolute; margin-top:44px;  
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block; width:14.2%;
	/*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:1500%;
	left:-10%;
	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; font-weight: 300; font-family: 'Encode Sans Semi Condensed', sans-serif; line-height:22px;color:#0083cb; 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:#dbe7ed;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:#007dc2; 
 color: #FFFFFF; border-left: 0px solid #0b93d8; border-right: 0px solid #0b93d8; border-radius: 5%; /*Estandar*/
    -webkit-border-radius:5%; /*Safari y Chrome*/
    -moz-border-radius:5%; /*Firefox*/
    -o-border-radius:5%; /*Opera*/
    -ms-border-radius:5%; /*IE 8*/
}

header nav ul li .children li:hover{border-radius:0%; margin-left: 30px;}
header nav ul li .children li a:hover{color:#747a3e}
header nav ul li span {
	margin-right:10px;
}

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

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

	.menu_bar span {
		float: right;
		font-size: 8px;
		 
	}
 
	header nav {
		width: 90%;
		height:500%;
		right:100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;margin-top: 165px;
		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); line-height: 65px; font-size: 1.5em
	}

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

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

	
	header nav ul li .children {
		width: 110%;
		position: absolute; box-shadow: 2px 3px 3px #000;
		/* display: block; */ 
		left:-10%; 
	}
	header nav ul li .children { padding-top: 0px; padding-bottom: 0px;}
	
	header nav ul li .children li a{
		margin-left:80px;text-align: left;background-color:#54B8EF; z-index:250000; color: #000000; font-size: 0.5em;
	}
    header nav ul li .children li:hover{border-radius:0%; margin-left: 0px;}

	header nav ul li .caret {
		float: right;
	}
	header .menu_bar .imgLogo{width:200px; height:auto; position:absolute; padding-right:0px; margin-left:-51%; margin-top:90px;}
	header .menu_bar{text-align:center}
	 
	 .menu_bar a span img{margin-right: -25px; margin-top:-40px}
	 .imgBanner{display:none}
	
 }
@media screen and (min-width:600px) and (max-width:800px) {
	header .menu_bar .imgLogo{width:250px; height:auto; position:absolute; padding-right:0px; margin-left:-50%; margin-top:90px;}
	header .menu_bar{text-align:center}
	 
	 .menu_bar a span img{margin-right: -28px; margin-top:-50px}
}
 
@media screen and (min-width:800px) and (max-width:900px) {
	header nav { margin:0px auto; top:97px; font-size:12px; text-align:center; position:absolute; margin-top:44px;}
	header nav ul li .children li a {display: block;padding:10px; font-size:1.1em; font-weight: 300;  line-height:22px;color:#0083cb; }
header nav ul li .children {width:2100%;}
}


@media screen and (min-width:900px) and (max-width:1024px) {
	header nav {
	margin:0px auto; top:97px; font-size:0.9em; text-align:center; position:absolute; margin-top:44px;
}
	header nav ul li .children li a{
		margin-left:80px;text-align: left;background-color:#54B8EF; z-index:250000; color: #000000; font-size: 1.1em;
	}
	
 
	header nav ul li .children {width:2500%;}
}

@media screen and (min-width:1024px) and (max-width:1145px) {
	header nav {
	margin:0px auto; top:97px; font-size:0.85em; text-align:center; position:absolute; margin-top:44px;
}
	header nav ul li .children {width:2000%;}
}