@import "zera.css";

/* Início do CSS - A Geradora */
/* Autor: Fabricio Lefundes | W3Z - www.w3z.com.br */

/* Gerais ---------------------------------------------------------- */

body {
	background: #170A04 url(../images/bg_geral.jpg) repeat-x top;
	font: 13px Arial;
	color: #003366;
}

.alt { display: none; }

a { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Geral ----------------------------------------------------------- */

#Geral {
	width: 990px;
	margin: 0 auto;
	border: solid 0px red;
	position: relative;
	overflow: hidden;
}

/* Topo ------------------------------------------------------------ */

#Topo {
	background: url(../images/bg_topo.png) no-repeat top;
	width: 100%;
	height: 113px;
	float:left;
	position: relative;
}

#Topo h1 a {
	background: url(../images/marca.png);
	width: 283px;
	height: 70px;
	position: absolute;
	top: 18px;
	left: 356px;
	text-indent: -900%;
	overflow: hidden;
}

/* Menu Topo ------------------------------------------------------- */

#MenuTopo {
	width: 230px;
	height: 11px;
	position: absolute;
	right: 10px;
	top: 7px;
}

#MenuTopo ul li {
	float: left;
	background: url(../images/div_menu_topo.jpg) no-repeat right;
}

#MenuTopo ul li.last { background: none; }

#MenuTopo ul li a {
	display:block;
	height: 11px;
	text-indent: -900%;
	overflow: hidden;	
	opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
}

#MenuTopo ul li a:hover { opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }

#MenuTopo .btHome { width: 40px; background: url(../images/bt_home.gif); }
#MenuTopo .btWebmail { width: 58px; background: url(../images/bt_webmail.gif); }
#MenuTopo .btIntranet { width: 63px; background: url(../images/bt_intranet.gif); }
#MenuTopo .btContato { width: 63px; background: url(../images/bt_contato.gif); }


/* Menu ------------------------------------------------------------ */

#Menu {
	background: url(../images/bg_menu.png) no-repeat;
	width: 100%;
	height: 76px;
	float:left;
	margin: 7px 0 0 0;
	position: relative;
}

#Menu .bt001,
#Menu .bt002,
#Menu .bt003,
#Menu .bt004,
#Menu .bt005,
#Menu .bt006,
#Menu .bt007,
#Menu .bt008,
#Menu .bt009 {
	height: 16px;
	display: block;
	text-indent: -900%;
	overflow: hidden;
}

#Menu .bt001 { background: url(../images/bt001.gif); width: 69px; }
#Menu .bt002 { background: url(../images/bt002.gif); width: 125px; }
#Menu .bt003 { background: url(../images/bt003.gif); width: 99px; }
#Menu .bt004 { background: url(../images/bt004.gif); width: 148px; }
#Menu .bt005 { background: url(../images/bt005.gif); width: 70px; }
#Menu .bt006 { background: url(../images/bt006.gif); width: 71px; }
#Menu .bt007 { background: url(../images/bt007.gif); width: 66px; }
#Menu .bt008 { background: url(../images/bt008.gif); width: 127px; }
#Menu .bt009 { background: url(../images/bt009.gif); width: 57px; }

#Menu ul {
	width: 840px;
	height: 30px;
	margin: 16px auto 0 auto;
	border-bottom: solid 1px #75A3D0;
}

#Menu ul li {
	float: left;
	border-right: solid 1px #7A9DBF;	
	position: relative;
}

#Menu ul li.last { border: 0; }

#Menu ul li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 15px;
	border: solid 0px red;
	
	padding: 22px 0 0 0;
	
	display: none;
	
	cursor: default;
	
	background: url(../images/blank.gif) repeat; /* p/ corrigir um bug de hit do IE */
}

#Menu ul li ul li {
	float: left;
	height: 10px;
	line-height: 10px;
	padding: 0 7px;
}

#Menu ul li ul li a {
	font-size: 0.76em;
	color: #ADC2D6;
	text-decoration: none;
}

#Menu ul li ul li a:hover {
	color: #FFF;
}

#Menu ul li.last ul {
	left: auto;
	right: 0;
}

#Menu ul li.last ul li {
	float: right;
}

#Menu .setaMenu {
	background: url(../images/seta_menu.gif);
	width: 15px;
	height: 11px;
	line-height: 0;
	display: block;
	position: absolute;
	top: 35px;
	left: 100px;
}

/* Destaque principal ---------------------------------------------- */

