@charset "iso-8859-1";
/* CSS Document */

body{

	background:url(../img/bg.gif) #EFEFEF;
	margin:0px;
	padding:0px;
	width:100%;
	border-top: 5px solid #BEBEBE;
}

h1,h2,h3,h4,h5,h6,p,li,ul{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family:Verdana, Geneva, sans-serif;
}

p{
	font-size:12px;
	text-align:left;
	margin-top:10px;
}

b{font-weight:bold;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
b a{color:#000;text-decoration:none;}

ul, li{
	text-decoration:none;
	list-style-type:none;
	font-size:12px;
}

#bg{
	width:100%;
	min-height:700px;
	margin:0px;
	padding:0px;
}

#bgTopo{
	width:100%; 
	height:38px; 
	background:url(../img/bgTopo1.png) repeat-x;
}

#bgTopo a{
	float: right;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-size:11px;
	padding-top:7px;
}

#bgTopo a:hover{color:#f4f4f4;cursor:pointer;}

#bgConteudo{width:960px;min-height:600px;margin:0 auto;position:relative; z-index: 2;}

p.tituloConteudo{margin:0px; font-size:18px; color: #164279;}

/* INICIO TOPO */
#topo{
	width:960px;
	 text-align: center;
	}

img.logo{
	padding:20px 0 109px;
	border:none;
	width: 255px;
  padding-top: 12px;
	    position: relative;
}

/* INICIO BANNER */
.bannerBg{ left: 33%; position: absolute;}
.slide img{ text-align:center;}

#slideshow {
    height:320px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	border-bottom: 5px solid #164279;
}

#slideshow .slide {float:left;}

#slideshow .slide p {
	background:url(../img/overlay.png) repeat;
	color:#fff;
	font-size:18px;
	padding:10px;
	margin:0;
	width:940px;
	float:left;
}

/* INICIO MENU */

#menu ul li a.menu-margem0{ border-right:none;}
#menu{height: 43px;background: #164279;margin: 0 auto;display: block;padding:0 20px; margin-top: 42px;}
img.bannerTopo{
	float:left;
	margin:0px 0 0 35px;
}

#menu li { text-align: center; font-size: 12px; float:left;}
#menu ul li a{ color:#fff; text-decoration:none; padding: 14px 12px; border-right:1px solid #F6C70A;display: block;}

#menu h1 a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;}
#menu ul{width: 730px;margin: 0 auto;display: block;}
#menu a:hover{text-decoration:none;background:#FFD700;color:#000;
}

.bg-menu{ background:#194276; height:43px; width:100%; position:absolute; top: 287px;z-index: 1;}

/* INICIO MENU SERVIÇOS */

#menuEnergia{
	float:left;
	width:959px;
	height:35px;
	border-right: 2px solid #999;
}

#menuEnergia a{
	text-decoration:none;
}

#menuEnergia a:hover{
	text-decoration:none;
	cursor:pointer;
}

#submenuEnergia{
	float:left;
	width:318px;
	height:35px;
	background:url(../img/bgSubmenuEnergia.png) repeat-x;
	border-left:1px solid #999;
}

#submenuEnergia a{
	float:left;
	width:319px;
	height:35px;
	background:url(../img/bgSubmenuEnergia.png) repeat-x;
	border-left:1px solid #999;
}

#submenuEnergia a:hover{
	float:left;
	width:319px;
	height:35px;
	background:url(../img/bgSubmenuEnergiaHover.png) repeat-x;
	border-left:1px solid #999;
}

#submenuEnergia h1{
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	text-decoration:none;
}

/* INICIO CONTEUDO HOME*/

#conteudo{
	width:960px;
	float:left;
	min-height:500px;
	padding:10px 0;
}

#conteudoBloco{
	width:460px;
	float:left;
	min-height:500px;
	margin-right:14px;
}

#boxConteudo{
	width:445px;
	min-height:79px;
	float:left;
	margin:5px 12px 0 0;
}

img.imgBox{
	float:left;
	border:none;
}

#tituloBoxConteudo{  padding: 6px 0;border-bottom: 3px solid #ABABAB;}

#boxNoticia{width:445px;padding:5px 0;float:left;min-height:30px;margin-bottom:5px;}

#boxNoticia li{
	font-size:11px;
	margin-bottom:15px;
}

#boxNoticia li a{
	text-decoration:none;
	color:#000;
}
#boxNoticia li img{height: 126px;}
.noticia-index{ float: left;width: 339px;background-color: #fff;padding: 22px 10px; height: 82px;}

#boxNoticia li a:hover{
	text-decoration:none;
	
}

