@charset "utf-8";
form#login {
	margin: 0 auto;
	padding: 1%;
	width:48%;
	border: 1px solid grey;
	border-radius: 3px;
	text-align: center;
}
	form#login input#username, form#login input#password {
		border-radius: 3px;
		border: 1px solid #C8C8C8;
		color: #777;
		margin: 5px;
		padding: 10px 1px 10px 40px !important;
		background-repeat:no-repeat;
		}
		
		/******************/
		/*Posicion Imagen, bordes y tamaño*/
		/****************/
		input#username, input#password {
			background-image: url(../images/login/fondo_input_login.png);
			background-position: 4px 9px;
		}
		input#password { 
			background-position: 4px -54px;
		}

.borde_gris {
	padding: 5px;
	margin: 5px;
	border: 1px solid #D5D2CA;
}

.gris {
	color: Grey;
	text-decoration: none;
}

.boton_login {
	background-color: #E2D9EA;
	color: black;
	padding: 6px;
	border: 1px solid #09F;
	width: 200px;
	border-radius: 3px;
	cursor: pointer;
}

@media screen and (max-width:500px) {
	form#login {
    	width: 68%;
	}
}
@media screen and (max-width:400px) { /**/
	form#login {
    	width: 80%;
	}
}