@charset "utf-8";
/**************************************************
GERAL
**************************************************/
*{
list-style:none;
text-decoration:none;
border:none;
margin:0;
padding:0;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size: 12px;
}

/**************************************************
BODY
**************************************************/
body{
background:#DADBDC url(../layout/background.gif) repeat-x;
text-align:left;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}

/**************************************************
TEXTOS
**************************************************/
h2{
font-size:18px;
color:#004319;
text-transform:uppercase;
background:url(../layout/seta.gif) no-repeat 0% 50%;
padding-left:20px;
margin-bottom:10px;
}
h3{
font-size:16px;
text-transform:uppercase;
color:#004319;
margin-bottom: 6px;
margin-top:15px;
}
h4{
margin-top:10px;
margin-bottom:5px;
font-size:12px;
color:#000;
}
h5{
font-size:12px;
font-weight:bold;
color:#004319;
}
h6{
font-size:10px;
font-weight:normal;
color:#999;
margin-top:-5px;
margin-bottom: 5px;
}
p{
font-size:12px;
color:#333;
margin-bottom:5px;
}
p.legenda{
font-size:10px;
color:#666;
}
span.numero{
font-size:14px;
font-weight:bold;
color: #000;
}
span.ampliar{
font-size:11px;
}
.lateral-consumo{
margin-top:20px;
text-align:center;
}

/**************************************************
LINKS
**************************************************/
/*a{
color:#ED7F00;
font-weight: bold;
text-decoration:underline;
}
a:hover{
color:#B0C700;
text-decoration:none;
}
*/
a{
color:#ED7F00;
font-weight: bold;
text-decoration:underline;
}
a:hover{
color:#004319;
text-decoration:none;
}
a.back-top{
color: #666;
display: block;
font-weight:bold;
margin-top:15px;
padding-left:20px;
font-size:12px;
background:url(../layout/arrow-up.gif) no-repeat 0% 100%;
}
a.back-top:hover{
color:#000;
font-weight:bold;
padding-left:20px;
font-size:12px;
background:url(../layout/arrow-up.gif) no-repeat 0% 0%;
}
a.back-ini{
color: #666;
font-weight:bold;
padding-left:20px;
font-size:12px;
margin-top: 15px;
display: block;
background:url(../layout/arrow-left.gif) no-repeat 0% 100%;
}
a.back-ini:hover{
color:#000;
font-weight:bold;
padding-left:20px;
font-size:12px;
background:url(../layout/arrow-left.gif) no-repeat 0% 0%;
}
a.externo{
color:#ED7F00;
font-weight:bold;
text-decoration:underline;
padding-right:15px;
background:url(../layout/externo.gif) no-repeat right;
}
a.externo:hover{
color:#004319;
font-weight:bold;
text-decoration:underline;
padding-right:15px;
background:url(../layout/externo.gif) no-repeat right;
}
a.ver-todas{
background:url(../layout/mais.gif) no-repeat;
color:#000;
display:block;
font-size:12px;
font-weight:bold;
height:21px;
margin-top:0px;
padding-right:42px;
text-align:right;
}
a.ver-todas:hover{
color:#004319;
display:block;
font-size:12px;
font-weight:bold;
height:21px;
margin-top:0px;
padding-right:42px;
text-align:right;
}

a.zip{
color:#ED7F00;
font-weight:bold;
text-decoration:underline;
padding-left:25px;
background:url(../layout/download.png) no-repeat left;
}
a.zip:hover{
color:#004319;
font-weight:bold;
text-decoration:underline;
padding-left:25px;
background:url(../layout/download.png) no-repeat left;
}

/**************************************************
IMAGENS
**************************************************/
.foto{
float:left;
vertical-align:top;
clear:left;
}
.direita{
float:left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
}
.img-tooltip{
margin-top:5px;
float:left;
}
.comoocorre{
padding:20px;
}

/**************************************************
TOOLTIPS
**************************************************/
.tooltip{
clear:both;
border-top: 1px solid #B0C700;
border-top:1px dashed #999;
}
.jq-tipContent{
width:133px;
margin-left:240px;
margin-top:-70px;
padding:0px 0px 5px 16px;
background:url(../layout/bg-tooltip.gif) no-repeat;
}

/**************************************************
TUDO
**************************************************/
#tudo{
width:760px;
margin:auto;
display:table;
}

