.imagen{
	background-image: url(/images/arega.jpg);
}
#imgArega{
	z-index:2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.div-arega{
	width:100%;
	height:100%;
	z-index:3;
	position: absolute;
	top: 0%;
}
.esconder-arega{
	animation-name: esconder;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
.mostrar-arega{
	animation-name: mostrar;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@Keyframes esconder{
	0%{height:100%;width: 100%;}
	100%{height:0%;width: 0%;}
}
@Keyframes mostrar{
	0%{height:0%;width: 0%;}
	100%{height:100%;width: 100%;}
}
/*
#ParallaxImg {
	position: relative;
}*/