*{ margin:0; padding:0;}
body{ background:#f4f4f4;}
#login{ width:512px; height:305px; margin:80px auto 0 auto; background: url(images/login_bg.jpg) no-repeat;}
#login .restrito{ font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#069; width:348px; display:block; padding:6px 15px; 	
			   margin:15px auto 5px auto;} 
#login .restrito a{width:120px; padding:3px; float:right; margin-right:28px; margin-top:15px; cursor:pointer; color:#333; background:#FFF;
				border:1px solid #999; text-decoration:none; text-align:center; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#login .restrito a:hover{ color:#930; background:#f6f6f6; border:1px groove #930;}
#login img{ margin:64px 0 0 28px;}
#login form{ margin: 24px 0 0 65px;}
#login label{ display:block; margin:0 0 8px 0;}
#login span{ font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#930;}
#login input{ border:1px solid #999; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; padding:3px; width:300px; margin-top:2px;}
#login input:hover { border:1px groove #930;}
#login .senha{ margin-left:4px;}
#login .btn{ width:100px; padding:3px; float:right; margin-right:68px; margin-top:15px; cursor:pointer; color:#333; background:#FFF; 
				border:1px solid #999; display:block;}
#login .btn:hover{color:#930; background:#f6f6f6;}
#login p{ display:block; width:250px; float:left; margin-top:17px; margin-left:20px; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#login p a{ color:#333; text-decoration:none;}
#login p a:hover{ color:#930;}
#login .envie{ font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; width:348px; display:block; background:#005789; padding:6px 15px; 	
			   margin-bottom:5px; font-weight:bold; margin-top:-10px;}   
.alertas_verde{ display:block; width:448px; background:#A4FFA4; margin:10px auto 0 auto; padding:6px 15px; overflow:auto; 
				   border:1px solid #090;}
.alertas_verde p{ font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#060; font-weight:bold; float:left; margin:6px 10px; width:400px;}
.alertas_verde .verde{ float:left; width:24px; height:24px; margin:6px 0px;}
.alertas_vermelho{ display:block; width:448px; background:#FFA4A4; margin:10px auto 0 auto; padding:6px 15px; overflow:auto; 
				   border:1px solid #C30;}
.alertas_vermelho p{ font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#C30; font-weight:bold; float:left; margin:6px 10px; width:400px;}
.alertas_vermelho .vermelho{ float:left; width:24px; height:24px; margin:6px 0px;}
.alertas_amarelo{ display:block; width:448px; background:#FFB; margin:10px auto 0 auto; padding:6px 15px; overflow:auto; 
				   border:1px solid #FC0;}
.alertas_amarelo p{ font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FC0; font-weight:bold; float:left; margin:6px 10px; width:400px;}
.alertas_amarelo .amarelo{ float:left; width:24px; height:24px; margin:6px 0px;}