#mhhdtpm{
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 98;
	top: 0;
}
header{
	width: 100%;
	height: 100px;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	border-bottom: 2px solid #ea8511;
}
.menu{
}
.nav{
	width: 30%;
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	transform: translateX(-100%);
	opacity: 0;
	background: #fff;
}
.caja_navegacion{
	width: 100%;
	height: 400px;
	padding-right: 10%;
	display: flex;
	flex-wrap: wrap;
}
.botonh{
	width: 100%;
	height: 20px;
	text-align: right;
}
.botonh a{
	color: #333;
	font-weight: 700;		
}
.cajah{
	width: 33.333333%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}

.imagenlogo{
	width: 216px;
	height: 70px;
}

.imagenlogo img{
	width: 100%;
	height: 100%;
	opacity: cover;
}

.datosheader{
	font-size: 12px;
	font-weight: 700 !important;
	text-align: right;
}

.llegaruno{
	-webkit-animation: llegar1 1.3s linear ;
	-o-animation: llegar1 1.3s linear ;
	animation: llegar1 1.3s linear ;
}
.llegardos{
	-webkit-animation: llegar2 1.1s linear ;
	-o-animation: llegar2 1.1s linear ;
	animation: llegar2 1.1s linear ;
}
.llegartres{
	-webkit-animation: llegar3 .9s linear ;
	-o-animation: llegar3 .9s linear ;
	animation: llegar3 .9s linear ;
}
.llegarcuatro{
	-webkit-animation: llegar4 .6s linear ;
	-o-animation: llegar4 .6s linear ;
	animation: llegar4 .6s linear ;
}
.llegarcinco{
	-webkit-animation: llegar5 .7s linear ;
	-o-animation: llegar5 .7s linear ;
	animation: llegar5 .7s linear ;
}
@keyframes llegar1{
	from{ transform: translateX(-100%);opacity: 0; }
	to{ transform: translateX(0px);opacity: 1; }
}
@keyframes llegar2{
	from{ transform: translateX(-100%);opacity: 0; }
	to{ transform: translateX(0px);opacity: 1; }
}
@keyframes llegar3{
	from{ transform: translateX(-100%);opacity: 0; }
	to{ transform: translateX(0px);opacity: 1; }
}
@keyframes llegar4{
	from{ transform: translateX(-100%);opacity: 0; }
	to{ transform: translateX(0px);opacity: 1; }
}
@keyframes llegar5{
	from{ transform: translateX(-100%);opacity: 0; }
	to{ transform: translateX(0px);opacity: 1; }
}

.irseuno{
	-webkit-animation: irse1 1.5s linear ;
	-o-animation: irse1 1.5s linear ;
	animation: irse1 1.5s linear ;
}
.irsedos{
	-webkit-animation: irse2 1.3s linear ;
	-o-animation: irse2 1.3s linear ;
	animation: irse2 1.3s linear ;
}
.irsetres{
	-webkit-animation: irse3 1.1s linear ;
	-o-animation: irse3 1.1s linear ;
	animation: irse3 1.1s linear ;
}
.irsecuatro{
	-webkit-animation: irse4 .8s linear ;
	-o-animation: irse4 .8s linear ;
	animation: irse4 .8s linear ;
}
.irsecinco{
	-webkit-animation: irse5 .9s linear ;
	-o-animation: irse5 .9s linear ;
	animation: irse5 .9s linear ;
}
@keyframes irse1{
	from{ transform: translateX(0px); opacity: 1;}
	to{ transform: translateX(-100%); opacity: 0;}
}
@keyframes irse2{
	from{ transform: translateX(0px); opacity: 1;}
	to{ transform: translateX(-100%); opacity: 0;}
}
@keyframes irse3{
	from{ transform: translateX(0px); opacity: 1;}
	to{ transform: translateX(-100%); opacity: 0;}
}
@keyframes irse4{
	from{ transform: translateX(0px); opacity: 1;}
	to{ transform: translateX(-100%); opacity: 0;}
}
@keyframes irse5{
	from{ transform: translateX(0px); opacity: 1;}
	to{ transform: translateX(-100%); opacity: 0;}
}

.abrirPOST{
	transform: translateX(0%);
	opacity: 1;
	transition: .9s;
}
.cerrarPOST{
	transform: translateX(-100%);
	opacity: 0;
	transition: 1.8s;
}

.icon-cancel-circled{
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 20px;
	cursor: pointer;
}
.icon-menu-1{
	font-size: 20px;
	cursor: pointer;
}

@media(max-width: 760px){
	.imagenlogo{
		width: 108px;
		height: 35px;
	}
	.nav{
		width: 100%;
	}
	.caja_navegacion{
		padding-right: 0;
	}
	.botonh{
		text-align: center;
	}
	.datosheader{
		font-size: 6px;
		font-weight: 700;
		text-align: right;
		padding-right: 5px;
	}
}