@import url("geral.css");

body { background:#900; margin:0; }

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:100%;
	background:url(../imagens/login-topo-bg.gif) repeat-x;
	position:relative;
	left:0;
	top:0;
}

#topo #logo
{ 
	background:url(../imagens/login-logo-empresa.gif) repeat-x;
	text-indent:-500px;
	width:130px;
	height:80px;
	margin:0x;
}

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

#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;
}