/**************************************************
TOPO
**************************************************/
#topo{
width:760px;
height:123px;
background:url(../layout/topo.png) no-repeat;
_background-image:none;
_filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/topo.png', sizingMethod='scale');
}
#topo h1 a{
background:url(../layout/marca.gif) no-repeat 22px 20px;
overflow:hidden;
display:block;
width:200px;
height:120px;
text-indent:-9999px;
}

#topo a.atendentes{
width:240px;
height:20px;
float:right;
margin-top:-120px;
font-size:11px;
color:#333;
padding-left:20px;
background:url(../layout/atendentes.gif) no-repeat 0% 20%;
}
#topo a.atendentes:hover{
text-decoration:underline;
}

#topo a.mapa-site{
width:80px;
height:20px;
float:right;
margin-top:-120px;
_margin-top:-135px;
margin-right:70px;
font-size:11px;
color:#666;
padding-left:20px;
text-indent:0px;
background:url(../layout/mapa-site.gif) no-repeat 0% 20%;
}
#topo a.mapa-site:hover{
text-decoration:underline;
}

#topo a.email{
width:80px;
height:20px;
float:right;
margin-top:-120px;
_margin-top:-135px;
margin-right:155px;
font-size:11px;
color:#666;
padding-left:20px;
text-indent:0px;
background:url(../layout/email.gif) no-repeat 0% 20%;
}
#topo a.email:hover{
text-decoration:underline;
}

#topo a.contato{
width:45px;
height:20px;
float:right;
margin-top:-120px;
_margin-top:-157px;
font-size:11px;
color:#666;
padding-left:20px;
background:url(../layout/contato.gif) no-repeat 0% 20%;
}
#topo a.contato:hover{
text-decoration:underline;
}

/**************************************************
ANIMAÇÃO
**************************************************/
#animacao{
width:760px;
height:267px;
}
.flash-replaced .alt {
display: block;
height: 0;
position: absolute;
overflow: hidden;
width: 0;
}

/**************************************************
CONTAINER
**************************************************/
#container{
width:760px;
display:table;
clear:both;
background:#fff url(../layout/separadores-index.gif) no-repeat top;
}

/**************************************************
PREVISÃO
**************************************************/
#previsao{
width:180px;
padding:10px 5px 0px 5px;
float:left;
}

/**************************************************
LATERAL
**************************************************/
#lateral{
width:155px;
padding:15px 5px 5px 5px;
float:right;
}

/**************************************************
CONTEUDO PÁGINA INICIAL
**************************************************/
#conteudo{
width:365px;
padding:10px 17px;
float:left;
clear:right;
}

hr{
  border: 1px solid #DDDDDD;
  margin-top: 15px;
}


