*{
margin:0px;
padding:0px;
border:0px;
}		


body{
background-image: url(imgs/body.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
text-align:center; 
}
	
#tudo {
background-color:#fff;
width:776px;
height:815px;
position:relative;
margin: 0 auto;
top: 0px;
border-left:6px solid #fff;
border-right:6px solid #fff;
}


#banner{
width:			776px;
height: 		110px;
position:		absolute;
top: 			-4px;
left: 		    0px;
z-index:1;
}


#datahora{
width:			400px;
height: 		20px;
position:		absolute;
top: 			92px;
right: 		    10px;
text-align:right;
text-decoration:none;
z-index:100;
color: #fff;
padding-right:10px;
font-size: 9px;
}


ul.caminhonavegacao{
width:			400px;
height: 		20px;
position:		absolute;
top: 			38px;
right: 		    5px;
text-align:right;
text-decoration:none;
z-index:100;
color: #fff;
padding-right:5px;
font-size:9px;
}


ul.caminhonavegacao li{
position:relative;
height: 		20px;
float:right;
text-align:right;
display:inline;
display:block;
padding-right:5px;
font-weight:bolder;
color:#f00;
}


ul.caminhonavegacao li a{
color:#036;
text-decoration:none;
}




#colunaesquerda{
width: 130px;
height: 640px;
position: absolute;
top:92px;
left:0px;
}


/*TUDO SOBRE BOLETIM*/


#boletin{
background-image: url(imgs/boletim.gif);
width: 122px;
height: 100px;
position: absolute;
top:0px;
left:0px;
z-index:100;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding-top:29px;
padding-left: 6px;
text-align:left;
line-height: 11px;
z-index:400;
}


.campoemail{
background-image: url(imgs/campo2.gif);
width: 114px;
height: 16px;
font-size:10px;
padding-top: 2px;
padding-left: 2px;
color:#666;
}


.camponome{
background-image: url(imgs/campo.gif);
width: 90px;
height: 16px;
font-size:10px;
padding-top: 2px;
padding-left: 2px;
color:#666;
}


.botao{
background-image: url(imgs/botao.gif);
width: 20px;
height: 18px;
color: #FFFFFF;
}


/*FIM BOLETIM*/




#centro{
background-image:url(imgs/centro.gif);
width: 480px;
height: 700px;
position: absolute;
top:92px;
left:132px;
border:1px solid #999999;
}


#frame{
width: 450px;
height: 590px;
position: absolute;
top:100px;
left:3px;
}




/*PAGINA HOME*/


#tickers{
width: 420px;
height: 184px;
position: absolute;
top:30px;
left:28px;
border:1px solid #999;
}


#letreiro{
background-color: #f00;
width: 425px;
height: 70px;
position: absolute;
top:222px;
left:26px;
}


#campanha{
background-image: url(imgs/campanha.gif);
width: 180px;
height: 215px;
position: absolute;
top:300px;
left:25px;
border:1px solid #fff;
padding: 30px 0px 0px 0px;
}




#urbanitariosnaluta{
background-image: url(imgs/urbanitariosnaluta.gif);
width: 407px;
height: 155px;
position: absolute;
top:300px;
right:28px;
border:1px solid #999;
padding: 12px 8px 8px 10px;
text-align:justify;
}


#urbanitariosnaluta img.foto{
float:right;
margin:0px 0px 5px 5px;
widtg: 200px;
height:147px;
}


#urbanitariosnaluta a{
text-decoration:none;
color: #666;
}


#informaurbanitarios{
background-image: url(imgs/informa.gif);
width: 426px;
height: 155px;
position: absolute;
top:490px;
right:28px;
border:1px solid #999;
padding-top: 35px;
text-align:left;
text-decoration:none;
}


ul.informa{
width: 410px;
height: 100px;
position:absolute;
top:90px;
left:2px;
list-style-type:none;
}


