@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding: 0; /*original 0:*/
	box-sizing: border-box;
	font-family: 'Hind', sans-serif;
}
img{
	vertical-align: top;
	width:100%;
	height: auto;
}
/*INICIO BARRA NAVEGACIÓN*/
.contenedor_nav{ /*ok*/
	width:100%;
	background: #1b365d;
	/*border-radius: 3px;*/
	float:right;
	margin: 0 0 5px 0;
	padding: 0;
}
.menu_bar{
	display:none;
}

header{
	width: 100%;
	padding: 0;
	margin-top: 0;
}
header nav{
	background: #1b365d; /*color azul-oscuro #1b365d*/
	z-index:1000;
	width:100%;/*original 95%;*/
	margin: 1px auto; /*original 20px auto;*/ 
}
header nav ul{
	list-style: none;
	float:right;/*nuevo*/
}
header nav ul li{
	display: inline-block;
	position: relative;
}
header nav ul li:hover{
	background: #232940; /*original skyblue;*/
}
header nav ul li a{
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 10px 8px 10px 8px; /*original 20px;*/
	font-family: 'Hind', sans-serif;
	font-size: 14px;/*ok tipografía menú*/
	margin-top: 0px;
}

header nav ul li .gabi{
	color: red;
	display: block;
	text-decoration: none;
	padding: 0; /*original 20px;*/
}
header nav ul li a span{
	/*margin-right: 10px;*/
	font-size: 11px;/*nuevo*/
}
header nav ul li:hover .children{
	display: block;
}
header nav ul li .children{
	display:none;
	background: #9ea2a2; /*color gris-oscuro*/
	position: absolute;
	width:180%;
	z-index: 1000;
}
header nav ul li .children li{
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, .5); 
}
header nav ul li .children li a{
	display: block;
}
header nav ul li .children li a span{
	float: rigth;
	position: relative;
	top: 3px;
	margin-right: 0;
	margin-left: 10px;
}
header nav ul li .caret{
	position: relative;
	top: -1px;
	margin-left: 5px;
	margin-right: 0px;
}

/*nuevo media*/
/*TÉRMINO BARRA NAVEGACIÓN*/

.contenedor_interior_corp{
	height: 50px;
}

/*INICIO MEDIA QUERYS*/
@media screen and (max-width: 1120px){
	.contenedor_encabezado {
		background:#1b365d;
	}
	.encabezado { 
		height:90px;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index: 1000;
	}
	header nav ul li a{
		color: #fff;
		display: block;
		text-decoration: none;
		padding: 10px 9px 10px 9px; /*padding entre cada item del menú 10px 3px 10px 6px*/
		font-family: 'Hind', sans-serif;
		font-size: 14px;
		margin-top: 0px;
	}
}
@media screen and (max-width: 1024px){
	.contenedor_encabezado {
		background:#1b365d;
	}
}
@media screen and (max-width: 992px){
	.contenedor_encabezado {
		background:#1b365d;
	}
	header nav ul li a{
		padding: 10px 4px 10px 3px; /*padding entre cada item del menú 10px 3px 10px 6px*/
	}
}
@media screen and (max-width: 920px){ /*original 800px;*/
	.contenedor_encabezado { 
  		height:115px; /*original 90px; -2nda: 105*/
		background:#1b365d;
	}
	.card_logo{
	width:93%;
	/*padding-top: 5px;*/
	margin-top:0px;
}
	.menu_bar{
		display: block;
		width: 100%;
		top:0px;
		background: #1b365d;
	}
	.menu_bar .btn-menu{
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 16px;
		text-decoration: none;
		float:right; /*nueva*/
	}
	.menu_bar span{
		font-size: 20px;
		padding-right: 0px;
	}
	header nav{
		width: 80%;
		height: calc(100% - 90px);
		position: fixed;
		right: 100%;
		margin: 20px auto;
		background-color:#1b365d;
		margin-top: 85px;
	}
	header nav ul{
		list-style: none;
		float:left;
		width:100%;	
	}
	header nav ul li{
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, .5);	
	}
	header nav ul li a{
		display: block;
		padding: 10px;
		margin-left: 20px;
	}
	header nav ul li:hover .children{
		display: none;
	}
	header nav ul li .children{
		width: 100%;
		position: relative;
	}
	header nav ul li .children li a{
		margin-left: 20px;
	}
	header nav ul li .caret{
		float: right;
	}
}
@media screen and (max-width: 768px){
	.contenedor_encabezado { 
  		height:115px; /*original 90px;*/
  		background:#1b365d;/*azul oscuro #323b5c*/
  		position:fixed;
  		top:0;
  		left:0;
  		width:100%;
  		z-index: 1000;
	}
		.card_logo{
	width:100%;
	margin-top:0px;
}
}
@media screen and (max-width: 576px){
	.contenedor_encabezado { 
  		height:115px; /*original 90px;*/
  		background:#1b365d;/*azul oscuro #323b5c*/
  		position:fixed;
  		top:0;
  		left:0;
  		width:100%;
  		z-index: 1000;
	}
}
@media screen and (max-width: 412px){
	.contenedor_encabezado {
		background:#1b365d;
	}
}