/* TABLA DE ACCESO AL SISTEMA*/

#acceso {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	width:380px;
	background-color: #0C2F86;
	color: #FFFFFF;
	padding:17px;
	text-align: center;
	font-family: Arial, Helvetica, sand-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#acceso h1 {
	
	background-color: #000080;
	color: #FFFFFF;
	text-align: left;
	margin-top: 12px;
	font-size: 40px;
	padding:10px;

}

#acceso th {
	
	color: #FFFFFF;
	text-align: center;
	margin-top: 12px;
	font-size: 30px;
	padding:10px;

}
#acceso tr {
		
	text-align: center;
	margin-top: 12px;
	padding:10px;
	font-size: 15px;
}

#acceso input {
		
	text-align: left;
	margin-top: 12px;
	padding:10px;
	font-size: 18px;
}

#acceso label {
		
	text-align: left;
	margin-top: 12px;
	padding:10px;
	font-size: 18px;
}


/* Dispositivos extra pequeños
@media(max-width: 768px){
	#acceso:after{
		content: 'Extra small';
	}
}

/*Dispositivos pequeños 576px y mas 
@media(max-width: 576px){
	#acceso:after{
		content: 'Small';
	}

}

/*Dispositivos medios 768px y mas 
@media(max-width: 576px){
	#acceso:after{
		content: 'Medium';
	}

}*/