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

html { text-align:center; font-family:century gothic,arial, freesans; font-size:12pt; }
#banner { position:absolute; left:0px; width:100%; top:0px; text-align:center; height:210px; background-color:#396F96; }
#formalogin, #formarecovery { margin:300px auto 0px auto; }
#datosencabezado { left:0px; top:0px; width:100%; height:30px; text-align:center; background-color:#8EA64B; color:#FFFFFF; }
#login { background-color:#202020; height:52px; }
.datosencabezado { height:16px; font-size:10pt; text-align:center; vertical-align:middle; color:#FFFFFF; }

.boton, .botonlogin  { border:0px; background-color:#ABC26B; color:#FFFFFF; text-align:center; vertical-align:middle; cursor:pointer; }
.botonlogin  { width:100px; height:28px; font-size:10pt; }
.logintabla { width:100%; }
.loginlabel { color:#FFFFFF; text-align:left; vertical-align:bottom;}
.logintexto { color:#505050; text-align:left; width:100%; border:0px; }
.loginforgot, a:link  { color:#FFFFFF; font-size:10pt; text-align:center; }
a:hover{ color:#396F96; }

@media only screen and (max-width:480px) 
{
	body { background-color:#909090; }
	#login { left:0px; top:0px; width:100%; text-align:center; }
	#titulosuperior { left:0px; top:102px; width:100%; text-align:center; }
	#formalogin, #formarecovery { width:100%; text-align:center; }
	#datosencabezado { display:none; }
	.loginlabel , .logintexto { font-size:18pt; }
	.boton  { width:100%; height:60px; border:0px; font-size:14pt; }
	#botonsubmit { position:absolute; bottom:10px; left:10px; right:10px; }
	
}
@media only screen and (min-width:481px) 
{
	#titulosuperior { left:200px; top:15px; }
	#formalogin { width:400px; height:210px; background-color:#909090; }
	#formarecovery { width:400px; height:160px; background-color:#909090; }
	.loginlabel , .logintexto { font-size:14pt; }
	.boton  { width:100px; height:28px; font-size:10pt; }
	#botonsubmit { width:100%; text-align:center; }
}

.registroerror { color:#AA0000; font-size:10pt; text-align:right; }