/* CSS Reset +----------------------------------------------------------------+*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
a, a:link {text-decoration:none; color: #f43b3c}
a:hover{text-decoration:underline; color: #863b3c}
a:visited {color: #d30102}
a:active {color: #B96264}

/* Class +----------------------------------------------------------------+*/
.fr {float: right;}
.replace {text-indent: -9000px;}
.borderNone {border: none;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
.linkMais {color: #fff; font-weight: bold;}
.linkVoltar {float: left; clear: both; width: auto; margin: 0 0 -15px 480px; padding: 3px 3px 3px 8px; background: url(../imagens/temaSite/marcadorSetaEsq.gif) no-repeat left center;}
.irb {display: block; text-align: center; margin: 15px 0; width: 100%;}
.colorVermelho {color: red;}

/* Mensagens de alerta +----------------------------------------------------------------+*/
.statusNaoRealizado, .statusRealizado, .statusAlerta {float: left; clear: both; border:solid 1px #EDDBB1; padding:15px 30px 15px 50px; font-weight:700; width:85%; margin:0 0 5px 0px;}
.statusNaoRealizado {color:#8A1F11; background:#FBE3E4 url(../imagens/icones/erro-ico.jpg) no-repeat 10px center; border: solid 2px #FBC2C4;}
.statusRealizado {color:#264409; background:#E6EFC2 url(../imagens/icones/confirme-ico.jpg) no-repeat 10px center; border: solid 1px #C6D880;}
.statusAlerta {color:#514721; background:#FFF6BF url(../imagens/icones/alerta-ico.jpg) no-repeat 10px center; border: solid 1px #FFD324;}

/* Títulos +----------------------------------------------------------------+*/
/* menu */
.tit_brennandEnergia {background: url(../imagens/titulos/menu_brennandEnergia.gif) no-repeat;}
.tit_nossasUsinas {background: url(../imagens/titulos/menu_nossasUsinas.gif) no-repeat;}
.tit_contato {background: url(../imagens/titulos/menu_contato.gif) no-repeat;}

/* Página  */
.tituloPag, .tituloPagInterna {float: left; clear: both; width: 100%; margin: 0 0 10px 0; height: 25px; text-indent: -9000px;}
.tituloPagInterna {border-bottom: dotted 2px #e5bc1c; padding: 0 0 9px 0; margin: 0 0 28px 0;}

/* Index */
.tit-hidreletricaIndex {background: url(../imagens/titulos/tit_hidreletrica.gif) no-repeat;}
.tit-historicoIndex {background: url(../imagens/titulos/tit_historico.gif) no-repeat;}
.tit-respSocialIndex {background: url(../imagens/titulos/tit_respSocial.gif) no-repeat;}

/* Internas */
.tit-historico {background: url(../imagens/titulos/tit_historicoInterna.gif) no-repeat;}
.tit-visao {background: url(../imagens/titulos/tit_visao.gif) no-repeat;}
.tit-imprensa {background: url(../imagens/titulos/tit_imprensa.gif) no-repeat;}
.tit-eolica {background: url(../imagens/titulos/tit_eolica.gif) no-repeat;}
.tit-credCarbono {background: url(../imagens/titulos/tit_credCarbono.gif) no-repeat;}
.tit-faleConosco {background: url(../imagens/titulos/tit_faleConosco.gif) no-repeat;}
.tit-trabalheConosco {background: url(../imagens/titulos/tit_trabalheConosco.gif) no-repeat;}
.tit-hidreletrica {background: url(../imagens/titulos/tit_hidreletrica.gif) no-repeat;}
.tit-comercializacao {background: url(../imagens/titulos/tit_comercializacao.gif) no-repeat;}
.tit-imagens {background: url(../imagens/titulos/tit_imagens.gif) no-repeat;}
.tit-respSocial {background: url(../imagens/titulos/tit_respSocial_interna.gif) no-repeat;}
.tit-cultura {background: url(../imagens/titulos/tit_cultura.gif) no-repeat; margin: 0 0 5px 0;}
.tit-meioAmb {background: url(../imagens/titulos/tit_meioAmb.gif) no-repeat; margin: 30px 0 5px 0;}
.tit_respSocial_lateral {background: url(../imagens/titulos/tit_respSocial_lateral.gif) no-repeat; height: 50px;}
.tit-ondeEstamos {background: url(../imagens/titulos/tit_ondeEstamos.gif) no-repeat;}

/* Formatacao do site +----------------------------------------------------------------+*/
body {font: normal 12px arial; color: #696969; background: #30587a url(../imagens/temaSite/bg_body.jpg) no-repeat center top;}
#containerSite {float: left; clear: both; width: 100%; overflow: auto; padding: 0 0 200px 0; background: url(../imagens/temaSite/bg_containerSite.jpg) no-repeat center bottom;}
#site {width: 780px; margin: 0 auto; overflow: auto; background:#fff url(../imagens/temaSite/bg_containerConteudo.gif) repeat-y;}

/* Cabeçalho +----------------------------------------------------------------+*/
#cabecalho {float: left; clear: both; width: 780px; height: 230px; background: #fff;}
#cabecalho h1 {float: left; width: 210px; height: 230px;}
#cabecalho h1 a {display: block; text-indent: -9000px; width: 210px; height: 230px; background: url(../imagens/temaSite/logo_brennand.gif) no-repeat center;}

/**/
#idiomas {position: absolute; margin: 0 0 0 210px; width: 560px; z-index: 998;}
#idiomas li {float: right; margin: 0 0 0 5px}
#bannerTopo {float: left; width: 570px; height: 200px;}
#FlashID {margin: 0px 0 0 0;}

/* Menu +----------------------------------------------------------------+*/
#menu {float: left; width: 208px; padding: 60px 0 0 0; background: url(../imagens/temaSite/bg_menu.gif) no-repeat right top;}
#menu h3 {color: #d30102; font-family: arial; width: 175px; height: 20px;}
#menu .listaMenu {float: left; clear: both; width: 175px; padding: 0 0 185px 13px; background: url(../imagens/temaSite/bg_ulMenu.gif) no-repeat left bottom;}
#menu .listaMenu li {float: left; clear: both; margin: 0 0 10px 0;width: 175px;}
#menu .listaMenu li li{margin: 0 0 0px 0; width: 165px;}
#menu .listaMenu li a {display: block; padding: 0px 0 0px 20px; background: url(../imagens/temaSite/marcadorAmarelo.gif) no-repeat left center; color: #696969; font: normal 12px arial;}
#menu .listaMenu li a span { display: block; padding: 4px 0; border-bottom: solid 1px #e9e9e9;}

/* Container Conteúdo +----------------------------------------------------------------+*/

/* Conteúdo Geral */
#containerConteudo {float: left; clear: both; width: 780px;}
#conteudo {float: left; margin: 2px 0 0 2px;}

/* Anexo Conteúdo */
.arquivoAnexo {float: left; clear:both; width:100%;}
.arquivoAnexo h4 {border-bottom: solid 1px #D30102}
.arquivoAnexo li {color: #D30102; margin:7px 0}

/* Página Index */
.pagHome{width: 568px; float: left; padding: 3px 0 0 0;}
.hidreletricaIndex{float: left; clear: both; width: 330px; padding: 20px 10px 0 15px;}
.respSocialIndex {float: left; clear: both; overflow: auto; width: 511px; padding: 20px 22px; margin: 7px 0 20px 10px; border-top: dotted 3px #e5bc1c; border-bottom: dotted 3px #e5bc1c; background: url(../imagens/temaSite/bg_respSocial.jpg) no-repeat center;}
.respSocialIndex .boxTexto {width: 250px; color: #a47b00;}
.respSocialIndex .leiaMais {margin: 7px 0 0 0; float: left;}
.historicoIndex {float: left; width: 161px; color: #665100; margin: 0 0 0 10px; padding: 21px 20px 185px 20px; background: #f0ce4d url(../imagens/temaSite/imgHistorico.jpg) no-repeat center bottom;}
.historicoIndex a {float: left; clear: both; font-weight: 700; color: #fff; margin: 0 0 0 120px; width: 53px;}
.historicoIndex .alturaP {float: left; clear: both; width: 160px; margin: 0 0 20px 0;}

/* Páginas Internas */
.pagInterna {width: 520px; float: left; padding: 27px 23px;}

/**/
.boxSubConteudo {float: left; clear: both; width: 500px; margin: 20px 0; padding: 0px 10px 20px 10px; background: #F4F4F4; border-top: dotted 2px #e5bc1c; border-bottom: dotted 2px #e5bc1c;}

/* Lista de Notícias */
#conteudo .listaNoticia {float: left; clear: both; width: 520px; overflow: auto; padding: 10px 0; margin: 10px 0;}
#conteudo .listaNoticia li {float: left; list-style: none; clear: both; width: 98%; margin: 0;}
#conteudo .listaNoticia li a:hover {text-decoration: none; background: #f5f5f5;}
#conteudo .listaNoticia li a {display: block; overflow: auto; width: 100%; font: normal 12px arial; padding: 16px 5px;}
#conteudo .listaNoticia li a .data, #conteudo .boxNoticia .data{float: left; clear: both; width: 90%; display: block; color: #000; font-weight: 700; padding: 0 0 0 10px; background: url(../imagens/temaSite/marcadorSeta.gif) no-repeat left center;}
#conteudo .listaNoticia li a h4, #conteudo .boxNoticia h4 {float: left; clear: both; width: 98%; font-size: 14px; margin: 0; display: block; font-weight: normal; color: #d30102;}
#conteudo .listaNoticia li a p, .boxNoticia p {float: left; clear: both; width: 98%; display: block; color: #696969;}
#conteudo .boxNoticia p {margin: 20px 0 0 0;}

/* Fale Conosco */
.formContato {float: left; width: 290px;}
.complementoFaleConosco {float: left; width: 200px; margin: 20px 0 0 0; padding: 0 15px;}
.complementoFaleConosco .destaque {color: #d30102; margin: 10px 0; display: block; width: 100%; }
.legendaArquivo {color: #d30102; font-size: 11px;}
#btnenviar {background: url(../imagens/temaSite/botoes/enviar.gif) no-repeat center; width: 66px; padding: 8px 0; text-align: center; border: none; color: #fff; font-weight: 700; font-size: 10px;}

/* Lista Form */
#conteudo .listaForm {float: left; width: 100%; overflow: auto; margin: 20px 0 0 0;}
#conteudo .listaForm label {float: left; clear: both; width: 100%; margin: 0 0 3px 0; color: #e5bc1c;}
#conteudo .listaForm li {float: left; list-style: none; clear: both; width: 98%; margin: 0 0 12px 0;}

.campoPequeno, .campoMedio {font:normal 14px arial; padding: 4px 10px; color: #e5bc1c; border: solid 1px #c1bfbf;}
#conteudo .listaForm li input.campoMedio, #conteudo .listaForm li textarea.campoMedio {width: 250px;}
#conteudo .listaForm li input.campoPequeno, #conteudo .listaForm li textarea.campoPequeno {width: 103px;}
#conteudo .listaForm li input[type=text]:hover, #conteudo .listaForm li input[type=text]:focus, .listaForm li textarea:hover, .listaForm li textarea:focus {border: solid 1px #666; background: #f9f9f9; color: #937911;}
#conteudo .listaForm li input[type=text]:focus, #conteudo .listaForm li textarea:focus {font-weight: 700;}
#conteudo .listaForm li label.error {color: red;}

/* Paginação */
#conteudo .paginacao {float: left; clear: both; width: 520px; overflow: auto;}
#conteudo .paginacao li {float: left; width: auto; list-style: none;}
#conteudo .paginacao li a {display: block; font-size: 14px; padding: 5px; color: #d30102;}
#conteudo .paginacao li a:hover {font-weight: 700; text-decoration: none;}

/* Tabelas Hidréletrica */
.tabelaHidreletrica {width: 522px;}
.tabelaHidreletrica thead th {padding: 8px 0; color: #d10005; border-bottom: solid 1px #fdca01;}
.tabelaHidreletrica tbody td {padding: 6px 0;  border-bottom: solid 1px #fdca01;}
.tabelaHidreletrica tfoot td {padding: 8px 0; color: #d10005;}
.tabelaHidreletrica tr:hover {background: #ffffd0;}

/* Responsabilidade social */
.boxRespSocial {float: left; padding: 0 0 150px 0; background: url(../imagens/temaSite/bg_respSocial_interna.jpg) no-repeat -11px bottom;}
.box_cultura_meioAmb {float: left; width: 300px; padding: 0 0 10px 0;}
.box_cultura_meioAmb .boxCultura, .box_cultura_meioAmb .boxMeioAmb {float: left; clear: both; width: 300px;}
.box_cultura_meioAmb .boxMeioAmb {margin-top: 40px;}
.boxCrech {background: #f0ce4d; padding: 10px 15px 10px 15px; float: left; width: 171px; color: #665100; margin: 0 0 0 10px;}
.boxCrech ul,.boxCrech ol {width: 100%; clear: both;}
.boxCrech .alturaP {float: left; clear: both; width: 160px; margin: 0 0 20px 0;}

/* Galeria +----------------------------------------------------------------+*/
/* Bordar arredondada na imagem */
.fotoGaleria {position: relative; width: 121px; height: 88px; float: left;}
.fotoGaleria img {background: #fff; border: solid 1px #ccc; padding: 4px;}
.bordarRedonda span {width: 121px; height: 88px; display: block; position: absolute; top: 0; left: 0; background: url(../imagens/galeria/round-corner.png) no-repeat;}
.bordarRedonda img {border: none; padding: 0;}

/* Lista Galeria */
#conteudo .listaGaleria {float: left; clear: both; width: 520px; padding: 2px; margin: 10px 0; overflow: auto;}
#conteudo .listaGaleria li {float: left; list-style: none; padding:0; width: 520px;}
#conteudo .listaGaleria li ~ li {border-top: dotted 1px #696969;}
#conteudo .listaGaleria li > a {display: block; float: left; clear: both; width: 95%; font:normal 14px arial; color: #d30102; margin: 0; padding: 6px 0 3px 10px; background: url(../imagens/temaSite/marcadorSetaVermelha.gif) no-repeat left center;}
#conteudo .listaGaleria li ul {float: left; clear: both; overflow: auto; width: 520px; margin:10px 0;}
#conteudo .listaGaleria li li {border: none; padding: 1px 0; margin: 0 8px 10px 0 ; width: 122px;}
#conteudo .listaGaleria li li a.download {float: left; clear: both; display: block; width: 96px; height: 18px; padding: 4px 0 0 0; margin: 0 0 0 15px; text-align: center; background: url(../imagens/temaSite/ico_download.gif) no-repeat left top; color: #d1a90f;}
#conteudo .listaGaleria li li a.download:hover {background-position: left -40px;}

/* Conteúdo do Editor +----------------------------------------------------------------+*/
/* Títulos */
#conteudo h1, #conteudo h2, #conteudo h3, #conteudo h4, #conteudo h5, #conteudo h6 {margin: 10px 0; color: #D30102;}
#conteudo h1 {font-size: 24px;}
#conteudo h2 {font-size: 18px;}
#conteudo h3 {font-size: 14px;}
#conteudo h4 {font-size: 12px;}
#conteudo h5 {font-size: 10px;}
#conteudo h6 {font-size: 8px;}

/* Tabelas */
#conteudo table[border="1"] {border: solid 1px red;}
#conteudo table[border="1"] th, #conteudo table th {color: #D10005; background: #f9f9f1; font-weight: normal; padding: 6px 0;}
#conteudo table[border="1"] th, #conteudo table[border="1"] td {border: solid 1px #FDCA01;}
#conteudo table[border="1"] td, #conteudo table td {padding: 6px 4px;}

/* Listas */
#conteudo ul, #conteudo ol {margin: 10px 0 10px 15px; width: auto; list-style-position: outside;} 
#conteudo ul li {list-style-type: disc;}
#conteudo ol li {list-style-type: decimal;}

/* Rodapé +----------------------------------------------------------------+*/
#rodape {float: left; clear: both; width: 780px; height: 70px; background: url(../imagens/temaSite/bg_rodape.gif) no-repeat left bottom;}
#rodape .instRicadoBrennand {float: left; width: 150px; margin: 14px;}
#rodape .endereco {float: left; width: 435px; padding: 0 0 0 15px; margin: 34px 0 0 52px; font: normal 11px arial; background: url(../imagens/temaSite/ico_casa.gif) no-repeat left 2px; color: #929292;}
#rodape .p4 {float: left; width: 50px; margin: 40px 0 0 38px;}