ul.informa li{
background-image: url(imgs/lninfor.gif);
width: 270px;
height: 36px;
position:relative;
float: left;
top:0px;
left:0px;
margin-bottom:3px;
border-left:5px solid #036 ;
padding:5px;
text-align:left;
}


ul.informa li a{
text-decoration:none;
color:#ccc;
}




ul.informa li a:hover{
text-decoration: underline;
color:#666;
}


#informaurbanitarios img{
float: right;
margin:-33px 2px 0px 5px;
}






/*FIM DA HOME*/






/*PAGINA ACORDO*/


#acordo{
width: 450px;
height: 540px;
position: absolute;
top:80px;
left:15px;
text-align:justify;
}




#acordo h1{
color: #666666;
font-size:12px;
}


#acordo ul{
width: 100%;
height: 600px;
position: absolute;
top:25px;
left:0px;
list-style-type:none;
}


#acordo li{
width: 100%;
height: 30px;
position: relative;
text-align:left;
border-bottom: 1px dashed #999999;
font-size:10px;
}


#acordo li a {
display:block;
text-decoration:none;
color: #036;
padding:5px;
/*font-weight: bold;*/
}


#acordo li a:hover {
color: #666;
font-weight:bolder;
}


#acordo img{
float:left;
margin:0 10px 5px 0;
}
/*FIM DA PAGINA ACORDO*/


/*OAGINA NOTICIAS*/
#noticia{
width: 415px;
height: 550px;
position: absolute;
top:80px;
left:28px;
}


#noticiacampanha{
width: 415px;
height: 550px;
position: absolute;
top:60px;
left:28px;
text-align:left;
}


#noticiacampanha img{
float:left;
margin:0 10px 5px 0;
}


#noticia img.pdfdoc{
float:right;
margin-top:0px;
}


#bannertopico{
width: 445px;
height: 20px;
position: absolute;
top:2px;
left:2px;
text-align:left;
padding:30px 0px 0px 20px;
font-size:15px;
color:#036;
font-weight:bolder;
border-bottom:5px solid  #ee3b3b;
}




#bannestopicos{
width: 476px;
height: 75px;
position: absolute;
top:2px;
left:2px;
text-align:left;
}




#barraassunto{
background-color:#87CEFA;
width: 436px;
height: 24px;
position: absolute;
top:60px;
left:2px;
text-align:left;
color: #036;
font-size: 16px;
font-weight:bolder;
padding-top: 6px;
padding-left: 30px;
}


#datanoticia{
width: 200px;
height: 20px;
top: 0px;
right: 0px;
position: absolute;
color: #036;
font-size:10px;
text-align:right;
font-weight: bolder;
}


#texto{
width: 415px;
height: 580px;
position: absolute;
top:40px;
left:0px;
text-align: justify;
color: #666666;
}


#texto .pdfdoc{
background-color:#00CC33;
margin: 5px;
padding:5px;
}


.numeropagina a{
background-color: #CCCCCC;
float: left;
margin: 2px;
padding: 2px;
color: #036;
font-weight:bolder;
text-decoration:none;
}




#noticia img{
float:left;
margin:0 10px 5px 0;
}


#noticia h1{
color: #666666;
font-size:12px;
}


#nav{
width:130px;
height:330px;
position:absolute;
text-align:right;
list-style-type:none;
background:url(imgs/centro.gif);
background-repeat:repeat-x;
top:132px;
left:0px;
}


#nav li{
width:128px;
float:left;
position:relative;
margin-top:1px;
border:1px solid #999999;
background-image: url(imgs/botaolink.gif);
background-repeat:repeat-x;
top:0px;
left:0px;
padding:none;
}


#nav li ul{
position:absolute;
left:129px;
top:-2px;
display:none;
text-align:left;
width:130px;
background-image: url(imgs/centro.gif);
background-repeat:repeat-x;
list-style-type:none;
}


#nav li a {
display:block;
text-decoration:none;
color: #036;
padding:3px;
font-weight:bolder;


}


/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


#nav li a:hover{ 
background-image: url(imgs/hover.gif);
background-repeat:repeat-x;
color: #fff;
display: block;
 }


