/* CSS Document */

input.acceder { padding: 5px 10px; background-color: #9CDAEC; color: #232323; font-size: 14px; font-weight: bolder; border: none; margin-top: 5px; border-radius: 3px; width: 100%; max-width: 300px; }
input.enviar { padding: 10px; background-color: #3C4ACC; color: #9CDAEC; font-size: 14px; font-weight: bolder; border: none; margin-top: 20px; border-radius: 3px; }
	input.enviar:hover { background-color: #9CDAEC; color: #232323; cursor: pointer; }
	input.enviar:disabled { background-color: #575759; color: #313131; cursor: not-allowed; } 

div#acceder_izquierda { float: left; width: 50%; padding: 10px; }
div#acceder_derecha { float: left; width: 50%; padding: 10px; border-left: 2px solid gray;  }

@media screen and (max-width: 800px) {
	div#acceder_izquierda { float: none; width: 100%; border-bottom: 2px solid gray;  }
	div#acceder_derecha { float: none; width: 100%; border-left: none; }
}