#Destaque {
	width: 980px;
	height: 250px;
	float: left;
	margin: 9px 0 16px 0;
	padding: 0 0 0 5px;
}

/* Imagem Gerador -------------------------------------------------- */

#Gerador {
	width: 320px;
	height: 250px;
	position: absolute;
	background: url(../images/img_gerador.png);
	
	top: 266px;
	left: 656px;
	
	z-index: 9999;
	
	border: solid 0px red;
	display: none;
}

/* Blocos ---------------------------------------------------------- */

.BlocoParafusos {
	width: 100%;
	float: left;
	position: relative;
	clear: left;
}

.BlocoParafusos .bdr {
	line-height: 0px;
	float:left;
	border: solid 0px green;
	width: 100%;
	height: 12px;
}

.BlocoParafusos .bdrTop { background: url(../images/box_bdr_top.png); }
.BlocoParafusos .bdrBot { background: url(../images/box_bdr_bottom.png); }

.BlocoParafusos .parafuso { 
	background: url(../images/icon_parafuso.jpg);
	line-height: 0px;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 9999;
}

.BlocoParafusos .pTopL { top: 12px; left: 12px; }
.BlocoParafusos .pTopR { top: 12px; right: 12px; }
.BlocoParafusos .pBotL { bottom: 12px; left: 12px; }
.BlocoParafusos .pBotR { bottom: 12px; right: 12px; }

.BlocoParafusosConteudo {
	width: 100%;
	float: left;
	background: url(../images/box_bg_repeat.png) repeat-y;
	border: solid 0px blue;
}

/* Conteudo Interna ------------------------------------------------ */

#ConteudoInterna {
	width: 570px;
	float: left;
	padding: 36px 5px 130px 44px;
	color: #333;
	
	height: auto !important;
	min-height: 300px;
	height: 300px;
}

#ConteudoInterna h2 {
	font-size: 1.92em;
	letter-spacing: -1px;
	font-weight: bold;
	border-bottom: solid 1px #CCC;
	padding: 0 0 8px 0;
	margin: 0 0 25px 0;
	color: #003366;
}

#ConteudoInterna img {
	border: solid 1px #CCC;
}

#ConteudoInterna ul.galeria li {
float: left;
display: inline;
margin-bottom: 15px;
}
#ConteudoInterna ul li.meio {
margin: 0 15px;
}

#ConteudoInterna img.dir { float: right; margin: 10px 2px 10px 20px; }
#ConteudoInterna img.esq { float: left; margin: 10px 20px 10px 2px; }

#ConteudoInterna p {
	padding: 8px 12px 8px 3px;
}

#ConteudoInterna h3 {
	font-size: 1.53em;
	letter-spacing: -0.5px;
	color: #006699;
	font-weight: bold;
	padding: 3px;
}

#ConteudoInterna .BtsBottom {
	float: right;
	margin: 50px 0 0 0;
	clear: both;
}

#ConteudoInterna .BtsBottom .btVoltar, #ConteudoInterna .BtsBottom .btTopo {
	width: 60px;
	height: 17px;
	text-indent: -900%;
	overflow: hidden;
	display: block;
	float: left;
}

#ConteudoInterna .BtsBottom .btVoltar { background: url(../images/bt_voltar.jpg); margin-right: 15px; }
#ConteudoInterna .BtsBottom .btTopo { background: url(../images/bt_topo.jpg); margin-left: 15px; }

/* Formularios */

#ConteudoInterna form {
	padding: 20px 0;
}

#ConteudoInterna form input, #ConteudoInterna form label,
#ConteudoInterna form select {
	float: left;
	padding: 3px;
	margin: 3px;
}
#ConteudoInterna form select {
	border: 1px solid #CCC;
	width: 308px;
}
#ConteudoInterna form label { width: 170px; text-align: right; font-weight: bold; }
#ConteudoInterna form input, #ConteudoInterna form textarea { border: solid 1px #CCC; width: 300px; margin: 3px; }
#ConteudoInterna .inputsMenores { border: solid 1px #CCC; width: 300px; margin: 3px; }
#ConteudoInterna form br { clear: left; }

#ConteudoInterna .sexoRadio{
	float:left;
}
#ConteudoInterna input.radioCheck{
	width:20px;
	height:23px;
	float:left;
}

#ConteudoInterna form .BtsForm {
	float: right;
	clear: both;
	padding: 0 75px;
}

