*, body 
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-color: #ebf0f3;
}

a
{
	color: #020084;	
}

a:hover
{
	color: #020084;
}

#wrapper
{
}

#container
{
	margin: 200px auto;
	border: solid 1px gray;
	width: 500px;
	height: 333px;
	background-image: url(img/fondo-login.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#login
{
	width: 400px;
	height: 220px;
	margin: 50px auto;
}

.formulario
{
	margin: 100px 10px 10px 10px;
	color: #565656;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	width: 370px;
}

.formulario-recover
{
	margin: 10px;
	color: #565656;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	width: 370px;
}

.input
{
	text-align: right;
}

.recover a:link
{
	color: #565656;
	text-decoration: none;
}

.recover a:hover
{
	color: #565656;
	text-decoration: underline;
}

.button-wrapper
{
	text-align: right;
}

.error
{
	color: Red;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	text-align: center;
}

.button
{
	font-family:Arial;
	font-size:8.25pt;
	height: 20px;
	width: 80px;
	color: #474747;
	background-color: #B5C4D7;
	border: solid 0px #5979A0;
	border-right-width: 1px;
	border-bottom-width: 1px;
}

.button:hover
{	
	background-color: #e4b2b3;
}

.mensaje
{
	margin: 100px 10px 10px 10px;
	color: #565656;
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
}

.loading
{
	text-align: center;
}