
body { background: #f5f5f5; margin-top:75px;}

#login { width: 100%; position: absolute; }

#login h1
{
	width: 215px;
	height: 32px;
	line-height: 800px;
	overflow: hidden;
	margin: 0 auto .75em;	
}

#login_panel
{
	background-color: #004aa1;
	width: 100%;
	overflow: hidden;
}

#login_panel .logo { text-align:left; padding:15px 0px 15px 15%; background: #FFF;}

#login_panel .titulo{ color:#FFF; font-size:24px; padding:30px 0px 10px 15%;}
#login_panel .titulo small{ font-size:10px;}

#login_panel .login_fields {padding:0px 0px 0px 15%; }
	#login_panel .login_fields input { width: 400px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#login_panel .field { margin-bottom: 1.75em; }
	#login_panel .field:last-child { margin-bottom: .85em; }
	
	#login_panel .login_fields .field label {color: #FFF; display: block; position: relative; font-weight:normal;} 	
		#login_panel .login_fields .field label small { position: absolute; left: 280px; top: -2px; }
			#login_panel .login_fields .field label small a { color: #DDD; }

#login_panel .checkbox {padding:0px 0px 0px 15%; margin-left:20px;}
#login_panel .checkbox label {color: #DDD; font-size:11px; font-weight:bold; vertical-align:top;}

#login .login_actions {  width: auto; padding:0px 0px 20px 15%;}

#login .login_links {  width: auto; padding:0px 0px 10px 15%; color:#FFF}

#login .login_links a { color:#FFF}


#login_panel .security { text-align:left; padding:10px 0px 10px 15%; background: #FFF;}

.notify p,.notify h3{ padding-left:15%; border-radius:0px;}

@media (max-width: 480px) {
body {margin-top:0px;}
#login_panel .logo { padding-left:8px; background: #FFF;}
#login_panel .titulo{padding-left:10px;}
#login_panel .login_fields {padding-left:10px; }
#login_panel .login_fields input { width: 95%;}
#login_panel .field label small { position: absolute; left: 63%; top: -2px; }
#login_panel .checkbox {padding-left:30px; margin-left:0px;}
#login .login_actions { padding-left:10px;}
#login_panel .security { padding-left:10px;}
}