/* FORM */
div.pass,
form {
	border: 1px solid #ddd;
	padding: 1em;
	background: #fff;
	color: #666;
}
.page.rounded .pass,
.page.rounded form,
.page.rounded #access {
	border-radius: 5px;	
}
#login,
.login {
	display: none;
	/*max-width: 700px;*/
	display: block;
	margin: 1em auto;
	text-align: center;
}
.form-info {
	background:#f1f1f1; 
	padding:10px;
}
fieldset {
	padding: 0.5em;
}
label  {
	display: block;
	text-align: left;
}
input[type=checkbox]+label {
	display: inline;
}
label:after+input:required {
	content: "*";
	color: #c66;
}
input[type=text], 
input[type=password],
input[type=number],
input[type=tel],
textarea
{
	display: block;
	padding: 0.5em;
	border: 1px solid #ccc;
	box-sizing: border-box;
	width: 100%;	
}

input.invalid { 
	border: 1px solid #c66;
	box-shadow: 0 3px 3px #c66;
	border-radius: 2px;
}
select {
	display: block;
	padding: 0.5em;
	border: 1px solid #ccc;
	box-sizing: border-box;
	width: 100%;	
}
button#enviar,
button#entrar {
	background: #06a; 
	color: #fff;
	text-align: center;
	border: none;
	padding: 1em 2em;
	box-sizing: border-box;
	width: 100%;	
	font-size:0.85em;
}
button#enviar:hover {
	background: #06f;
}
fieldset.btn {
	text-align: center
}
#error, #rerror {
	background: #edd; 
	color: #c66; 
	padding: 10px; 
	margin-bottom: 10px; 
	border: 1px dotted #c66; 
	border-radius:2px;
	font-size: 0.9em;
	display:none;
}
#access {
	text-align: center;
	border: 1px solid #ddd;
	padding: 22% 1em;
	background: #fff;
	background: rgba(255,255,255,0.8);
}

.choose {
	text-align: right;
	padding: 0.5em;
}
.choose a {
	font-size: 0.85em;
	color: #666;
	text-decoration: none
}
.choose a:hover, .choose a.active  {
	color: #000;
}
.choose a.active  {
	font-weight: bold;
}

@media (min-width: 420px) {
	#access {
		font-size: 1.4em;
	}
}
@media (min-width: 860px) {
	#access {
		font-size: 2em;
	}
}