html, body {
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    /* height: 100%; */
    background: #fcfcfc;
    background-size: cover;
    font-size: .91em;
    height:100%;

}
body {
	    background-image: url('images/background.jpg');
}
center {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}
.full {
	width: 100%;
	float: left;
	box-sizing: border-box;
}
.mitad {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.un-tercio {
	width: 33.3%;
	float: left;
	box-sizing: border-box;
}
.dos-tercios {
	width: 66.6%;
	float: left;
	box-sizing: border-box;
}
.un-cuarto {
	width: 25%;
	float: left;
	box-sizing: border-box;
}
.tres-cuartos {
	width: 75%;
	float: left;
	box-sizing: border-box;
}
p {
	color: #666;
}
section#login {
	width: 420px;
	margin: 0 auto;
	/* margin-top: 4em; */
}
div#login {
		border: 1px solid #fff;
		border-radius: .2em;
		padding: 1em 2em 2em 2em;
		background-color: rgba(255,255,255,.4);
		margin-top: 4em;
}
div#logo {
	background-image: url('images/logo.png');
	height: 9em;
	margin: 3em 0;
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
}
form#login-form {
	padding: 0 2em;
}
form#login-form input {
	margin-bottom: .7em;
	font-size: 1.3em;
	padding: .4em;
	background-color: #f5f5f5;
	border: 1px solid #999;
	color: #666;
}
form#login-form label {
	font-size: 1em;
	float: left;
	color: #666;
	margin-bottom: .3em;
	font-weight: bold;
}
form#login-form button {
	float: right;
	padding: .5em 3em;
	font-size: 1.1em;
	color: #fff;
	background-image: none;
	background-color: #57b4e5;
	border: none;
	margin-top: 1.3em;
}
form#login-form button:hover {
	background-color: #84b374;
	cursor: pointer;
}