#boxNoticia h6{
	float:right;
	font-size:11px;
	color:#000;
	margin-top:5px;
}

#boxNoticia h5{
	font-size:11px;
	color:#000;
	font-weight:bold;
}

#boxNoticia h6 a{
	text-decoration:none;
	color:#000;
}

#boxNoticia h6 a:hover{
	text-decoration:underline;
}

#boxNoticia p{
	margin-top:5px;
}


/**/

.Noticia{
	min-height:70px;
	margin-bottom:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.Noticia li{
	font-size:11px;
}

.Noticia li a{
	text-decoration:none;
	color:#000;
}

.Noticia li a:hover{
	text-decoration:underline;
}

.Noticia ul a{
	text-decoration:none;
	color:#000;
}

.Noticia ul a:hover{
	text-decoration:underline;
}

.Noticia h6{
	
	font-size:11px;
	color:#000;
	margin-top:5px;
}

.Noticia h5{
	font-size:11px;
	color:#000;
	font-weight:bold;
}

.Noticia h6 a{
	text-decoration:none;
	color:#000;
}

.Noticia h6 a:hover{
	text-decoration:underline;
}

.Noticia p{margin-top:8px;line-height: 18px;}
#outrasNoticias{min-height:70px;margin-bottom:5px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#dados ul li{font-size: 12px;text-align: left;margin-top: 10px;}
#dados ul li a{color: #000;text-decoration: none;}
#dados ul li a:hover{text-decoration: underline;}
#dados p{margin: 5px 0;padding: 10px; display: block; background-color: #fff;}
/** FORMULARIO **/

.formulario{
	border:none;
	background:none;
	float:left;
}

fieldset{
	border:none;
	background:none;
	width:359px;
	float:left;
	margin:0px;
	padding:0px;
}

fieldset h3{font-size:12px;float:left;text-align:right;	margin:12px 10px 0 0;}
input{width:305px;height:25px;outline:none;border: 1px solid #9C9C9C;margin-top:5px;float:left;}
textarea{width:306px;height:120px;outline:none;border: 1px solid #9C9C9C;margin-top:5px;float:left;}
label{float:right;}
.botaoEnviar{  width: 120px; height: 30px;float: right;cursor: pointer; background-color: #164279;color: #fff;  border: none; margin-right: 50px;}
.botaoEnviar:hover{  background-color: #FED500; color:#000;}

/** TABELA **/

#tabela{
	width:550px;
	height:310px;
	float:left;
	padding-bottom:10px;
}

#celulaA{
	width:100px;
	height:45px;
	background-color:#EEE;
	border: 1px solid #333;
	padding-bottom:5px;
	float:left;
}

#celulaB{
	width:200px;
	height:45px;
	background-color:#EEE;
	border: 1px solid #333;
	padding-bottom:5px;
	float:left;
}

#tabela h3{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	margin-top:5px;
}

#tabela h4{
	font-size:11px;
	text-align:center;
	font-weight:normal;
	margin-top:5px;
	color:#339;
}



/* GRAFICO RESERVATORIO */

#grafico{
	width:440px;
	height:135px;
	float:left;
	margin:5px 0 5px 0;
}

#celulas{
	width:70px;
	height:100px;
	float:left;
}

#celulaInfo{
	width:75px;
	min-height:24px;
	background-color:#EEE;
	border: 1px solid #333;
	padding-bottom:5px;
}

#celulaGrafico{
	width:298px;
	height:29px;
	background-color:#FFF;
	border: 1px solid #333;
}

#porcentagemGrafico{
	width:298px;
	height:29px;
	background-color:#06C;
}
	
#grafico h3{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	margin-top:8px;
}

#grafico h4{
	font-size:12px;
	text-align:center;
	font-weight:bold;
	margin-top:8px;
	color:#339;
}

/* TABELA PLD/CCEE */

#celulasTabela{
	width:150px;
	height:100px;
	float:left;
}

#celulaTabelaNome{
	width:150px;
	min-height:24px;
	background-color:#EEE;
	border: 1px solid #333;
	margin-left:5px;
	padding-bottom:5px;
}
	
/* INICIO INTERNAS */

#barraLateral{
	width:280px;
	min-height:450px;
	float:right;
	margin-top:10px;
	padding:20px 5px 0 0;
	/*border: 1px solid #194276;*/
}

