/*  CCEE - Câmara de Comercialização de Energia Elétrica
*
* Standard layout for CCEE - Câmara de Comercialização de Energia Elétrica
*
* Este arquivo define toda a estrutura do header.
*
* @project   CCEE - Câmara de Comercialização de Energia Elétrica
* @version   1.0
* @package   layout
* @author    Dbr Interativa
* @copyright 2011 CCEE - Câmara de Comercialização de Energia Elétrica.
*
*/


/**** 

Header 

****/
.header { height: 60px; padding: 27px 0 17px; }

/* LOGO */
.logo { float: left; margin-left: 10px; }

/* formulario de busca */
.form-busca-header { margin-right: 10px; width: 290px; }

/* LOGIN */
.login-header { border-bottom: 1px solid #cdcdcd; padding-bottom: 5px; }
.login-header label { display: block; margin-bottom: 10px; }
.login-header input { border: 1px solid #cacaca; color:#989898; font-size: 12px; margin-top: 5px; padding: 2px; width: 180px; }
.login-header input[type=checkbox] { height: 13px; padding: 0; width: 13px; }
.login-header span { color: #2b4353; font: bold 11px helvetica; }
.login-header .lembrar-me { width: auto; float: left; }
.login-header .btn-entrar { background: url("../images/sprite-botoes.png") no-repeat scroll -520px -700px transparent; border: 0; float: left; width: 82px; height: 22px; text-indent: -9999px; margin-left: 13px; cursor: pointer; }
.login-header .btn-entrar:hover { background-position: -520px -731px; }


/****

HEADER NAO LOGADO

*****/

/* ACESSO RAPIDO */
.menu-login { display: none; position: absolute; right: -5px; width: 236px; height: 223px; z-index: 10; }
.acesso-rapido-nao-logado .esqueceu-senha { color: #2b4353; font: bold 11px helvetica; padding: 10px 0 0 0; }
.container-acesso-rapido { background:#fff; border-bottom: 2px solid #e9e9e9; height:36px; width:100%; position: relative; z-index: 10; }
.acesso-rapido-nao-logado li { float: right; position: relative; }
.acesso-rapido-nao-logado li a { color: #294960; font-size: 10px; float: left; padding: 13px 20px 12px 0; margin-right: 5px; }
.acesso-rapido-nao-logado li a.acesso-conteudo-exclusivo { color: #49a4d1; float: left; padding: 6px; font: bold 11px 'allerRegular'; margin-top: 5px; }
.acesso-rapido-nao-logado li a.acesso-conteudo-exclusivo:hover,.acesso-rapido-nao-logado li.sfHover a.acesso-conteudo-exclusivo { background: #e7e7e7; text-decoration: none; }
.acesso-rapido-nao-logado ul li { float: none; position: absolute; top:28px; right: 10px; background: #e7e7e7; padding: 20px; z-index: 9999; }

/* MENU principal */
.container-menu-principal { background: url(../images/bg-menu-principal.gif) scroll repeat-x 0 0 transparent; height: 56px; }
.menu-principal li { background: url(../images/borda-menu.gif) scroll no-repeat right center transparent; float: left; }
.menu-principal li.first, .menu-principal-logado li a.first { margin-left: 10px; }
.menu-principal li.last, .menu-principal-logado li.last { background: none; }
.menu-principal li a { background: url(../images/hover-menu.png) scroll 0 60px repeat-x transparent; color: #2b4353; float: left; font: normal 12px 'HelveticaNeueLTStd57Condensed'; padding: 20px 34px 21px; text-transform: uppercase; text-align: center; }
.menu-principal li a:hover, .menu-principal-logado li a:hover { text-decoration: none; }

.menu-principal li a.inicio:hover, .menu-principal li a.inicio.active { background-position: 0 50px; color: #403e3f; }
.menu-principal li a.noticias-opiniao:hover, .menu-principal li a.noticias-opiniao.active { background-position: 0 -82px; color: #6c8253; }
.menu-principal li a.quem-somos:hover, .menu-principal li a.quem-somos.active { background-position: 0 -148px; color: #2190c7; }
.menu-principal li a.o-que-fazemos:hover, .menu-principal li a.o-que-fazemos.active { background-position: 0 -214px; color: #9fa328; }
.menu-principal li a.onde-atuamos:hover, .menu-principal li a.onde-atuamos.active { background-position: 0 -280px; color: #5EABA5; }
.menu-principal li a.quem-participa:hover, .menu-principal li a.quem-participa.active { background-position: 0 -346px; color: #39425f; }
.menu-principal li a.como-participar:hover, .menu-principal li a.como-participar.active { background-position: 0 -412px; color: #822d40; }

/****

BUSCA ZERO RESULTADOS

*****/
.busca-zero-resultados .menu-principal {  }
.busca-zero-resultados .menu-principal li { background: url(../images/borda-menu.gif) scroll no-repeat right center transparent; float: left; }
.busca-zero-resultados .menu-principal li a { position:relative; background: url(../images/hover-menu.png) scroll 0 60px repeat-x transparent; color: #2b4353; float: left; font: normal 12px 'HelveticaNeueLTStd57Condensed'; padding: 17px 16px 8px; text-transform: uppercase; text-align: center; }
.busca-zero-resultados .menu-principal li .grande { width: 80px; display: block;  }

.busca-zero-resultados .menu-principal li a.inicio:hover, .busca-zero-resultados .menu-principal li a.inicio.active { background-position: 0 48px; color: #403e3f; }
.busca-zero-resultados .menu-principal li a.noticias-opiniao:hover, .menu-principal li a.noticias-opiniao.active { background-position: 0 -82px; color: #6c8253; }

/****

HEADER LOGADO

*****/

.acesso-rapido-logado .aciEffect-content { position: absolute; top: 35px; left: 0; display: none; }
.acesso-rapido-logado .aciEffect-content li { float: none; padding: 0; margin: 0 0 6px 0; background: none; }
.acesso-rapido-logado .aciEffect-content li.first { margin-top: 7px; }
.acesso-rapido-logado .aciEffect-content .last-li { margin: 0; }
.acesso-rapido-logado .aciEffect-content a { color: #294960; font-size: 10px; float: none; padding: 0 0 0 10px; margin: 0; }
.acesso-rapido-logado .aciEffect-content a:hover { color: #3C9ECD; }

.institucional-sub { background-color: #fff; width: 127px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; }
.usuario-sub { background-color: #fff; width: 177px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; }
.acesso-rapido-logado .aciEffect-content.empresas-sub { background-color: #294960; width: 76px; top: 27px; }

.acesso-rapido-logado .aciEffect-content .bg-last-li { margin: 0; padding: 0; }
.acesso-rapido-logado .aciEffect-content.institucional-sub .bg-last-li { background: url(../images/bg-sub-institucional.png) no-repeat -2px 0; top: 11px; }
.acesso-rapido-logado .aciEffect-content.usuario-sub .bg-last-li { background: url(../images/bg-sub-usuario.png) no-repeat -2px 0; top: 6px; }
.acesso-rapido-logado .aciEffect-content.empresas-sub .bg-last-li { background: url(../images/bg-sub-empresas.png) no-repeat 0 0; top: 14px; }

/*** ACESSO RAPIDO ***/
.acesso-rapido-logado li { float: left; position: relative; }
.acesso-rapido-logado li a { color: #294960; font-size: 10px; float: left; padding: 12px 10px 12px 0; margin-right: 10px; }

/* conteudo exclusivo / login */
.acesso-rapido-logado li a.acesso-conteudo-exclusivo { background: #e7e7e7; color: #49a4d1; float: left; font: bold 12px 'myriad Pro'; padding: 6px; margin-top: 5px; }
.acesso-rapido-logado li a.acesso-conteudo-exclusivo:hover { background: url(../images/acesso-rapido-hover.gif) scroll 3px 5px no-repeat transparent; }
.acesso-rapido-logado ul li { background: #e7e7e7; float: none; padding: 20px; z-index: 9999; }
.acesso-rapido-logado ul li.sub-menu-login { left: 3px; }

/* institucional ccee */
.acesso-rapido-logado li a.institucional-ccee { margin-left: 10px; margin-right: 30px; background: url(../images/sub-active.png) no-repeat right 13px; padding-right: 17px; }
.acesso-rapido-logado ul li.sub-menu-institucional { left: 0; }

/* usuario */
.acesso-rapido-logado ul li.sub-menu-usuario { left: 0; }
.acesso-rapido-logado .usuario { background: url(../images/sub-active.png) no-repeat right 13px; padding-right: 17px; padding-left: 10px; }
.acesso-rapido-logado .bt-usuario { width: 181px; margin-right: 10px; }

/* empresa */
.acesso-rapido-logado li a.empresa { background: url(../images/seta-combo-box-header.png) scroll no-repeat 92% center #294960; padding: 6px 10px 6px 5px; margin-top: 5px; color: #fff; width: 61px; }
.acesso-rapido-logado ul li.sub-menu-empresa { left: 0; }
.acesso-rapido-logado .empresas-sub a { color: #fff; padding-left: 7px; }
.acesso-rapido-logado .empresas-sub.aciEffect-content .first { margin-top: 5px; }

/* alerta */
.acesso-rapido-logado li a.alerta { background: url("../images/ico-acesso-rapido.png") no-repeat scroll 0 0 transparent; height: 8px; margin-top: 5px; padding: 9px; position: relative; width: 18px; text-indent: -9999px; }
.acesso-rapido-logado li a.alerta:hover { background-position: -58px 0; }
.acesso-rapido-logado li .numero-alerta { background: url("../images/ico-numero-alerta.png") no-repeat scroll 0 0 transparent; color: #fff; font: bold 9px 'AllerRegular'; height: 18px; padding: 3px 1px; position: absolute; top: 0; right: 1px; text-indent: 0; width: 15px; text-align: center; }

/* email */
.acesso-rapido-logado li a.email { background: url("../images/ico-acesso-rapido.png") no-repeat scroll 0 -36px; margin-top: 9px; padding: 3px 12px; position: relative; width: 19px; text-indent: -9999px; }
.acesso-rapido-logado li a.email:hover { background-position: -61px -36px; }
.acesso-rapido-logado li .numero-email { background: url(../images/ico-numero-alerta.png) scroll no-repeat 0 0 transparent; color: #fff; font: bold 9px 'AllerRegular'; height: 18px; padding: 3px 1px; position: absolute; top: -5px; right: 10px; text-indent: 0; width: 15px; text-align: center; }

/* btn-sair */
.acesso-rapido-logado li a.btn-sair { background: url(../images/btn-sair.gif) scroll no-repeat 0 10px transparent; height: 15px; margin-right: 10px; padding: 11px 11px 11px 0; text-indent: -9999px; width: 37px; }
.acesso-rapido-logado li a.btn-sair:hover { background-position: -64px 10px; }
.acesso-rapido-logado li a { text-decoration: none; }

/* MENU principal */
.menu-principal-logado li { background: url(../images/borda-menu.gif) scroll no-repeat right center transparent; display: table-cell; vertical-align: middle;  }
.menu-principal-logado li a { background: url(../images/hover-menu.png) scroll 0 60px repeat-x transparent;  color: #2b4353; float: left; font: normal 12px 'HelveticaNeueLTStd57Condensed'; padding: 20px 18px; text-align: center; text-transform: uppercase; }
.menu-principal-logado li a.inicio:hover, .menu-principal-logado li a.inicio.active { background-position: 0 49px; color: #403e3f; }
.menu-principal-logado li a.precos:hover, .menu-principal-logado li a.precos.active { background-position: 0 -17px; color: #1c5859; }
.menu-principal-logado li a.medicao:hover, .menu-principal-logado li a.medicao.active { background-position: 0 -479px; color: #83642e; }
.menu-principal-logado li a.contabilizacao-liquidacao:hover, .menu-principal-logado li a.contabilizacao-liquidacao.active { background-position: 0 -670px; color: #1e406d; }
.menu-principal-logado li a.leiloes:hover, .menu-principal-logado li a.leiloes.active { background-position: 0 -731px; color: #426e8b; }
.menu-principal-logado li a.sazonalizacao:hover, .menu-principal-logado li a.sazonalizacao.active { background-position: 0 -791px; color: #2c4353; }
.menu-principal-logado li a.juridico:hover, .menu-principal-logado li a.juridico.active { background-position: 0 -850px; color: #64467a; }
.menu-principal-logado li a.regras:hover, .menu-principal-logado li a.regras.active { background-position: 0 -910px; color: #a23b28; }
.menu-principal-logado li a.resultados:hover, .menu-principal-logado li a.resultados.active { background-position: 0 -971px; color: #395e3c; }
.menu-principal-logado li a.noticias-opiniao:hover, .menu-principal-logado li a.noticias-opiniao.active { background-position: 0 -16px; color: #6c8253; }
.menu-principal-logado li a.educacao:hover, .menu-principal-logado li a.educacao.active { background-position: 0 -1031px; color: #2d6282; }
.menu-principal-logado li a.duas-linhas { padding: 13px 16px; }
.container-menu-principal {	position: relative;	z-index: 9; }
.container-menu-principal ul.menuB li {background-position: right 20px;}
.container-menu-principal ul.menuB li a { background: url("../images/hover-menu.png") repeat-x scroll 0 60px transparent; color: #2B4353; display: table-cell;  float: left; font: 12px 'HelveticaNeueLTStd57Condensed'; padding: 20px 15px 21px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle;}

.container-menu-principal ul.menuB li a.big {margin-top: 13px; padding: 0 15px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.container-menu-principal ul.menuB li a.big {margin-top:13px; padding-bottom:0; padding-left:14px; padding-right:14px; padding-top:0;}
}