#ConteudoInterna form .BtsForm button {
	background: #EBEBEB;
	padding: 5px;
	margin: 3px;
	font: 1.2em Arial;
	font-weight: bold;
	letter-spacing: -0.7px;
	color: #006699;
}

/* Noticias -------------------------------------------------------- */

#Noticias {
	padding: 11px 0 0 40px;
}

#Noticias img {
	float: left;
	margin: 0 25px 10px 0;
}

#Noticias h2, #Noticias h3 {
	text-indent: -900%;
	overflow: hidden;
	width: 665px;
}

#Noticias h2 {
	height: 22px;
	background: url(../images/tit_noticias.gif) no-repeat;
}

#Noticias h3 {
	float: left;
	margin: 10px 0 7px 0;
	height: 17px;
	background:url(../images/tit_outras_noticias.gif) no-repeat;
}

#Noticias h4 {
	font-size: 1.53em;
	font-weight: bold;
	letter-spacing: -1px;
	float: left;
	padding: 5px 0;
	width: 625px;
	border-bottom: solid 1px #CCC;
}

#Noticias .BlocoNoticias {
	width: 185px;
	float: left;
	padding: 0 20px 0 0;
}

#Noticias .BlocoNoticias h5 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 17px;
}

#Noticias .BlocoNoticias p {
	font-size: 0.84em;
	line-height: 12px;
	margin: 3px 0 0 0;
}

#Noticias .btSaibaMais {
	width: 622px;
	height: 20px;
	float: left;
	border-top: solid 1px #CCC;
	margin: 13px 0 3px 0;
	text-indent: -900%;
	overflow: hidden;
	background: url(../images/bt_saiba_mais.gif) no-repeat bottom right;
}

/* Interna Noticias */

.Interna #Noticias { width: 310px; padding: 36px 0 0 16px; float: left; }
.Interna #Noticias h2 { margin: 0 0 11px 0; width: 100%; }
.Interna #Noticias .BlocoNoticias { width: 100%; padding: 6px 0; }
.Interna #Noticias .btSaibaMais { width: 100%; }

/* Pagina de listagem de noticias */

.lstNoticias ul li {
	border: solid 0px red;
	width: 100%;
	height: 50px;
	margin: 20px 0;
}

.lstNoticias ul li h3 { font-size: 13px !important; padding: 0 !important; }

.lstNoticias ul li h3 a {
	font-size: 1.23em;
	color: #006699;
}

.lstNoticias ul li p { padding: 0 !important; line-height: 14px; }

.lstNoticias ul li .data {
	font-size: 1.38em;
	color: #666;
	height: 37px;
	float: left;
	width: 80px;
	font-weight: bold;
	letter-spacing: -1px;
	border-right: solid 1px #CCC;
	margin: 0 10px 0 0;
	padding: 13px 10px 0 2px;
}

/* Paginacao */

#Paginacao {
	width: 100%;
	background: #EBEBEB;
	position: relative;
	text-align:center;
	padding: 5px 0;
}

#Paginacao a {
	font-size: 1.23em;
	font-weight: bold;
	color: #333;
	width: 30px;
}

#Paginacao .PagPrimeira, #Paginacao .PagAnterior, #Paginacao .PagUltima, #Paginacao .PagProxima {
	text-align: center;
	display: block;
	position:absolute;
	top: 8px;
	height: 10px;
}

#Paginacao .PagPrimeira, #Paginacao .PagAnterior { float: left; }
#Paginacao .PagUltima, #Paginacao .PagProxima { float: right; }

#Paginacao .PagPrimeira { left: 5px; width: 20px; background: url(../images/pg_primeira.jpg); }
#Paginacao .PagAnterior { left: 30px; width: 11px; background: url(../images/pg_anterior.jpg); }

#Paginacao .PagUltima { right: 5px; width: 20px; background: url(../images/pg_ultima.jpg); }
#Paginacao .PagProxima { right: 30px; width: 11px; background: url(../images/pg_proxima.jpg); }

#Paginacao .PaginaAtual {
	padding: 5px 10px;
	background: #666;
	color: #FFF;
}

#Paginacao .Pagina { padding: 5px 10px; }

/* Perguntas Frequentes ----------------------------------------------- */

#PerguntasFrequentes {
	width: 900px;
	float: left;
	padding: 5px 0 0 40px;
}

#PerguntasFrequentes h2 {
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #CCC;
	background: url(../images/tit_perguntas_frequentes.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden;
}

