body
{margin: auto;
text-align: center;
background: #4f4f2f;
SCROLLBAR-FACE-COLOR: #ffffff; 
SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
SCROLLBAR-SHADOW-COLOR: #009900;
SCROLLBAR-3DLIGHT-COLOR: #009900; 
SCROLLBAR-ARROW-COLOR: #009900; 
SCROLLBAR-TRACK-COLOR: #FFF; 
FONT-FAMILY: Verdana, Geneva, Arial, Helvetica,sans-serif; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
}

div {position: relative;}

#geral
{width:770px;
border-right: 1px solid black;
border-left: 1px solid black;
text-align: left; 
margin: auto;
background-color: #ffffff;
}

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

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


#letreiro {
	background: #000;
	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;  
z-index: 51;
text-align: center;
font-family: verdana, arial, times, helvetica, serif;
font-size: 10px;
font-weight: bold;
padding: 0px 5px 0px 5px;
}

.top1 a 
{
font-family: verdana, arial, times, helvetica, serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 5px 0 0 0;
text-decoration: none;
}

.top1 a:hover
{
font-family: verdana, arial, times, helvetica, serif;
font-size: 10px;
font-weight: bold;
color: red;
text-decoration: none;
padding: 0;
}

.top2 
{height:20px;
width: 55px;
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 0px 5px;
z-index: 52;
}

.top2 a 
{
font-family: verdana, arial, times, helvetica, serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
padding: 5px 0 0 0;
text-decoration: none;
}

.top2 a:hover
{
font-family: verdana, arial, times, helvetica, serif;
font-size: 10px;
font-weight: bold;
color: red;
text-decoration: none;
padding: 0;
}


#principal
{width: 620px;float: right;
background-color:white;
}


#lateral
{width:140px;
height: 444px;
text-align: center;
margin-bottom: 0;
background: url("../imagem/fd_lateral.gif") no-repeat right;
background-color: #fff;
position: relative;
float: left;
padding: 2px 5px 2px 5px;
}


#banner 
{width: 596px; 
height: 20px;
background: white;
text-align: right;
padding: 6px 19px 2px 5px;
}

#navegacao {
text-align: right;
position: absolute;
top: 33px;
left: 460px;

            }

.link 
       {
       clear: both;
       text-align: center;  
       margin: auto;
       font-family: verdana, arial, times, helvetica, serif;
       font-size: 10px;
       font-weight: bold;
       color: #fff;
       }

.link a {text-decoration: none; color: green;}


.stit
{color: red;
font-weight: bold;}

.select {width: 140px;
background:#F0FFF0; 
font:11px verdana, arial, times, helvetica, serif; 
color:#36648B;
}

.spac
      {color: green;}

.par {color: #ffffff;
       background: green;
       }

.impar {color: green;
       background-color: #ffffff;
       } 

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

.b1 
{height:43px;
width: 757px;
top: 549px;
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;
}

.top3 
{height:16px;
width: 538px;
top: 74px;
left: 149px;
font-size: 13px;
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;
}

#coment 
{text-align: justify;
font-family: verdana, arial, times, helvetica, serif;
width: 570px;
height: 378px; 
overflow: auto;
padding: 5px 6px 12px 6px;
z-index: 120;
top: 130px;
left: 168px; 
position: absolute;
font-size: 11px;
color: green;
background: url("../imagem/dengue_alerta.gif") center no-repeat;
background-attachment:fixed;
-moz-user-select: none;
-moz-user-focus:ignore;
-moz-user-input:disabled;

}


#publicidade 
{height:355px;
width: 160px;
padding: 0 0 20px 20px;
}

.decor3
{
width: 200px;
height: 200px;
top:330px;
left: 555px;
background: red;
background: url("../imagem/border_right_fd.gif") no-repeat top left;
position: absolute;
filter: Alpha(Opacity=80);
z-index: 110;
}

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

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

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