/** Generated by FG **/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');*/
/*font-family: 'Roboto', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@font-face {
	font-family: 'Conv_FuturaNewCondBook';
	src: url('../fonts/FuturaNewCondBook.eot');
	src: local('☺'), url('../fonts/FuturaNewCondBook.woff') format('woff'), url('../fonts/FuturaNewCondBook.ttf') format('truetype'), url('../fonts/FuturaNewCondBook.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


* {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#malla{ z-index: 140; position:relative;top:0px; overflow:hidden; width: 100%; height:100px; max-height: 100px; background:#000000;}

.menu_bar {
	display:none; width:auto;
}
#menucontent{z-index:2000;}
#menucontent1{z-index:2000; top:0px}
header nav {
	/*background:#023859;*/  
	z-index:2000; 
	max-width:100%; opacity: 0.99;
	width:100%;
	margin:0px auto; top:99px; font-size:1.4em;color:#365526; text-align:center;font-family:'Conv_FuturaNewCondBook'; position:absolute;
}

header nav ul {
	list-style:none; 
}

header nav ul li {
	display:inline-block; 
	/*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: 270px;
	left:-100px;
	z-index: 1000;
}

header nav ul li .children li { 
	display: block;
	overflow: hidden;
	border-bottom: 1px 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: 'Open Sans Condensed', sans-serif;*/ line-height:22px
}

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;
	text-decoration: none;
	display: inline-block;
	padding:15px;
}
header nav ul li a:hover {
	color:#121312;
}	

header nav ul li:hover {
	background: #2B62EF;
	color: #FFFFFF;
}

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:#E6344A;
		display: block;
		position:fixed;
		top:0; z-index: 2000;
	}
	 #menucontent{z-index:2000; position: absolute; top:5px }
	.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%;
		height: calc(100% - 80px);
		right:100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;
		position: fixed;
		/*overflow:scroll;*/
		overflow: hidden;
	}

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

	header nav ul li a {
		display: block;
	}

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

	header nav ul li .children {
		width: 100%;
		position: relative;
		/*display: block;*/
	}

	header nav ul li .children li a{
		margin-left:20px;
	}

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