body{  /* aqui voy a eliminar los bordes blancos de los 4 lados*/
	margin: 0px;
	padding: 0px;
	font-family: "Arial Narrow";
	font-size: 18px;
	background-image: url(../img/fondos/ingreso.gif);
	background-position: top;
	overflow: hidden;
	height: 100vh;
}
img{
	transition-duration: 1s,1s;
}
img:hover{
	transform: scale(2,2);
}
.altura2_l{
	height: 15px;
	margin-top: 12%;
	margin-bottom: 15px;
}
.altura1_l{
	height: 15px;
	margin-top: 2%;
	margin-bottom: 15px;
}
.altura0_l{
	height: 15px;
	margin-top: 4%;
	margin-bottom: 15px;
}
.altura_l{
	height: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.altura1_m{
	height: 15px;
	margin-top: 100px;
	margin-bottom: 5px;
}
.altura_m{
	height: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.altura1_s{
	height: 12px;
	margin-top: 70px;
	margin-bottom: 5px;
}
.altura_s{
	height: 12px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#logo{
	top: calc(80vh - 77%);
	left: 8%;
	position: absolute;
	margin-left: -90px;
}
#cambio{
	top: calc(49vh - 10%);
	left: 48.5%;
	position: absolute;
	margin-left: 10px;
	font-style: normal;
	background-color: rgba(0,128,128,128);
}
#cerrar_l{
	width: 54px;
	height: 54px;
	margin-top: 15%;
	margin-left: 90%;
	position: absolute;
}
#entrar_l{
	width: 50px;
	height: 50px;
	margin-top: -40px;
	margin-left: 50%;
	position: absolute;
}
#cerrar_m{
	width: 54px;
	height: 54px;
	margin-top: 300px;
	margin-left: 95%;
}
#entrar_m{
	width: 50px;
	height: 50px;
	margin-top: 25px;
	margin-left: 230px;
}
#cerrar_s{
	width: 54px;
	height: 54px;
	margin-top: 300px;
	margin-left: 80%;
	position: absolute;
}
#entrar_s{
	width: 50px;
	height: 50px;
	margin-top: 0px;
	margin-left: 70%;
}