div {position: relative;}

body
{margin: auto;
text-align: center;
background: #4F4F2F;
}

#geral
{width:770px;
text-align: left; 
margin: auto;
background-color: #ffffff;
}

#topo 
{height:65px;
top: 0;
text-align: right;
font-family: verdana, arial, times, helvetica, serif;
font-size: 9px;
font-weight: bold;
color: #fff;
padding: 2px 5px 2px 5px;
background: url("../imagem/rosatop_espelho2.gif") no-repeat;
}


#logo 
{
height:64px;
width: 758px;
top: 0px;
left: 0px;
border: 1px solid #fff;
position: absolute;  
padding: 2px 5px 2px 5px;
z-index: 50;
}


#letreiro {
	background: green;
        width: 770px;
	height: 27px;
	margin: 0; padding: 0;
	}

.top1 
{height:20px;
width: 134px;
top: 68px;
left: -1px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
background-color: black;  
padding: 0px 5px 2px 5px;
z-index: 51;
}

.top2 
{height:20px;
width: 54px;
top: 68px;
left: 703px;
text-align: center;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
background-color: black;  
padding: 0px 5px 2px 5px;
z-index: 52;
}

#corpo
{
width:770px;
background:#fff;
text-align: left;
}

#principal
{width: 620px;float: right;
background: #fff;
}

#lateral
{width:137px;
height: 441px;
text-align: center;
position: relative;
margin: 4px 0 0 2px;
float: left;
background: url("../imagem/fd_lateral.gif") no-repeat;
padding: 2px 5px 2px 5px;
}


#banner 
{width: 599px; 
height: 18px;
background-color: white;
border-top: 0;
padding: 6px 15px 2px 5px;
text-align: right;
}

#rodape 
{
width: 770px;
height:50px;
margin: 0;
text-align: center;
background: #000000;
clear: both;
padding: 0;}

.top3 
{height:16px;
width: 538px;
top: 73px;
left: 149px;
font-size: 16px;
font-weight: bold;
text-align: left;
font-family: verdana, arial, times, helvetica, serif;
color: green;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
padding: 2px 5px 5px 5px;
z-index: 100;
background:#fff;
}

.decor3
{
width: 200px;
height: 200px;
top:325px;
left: 545px;
background: red;
background: url("../imagem/border_right_fd.gif") no-repeat top left;
position: absolute;
filter: Alpha(Opacity=80);
opacity: .8; 
-moz-opacity:0.8; 
z-index: 101;
}

.decor4 
{height:215px;
width: 200px;
top:310px;
left: 175px;
position: absolute;
background: #fff url("../imagem/borderb_right_fd.gif") no-repeat bottom left;
filter: Alpha(Opacity=80);
opacity: .8; 
-moz-opacity:0.8;
z-index: 110;
}

.decor5 
{height:300px;
width: 200px;
top:245px;
left: 150px;
position: absolute;
z-index: 109;
background: #ffffff url("../imagem/caderno.gif") no-repeat bottom right;
}

.contato
{
width: 500px;
top:90px;
left: 205px;
position: absolute;
z-index: 120;
}

#form {
 	width:500px;
	font:12px/24px arial, verdana, helvetica, sans-serif;	
 	padding: 5px 5px 5px 10px;
 	color:green;
        position: relative;
        }

#nome
{
width: 480px;
color:green;
	}

#email
{
width: 480px;
color:green;
	}

#assunto
{
width: 480px;
color:green;
	}

#mensagem{
 	color: green;
        padding: 2px;
        width: 480px;
        height: 50px;
        overflow: auto;
		}

#voltar* 
{
BORDER: #006600 1px solid; 
FONT-WEIGHT: bold; 
FONT-SIZE: 10px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: green;
color: #fff; 
text-decoration: none;
padding:3px;
margin: 8px 0 0 0;
width: 30px; 
text-align: right;
cursor: hand;
text-decoration: none;
}

# voltar span  {margin:5px 0 0 0;}

#voltar a
{
BORDER: #006600 1px solid; 
FONT-WEIGHT: bold; 
FONT-SIZE: 10px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: green; 
color: #fff; 
text-decoration: none;
padding:3px;
margin: 12px 0 0 547px;
width: 30px; 
text-align: right;
cursor: hand;
text-decoration: none;
}



.botao {
	BORDER: #009900 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: green; color: #fff;cursor: hand;margin: 0 3px;text-align: center;}


.alerta
{font-weight: bold;
color: #006600;
font:16px arial, verdana, helvetica, sans-serif;
}

.alerta a {color: #ff0000; text-decoration: none;}

.alerta a:hover {color: #ff0000; text-decoration: underline;font-weight: bold;}

.b1 
{height:42px;
width: 757px;
top: 550px;
left: -1px;
color: #238e23;
font-size: 9px;
text-align: right;
font-family: verdana, arial, times, helvetica, serif;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
background: url('../imagem/fd_rodape2.gif') no-repeat;
position: absolute;
padding: 0px 6px 2px 5px;
z-index: 53;
}