/* CSS PADRAO DO SITE 
ESTIOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
--------------------------------------------------------------------------------*/
@import url(novoForm.css);

/* 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;
} 

@font-face {
    font-family: 'EDPPreonMedium';
    src: url('../fonts/edp_preon_medium-webfont.eot');
    src: url('../fonts/edp_preon_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/edp_preon_medium-webfont.woff') format('woff'),
         url('../fonts/edp_preon_medium-webfont.ttf') format('truetype'),
         url('../fonts/edp_preon_medium-webfont.svg#EDPPreonMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

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;
}

dl, dt, dd{
	padding: 0px;
	margin: 0px;
}

  
/* Controla todo o conteudo da pagina */
h1 {
	color: #ff0000!important;
	font-size: 24px!important;
	margin: 0px!important;
	text-align: left;
	font-family:EDPPreonMedium, arial, verdana;
	font-weight:bold;
	letter-spacing: -1px;
}

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;
}

.linkNormal{
	color: #36464F;
	text-decoration: none;
}

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

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

#geral {
	width: 780px;
	margin: auto;
	/*position: relative;*/
}

.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;
}

/* TOPO 
--------------------------------------------------------------------------------*/
#controlaMenuSuperior {
	float: left;
	width: 600x;
	padding: 2px 0px 2px 180px;
	position: relative
}
#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;
}

#conteudoTopo{
	float: left;
	border-top: 4px solid #ECECEC;
	background-color: #c0c0c0;
	width: 730px;
}

topoOver{
	border:1px solid #000;
}

#centroTopo{
	height: 76px;
}

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

#destaqueTopo img{
	position: absolute;
	left: 240px;
	top: -4px;
	z-index:400;
}
#inputBusca{
	font-size: 10px;
	border: 0px solid #000;	
	width: 104px;
	float: right;
	margin: 1px 10px 0px 10px;
	height: 12px;
}
#menuTopo {
	background-color: #ECECEC;
	margin: 0px;
	padding: 0px;
	width: 730px;
	float: left;
	height: 25px;

}

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

#menuTopo li{
	float: left;
}

#menuTopo li a{ 
	color: #36464F;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 5px 11px 0px 11px;
	float: left;
	height: 20px;
} 

#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;
}

#busca {
	float:right; 
	padding:5px 20px 0px 0px;
}
#busca #imgInfor{
	padding:5px 0px 0px 15px;
}

/* 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;
}

#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;
	margin: auto;
}

#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
}

/*-----------------------------------------------------------------------------*/
#banners{
	width: 775px;
	padding: 0px 0px 20px 0px;
}

#destaquesPrincipais{
	width: 780px;
	float: left;
	padding: 0px 0px 20px 0px;
}

.boxesHome{
	float: left;
	padding: 0px 13px 0px 0px;
}

#box01{
	width: 250px;
}

#box02{
	width: 250px;
}

#box03{
	width: 250px;
}

.conteudoBoxesH{
	float: left;
	width: 210px;
	padding: 15px 0px 0px 0px;
	background: url("/energia/images/home_nova/box_03_px.gif") repeat-x 0px 0px;
	height: 127px;
}

.conteudoBoxesH li{
	background: url("/energia/images/home_nova/bullet.gif") no-repeat 0px 5px;
	padding: 0px 0px 5px 10px;
	text-align: left;
}

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

.conteudoBoxesH p, #principalHome p{
	padding: 0px 0px 10px 0px;
}

.semPadding{
	padding-right: 0px!important;
}

.semBorda{
	border: none!important;
}

#principalHome{
	width: 780px;
	text-align: left;
}

#noticiasHomeEsquerda{
	width: 320px;
	float: left;
	padding: 0px 40px 0px 0px;
}

#noticiasHomeEsquerda ul{
	float: left;
	width: 320px;
	padding: 0px 0px 20px 0px;
}

#noticiasHomeEsquerda ul li{
	width: 310px;
	background: url("/energia/images/seta_home.gif") no-repeat 0px 10px;
	padding: 5px 0px 5px 10px;
	border-bottom:  1px solid #C0C0C0;
	text-align: left;
}

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

#noticiasHomeEsquerda ul li a:hover{
	color: #de0000;
}

#btnVejaMaisNoticias{
	width: 320px;
	text-align: center;
}

#btnVejaMaisNoticias div{
	width: 224px;
	margin: auto;
}

