/* CSS Document */
body{
  padding: 0;
  margin: 0;
  background-color: #fff;
  font-size: 12px;
}
img{
  border:0;
}
a{
 text-decoration: none;
}

#main{
  height:287px ;
  background-image: url(imagens/ondas.png);
  background-repeat: repeat-x;
  background-color: #fff;
  padding: 0;
  margin: 0;
}
#main_2{
  width: 780px;
  background-color: #fff;
  margin:0 auto;
}

/* Inicio do Header */
#header{
  width:780px;
  height: 283px;
  background-image: url(imagens/fundo_header_home.gif);
  background-repeat: no-repeat;
  float:left;
  padding: 0;
  margin: 22px 0 0 0;
}
#header_instituto{
  width:780px;
  height: 283px;
  background-image: url(imagens/fundo_header_instituto.gif);
  background-repeat: no-repeat;
  float:left;
  padding: 0;
  margin: 22px 0 0 0;
}
#header_projetos{
  width:780px;
  height: 283px;
  background-image: url(imagens/fundo_header_projetos.gif);
  background-repeat: no-repeat;
  float:left;
  padding: 0;
  margin: 22px 0 0 0;
}
#header_fale_conosco{
  width:780px;
  height: 283px;
  background-image: url(imagens/fundo_header_fale_conosco.gif);
  background-repeat: no-repeat;
  float:left;
  padding: 0;
  margin: 22px 0 0 0;
}
#header_english{
  width:780px;
  height: 283px;
  background-image: url(imagens/fundo_header_english.gif);
  background-repeat: no-repeat;
  float:left;
  padding: 0;
  margin: 22px 0 0 0;
}

#menu{
  height: 50px;
  margin: 0; 
}
#menu ul{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#menu ul li{
  height: 33px;
  float: left;
  padding: 0 0 0 0;  
}
#menu ul li a{
  height: 33px;
  display: block;
}
#menu ul li a:hover{
  background-position: 0 -33px; 
}
#menu ul li a.instituto{
  width: 89px;
  margin: 13px 20px 0 26px;
  background-image: url(imagens/bot_instituto.gif);
  background-repeat: no-repeat;
}
#menu ul li a.projetos{
  width: 103px;
  margin: 13px 20px 0 20px;
  background-image: url(imagens/bot_projetos.gif);
  background-repeat: no-repeat;
}
#menu ul li a.fale{
  width: 90px;
  margin: 13px 0 0 20px;
  background-image: url(imagens/bot_fale.gif);
  background-repeat: no-repeat;
}
#menu ul li a.english{
  width: 82px;
  margin: 13px 20px 0 20px;
  background-image: url(imagens/bot_english.gif);
  background-repeat: no-repeat;
}
#menu ul li a.on{
  background-position: 0 -33px; 
}
#menu ul li a.off{
  background-position: 0 0; 
}

/* Fim do menu */
#logo{
  width: 293px;
  height: 68px;
  margin: 0;
  padding: 40px 0 0 30px;
}
#conteudo{
  width: 780px;
  background-image: url(imagens/fundo_bottom_area_principal.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #895B54;
  padding:0;
}
#area_principal{
  width: 780px;
  padding:0 0 20px 0 ;
}
#nossa_proposta{
  width: 490px;
  float: left; 
  background-image: url(imagens/nossa_proposta.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 120px 30px;    
}
#apresentacao{
  width: 490px;
  float: left; 
  background-image: url(imagens/tit_nossa_historia_.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 120px 30px;    
}
#pesq_opniao{
  width: 490px;
  float: left; 
  background-image: url(imagens/tit_pesq_opiniao.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 229px 30px;    
}
#radio_recitais{
  width: 490px;
  float: left; 
  background-image: url(imagens/tit_radio_recitais.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 229px 30px;    
}
#fale_conosco{
  width: 490px;
  float: left; 
  background-image: url(imagens/tit_fale_conosco.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 100px 30px;    
}