#barraLateral img{ width: 80px;float: left; padding: 0 10px 0 0;}

#barraLateral h4{
	font-size:12px;
	color:#164279;
	margin-left:15px;
}

#barraLateral h4 a{
	text-decoration:none;
	color:#194276;
}

#barraLateral h4 a:hover{
	text-decoration:underline;
}

#linhaLateral{
	width:195px;
	height:10px;
	border-top:1px dashed #194276;
	margin:15px 0 5px 17px;
}

#conteudoInterna h6 a{
	color:#00C;
	text-decoration:none;
	cursor:pointer;
}

#conteudoInterna h6 a:hover{
	color:#00C;
	text-decoration:underline;
	cursor:pointer;
}

#linha{
	width:700px;
	height:1px;
	float:left;
	margin-bottom:10px;
}

img.interna{
	float:left;
	margin:20px 0 0 20px;
}

.tituloSecao h3{
	margin-bottom:5px;
	color: #194279;
	font-size: 24px;
	padding:7px 0;
	border-bottom: 3px solid #194279;
}

.Empresa { margin: 20px auto; }
.Empresa h3{
	font-size:13px;
	font-weight:bold;
	margin:20px 0 5px 0;
}

.Empresa p{font-size: 14px; color: #484848;line-height: 18px;}
.Empresa li h4 a{color:#000;font-weight:bold;text-decoration:none;}
.Empresa li h4 a:hover{text-decoration:underline;}

#empresa{
	margin-top:10px;
}

#empresa h5 a{  text-decoration: none; color: #000;float: right; margin: 0px;padding: 10px;background-color: #fff;}
#empresa h5 a:hover{background:#164279; color:#fff;}

.Noticia h3{
	font-size:13px;
	font-weight:bold;
	margin:20px 0 5px 0;
}

.ComercializaçãoEnergia h3{
	font-size:13px;
	font-weight:bold;
	margin:20px 0 5px 0;
}

/**NOTICIAS**/

#conteudoInterna{
	width:630px;
	min-height:450px;
	float:left;
	margin-top:10px;
}

#conteudoNoticias p{
	text-align:inherit;
}

img.imgNoticias{
	float:left;
	margin:10px 10px 10px 0;
	width:150px;
}

#conteudoNoticias h6 a{
	color:#00C;
	text-decoration:none;
	cursor:pointer;
}

#conteudoNoticias h6 a:hover{
	color:#00C;
	text-decoration:underline;
	cursor:pointer;
}

.noticia-home{ width: 86px;
    overflow: hidden;
    float: left;}
/* INICIO RODAPÉ */

.rodape-bg{ width:100%; background:#164279;clear:both; margin-top:40px;}
#rodape{max-width: 960px;height:100px;background-color: #164279;clear:both; margin:0 auto;}

#endereco{width:320px;float:left;height:85px;margin-top:10px; padding-left: 50px;}
#endereco li{font-size:12px;line-height:15px;color: #FFF;}

#endereco li a{color:#fff;text-decoration:none;}
#endereco li a:hover{text-decoration:underline;}
	
/* Legislação */

#conteudoInterna span, tr, td{font-family:Verdana, Geneva, sans-serif;font-size:12px;}
.tabelaRelatorio{	background-color:#FFFFFF;border: 1px solid #164279;margin-bottom: 10px;margin-top: 5px;}
.tabelaRelatorio a{	color: #000;text-decoration: none;}
.tabelaRelatorio a:hover{	color: #000;text-decoration: underline;}
.tabelaRelatorio td{padding:10px 7px 0 10px;height:20px;border:none;}
.colunaRel1{background: #EEE;}
.colunaRel2{background: #FFFFFF;}

/*TABELA*/
.tabela{width:440px;height:120px;float:left;margin:5px 0 2px 0;}
.linhaTabela{width:440px;min-height:100px;background-color:#03C;margin:0px;}
.celulaTabela{width:75px;min-height:19px;	background-color:#EEE;border: 1px solid #333;padding-bottom:5px;margin:0px;text-align:center;}

/* Grafico */
#graphbox {border:none;padding:5px 0;width:432px;}
#graphbox h2{
	color:#666666;
	font-family:Arial, sans-serif;
	font-size:1.1em;
	padding-bottom:0.3em;
	font-weight:bold;
	text-align:center;
}
#graphbox p {
	color:#888888;
	font-family:Arial, sans-serif;
	font-size:0.8em;
	padding-top: 0.3em;
	text-align:left;
}

.graph {
	background-color: #F0EFEF;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:none;
	margin:1px;
}
.graph .greenbar {
	text-align:left;
	color:#ffffff;
	height:1.8em;
	line-height:1.8em;
	font-family:Arial, sans-serif;
	display:block;
}
.graph .greenbar {
	background-color:#164279;
}

#numeros{
	float:left;
	width:55px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-top:7px;
	padding-left:5px;
	border-left:1px solid #000;
	height:23px;
}

#barra{
	margin-left:125px;
	border-left:1px solid #000;
}
/**/

#boxMarcas{
	width:455px;
	min-height:79px;
	float:left;
	border:none; 
	margin:10px 12px 0 0;
	padding-left:5px;
}

img.marcasIndex{
	float:left;
	border:none;
}

img.marcasGrupo{
	float:left;
	border:none;
	margin-right:3px;
	padding-top:7px;
}

#textoMarcas{
	width:453;
	text-align:justify;
}

#textoMarcas li{
	float:left;
	margin-right:30px;
	font-size:11px;
}

/* Ajustes */

p a{
	color:#000;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

#paginacao{
	margin-top:5px;
	float:left;
}

#paginacao li{
	float:left;
	margin-right:5px;
	color:#003366;
}

