/* CSS PADRAO DO SITE 
ESTIOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
--------------------------------------------------------------------------------*/

/* GERAL 
--------------------------------------------------------------------------------*/

/* Define todos os estilos gerais das páginas (Nao é reconhecido pelo Mozilla) */
body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #36464F;
	padding: 0px;
	margin: 0px;
	text-align: center;
} 

table{	
	clear: both;
}

/* Define todos os estilos gerais das divs, tds, selects e inputs */
div, td, select, input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #36464F!important;
}

  
/* Controla todo o conteudo da pagina */
h1 {
	color: #de0000!important;
	font-size: 11px!important;
	margin: 0px!important;
	text-align: left;
}

h2 {
	color: #!important;
	font-size: 10px!important;
	margin: 0px!important;
}

img{
	border: 0px;
}

.txtVermelho {
	color: #de0000!important;
}

form {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited, a:active {
	color: #de0000;
	text-decoration: underline;
}

a.marcado{
	color: #FE0000!important;
}

#topo a.marcado{
	color: #FE0000!important;
	background-color: #FFF;
}

.clear{
	clear: both;
}

.none{
	display: none;
}

.linkMenuEdu {
	color: #000000!important;
	text-decoration: none!important;
	text-align : left;
}

.linkMenuEdu strong{
	color: #000000!important;
	text-decoration: none!important;
}

.linkMenuEdu:hover{
	color: #FE0000!important;
	text-decoration: underline!important;	
}

.BgTopoTabela{
	background: url('/energia/tecnicos/fabricantes_cadastrados/postes/images/tab_fabr_top.gif') no-repeat 0px 0px;
	width: 490px;
	height: 22px;
	color: #FFF!important;
	font-weight: bold;
	padding: 0px 0px 0px 10px;
	border: none;
}

.BgBaixoTabela{
	background: url('/energia/tecnicos/fabricantes_cadastrados/postes/images/tab_fabr_bottom.gif') no-repeat 0px 0px;
	width: 500px;
	height: 22px;
	color: #FFF!important;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Criada para centralizar o conteudo no Firefox */
#global {
	width: 100%;
	text-align: center;
}

#geral {
	width: 780px;
	margin: auto;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.floatLeftImg {
	float: left;
	margin: 0px 10px 10px 0px; 
}

.floatRightImg {
	float: right;
	margin: 0px 0px 10px 10px; 
}


/* O padrao da tag lista deve ser ser margin ou padding igual a zero, caso queira colocar um valor diferente dessa em uma lista crie uma nova class usando o !important para diferenciar */

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#lista_meio_ambiente{
	list-style-image : url('/energia/images/bullet.gif');
	padding: 15px 0px 15px 15px;
}

.esconde{
	display: none;
}

.mostra{
	display: block;
}

.mostraTop{
	display: block;
	margin-top: 20px;
}

.ScreenOnly{
	display: none;
}

#floater{
	display: none;
}

/* TOPO 
--------------------------------------------------------------------------------*/
#controlaMenuSuperior {
	float: left;
	width: 600x;
	padding: 2px 0px 2px 180px;
	display: none;
}
#menuSuperior {
	float: left;
}

#menuSuperior li{
	float: left;
	margin-left: 6px;
}

#menuSuperior li img{
	float: left;
	padding: 0px 5px 0px 0px;
}

#menuSuperior li a{
	text-decoration: none;
	color: #36464F;
} 

#menuSuperior li a:hover{
	text-decoration: none;
	color: #FE0000;
} 

#topo {
	float: left;
	margin: 2px 0px 0px 0px;
	width:780px;
	display: none;
}

#conteudoTopo{
	float: left;
	border-top: 4px solid #ECECEC;
	background-color: #c0c0c0;
	position: relative;
	width: 670px;
	display: none;
}

topoOver{
	border:1px solid #000;
}

#centroTopo{
	height: 76px;

}

#logoTopo{
	float: left;
	padding: 5px 10px 0px 10px;
	
}

#destaqueTopo img{
	position: absolute;
	left: 240px;
	top: -4px;
	
}


#inputBusca{
	font-size: 10px;
	border: 0px solid #000;	
	width: 104px;
	float: right;
	margin: 1px 10px 0px 10px;
	height: 12px;
}

#bgInputBusca{
	background-image: url('/energia/templates_html/images/combo.gif');
	background-repeat: no-repeat;
	margin: 6px 6px 0px 0px;
	width: 124px;
	height:15px;
	float: right;
}

#menuTopo {
	background-color: #ECECEC;
	margin: 0px;
	padding: 0px;
	width: 670px;
	float: left;
	height: 25px;
}

.marcaTopo{
	color: #FE0000!important;
	text-decoration: none!important;
	display: block!important;
	background-color: #FFF!important;
}

#menuTopo li{
	float: left;
	height: 25px;		
}

#menuTopo li a{ 
	color: #36464F;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 7px 6px 6px 6px;
}

#menuTopo li a:hover{ 
	color: #FE0000;
	text-decoration: none;
	display: block;
	background-color: #FFF;	
}