#nav li:hover ul { 
display: block;
 }




#nav li:hover ul, #nav li.over ul { 
display: block; }








#enquete{
background-image:url(imgs/enquete.gif);
width: 114px;
height: 203px;
position: absolute;
top:462px;
left:0px;
text-align: left;
padding: 35px 7px 0px 7px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
color:#036;
font-weight: bolder;
}



ul.opcarea{
width: 123px;
height: 70px;
position: absolute;
top:110px;
left:0px;
padding: 5px 0px 0 3px;
text-align: left;
list-style-type:none;
}


ul.opcarea li{
width: 100%;
height: 20px;
position: relative;
top:10px;
left:0px;
text-align: left;
}


span.opc{
position:relative;
flost: left;
top:-5px;
left: 2px;
font-size: 11px;
color:#036;
font-weight: bolder;
}


ul.btmenquete{
width: 120px;
height: 25px;
position: absolute;
bottom: 10px;
left: 1px;
list-style-type:none;
}


ul.btmenquete li a{
background-image: url(imgs/hover.gif);
height: 13px;
float: left;
display:inline;
color: #fff;
padding:3px;
text-decoration:none;
font-weight:bolder;
margin-left:5px;


}


#enquete strong{
color: #036;
}




.btmenq{
background-image: url(imgs/hover.gif);
width: 40px;
height: 20px;
color: #FFFFFF;
float:right;
font-weight:bolder;
font-size:9px;
}


#rusultadoenquete{
width: 420px;
height: 130px;
position: absolute;
top:70px;
right:20px;
text-align:left;
border:1px solid #999999;
padding:10px;
}


ul.resultadoenq{
width: 410px;
height: 100px;
position: absolute;
top:40px;
left:0px;
text-align:left;
}


ul.resultadoenq li{
height: 20px;
position: relative;
float: left;
top:10px;
left:0px;
display:inline;
display:block;
text-align:left;
padding: 0px 2px 0px 2px;
}


#listaenquete{
width: 440px;
height: 420px;
position: absolute;
top:240px;
right:20px;
text-align:left;
list-style-type: none;
}


#listaenquete li{
width: 400px;
height: 15px;
position: relative;
top:10px;
right:0px;
text-align:left;
border-bottom:1px dashed #999999;
padding:5px;
}


#listaenquete li a{
text-decoration: none;
color:#CC3300;
}


#colunadireita{
width: 160px;
height: 640px;
position: absolute;
top:112px;
right:0px;
}


#parceiro{
width: 158px;
height: 108px;
position: absolute;
top:0px;
right:0px;
border:1px solid #999999;
text-align: center;
}




#scroll{
background-image:url(imgs/noticia.gif);
width: 158px;
height: 220px;
position: absolute;
top:112px;
right:0px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
text-align: center;
color:#666666;
list-style-type:none;
}


#noticiascroll{
width: 150px;
height: 180px;
position: absolute;
top:30px;
left:5px;
text-align: left;
list-style-type:none;
}




#noticiascroll li{
width: 140px;
border:none;
display : inline;
display : block;
list-style-type:none;
folat:left;
text-align: left;
padding-right:5px;
}


#noticiascroll li a{
text-decoration:none;
color:#036;
font-weight:normal;
list-style-type:none;
}


#noticiascroll li a:hover{
color:#c30;
}


#noticiascroll img{
float: left;
margin: 2px;
}




#forum{
width: 158px;
height: 79px;
position: absolute;
top:336px;
right:0px;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}


#cartaz{
background-image:url(imgs/cartaz.gif);
width: 158px;
height: 230px;
position: absolute;
top:418px;
right:0px;
padding-top:30px;
border-right:1px solid #999999;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}






.botaomsg{
background-image: url(imgs/hover.gif);
width: 50px;
height: 25px;
color: #FFFFFF;
}