#PerguntasFrequentes .BlocoPerguntas {
	width: 255px;
	padding: 19px 60px 6px 0;
	float: left;
}

#PerguntasFrequentes .BlocoPerguntas.last {
	padding-right: 0;
}

#PerguntasFrequentes .BlocoPerguntas h4 {
	font-size: 0.92em;
	font-weight: bold;
	line-height: 13px;
}

#PerguntasFrequentes .BlocoPerguntas h4 a { color: #66CCFF; }

#PerguntasFrequentes .BlocoPerguntas p {
	font-size: 0.84em;
	line-height: 12px;
	margin: 3px 0 0 0;
}

#PerguntasFrequentes .btVerMais {
	width: 100%;
	height: 20px;
	float: left;
	border-top: solid 1px #CCC;
	margin: 13px 0 3px 0;
	text-indent: -900%;
	overflow: hidden;
	background: url(../images/bt_veja_mais.gif) no-repeat bottom right;
}

/* Equipamentos ------------------------------------------------------ */

#Equipamentos {
	width: 310px;
	float: left;
	padding: 5px 0 0 49px;
}

#Equipamentos h2 {
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #CCC;
	background: url(../images/tit_equipamentos.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden;
}

#Equipamentos h4 {
	font-weight: bold;
	font-size: 1.38em;
	letter-spacing: -1px;
}

#Equipamentos p {
	font-size: 0.84em;
	line-height: 12px;
	margin: 3px 0 0 0;
}

#Equipamentos img {
	float: left;
	margin: 15px 17px 0 3px;
}

#Equipamentos .btVerMais {
	width: 100%;
	height: 20px;
	float: left;
	margin: 2px 0 3px 0;
	text-indent: -900%;
	overflow: hidden;
	background: url(../images/bt_veja_mais.gif) no-repeat bottom right;
}

/* Interna Equipamentos */

.Interna #Equipamentos {
	width: 310px;
	padding: 25px 0 0 16px;
}

/* Solucoes A Geradora ----------------------------------------------- */

#Solucoes {
	width: 896px;
	float: left;
	padding: 5px 0 0 49px;
}

#Solucoes h2 {
	width: 100%;
	height: 24px;
	border-bottom: solid 1px #CCC;
	background: url(../images/tit_equipamentos.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden;
/*	width: 100%;
	height: 28px;
	border-bottom: solid 1px #CCC;
	background: url(../images/tit_solucoes_geradora.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden; */
}
#Solucoes .BlocoSolucoes {
	background: #006699 url(../images/bg_solucoes.jpg) repeat-y 123px;
	width: 272px;
	float: left;
	margin: 30px 40px 10px 0;
}

#Solucoes .BlocoSolucoes h3 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: -1px;
	background: #FFF;
	padding: 0 0 3px 0;
}

#Solucoes .BlocoSolucoes img {
	float: right;
	margin: 3px;
}

#Solucoes .BlocoSolucoes a img {
	opacity:0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);
}

#Solucoes .BlocoSolucoes a:hover img {
	opacity:1; -moz-opacity: 1; filter: alpha(opacity=100);
}

#Solucoes .BlocoSolucoes p {
	font-size: 0.84em;
	line-height: 12px;
	width: 100px;
	padding: 14px 0 5px 14px;
}

#Solucoes .BlocoSolucoes p a {
	color: #FFF;
}

#Solucoes .BlocoSolucoes.last {
	margin-right: 0;
}

#Solucoes .btSaibaMais {
	width: 100%;
	height: 20px;
	float: left;
	border-top: solid 1px #CCC;
	margin: 0 0 3px 0;
	text-indent: -900%;
	overflow: hidden;
	background: url(../images/bt_saiba_mais.gif) no-repeat bottom right;
}

/* Clientes A Geradora ----------------------------------------------- */

#Clientes {
	width: 896px;
	float: left;
	padding: 35px 0 25px 49px;
}

#Clientes h2 {
	width: 100%;
	height: 28px;
	border-bottom: solid 1px #CCC;
	background: url(../images/tit_clientes_geradora.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden;
}

#Clientes .BlocoMarcas {
	width: 100%;
	float: left;
	border-bottom: solid 1px #CCC;
	position: relative;
}

/* Clientes Scroll */

#Clientes #ScrollClientes {
	width: 830px;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	
}

#Clientes #ScrollClientes ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
}

#Clientes #ScrollClientes ul li {
	float: left;
	margin: 0 30px;
}