#new_audiences{
  width: 490px;
  float: left; 
  background-image: url(imagens/new_audiences.gif);
  background-repeat: no-repeat;
  margin:0;
  padding: 49px 0 100px 30px;    
}
#new_audiences a{
  color: #F4A956; 
}
#new_audiences a:hover{
  color: #fff;
  text-decoration: underline;
}
#texto_apresentacao{
  width: 477px;
  background-image: url(imagens/spr_cont_principal.gif);
  background-repeat: repeat-x;
  font-family: Trebuchet MS;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  color: #fff;
}
#texto_apresentacao_b{
  width: 477px;
  background-image: url(imagens/spr_cont_principal.gif);
  background-repeat: repeat-x;
  font-family: Trebuchet MS;
  line-height: 20px;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  color: #fff;
}

#texto_apresentacao a{
  color: #F4A956;
}
#texto_apresentacao a:hover{
  color: #fff;
  text-decoration: underline;
}

.area_form{
  display: block; 
  float: left; 
  width: 450px; 
  padding: 40px 0 30px 0;
}
.area_form a{
  color: #F4A956;
  text-decoration: underline;
}
.area_form a:hover{
  color: #F4A956;
  text-decoration: underline;
}
.area_form_b{
  display: block; 
  float: left; 
  width: 450px; 
  padding: 40px 0 0 0;
}


.texto_form{
  display: block; 
  float: left; 
  width: 80px; 
  height:20px; 
  font-weight: bold;
  padding: 2px 10px 12px 50px;
}
#col_esq{
  width: 254px;
  background-image: url(imagens/fundo_col_esq.gif);
  background-repeat: no-repeat;
  background-position: 5px 0;
  float: left;
  padding: 0;
}
#cont_col_esq{
  width: 211px;
  background-color: #7C4F4A;
  float: left;
  line-height: 20px;
  margin: 29px 0 0 0;
  padding: 10px 5px 20px 15px;
}
#cont_col_esq a{
  color: #BE9A97;
  font-size: 12px;
  font-family: Trebuchet Ms;
}
#cont_col_esq a:hover{
  text-decoration: underline;
}
#menu_bottom{
  margin: 0; 
}
#menu_bottom ul{
  padding: 0 0 0 0;
  margin: 0;
  list-style-type: none;
}
#menu_bottom ul li{
  height: 20px;
  margin: 0;
  float: left;
}
#menu_bottom ul li a{
  color: #fff;
  font-size: 10px;
  font-family: Trebuchet Ms;
}
#menu_bottom ul li a:hover{
  text-decoration: underline;
  color: #F4A956;
}
#menu_bottom ul li a.home_bottom{
  margin: 0 20px 0 120px;
  font-family: Trebuchet Ms;
  font-size: 10px;
}
#menu_bottom ul li a.instituto_bottom{
  margin: 0 20px 0 20px;
  font-family: Trebuchet Ms;
  font-size: 10px;
}
#menu_bottom ul li a.projetos_bottom{
  margin: 0 20px 0 20px;
  font-family: Trebuchet Ms;
  font-size: 10px;
}
#menu_bottom ul li a.fale_conosco_bottom{
  margin: 0 20px 0 20px;
  font-family: Trebuchet Ms;
  font-size: 10px;
}
#menu_bottom ul li a.english_bottom{
  margin: 0 20px 0 20px;
  font-family: Trebuchet Ms;
  font-size: 10px;
}
#menu_bottom ul li a.off{
  color: #fff; 
  text-decoration: none;
}

.spr_interno{
  display: block;
  width: 477px;
  height: 5px;
  background-image: url(imagens/spr_cont_principal.gif);
  background-repeat: repeat-x;
  margin: 3px 0 0 0; 
}



/*teste formulario */



.campo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border: 1px solid #006633;
background-color: #FAFAFA;
position: center;
}
.campo_alerta
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
border: 1px solid red;
background-color: #FAFAFA;
position: center;
}

.botao_enviar{
  width: 45px;
  height: 21px;
  cursor: pointer; 
  float: left;
  background-image: url(imagens/bot_enviar_b.gif);
  background-repeat: no-repeat;
  margin: 0 0 0 367px;
}
.botao_enviar:hover{
  width: 45px;
  height: 21px;
  cursor: pointer; 
  float: left;
  background-image: url(imagens/bot_enviar_b.gif);
  background-repeat: no-repeat;
  margin: 0 0 0 367px;
  background-position: 0 -21px;
}