/**************************************************
NOTÍCIAS
**************************************************/
.div-noticia{
  border-bottom: 1px solid #ebebeb;
  display: table;
  margin-bottom: 15px;
  width: 370px;
}
p.noticia-data{
  color: #666;
  font-size: 11px;
  font-weight: bold;
}
.noticia-foto{
  border:3px solid #FFCB00;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
p.noticia-titulo{
  font-size: 14px;
}
a.noticia-link:link, a.noticia-link:visited{
  color:#ED7F00;
  font-size: 16px;
  font-weight: bold;
  text-decoration:underline;
}
a.noticia-link:hover{
  color:#004319;
  text-decoration:none;
}
.noticia-desc{
  float: right;
  margin-top: -6px;
  width: 275px;
}


/**************************************************
NOTÍCIAS
*************************************************
div.noticia{
margin-top:5px;
}
div.noticia img{
border:3px solid #FFCB00;
margin-top:3px;
margin-right:5px;
float:left;
}
div.noticia p.noticia-data{
color:#666;
font-size:10px;
}
div.noticia p.noticia-titulo{
font-size:16px;
font-weight:bold;
color:#ED7F00;
margin-top:-8px;
}
div.noticia p.noticia-titulo:hover{
text-decoration:underline;
}
div.noticia p.noticia-descricao{
font-size:12px;
color:#333;
margin-top:-5px;
}
div.noticia p.noticia-descricao:hover{
text-decoration:underline;
}

#noticias ul{
list-style-type:none;
width:370px;
} 
#noticias li{
margin:0px 0px 5px 0px;
clear:both;
}
#noticias li img{
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:0px;
_vertical-align:top;
border:2px solid #FFCB00;
}
#noticias li a{
color:#ED7F00;
_width:280px;
_float:right;
display:block;
font-size:16px;
font-weight:bold;
padding:0px;
text-decoration:none;
}
#noticias li a:hover{
text-decoration:underline;
}
* html #noticias li a {
width:280px;
}
#noticias a em {
color:#333;
display:block;
font-size:12px;
font-weight:normal;
font-style:normal;
}
#noticias span {
color:#666;
font-size:11px;
font-weight:bold;
margin-top:-10px;
}
*/
/**************************************************
RODAPÉ
**************************************************/
#rodape{
width:760px;
height:63px;
background:url(../layout/rodape.png) no-repeat;
_background-image:none;
_filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(src='layout/rodape.png', sizingMethod='scale');
}
#rodape p{
font-size:10px;
color:#999;
margin-left:5px;
}
a.link-z{
width:30px;
height:30px;
margin:-17px -10px 0px 0px;
float:right;
background:url(../layout/selo-z.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

/**************************************************
/**************************************************

P A G I N A S  I N T E R N A S

/**************************************************
**************************************************/
#internas{
width:500px;
float:left;
padding:15px 15px;
}


/**************************************************
BREAD
**************************************************/
#bread{
  float: left;
  font-size: 11px;
  padding-left: 15px;
  width: 500px;
}
#bread2{
  font-size: 11px;
  margin-bottom: 10px;
  padding-left: 15px;
}
#bread a, #bread2 a{
  color: #000;
}


/**************************************************
LATERAL INTERNAS
**************************************************/
#lateral-internas{
width:200px;
padding:15px 5px 5px 5px;
float:right;
}

/**************************************************
CONTAINER INTERNAS
**************************************************/
#container-internas{
width:760px;
display:table;
clear:both;
background:#fff url(../layout/separadores-internas2.gif) no-repeat top;
}

/**************************************************
GALERIA
**************************************************/
#show img{
margin-right:4px;
}
.prev{
background:#ebebeb;
color:#004319;
float:left;
margin-right:5px;
height:125px;
font-weight:bold;
}
.next{
background:#ebebeb;
color:#004319;
float:right;
margin-left:5px;
height:125px;
font-weight:bold;
}
select{
background:#ebebeb;
width:140px;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:12px;
color:#004319;
}

/**************************************************
TELEFONE
**************************************************/
#telefone{
margin-top:10px;
}

/**************************************************
FORMULÁRIO
**************************************************/
#contato-right{
float:right;
width:180px;
margin-right:30px;
}
fieldset{
border:0;
margin:0;
padding:0;
}
label{
display:block;
font-size:12px;
}
input.text,textarea{
width:250px;
font:12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color:#333;
padding:3px;
margin:1px 0;
border:1px solid #ccc;
}
input.submit{
margin-top:3px;
padding:1px 5px;
font:bold 12px 'Trebuchet MS',Arial,Helvetica, sans-serif;
color:#004319;
border:1px solid #004319;
background:#f4f4f4;
}
.error{
font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#ED7F00;
}

/**************************************************
TABELA
**************************************************/
tbody{
width:500px;
}
th{
width:160px;
text-align:left;
vertical-align:top;
padding-top:10px;
}
td{
vertical-align:top;
padding-top:10px;
}

/**************************************************
PREVISÃO
**************************************************/
#previsao p{
margin-left:15px;
}

/**************************************************
MAPA DO SITE
**************************************************/
#mapa{
font-size:12px;
}
#mapa ul li{
list-style:none;
}
#mapa ul li ul{
margin-left:20px;
}

/**************************************************
TODAS AS NOTÍCIAS
**************************************************/
#todas ul li{
color:#333;
font-size:12px;
margin:3px 0px;
}
#todas ul li span{
font-size:11px;
font-weight:bold;
color:#666;
}

/**************************************************
DESLIGAMENTOS
**************************************************/
#desligamentos h1{
color:#004319;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
}
#desligamentos p{
font-size:12px;
font-weight:normal;
}
#desligamentos p.destaca p{
font-size:14px;
font-weight:bold;
}
#desligamentos p.assinatura{
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}