/*
	Estilo para el titulo y el contener del titulo
*/
.loginCabecera {
	background-color: white;
}

.loginCabecera h2 {
	color: white;
	background-color: #a57f2c;
    font-size: 28px;
}

/*
	Estilo para los botones azules del login
*/
.loginBoton {
	background-color: white;
	color: #4d92df;
	border: 2px solid #4d92df;	
}

.loginBoton:hover {
	background-color: #4d92df;
	color: white;
	border: 2px solid #4d92df;
}

.loginBoton[disabled] {
	background-color: #4d92df;
	color: white;
	border: 2px solid #4d92df;
}

.loginBoton[disabled]:hover {
	background-color: #4d92df;
	color: white;
	border: 2px solid #4d92df;
}

.loginBoton:focus {
	background-color: #4d92df;
	color: white;
	border: 2px solid #4d92df;
}

/*
	Estilo para el ojito del campo contrasena en el login
*/
.loginOjito {
	position: relative;
}

.loginOjito input {
	width: 100%;
	padding: 12px 40px 12px 12px;
}

.loginOjito button {
	position: absolute;
	margin-left: 130px;
	top: 25px;
	width: 38px;
	background: none;
    border: 0;
}

.loginOjito button:focus {
	outline: 0px;
}

/*
	Estilo para el box que rodea el login
*/
.login {
    background: white;
    border: 1px solid #eeeeee;
    border-radius: 3px 3px 0 0;
    margin: 10px 0 30px 0;
    padding: 25px 25px;
    position: relative;
}


/*
	Estilo para asignar la fuente Montserrat Light
*/

@font-face {
    font-family: 'MontserratLight';
    src: url('../tipografia/Montserrat-Light.ttf');
}

.montserratLight {
	font-family: 'MontserratLight', sans-serif;
}