#testeNoticias{height:249px;}

img.faleConoscoImg{float:left;padding: 4px 0 0 20px;}
img.imgLista{float:left;margin-right:5px;}
.mapaSiteLista{padding:10px 0 0 30px;line-height:30px;}
.mapaSiteLista a{color:#000;text-decoration:none;}
.mapaSiteLista a:hover{text-decoration:underline;}
.mapaSiteLista li a{padding-left:5px;}

.mapaSiteSublista{padding:0 0 5px 30px;list-style-image:none;}
.mapaSiteSublista li a{color:#666;}

#mapaSite{width:960px;margin:0 auto;}

.mapa{padding-top: 32px;}
.mapaSiteTexto{margin-top:0px !important;}
.marca img {width:100%;}
.base {	width:100px;margin:auto; float: right;}
.marca {padding-top: 25px;width:39px;height:47px;right:0px;top:0px;width:36px;/*background:#b7d333; Essa cor varia de acordo com a cor de background de onde a marca for aplicada. */-moz-transition: all .15 cubic-bezier(.17,.67,.83,.67); -ms-transition: all .15s cubic-bezier(.17,.67,.83,.67); -o-transition: all .15s cubic-bezier(.17,.67,.83,.67); transition: all .15s cubic-bezier(.17,.67,.83,.67);}
	.marca:hover {right:-5px;top:-5px;width:50px;height:66px;}


/**/
.main-manutencao { background: #fff;}
.main-manutencao #conteudoInterna { width: 468px;}
.main-manutencao .tituloSecao h3 { padding: 15px;}
.main-manutencao .formulario { margin-left: 0;}
.fullscreen { width: 468px; margin: 0 auto;}
.main-manutencao p.codigo { display: inline-block; letter-spacing: 2px;/* height: 21px;*/ padding: 9px 12px; margin: 0; margin-top: 10px; background: #ebebeb; border: 1px solid #164279; color: #164279; float: left;}
.main-manutencao fieldset { width: 100%;}
.main-manutencao label, .main-manutencao input[type=text] { float: none; width: 100%;}
.main-manutencao textarea, .main-manutencao input[type=text] {width: 95.5%; padding: 6px 2%;}
.main-manutencao input[type=text].inp-cod { width: 230px; margin-top: 10px; margin-left: 10px; float: right;}
.main-manutencao .botaoEnviar { float: left; text-align: center; background:#164279; color: #fff; padding: 12px 2%; height: auto; text-transform: uppercase; width:100%; border: none; margin: 20px 0;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}

.main-manutencao .botaoEnviar:hover { background: #005db1;} 
.main-manutencao h1 {  color: #164279;  font-size: 16px;  line-height: 26px; margin: 20px 0; font-weight: normal;}


.servicos-box{ margin:15px 0;}

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
h1,h2,h3,h4,h5,h6,p{font-weight:normal;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;outline:none;font-family: Arial, sans-serif, Verdana;}


/* Captcha */
#campFlutuados {margin-left:85px !important;}
#campFlutuados p	{float:left;}
#campFlutuados .numerosCod	{font-weight:bold; float:left;padding:5px 0;text-align:center;background:url(../img/img_captcha1.png) no-repeat;margin:5px 5px;width:80px;height:18px}