#paginacao{
width: 410px;
height: 24px;
position: absolute;
bottom:5px;
left:28px;
text-align:center;
color: #036;
font-size: 10px;
font-weight:bolder;
padding-top: 6px;
padding-left: 5px;
border-top:1px solid #666666;
}


#paginacao1{
width: 630px;
height: 24px;
position: absolute;
bottom:8px;
left:2px;
text-align:center;
color: #003366;
font-weight:bolder;
padding-top: 3px;
padding-left: 5px;
border-top:1px solid #666666;
}


#evento{
width: 420px;
height: 513px;
position: absolute;
top:70px;
left:26px;
/*border:1px solid #075FBA;*/
}




#nomemes{
background-image: url(imgs/banneragenda.gif);
width: 399px;
height: 50px;
position: absolute;
top:-50px;
left:0px;
font-size: 16px;
font-weight: bolder;
padding-top:19px;
padding-right:21px;
color: #fff;
text-align: right;
}


#nomemes2{
width: 400px;
height: 50px;
position: absolute;
top:0px;
left:0px;
font-size: 16px;
font-weight: bolder;
padding-top:18px;
padding-right:21px;
color: #003399;
text-align: right;
}


#meses {
position:relative;
width:100%;
height:50px;
background-image:url(imgs/link1.gif);
text-align: center;
top:0px;
left: 0px;
}


#meses li {
width:70px;
height:25px;
position:relative;
display:inline;
display : block;
font:10px verdana;
float: left;
}


#meses li a {
text-decoration:none;
display:inline;
display : block;
text-align : center;
color: #003399;
font-weight:bolder;
padding: 6px 5px 6px 4px;
border-left: 1px solid  #00CCFF;
border-right: 1px solid  #34A7DB;
}


#meses li a:hover {
text-decoration:none;
color:#fff;
cursor: hand;
text-align: center;
font-weight: bolder;
background-image: url(imgs/hover.gif);
}


#listaevento{
position:absolute;
width:420;
height:455px;
text-align: left;
top:50px;
left: 0px;
}


#listaevento li {
width:420px;
height:175px;
position:relative;
display:inline;
display : block;
font:10px verdana;
float: left;
margin-bottom: 0px;
text-align:justify;
border-top: 1px solid #003399;
padding-bottom: 5px;
}




#listaevento img.marcador{
float:left;
margin:0 5px 100% 0;
}


#listaevento img.foto{
float:right;
margin:0 0 2px 2px;
widtg: 135px;
height:102px;
}


.agenda {
color: #CC3300;
font-size:11px;
font-weight: bolder;
text-align:justify;
}


.evento {
color: #075FBA;
font-size:12px;
font-weight: bolder;
}


#galeria{
width: 460px;
height: 550px;
position: absolute;
top:60px;
left:20px;
}


galeria ul{
width: 100%;
height: 100%;
position: absolute;
top:0px;
left:0px;
list-style-type:none;
}


#galeria li{


width: 203px;
height: 264px;
position: relative;
float:left;
text-align:justify;
font-size:11px;
margin: 4px;
padding: 4px 2px 2px 4px;
list-style:none;
border:1px solid #C2DBEB;
}


#galeria li a {
display:block;
text-decoration:none;
color: #666;
}


#galeria li a:hover {
color: #666;
text-decoration: none;
}


#galeria img{
padding-bottom:7px;
}




#bannergaleria{
width: 380px;
height: 70px;
position: absolute;
top:0px;
left:0px;
font-size: 18px;
font-weight: bolder;
padding: 22px 100px 0 0;
color: #330099;
text-align: right;
}


#bannergaleria2{
width: 476px;
height: 70px;
position: absolute;
top:50px;
left:2px;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding-bottom:3px;
}




#bannergaleria img{
float:left;
margin:2px 10px 10px 10px;
}


#paginacaogaleria{
width: 630px;
height: 24px;
position: absolute;
bottom:47px;
left:2px;
text-align:center;
color: #036;
font-size: 12px;
font-weight:bolder;
padding-top: 6px;
padding-left: 5px;
text-decoration:none;
border: 1px solid #C2DBEB;
}


