header {
	float: left;
	width: 100%;
	height: 56px;
	position: fixed;
	background-color: white;
	z-index: 10;
	box-shadow: 0 2px 2px rgba(102,102,102,.1);
	border-bottom: 2px ridge;
	border-bottom-color: rgba(49,49,49,.1);
	

}

#contenedor_encabezado {
	float: left;
	width: 100%;
	height: 56px;
}

#contenedor_logotipo_encabezado {
	float: left;
	width: 80px;
	height: 35px;
	margin-top: 10px;
	margin-left: 15px;
}

#contenedor_logotipo_encabezado img {
	width: 100%;
	height: 100%;

}

#contenedor_icono_hamburguesa {
	float: right;
	width: 44px;
	height: 40px;
	margin-top: 6px;
	margin-right: 2px;


}


#contenedor_icono_hamburguesa img {
	float: left;
	width: 100%;
	height: 100%;	
}

#contenedor_icono_cruz {
	float: right;
	width: 44px;
	height: 44px;
	margin-top: 6px;
	margin-right: 2px;
	display: none;
		
}

#contenedor_icono_cruz img {
	float: left;
	width: 100%;
	height: 100%;	
}


#contenedor_telefono {
	float: right;
	width: 20px;
	height: 25px;
	margin-top: 19px;
/*	margin-left: 160px;*/
/*	margin-left: 50%;*/
}

#contenedor_telefono img {
	float: left;
	width: 14px;
	height: 14px;
}

#contenedor_telefono a:nth-child(2) {
	visibility: hidden;
	
}



#contenedor_menu_principal {
	visibility: hidden;
}

#contenedor_menu_oculto {
	position: fixed;
	top: 54px;
	left:0px;
	width: 100%;
	height: 0px;
	z-index: 15;
	background-color: white;
	
	-webkit-box-shadow: 0 6px 8px 0 rgba(120,120,120,.9);
	box-shadow: 0 6px 8px 0 rgba(120,120,120,.9);
	transition: height .3s;
}

#contenedor_menu_oculto.active {
	height: 184px;
	
}

#menu_oculto {
	display: none;
}

#menu_oculto.active {
	display: block;
	
}



#menu_oculto li {
	width: 94%;
	height: 26px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:7px;
	margin-left: calc((100% - 94%)/2);
	border-bottom: 1px solid rgba(49,49,49,.075);

}

#menu_oculto li a {
	width: 100%;
	display: inline-block;
}

#menu_oculto li:last-child {
	height: 42px;
}

#menu_oculto li a {
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}



@media screen and (min-width:768px) {
	header {
		height: 65px;
	}
	
	#contenedor_encabezado {
		height: 65px;
	}	
	
	#contenedor_logotipo_encabezado {
		width: 100px;
		height: 45px;
		margin-top: 8px;
		margin-left: 37px;
	}
	
	#contenedor_icono_hamburguesa {
		margin-top: 12px;
		margin-right: 25px;
	}

	#contenedor_icono_cruz {
		margin-top: 12px;
		margin-right: 25px;
	}
	
	#contenedor_telefono {
		margin-top: 28px;

	}
	
	#contenedor_menu_oculto {
		top: 63px;
	}
	
	
	#menu_oculto li {
		width: 92%;
		margin-left: calc((100% - 92%)/2);
	}
	
	#menu_oculto li:first-child {
		padding-top: 10px;
	}
}

@media screen and (min-width:1024px) {
	header {
		height: 75px;
	}
	
	#contenedor_encabezado {
		height: 75px;
	}		

	#contenedor_logotipo_encabezado {
		width: 120px;
		height: 55px;
		margin-top: 11px;
		margin-left: 38px;
	}
	

	#contenedor_telefono {
		float: right;
		width: 190px;
		margin-top: 20px;
		margin-right: 22px;
		margin-left: 0px;
		
	}

	#contenedor_telefono img {
		margin-left: 30px;
	}
	
	#contenedor_telefono a {
		text-decoration: none;
		
	}
	
	
	#contenedor_telefono a:nth-child(2) {
		float: left;
		width: 120px;
		height: 23px;
		font-family: 'Heebo Bold';
		font-size: 14px;
		font-weight: bold;
		color: #333666;
		margin-left: 10px;
		visibility: visible;

	}
	
	#contenedor_telefono a:nth-child(2):hover {
		color: #666699;
	}
	
	#contenedor_icono_hamburguesa {
		display: none !important;
	}
	
	#contenedor_icono_cruz {
		display: none !important;	
	}	

	#contenedor_menu_oculto {
		height: 0px !important;

	}

	#menu_oculto {
		display: none !important;
	}	

	#contenedor_menu_principal {
		float: right;
		width: 420px;
		height: 22px;
		margin-top: 50px;
		margin-right: -197px;
		font-size: 14px;
	 	z-index: 15;
		visibility: visible;
	}

	#contenedor_menu_principal ul {
		list-style: none;
	}

	#contenedor_menu_principal ul li {
		display: inline;
		margin-left: 25px;
	}

	#contenedor_menu_principal ul li a {
		text-decoration: none;
		font-family: 'Heebo Regular';
		font-size: 14px;
		font-weight: normal;

	}

	#contenedor_menu_principal ul li a:link,
	#contenedor_menu_principal ul li a:visited {
		color: #333366;
	}

	#contenedor_menu_principal ul li a:hover,
	#contenedor_menu_principal ul li a:active {
		color: #666699;
	}

}

@media screen and (min-width:1280px) {

	#contenedor_logotipo_encabezado {
		margin-left: 77px;
	}
	
	#contenedor_telefono {
		margin-right: 55px;
	}

}

@media screen and (min-width:1920px) {

	#contenedor_encabezado {
		width: 1280px;
		margin-left: calc((100% - 1280px) / 2);
	}
	
	#contenedor_logotipo_encabezado {
		margin-left: 84px;
	}
	
	#contenedor_telefono {
		margin-right: 75px;
	}

}