.loading{
	background-image: url("loading.gif");
	background-repeat: no-repeat;
	margin-right: 35%;
	position: static;
	z-index: 100;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 356px;
	height: 240px;
}

@font-face
{
	font-family:MalleableGrotesque-4Regular;
	src:url(../fonts/MalleableGrotesque-4Regular.otf);
}

@font-face
{
	font-family:MalleableGrotesque-3Lightr;
	src:url(../fonts/MalleableGrotesque-3Light.otf);
}

@font-face
{
	font-family:MalleableGrotesque-1ExtraThin;
	src:url(../fonts/MalleableGrotesque-1ExtraThin.otf);
}

@font-face
{
	font-family:MalleableGrotesque-2Thin;
	src:url(../fonts/MalleableGrotesque-2Thin.otf);
}

/*. Declaracioón de las fuentes que se van a utilizar*/


.encabezado {font-family: MalleableGrotesque-4Regular;}
a{font-family: MalleableGrotesque-2Thin;}
input{font-family: MalleableGrotesque-2Thin;}
label{font-family: MalleableGrotesque-2Thin;}
button{font-family: MalleableGrotesque-2Thin;}
h3{font-family: MalleableGrotesque-2Thin;}

/*. Asiganaciión de cada fuente a las clases de los objetos que se ocupan*/