#paginacaogaleria a{
background-color:#C2DBEB;
padding: 6px 3px 3px 3px;
text-decoration:none;
border: 1px solid #C2DBEB;
margin: 5px;
}




/*tudas as divs e outras coisas que faz parte do arquivo Diretoria.php*/


#barratopico{
height: 20px;
position: absolute;
top:30px;
left:40px;
}


#diretoria{
width: 440px;
height: 550px;
position: absolute;
top:80px;
left:20px;
}


#diretoria ul{
width: 100%;
height: 100%;
position: absolute;
top:0px;
left:0px;
list-style-type:none;
}


#diretoria li{
/*background-image: url(imgs/diretoria.gif);*/
width: 440px;
height: 170px;
position: relative;
float:left;
text-align: justify;
font-size:11px;
margin-top: 7px;
border:1px solid #C2DBEB;
padding-right: 10px;
}


#diretoria img.foto{
float:left;
margin: 0px 10px 10px 0px;
padding: 8px 2px 8px 8px;
}


#diretoria img.seta{
float:left;
margin: 5px 5px 10px 0;
}


#diretoria li span.titulo{
font-size:11px;
font-weight:bolder;
color: #036;
line-height: 17px;
padding-top:10px;
}


#diretoria h5{
line-height: 20px;
}


#diretoria h3{
line-height: 20px;
}


/*Parte que se trata de toda parte do Forum*/


#centroforum{
background-image:url(imgs/centroforum.gif);
width: 643px;
height: 700px;
position: absolute;
top:93px;
left:132px;
border:1px solid #999999;
}


#bannerforum{
background-image:url(imgs/bannerforum.gif);
width: 625px;
height: 75px;
position: absolute;
top:2px;
left:6px;
}


#novamensagem a{
background-image: url(imgs/link.gif);
width: 130px;
height: 18px;
position: absolute;
top:50px;
right:20px;
text-decoration:none;
display : block;
color: #fff;
font-weight:bolder;
padding: 5px 0px 0px 0px;
border:1px solid  #0099FF;
}


#novamensagem a:hover {
background-image: url(imgs/hover.gif);


}


#F_barraautor, #F_barramensagem{
background-image: url(imgs/barrahorizontal.gif);
height: 20px;
position: absolute;
top:79px;
padding-top:5px;
}


#F_barraautor{
width: 198px;
left:6px;
}


#F_barramensagem{
width: 425px;
left:206px; 
}


.informacaoforum {
width: 400px;
height: 50px;
position: relative;
top:7px;
left:120px;
margin-top:20px;
float: left;
text-align: center;
}


.contatoenviado{
width: 400px;
height: 50px;
position: relative;
top:50px;
left:40px;
margin-top:20px;
float: left;
text-align: center;
color:#036;
font-weight:bolder;
}




.areaconteudo{
width: 640px;
height: 520px;
position: absolute;
top:99px;
left:0px;
}


#forumresposta{
width: 640px;
height: 370px;
position: absolute;
top:130px;
left:0px;
}




.areatudo {
background-image:url(imgs/areatudo.gif);
width: 625px;
height: 125px;
position: relative;
top:7px;
left:6px;
margin-bottom:5px;
float: left;
text-align:left;
}




.areadados{
/*background-image:url(imgs/F_dados.gif);*/
width: 194px;
height: 94px;
position: relative;
top:0px;
left:0px;
padding: 3px;
text-align:left;
line-height:14px;
}


span.F_hora{
float:right;
width: 70px;
text-align: left;
}


.areadados h5, .areamensagem h5{
font-size: 11px;
font-weight: bolder;
color: #036;
}


.areamensagem{
/*background-image:url(imgs/campoforum.gif);*/
width: 419px;
height: 119px;
position: absolute;
top:0px;
left:200px;
padding: 3px;
text-align:left;
}


.areamensagem textarea {


width: 412px;
height:71px; 
border:1px solid #758795;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
padding:3px;
color: #666666;
}


