body{
	background:#eee;
	}
#tudo a{
	text-decoration:none;
	color:#7996C0;
	}
#tudo a:focus,#tudo a:hover{color:#ccc;text-decoration:none;}	
#tudo {
width: 90%;
margin:0 auto;         
text-align:left; /* "remédio" para o hack do IE */
float:left;
margin-left:5%;
}
#boxlogin{
width:20%; height:220px;
position:absolute;
top:30%; left:40%;
border-radius:7px;
border:solid 0px #A8A8A8;
padding:5px;
font-family:'Arial';
font-size:12px;
color:#000000;
}
#msg{
width:100%; height:auto;
float:left;
text-align:center;
text-transform:uppercase;
font-size:11px;
color:#FF8080;
padding:3px 0px;
line-height:14px;
}
#msg span{
	color:#036;
	}
#logo_box{
width:100%; height:60px;
text-align:center;
margin-top:3px; margin-bottom:10px;
float:right;
}
#user_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#recuperar_box{
	width:100%; height:auto;
	float:left;
	padding:5px 0px;
	text-transform:uppercase;
	}
#recuperar_box a{
	
	}	
#user_box input, #pass_box input{
width:94%; height:30px;
background-color:#7996C0;
border:0px;
border-radius:0px;
color:#fff;
padding:0px 3%;
}
#pass_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#botao_box{
width:100%;
margin-top:3px; margin-bottom:3px;
float:left;
text-align:right;
}
#botao_box input{
width:100%; height:30px;
background-color:#23527c;
border:0px;
border-radius:0px;
color:#fff;
padding-left:6px; padding-right:5px;
text-transform:uppercase;
}
#msg_vazio{
font-family:'Arial';
font-size:14px;
color:#666666;
margin-top:20px;
float:left;
}
@media screen and (max-width: 1200px) {
	#boxlogin{
	width:30%;
	top:25%; left:35%;
	}
}
@media screen and (max-width: 800px) {
	#boxlogin{
	width:40%;
	top:20%; left:30%;
	}
@media screen and (max-width: 600px) {
	#boxlogin{
	width:50%;
	top:15%; left:25%;
	}
@media screen and (max-width: 500px) {
	#boxlogin{
	width:80%;
	top:10%; left:10%;
	}