#Clientes #ScrollClientes .fadeLeft, #Clientes #ScrollClientes .fadeRight {
	width: 30px;
	height: 80px;
	position: absolute;
	top: 0;
	z-index: 9999;
}

#Clientes #ScrollClientes .fadeLeft { background: url(../images/scr_fade_esq.png); left: 0; }
#Clientes #ScrollClientes .fadeRight { background: url(../images/scr_fade_dir.png); right: 0; }

#Clientes .BlocoMarcas .scrLeft, #Clientes .BlocoMarcas .scrRight {
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 32px;
	text-indent: -900%;
	overflow: hidden;
}

#Clientes .BlocoMarcas .scrLeft { background: url(../images/seta_esq.jpg); left: 5px; }
#Clientes .BlocoMarcas .scrRight { background: url(../images/seta_dir.jpg); right: 5px; }

.BoxDesc {
	position: absolute;
	top: 0;
	left: 0;
	height: 32px;
	z-index: 99999999;
}

.BoxDesc .seta {
	float: left;
	background: url(../images/setaBoxDesc.png);
	margin: 0 0 0 10px;
	width: 20px;
	height: 10px;
	line-height: 0;
}

.BoxDesc .conteudo {
	background: url(../images/bgBoxDesc.png) top right;

	padding: 4px 12px 4px 8px;
	height: 18px;
	float: left;
	color: #FFF;
	font-size: 9px;
	text-transform: uppercase;
	clear: left;
}

/* Atendimento ------------------------------------------------------- */

#Atendimento {
	background: url(../images/bg_atendimento.jpg) repeat-x;
	width: 960px;
	height: 92px;
	float: left;
	margin: 10px 0 0 5px;
	padding: 8px 0 0 20px;
	font-size: 0.84em;
	color: #FFF;
}

#Atendimento h2 {
	width: 225px;
	height: 15px;
	background: url(../images/tit_atendimento.gif) no-repeat left;
	text-indent: -900%;
	overflow: hidden;
	margin: 0 0 16px 0;
}

#Atendimento ul {
	float: left;
	border-left: solid 1px #FFCC00;
	padding: 0 5px;
	margin: 0 0 0 3px;
}

#Atendimento ul.last {
	padding-right: 0;
}

/* Rodape ------------------------------------------------------- */

#Rodape {
	width: 100%;
	float: left;
	color: #FFF;
	font-size: 0.84em;
	text-align: center;
	padding: 20px 0;
}

#Rodape h2 { display: none; }

#Rodape a {
	text-decoration: underline;
	color: #FFCC00;
}

#Rodape a:hover {
	text-decoration: none;
}

/* Títulos Internas --------------------------------------------- */

.TitInterna { height: 30px; line-height: 25px; }

.TitNoticias { background: url(../images/tit_interna_noticias.jpg) no-repeat top left; }
.TitEmpresa { background: url(../images/tit_interna_aempresa.jpg) no-repeat top left; padding-left: 170px !important; }
.TitContato { background: url(../images/tit_interna_contato.jpg) no-repeat top left; padding-left: 150px !important; }
.TitTrabalhe { background: url(../images/tit_interna_trabalhe_conosco.jpg) no-repeat top left; }
.TitClientes { background: url(../images/tit_interna_clientes.jpg) no-repeat top left; padding-left: 140px !important; }
.TitSolucoes { background: url(../images/tit_interna_solucoes.jpg) no-repeat top left; }
.TitPerguntas { background: url(../images/tit_interna_perguntas_frequentes.jpg) no-repeat top left; }
.TitGeracaoEnergia { background: url(../images/tit_interna_geracao_energia.jpg) no-repeat top left; }
.TitEquipamentos { background: url(../images/tit_interna_equipamentos.jpg) no-repeat top left; }
.TitImprensa { background: url(../images/tit_interna_imprensa.jpg) no-repeat top left; }

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	font-size: 1px;
}

/* Galeria Equipamentos */
#ConteudoInterna .esquerda {
    float: left;
    display: inline;
}
#ConteudoInterna .lista_equipamentos img {
    border: none;
    margin: 0;
    padding: 0;
}
#ConteudoInterna .eqp_descricao  {
width: 446px;
}

/* Formulário (validação) */
#ConteudoInterna .naopreenchido {
	background: #ffffbf;
}

#banner {
	position:absolute;
	width:150px;
	height:150px;
	z-index:5;
	left: 405px;
	top: 141px;
}