.arearesposta{
background-image: url(imgs/barraresp.gif);
width: 198px;
height: 19px;
position: relative;
top:0px;
left:0px;
text-align:center;
padding-top:6px;
}


.resposta{
width: 150px;
height: 18px;
position: absolute;
top:0px;
left:0px;
color: #003399;
font-weight:bolder;
padding: 5px 2px 2px 6px;
text-align:left;
}


.botaoresposta {
position:absolute;
width:91px;
height:22px;
text-align: center;
top:0px;
left: 107px;
}


.botaoresposta li {
background-image: url(imgs/link.gif);
height:19px;
position:relative;
display:inline;
font:10px verdana;
float: right;
list-style:none;
padding-top: 6px;
border-left:1px solid #065295;
border-right:1px solid #4BB8F0;
}


.botaoresposta li a {
text-decoration:none;
text-align : center;
color: #fff;
font-weight:bolder;
padding: 6px 2px 7px 2px;
}


.botaoresposta li a:hover {
cursor: hand;
background-image: url(imgs/hover.gif);
}


.botaoresponder a{
background-image: url(imgs/link.gif);
position:absolute;
width:90px;
height:20px;
text-align: center;
top:0px;
left: 108px;
text-decoration:none;
list-style:none;
cursor: hand;
text-align: center;
font-weight: bolder;
padding-top:5px;
color:#003399;
}


.botaoresponder li a:hover {
text-decoration:none;
color:#000;
background-image: url(imgs/hover.gif);
}




/* css da pagina forummsg.php*/


#barraforummsg{
background-image: url(imgs/barraforum.gif);
width: 622px;
height: 21px;
position: absolute;
top:79px;
left:6px;
text-align:center;
padding: 2px;
}


.areaform_msg{
width: 440px;
height: 260px;
position: relative;
top:30px;
left:110px;
float:left;
text-align:left;
font-size:12px;
line-height: 15px;
}


.areaform_msg input.botao {
background-image: url(imgs/campoforum.gif); 
width: 99px;
height: 20px;
top:300px;
left:0px;
float: left;
color: #666666;
font-weight:bolder;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
margin:5px 5px 0px 0px;;
} 


.areaform_msg input {
background-image: url(imgs/campoforum.gif);
width: 420px;
height:20px;
border-left:1px solid #999999;
border-bottom:1px solid #999999;
}


.areaform_msg textarea {
background-image: url(imgs/campoforum.gif);
width: 420px;
height:95px; 
border-left:1px solid #999999;
border-bottom:1px solid #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}


* h6{
font-size: 12px;
font-weight: bolder;
color: #666666;
}


* h5{
font-size: 11px;
font-weight: bolder;
color: #CD0000;
}


* h3{
font-size: 11px;
font-weight: bolder;
color: #036;
}


* h4{
font-size: 10px;
font-weight: bolder;
color: #666;
}


* h1{
font-size: 15px;
font-weight: bolder;
color: #666666;
}


* h2{
font-size: 15px;
font-weight: bolder;
color: #CD0000;
}


* strong{
color:#666;
}


.areadados, .areamensagem p{
font-size: 11px;
color: #036;
}


#F_barraresposta{
background-image: url(imgs/barraforum.gif);
width: 624px;
height: 30px;
position: absolute;
top:132px;
left:6px;
border:1px solid  #CCCCCC;
}


/*PAGINA HISTORICO*/


#historico{
width: 415px;
height: 550px;
position: absolute;
top:60px;
left:28px;
}


#historico img{
float: left;
padding: 2px 5px 2px 5px;
margin-bottom:10px;
border:1px solid #C2DBEB;
}


#textohistorico{
width: 415px;
position: absolute;
top:10px;
left:0px;
text-align: justify;
}


#linkurb{
width: 450px;
height: 550px;
position: absolute;
top:70px;
left:15px;
}


#linkurb ul{
width: 460px;
height: 550px;
position: absolute;
top:0px;
left:0px;
list-style-type:none;
}