#btnVejaMaisNoticias div span{
	display: block;
	float: left;
	height: 20px;
	width: 200px;
	background: url("/energia/images/home_nova/box_01_px.gif") repeat-x 0px 0px;
	text-align: left;
	padding: 5px 0px 0px 0px;
}

#btnVejaMaisNoticias div span a{
	text-decoration: none; 
}

#lateralCrosslinks{
	float: left;
	width: 415px; 
}

#outrosCrosslinks{
	float: left;
	width: 415px;
}

#crosslinkEsquerda{
	width: 186px;
	float: left;
	padding: 0px 40px 0px 0px;
}

.boxCinza{
	width: 186px;
}

.boxCinza span{
	background: #F4F4F4;	
	display: block;
	padding: 5px;	
} 

.boxCinza span p{
	padding: 0px 0px 20px 0px!important;
}

#crosslinkDireita{
	float: left;
	width: 186px;
}

#linksInteressantes{
	padding: 20px 0px 20px 0px;
	float: left;
}

#linksInteressantes dl{
	float: left;
	width: 140px;
	height: 130px;
	border-right:1px solid #36464F;
	padding: 0px 8px 0px 8px;
}

#linksInteressantes dl dt{
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

#linksInteressantes dl dt.fonteVermelha{
	color: #FE0000;
}

#linksInteressantes dl dt.fonteVerde{
	color: #7FB508;
}

#linksInteressantes dl dt.fonteRoxa{
	color: #9573B9;
}

#linksInteressantes dl dt.fonteAzul{
	color: #0727AA;
}

#crosslinksBottom{
	float: left;
	width: 775px;
}

#crosslinksBottom .floatLeftImg{
	padding: 0px 12px 0px 0px;
	float: left;
}

#crosslink01{
	width: 355px;
	float: left;
}

#conteudoCross01{
	width: 321px;
	float: left;
	background: url("/energia/images/home_nova/box_02_px.gif") repeat-x 0px 0px;
	height: 75px;
	padding: 10px 0px 10px 0px;
}


#crosslink02{
	width: 375px;
	float: right;
}

#conteudoCross02{
	width: 341px;
	float: left;
	background: url("/energia/images/home_nova/box_02_px.gif") repeat-x 0px 0px;
	height: 75px;
	padding: 10px 0px 10px 0px;
}

#crosslinksMenores{
	width: 195px;
	float: left;
}
#crosslinksMenores p.crosslinkMiddle{
	margin-top:20px;
	margin-left: 25px;
}

/*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 {
	text-align: center;
	width: 100%;
	border-top:1px solid #C0C0C0;
	margin: 20px 0px 0px 0px!important;
	background: #F2F2F2;
	padding-top: 10px;
}

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





/**************************************** FOLHA DE STYLOS PARA O NOVO PADRÃO ****************************************/
/* BACKGROUND DO FUNDO */
#escurecerFundo {
	width:100%;
	position: absolute;
	top:0px;
	left:0px;
}
.fundo{	
	background: #000;
	z-index: 2;
	opacity: .80!important;
   	filter:alpha(opacity=80)!important;
}
#destaqueFlash{
	float: left;
	position: relative;
	z-index: 40;
}

.infoRosa{
	background:url("/energia/images/homeRosa/info_bg.gif") no-repeat 0 0!important;
}

#info {
	background:url("/energia/images/info_bg.gif") no-repeat 0 0;
	float: left;
	height: 26px;
	left: 26px;
	padding: 3px 0 0 10px !important;
	position: absolute;
	top: 122px;
	width: 275px;
	z-index: 1;
}
#info a, #info img {
	float: left;
	margin: 0px!important;
} 
#info a {
	padding-right: 20px;
}

.tbTarifa td{
	border:1px solid #000000;
	width:200px;
}

/*--Novo Layout de Avisos antecipados--*/
.boxAvisoAntecipadosPeriodo{
	background:url("/energia/avisos_antecipados/images/bgBoxAvisoAntecipado.jpg") no-repeat;
	width:470px;
	height:159px;
	padding-top:11px;
	margin-left:53px;
	margin-top:20px;
}

.txtAvisoPeriodo{
	background:url("/energia/avisos_antecipados/images/txtAvisoPeriodo.jpg") no-repeat;
	padding: 0 0 0 193px;
	width:190px;
	height:39px;
	margin:0 0 0 85px;
	line-height:57px;
	color:#4c4c4c;
	font-size:14px;
	font-weight:bold;
}