.ultimo{
	padding: 1px 2px 0px 5px!important;
	float: left;
	display: block;
	width: 83px;
	height: 24px;
	
}

.ultimoMarcado{
	background-color: #FFF;	
	padding: 1px 2px 0px 5px!important;
	color: #FE0000!important;
	height: 24px!important;
	float: left;
	display: block;
}



/* topo Sustentablidade Instituto */
#sustInst a{
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	padding: 0px 8px 0px 5px!important;
	float: left;
	display: block;
	height: 25px!important;	
	color: #666666;
	width: 97px;
	
}

#sustInst a:hover {
	color: #FE0000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	background-color: #FFF;
	text-align: center;
	padding: 0px 8px 0px 5px!important;
	width: 97px;
	height: 25px!important;	
}

#sustInst a.marcado{
	color: #FE0000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	background-color: #FFF;
	text-align: center;
	padding: 0px 8px 0px 5px!important;
	height: 25px!important;	
	width: 97px;
	
}

/* MENU 
--------------------------------------------------------------------------------*/

#menu {
	text-align: left;
	margin: 4px 0px 0px 0px;
	width: 180px;
	display: none;
}

#menu ul {
	width: 170px;
	text-align: left;
}

#menu ul li {
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 15px;
	background: url('/energia/images/bullet_menu.gif') no-repeat 0px 5px;
	padding-left: 10px;
}


#menu ul li a {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #989898;
	font-weight: bold;
	text-decoration: none;
}

#menu ul li ul{
	width: 145px!important;
}
	
#menu ul li ul li {
	margin: 6px 0px 6px 0px!important;
}

#menu ul li ul li ul{
	width: 145px!important;
}

.linkMenu:hover {
	color: #FE0000!important;
}

.linkMenuOver {
	color: #FE0000!important;
}   

/* Define o padrao do menu de 3 nivel de forma geral (utilizado pela tag <ul>*/
#menuTeceiroNivel {
	list-style-type : none;
}

/* Define o padrao do menu de 3 nivel de forma geral (utilizado pela tag <a>*/
.menuTerceiroNivel {
	display: block;
}

#menuIframe{
	margin-left: 20px;
}

.terceiroNivel{
	width: 150px!important;
	padding-left: 15px!important;
}

/* CONTEUDO 
--------------------------------------------------------------------------------*/

#conteudo{
	text-align: justify;
	width: 580px!important;
}

#combo{
	margin-right: 15px;
}

#breadCrumbs{	
	color: #FF0000!important;
	text-align:left;
}

#breadCrumbs span{	
	color: #36464F;
}

#breadCrumbs a{	
	color: #36464F;
	text-decoration: none;
}

#titulo_dest_container{
	width: 98%;
	text-align: right;
	border-bottom: 1px solid #FF0000;
	padding-bottom: 3px;
	margin-bottom: 18px;
}

.lista{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align : left;
}


.lista li{
	background: url('/energia/images/bullet.gif') no-repeat 0px 5px;
	padding-left: 15px;
	text-align : left;
}

#projetos{
	width: 206px; 
	display: none;
	position: absolute;
	left: 290px;
}

#projetos .conteudoProjetos{
	border-left: 1px solid #de0000; 
	border-right: 1px solid #de0000; 
	background-color: #FFF; 
	padding: 0px 10px 0px 10px;
}

#projetos .conteudoProjetos .lista{
	padding-bottom: 10px;
}

#projetos .conteudoProjetos .lista li{
	margin-bottom: 7px;
}

.conhecaLink{
	position: absolute;	
	left: 290px;
}

/* CONTEUDO EXCLUSIVOS DA HOME 
--------------------------------------------------------------------------------*/
#data {
	text-align: right;
	width: 690px;
	margin: 5px 10px 0px 10px;
	font-weight: bold;
	color: #666666;
	display:block;
}

#ferramentas{
	float: left;
	width: 780px;
	padding: 8px 0px 8px 0px;
}
#ferramentas div {
	text-align: right;
	padding: 0px 70px 0px 0px; 
}

#ferramentas img{
	margin-left:10px; 
}

#ferramentas a{
	color: #36464F;
	text-decoration: none;
	font-weight: normal;
}


#noticias {
	width: 491px;
	height: 23px;
	margin-left: 5px;
	background-image: url('/energia/images/bandeirante_barra_noticias.gif')
}

#colunaEsquerda {
	width:300px;
	margin-right: 5px;
	font-size: 10px;
}

#colunaDireita {
	width:192px;
	margin-left: 5px;
	position: relative;
}

#colunaEsquerdaAviso {
	width:200px;
	margin-right: 5px;
	font-size: 10px;
}

#colunaDireitaDestaques {
	width:291px;
	margin-left: 3px;
}

#conteudoAviso {
	background-image: url('/energia/images/bandeirante_fd_aviso.gif');
	width: 188px;
	height: 120px;
	text-align: center;
}

#conteudoAvisoInternas {
	width: 167px;
	height: 95px;
	text-align: center;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #EDECEC;
	margin-left: 32px;	
}

#conteudoAvisoInternas h2{
	color: #FE0000;
	font-size: 12px!important;
}