#linkurb li{
width: 210px;
height: 77px;
position: relative;
float:left;
text-align: left;
font-size:11px;
margin: 10px 5px 5px 5px;
padding: 2px;
display:inline;
display:block;
border:1px solid #C2DBEB;
}


#linkurb li a{
text-decoration: none;
}


#linkurb li a:hover{
text-decoration: underline;
}


#linkurb li img{
float: left;
margin:2px 5px 0px 0px;
}


#contato{
width: 420px;
height: 520px;
position: absolute;
top:100px;
left:20px;
text-align:left;
color: #036;
}


#endereco{
width: 435px;
height: 90px;
position: absolute;
top:0px;
left:-12px;
text-align:justify;
color: #036;
font-weight:bolder;
font-size:15px;
padding-left:30px;
padding-top:5px;
border-bottom: 5px solid #036;
}


#contato a {
text-decoration:none;
color: #036;
padding:5px;
}


#contato a:hover {
color: #666;
font-weight:bolder;
}


#contato ul{
width: 100%;
heigth: 440px;
position: absolute;
top:100px;
left:20px;
list-style-type:none;
font-weight: normal;
}


#contato li{
width: 100%;
float:left;
text-align:left;
border-bottom: 1px dashed #999999;
padding: 10px 0 10px 0;
color: #cd0000;
}


#contato li a {
text-decoration:none;
color: #036;
padding:5px;
/*font-weight: bold;*/
}


#contato li a:hover {
color: #666;
font-weight:bolder;
}


#contato img.seta{
float:left;
margin: 0px 5px 35px 0;
}




#contato h2{
font-size: 11px;
font-weight: bolder;
color: #666;
}


#quemsomos{
width: 460px;
height: 540px;
position: absolute;
top:65px;
left:8px;
text-align:justify;
}


ul.quemsomosfoto{
width: 450px;
height: 224px;
position: absolute;
top:0px;
left:0px;
list-style-type:none;
padding:3px;
border:  2px solid #036;
}


ul.quemsomosfoto li{
width: 150px;
height: 112px;
float: left;
text-align:left;
}


ul.textoquemsomos{
width: 450px;
height: 340px;
position: absolute;
top:210px;
left:0px;
list-style-type:none;
padding:3px;
}


ul.textoquemsomos li{
position:relative;
top:20px;
lrft: 0px;
width: 450px;
text-align:left;
}






#jornal{
width: 470px;
height: 500px;
position: absolute;
top:60px;
left:4px;


}


#jornal ul{
width: 470px;
height: 600px;;
position:relative;
float:left;
top:0px;
left:0px;
list-style:none;
}


#jornal li{
background-color:#FFFFFF;
display:inline;
display:block;
position:relative;
float:left;
top: 10px;
left: 0px;
font-size:11px;
list-style:none;
text-align:center;
margin-left:3px;
}


#jornal li a:hover{
z-index:100;
}




.contato{
border: 1px solid #CC3300;


}


#rodape{
background-image:url(imgs/rodape.gif);
width: 776px;
height: 18px;
position: absolute;
bottom:0px;
left:0px;
font-size:9px;
text-align:center;
padding-top:4px;
border-right:1px solid #999999;
border-left:1px solid #999999;
}


ul.contador{
background-image: url(imgs/contador.gif);
width: 160px;
height: 30px;
position: absolute;
bottom:2px;
right:0px;
list-style-type:none;
}


ul.contador li.p{
width: 54px;
float:left;
text-align:center;
display:inline;
font-size:10px;
font-weight:bolder;
padding:3px 2px 2px 2px;
color:#666;
}


ul.contador li.n{
float:left;
width: 100px;
text-align:center;
display:inline;
padding-top:5px;
}


span.rrweb{
position: absolute;
top: 3px;
left: 10px;
font-weight:bolder;
font-size:9px;
color: #333333;
}


span.rrdesign{
position: absolute;
top: 4px;
left: 11px;
font-weight:bolder;
font-size:9px;
color: #FFFFFF;
}