@import url("geral.css");

body { background:url(../imagens/int-bg.gif) repeat-x #999; }

ul { margin:0; padding:0; list-style-type:none; }

ul li { padding:5px 0 0 0; }

a:link,a:active,a:visited,a:hover { color:#666; }

#topo {	height:80px; width:771px; background:url(../imagens/int-topo.gif) no-repeat; }
.rodape { vertical-align:bottom; }
.rodape #rodape { height:30px; width:771px;	background:url(../imagens/int-rodape.gif) no-repeat #900; }

#topo #logo
{ 
	text-indent:-500px;
	width:130px;
	height:80px;
	margin:0x;
}

#area { 	
	width:771px;		
	color:#666;
	position:relative;
	top:0;
	left:0;
	background:#fff;
	border-top:5px solid #000;	
}

#box {
	background:url(../imagens/login-box.gif) no-repeat;
	height:220px;
	width:340px;
	position:relative;
	left:-15px;	
}

#logotipo {	position:absolute; left:340px; top:50px; }

.login { margin:65px 0 0 65px; }

.form { 
	background:#fff; 
	border:1px solid #ccc;
	color:#000; 
	font:10px Arial, Helvetica, sans-serif; 	
	padding:2px; 
}

.btn { 
	background:#ccc; 
	color:#000; 
	font:bold 11px Arial, Helvetica, sans-serif; 
	border:1px solid #ccc; 
	padding:0 3px 0 3px;
}