#textoAvisoInternas {
	width: 150px;
	padding: 0px 10px 15px 5px;
	text-align: center;
}

#textoAviso {
	width: 173px;
	padding: 0px 10px 0px 5px;
	text-align: left;
}

#revele_cidade{
	position: relative;
}
		
#texto_revele_cidade{
	position: absolute;
	top: 72px;
	left: 68px;
	width: 100px;
	text-align:left;
}

#rodape2{
	width: 725px;
}

#rodape2 ul{
	margin: 0px;
	padding: 0px;
}

#rodape2 ul li{
	float: left;
	background-color: #FE0000;	
	padding: 0px 28px 0px 28px;
	margin: 0px;
}

#rodape2 ul li a{
	display: block;
	margin: 0px;
	padding: 0px;
}

#rodape2 ul li a img {
	vertical-align: top;
}

#rodapeCont{
	float:left;
	background-color:#FF0000;
}

.imgRodape{
	background-color: #FE0000;
	padding-right: 32px;
}

#rodape2 a{
	text-decoration: none!important;
	color: #36464F!important;
}

#rodape2 a:hover{
	color: #FF0000!important;
}

#rodapeIframe{	
	margin-top: 10px;
	margin-bottom: 5px;
}

/* INVESTIDORES */
.listaPdf li{
	list-style-type: none;
	background-image: url('/energia/investidores/images/pdf_lista.gif');
	background-repeat: no-repeat;
	padding: 6px 0px 0px 20px;
}

#controlaConteudo {
	position: relative;
}

#corpo {
	width: 580px;
}


.primeiraSub {
	border: 1px solid #FF0000;
	margin: 0px!important;
}

.sub {
	border-left: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	border-right: 1px solid #FF0000;
	margin: 0px!important;
}

.overInterno {
	_padding: 5px;
	width: 100%;
}

.overInterno:hover {
	background-color: #E5E5E5!important;
	_padding: 5px;
	width: 100%;
}

.segundaSub {
	position: absolute;
}


/* TABELAS 
-----------------------------------------------------------------------------*/

/*AZUL */

.tabelaAzul td{ 	
	padding-left : 5px;
	background-color: #ffffff;		
}

.tituloTabelaAzul {
	background-color: #009AD0!important;
	color: #FFF;
	font-weight: bolder;
	padding: 5px;
	text-align: center;	
}

.subTituloAzul {
	background-color: #79C7EB;
	font-weight: bolder;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.paddingLeft {
	padding-left: 10px;
}

.internas td {
	padding-top: 3px;
	padding-bottom: 3px;
}

/*VERDE */

.tituloTabelaVerde {
	background-color: #76B900;
	color: #FFF!important;
	font-weight: bolder;
	padding: 5px;	
}

.subTituloVerde {
	background-color: #A4D867;
	font-weight: bolder;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*AMARELO */

.tituloTabelaAmarelo {
	background-color: #F2AB01;
	color: #FFF!important;
	font-weight: bolder;
	padding: 5px;	
	border-left:1px solid #FFF;	
	border-bottom:1px solid #FFF;
}

.subTituloAmarelo {
	background-color: #F3D65E;
	font-weight: bolder;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.paddingLeftTd {
	padding-left: 5px
}

/*-----------------------------------------------------------------------------*/

/*RI
-----------------------------------------------------------------------------*/

/*RELATORIO ANUAL*/

.colunaAnualEsq{
	float: left;
	margin: 0px 50px 0px 0px;
}

.colunaAnualDir{
	float: left;
	margin: 0px 0px 0px 0px;
}

.brAnual01{
	line-height: 7px;
}

.brAnual02{
	line-height: 10px;
}

/*-----------------------------------------------------------------------------*/

/*INCLUDE PDF
-------------------------------------------------------------------------------*/

.incPdf {
	width: 488px;
	font-size: 10px;
	padding: 0px 15px 2px 15px;
	margin-top:25px;
}

.incPdf div{
	margin:4px 0px 0px 10px;	
	display:block;
	float:left;
	text-align:left;
}
.displayNone{
	display: none;
}




/**************************************** FOLHA DE STYLOS PARA O NOVO PADRÃO ****************************************/

/*** DEFINIÇÕES GERAIS ******/
#posicaoGeral {
	float: left;
	width: 780px!important;
	text-align: justify;
}
#posicaoTopo {
	float: left;
	width: 780px!important;
}
#controlaCorpo {
	float: left;
	width: 780px!important;
	text-align: left;
}
#posicaoMenuLateral {
	float: left;
	width: 180px!important;
}
#conteudoInterno {
	float: left;
	width: 580px!important;
	padding: 0px 0px 0px 15px;
	
}
#centerPage {
	float: left;
	width: 580px!important;
}
#ajustaTituloPagina {
	float: left;
	width: 580px!important;
	padding: 10px 0px 15px 0px;
}
#posicaoRodape {
	float: left;
	text-align: center;
	width: 780px!important;
}

/*** FECHA DEFINIÇÕES GERAIS ******/





/**************************************** FOLHA DE STYLOS PARA O NOVO PADRÃO ****************************************/