/**************  NOTÃ?CIAS  *****************/
#noticias{
  width:100%;
  float:left;
  position:relative;
/*  border:1px solid red;*/
}
#noticias h1{
  font:bold 16px "trebuchet ms", arial;
  color:#006ab5;
  text-transform:uppercase;
  position:absolute;
  top:-47px;
  left:0;
  z-index:200;
}
#noticias ul{
  width:100%;
  float:left;
  list-style-type:none;
}
#noticias li{
  width:100%;
  float:left;
  padding:0 0 15px 0;
  margin:0 0 15px 0;
  background:url(../imagens/pontilhado.gif) repeat-x 0 bottom;
}
#noticias li .fotoNoticias a{
  width:122px;
  height:79px;
  float:left;
  border:1px solid #cdcdcd;
  padding:4px;
  margin:0 20px 0 0;
}
#noticias li h2 a{
  width:80%;
  float:left;
  font:bold 12px arial;
  color:#0070ba;
  text-indent:20px;
  margin:0 0 5px 0;
  text-decoration:none;
  background:url(../imagens/seta_amarela.gif) no-repeat;
}
#noticias li h2 a:hover{ text-decoration:underline; }

#noticias li h3 a{
  width:80%;
  float:left;
  font:12px arial;
  color:#003e6a;
  margin:0 0 10px 0;
  text-decoration:none;
}
#noticias li h3 a:hover{ text-decoration:underline; }

#noticias li span a{
  width:80%;
  float:left;
  font:bold 12px arial;
  color:#e39b00;
  padding:0 0 10px 0;
  text-decoration:underline;
}
#noticias li span a:hover{ text-decoration:none; }

#paginador{  width:99%;  height:50px; text-align:center;  color:#CCCCCC; /* cor opaca, para o link desativado (proximo e anterior) */  font:bold 11px arial;  float:left;  clear:both;}
#paginador a{  font:bold 11px arial;  color:#CC3300;  text-decoration:none;}
#paginador a:hover{ text-decoration:underline; }

#paginador select{  background:#069;  border:1px solid #069;  font:11px verdana;  color:#FFF;  margin:0 5px 0 5px;  padding:0;}

/**************  NOTÃ?CIA, INTERNAS e CONTATO  *****************/
#noticia, #internas, #contato{
  width:100%;
  float:left;
  position:relative;
/*  border:1px solid red;*/
}
#noticia a, #internas a, #contato a{
  color:#006ab5;
  text-decoration:underline;
  font-weight:bold;
}
#noticia a:hover, #internas a:hover, #contato a:hover{ text-decoration:none; }

#noticia h1, #internas h1, #contato h1{
  font:bold 16px "trebuchet ms", arial;
  color:#006ab5;
  text-transform:uppercase;
  position:absolute;
  top:-47px;
  left:0;
  z-index:200;
}
#noticia h1.subtitulo, #internas h1.subtitulo{
  font:bold 16px "trebuchet ms", arial;
  color:#e39b00;
  text-transform:uppercase;
  position:absolute;
  top:-47px;
  left:632px;
  z-index:200;
}
#blocoEsquerdo{
  width:100%;
  float:left;
  margin:0 5px 0 0;
}
#noticia h2{
  width:100%;
  float:left;
  margin:0 0 10px 0;
  font:bold 14px arial;
  color:#0070ba;
}
#noticia ul{
  width:28%;
  float:right;
  list-style-type:none;
  padding:0 0 0 20px;
  background:url(../imagens/faixa_amarela.gif) repeat-y;
}
#noticia li{
  width:96px;
  height:62px;
  float:left;
  border:1px solid #cdcdcd;
  padding:4px;
  margin:0 8px 8px 0;
}

/**************  FORMULARIO  *****************/
#contato form{
  width:500px;
  padding:0 0 0 200px;
  float:left;
}
#contato label{
  width:400px;
  font:11px arial;
  float:left;
  margin:0;
  color:#00489a;
  padding:8px 0 0 0;
}
#contato fieldset{
  border:none;
  padding:10px 0 0 13px;
}
#contato input{
  width:400px;
  background:#b9e5fa;
  border:1px solid #d2effc;
  font:12px "trebuchet ms", arial;
  color:#333;
  margin:0;
  padding:2px 5px 2px 2px;
  float:left;
}
#contato select{
  width:405px;
  background:#b9e5fa;
  border:1px solid #d2effc;
  font:12px "trebuchet ms", arial;
  color:#333;
  margin:0;
  padding:0;
  float:left;
}
#contato textarea{
  width:400px;
  height:80px;
  background:#b9e5fa;
  border:1px solid #d2effc;
  font:11px arial;
  color:#333;
  margin:0;
}
#contato .button{
  width:80px;
  border:3px solid #4c8bd3;
  background:#2567b1;
  font:11px arial;
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
  margin:10px 80px 0 0;
  float: right;
  text-transform:uppercase;
}

#divSubmit{
  width:100%;
  text-align:center;
  font:bold 14px arial;
  color:#CC3300;
  padding:20px 0 0 0;
}
#contato span{
  font:11px arial;
  margin:0;
  color:#00489a;
  padding:8px 0 0 0;
}


/**************  EM TODAS  *****************/
#voltar{
  width:80%;
  float:left;
  padding:0 0 10px 22px;
  margin:15px 0 0 0;
  background:url(../imagens/seta_back.gif) no-repeat;
}
#voltar a{
  font:bold 12px arial;
  color:#e39b00;
  text-decoration:underline;
}
#voltar a:hover{ text-decoration:none; }