body {background:#FEFEFE;}

p.pruebas{
	color: #fbdb42 !important;
	font-family: Arial;
	font-size: 20px !important;
	text-align: left !important;
	margin-left: 20px;
	margin-top: -20px;
}

.version{
	color: #fff;
	font-family: Arial;
	font-size: 16px;
	margin-top: 5px;
}
	
.menu_bar {
	display:none;
	cursor:pointer;
	margin-top: 10px;
}
	 
header {
	width: 100%;
}
 
header nav {
	z-index:1000;
/* 	max-width: 1000px; */
	width:95%;
	top: 10px;
    position: relative;
}
 
header nav ul {
	list-style:none;
}
 
header nav ul li {
 	display:inline-block; 
	position: relative;
	float: left;
	
}
	 
	/* header nav ul li:hover { 
	 	background:#E6344A; 
	 } */
	 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 10px;
	text-align: left;
}
 
/* header nav ul li a span { */
/* 	margin-right:10px; */
/* } */
 
header nav ul li:hover .children {
 	display:block; 
}
 
header nav ul li .children {
	display: none;
	position: absolute;
 	z-index:1000; 
	top: 120%;
	background: linear-gradient(to bottom, #52a7e0 0%, #2691d9 33%, #166196 67%, #16537c 100%);
	left: 0%;
    width: 203px;
}

/*cambia el color del li al pasar el raton*/
header nav ul li .children :hover{
	background: rgb(140, 223, 255);
}

 /*cambia el color de la letra al pasar el raton*/
header nav ul li .children li :hover {
	color:black;
	text-decoration:none;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	width:100%;
}
 
header nav ul li .children li a {
	display: block;
/* 	text-align: center; */
	font-size: 0.9em;
	position: relative;
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
	padding: 
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

span.submenu {
	font-family: Arial;
	font-size: 18px !important;
	padding: 0px 9px 10px;
}

ul.children li a{
	font-family: Arial;
	font-size: 14px !important;
	font-padding: 9px 9px 9px 9px;
}

div.headerNav {
	margin-top: -5px !important;
}

a img {
	cursor:pointer;
}

.img-logo {
	width: 319px !important;
	height: 72px !important ;
}


.subtitulo_esir{
		display: inline;
	   	float: right;
	   	width: 100%;
	   	margin-right: 8px;
	}

@media only screen and (min-width: 1191px) {
	
	.primero{width:60%}

	.segundo{width:40%}

	.icono{
		width: 23px !important;
		height: 23px !important;
	}

}

@media only screen and (max-width: 1190px) {
/* 	body { */
/* 		padding-top:80px; */
/* 	} */
 
	.menu_bar {
		display:block;
		text-align: left;
	}
 
	#bt-menuOpen {
		left: 16px;
		position: relative;
		font-size: 50px;
	    color: white;
	    cursor: pointer;
	}
	
	#bt-menuClose {
		left: 17px;
		position: relative;
		display:none;
		font-size: 50px;
    	color: white;
    	cursor: pointer;
	}
 
	.menu_bar span {
		float: left;
		font-size: 10px;
	}
 	
 	
	header nav {
		width: 190px;
		position: absolute;
		right:100%;
		margin: 0;
		background-color: rgb(22, 83, 124);
/* 		overflow-y: scroll;  */
		
	}
	
 	nav {
 		 height: auto;
 	}
 	
	header nav ul li {
		display: block;
	}
 
	header nav ul li a {
		display: block;
	}	
 
	header nav ul li .children {
		width: 82%; 
 		position: relative;
/*   		background: linear-gradient(to bottom, #2691d9 0%, #2691d9 33%, #166196 67%, #166196 100%);  */
		left: 10%;
	}
 
	header nav ul li .children li a {
		margin-left:0px;
		position: relative;
    	left: 11px;
	}
 
	header nav ul li .caret {
		float: right;
	}
	
	ul li a.mainNav {
		font-size: 1.0em !important;
		padding: 14px !important;
	}
	
	.primero{width:75px}
	
	.segundo{width:auto}
	
	.icono{
		width: 30x !important;
		height: 30px !important;
		margin-top: 10px;
	}
	
	.subtitulo_esir {
	    margin-right: 0px;
	}
	
	p.pruebas{
		margin-left: 10px;
	}
}

@media (max-width: 800px) and (orientation: portrait) {
	.img-logo {
    	height: 60px !important;
    	width: auto !important;
    }	
}

@media only screen and (max-width: 600px) {	
	p.pruebas{		
		font-size: 13px !important;
		margin-left: 5px;
		margin-top: -15px;
	}	
	
	#bt-menuOpen{
		width: 40px;
	}
	
	.version{
		font-size: 13px;
	}	
	
	nav {
 		 height: auto;
 	}
}

@media (max-width: 800px) and (orientation: portrait) {
	.img-logo {
	    height: 60px !important;
	    width: auto !important;
	}
}