@charset "utf-8";

/*=====================================
Código CSS por: Leonardo Moraes Ota - data: 04/12/2008
=====================================*/

 /*================= COMMONS =================*/
*{margin:0; padding:0; list-style:none; text-decoration:none; font-style:normal;}
img{border:none;}
body{margin:0 auto; background:#fff url(../imagens/bg_x.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.extra_div{  background: url(../imagens/bg_wrap.jpg) no-repeat top center;}
.wrap{margin:0 auto; width:860px;}
.content{width:860px; background:url(../imagens/bg_content.gif) bottom repeat-x; overflow:hidden;}
.header{height:86px; background:url(../imagens/bg_header.gif);}
.footer{ width:860px;}

.azul{ color:#0054a6}
.left{ float:left;}
.clear_left{ clear:left;}
.clear{ clear:both;}

.negrito{ font-weight:bold;}
.italico{ font-style:italic;}

 /*================= HEADER =================*/

.header{}
.header .name a { width:274px; height:93px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; margin:14px 0 0 -5px;}
.header .name { width:274px; height:93px; background:url(../imagens/logo_engebra.png) no-repeat; position:absolute; text-indent:-9999px; display:block; overflow:hidden; margin:14px 0 0 -5px;}

.idioma { position:absolute; color:#fff; margin:14px 0 0 710px;}
.idioma .portugues {color:#fff;}
.idioma .ingles {color:#999;}

.navigation{ width:780px; height:30px; margin:135px 0 0 74px; position:absolute;}
.navigation ul{}
.navigation li{ float:left;}

.navigation .bt_home a{ width:67px; height:29px; text-indent:-99999px; overflow:hidden; display:block; background:url(../imagens/bt_home.jpg) no-repeat;}
.navigation .bt_home a:hover{ width:67px; height:29px; text-indent:-99999px; overflow:hidden; display:block; background:url(../imagens/bt_home_hover.jpg) no-repeat;}
#home .bt_home a {background:url(../imagens/bt_home_hover.jpg) no-repeat;}

.navigation .bt_conheca a{ width:151px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_conheca.jpg) no-repeat;}
.navigation .bt_conheca a:hover{ width:151px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_conheca_hover.jpg) no-repeat;}
#conheca .bt_conheca a {background:url(../imagens/bt_conheca_hover.jpg) no-repeat;}

.navigation .bt_negocios a{ width:77px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_negocios.jpg) no-repeat;}
.navigation .bt_negocios a:hover{ width:77px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_negocios_hover.jpg) no-repeat;}
#negocios .bt_negocios a {background:url(../imagens/bt_negocios_hover.jpg) no-repeat;}

.navigation .bt_projetos a{ width:68px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_projetos.jpg) no-repeat;}
.navigation .bt_projetos a:hover{ width:68px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_projetos_hover.jpg) no-repeat;}
#projetos .bt_projetos a {background:url(../imagens/bt_projetos_hover.jpg) no-repeat;}

.navigation .bt_responsabilidade a{ width:220px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_responsabilidade.jpg) no-repeat;}
.navigation .bt_responsabilidade a:hover{ width:220px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_responsabilidade_hover.jpg) no-repeat;}
#responsabilidade .bt_responsabilidade a {background:url(../imagens/bt_responsabilidade_hover.jpg) no-repeat;}

.navigation .bt_contatos a{ width:76px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_contatos.jpg) no-repeat;}
.navigation .bt_contatos a:hover{ width:76px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_contatos_hover.jpg) no-repeat;}
#contatos .bt_contatos a {background:url(../imagens/bt_contatos_hover.jpg) no-repeat;}

.navigation .bt_intranet a{ width:67px; height:29px; text-indent:-99999px; overflow:hidden; display:block; display:block; background:url(../imagens/bt_intranet.jpg) no-repeat; cursor:inherit}

/*================= PNG =================*/

.icone1{ background: url(../imagens/icone1_home.png) no-repeat; width:80px; height:70px;}
.icone2{ background: url(../imagens/icone2_home.png) no-repeat; width:80px; height:80px;}
.icone3{ background: url(../imagens/icone3_home.png) no-repeat; width:80px; height:80px;}
.icone4{ background: url(../imagens/icone4_home.png) no-repeat; width:80px; height:80px;}
.icone5{ background: url(../imagens/icone5.png) no-repeat; width:80px; height:60px;}
.icone6{ background: url(../imagens/icone5.png) no-repeat; width:80px; height:65px;}

 /*================= CONTENT =================*/
.conteudo{ width:852px; height:523px; background:url(../imagens/bg_conteudo.gif) no-repeat; position:absolute; margin:78px 0 0 4px; padding:10px 0 0 12px;}

#home .conteudo{ width:852px; height:285px; background:url(../imagens/bg_conteudo_home.gif) no-repeat; position:absolute; margin:78px 0 0 4px;}
#home .conteudo img{ z-index:3;position:absolute;}
#home .conteudo p{z-index:4; width:230px; font-size:14px; text-align:center; margin:70px 0 0 50px; color:#fff; position:absolute;}

#home .citacao{ color:#FFFFFF; margin:384px 0 0 100px; width:738px;}
#home .citacao h2{ color:#0054a6; font-size:16px;}
#home .citacao cite{ color:#514e4b; font-style:italic; font-size:13px; padding-top:10px; display:block; }
#home .citacao p{color:#514e4b; font-style:normal; font-size:13px; float:right; display:block; padding-top:10px; }

#home .destaques_home{ margin:60px 0 0 0; overflow:hidden;}
#home .destaques_home .destaque{ color:#666}
#home .destaques_home .destaque h3{ font-weight:bold; font-size:16px; color:#0054a6;}
#home .destaques_home a{ text-decoration:none}
#home .destaques_home a:hover{ text-decoration:underline}
#home .destaques_home ul{ overflow:hidden;}
#home .destaques_home li a{ color:#0054a6}
#home .destaques_home .conheca{ width:350px; padding:0 118px 0 0;}
#home .destaques_home .conheca a{ padding-left:80px;}
#home .destaques_home .projetos{ width:340px; padding:0 0 60px 0;}
#home .destaques_home .projetos a{ }
#home .destaques_home .negocios{ width:340px; padding:0 130px 0 0;}
#home .destaques_home .responsabilidade{ width:340px;}
#home .destaques_home .responsabilidade a{padding-left:79px;}

.conteudo .coluna1{ width:269px; float:left;}
.conteudo .coluna2{ width:538px; height:499px; overflow:hidden; padding:10px 0 0 30px;}

.conteudo .coluna2 img{ margin-top:10px;}
.conteudo .coluna2 h1{ font-size:16px; color:#003d87; padding:5px 0;}
.conteudo .coluna2 p{ width:500px; font-size:11px; margin:6px 0 10px 0;}

.conteudo .secoes { width:269px; height:78px; background:#001d61;}
.conteudo .secoes li{ width:269px;height:25px; border-bottom:#808eb0 solid 1px; text-align:right; display:block;}
.conteudo .secoes a{width:270px; height:25px; _height:20px; padding-top:5px; background:url(../imagens/seta_secoes_a.gif) no-repeat; display:block; color:#fff;}
.conteudo .secoes a:hover{ background:#005d61; background:url(../imagens/seta_secoes_ahover.gif) no-repeat; display:block;}

#negocios .citacao_negocios{width:230px; overflow:hidden; border-top:#003d87 solid 1px; padding:10px 0 0 270px; margin-top:140px;}


#utedai .coluna2 .selo_localizacao img{width:97px; height:96px; display:block; margin:50px 0 0 431px; position:relative}
#utedai .coluna2 .selo_localizacao img a{width:97px; height:96px; display:block; margin:0; }
#utedai2 .coluna2 .selo_localizacao img{width:97px; height:96px; display:block; margin:56px 0 0 431px; position:relative}

#responsabilidade .conteudo .secoes { width:269px; height:52px; background:#001d61;}
#responsabilidade .conteudo .secoes li{ width:269px;height:25px; border-bottom:#808eb0 solid 1px; text-align:right; display:block;}
#responsabilidade .conteudo .secoes a{width:270px; height:25px; _height:20px; padding-top:5px; background:url(../imagens/seta_secoes_a.gif) no-repeat; display:block; color:#fff;}
#responsabilidade .conteudo .secoes a:hover{ background:#005d61; background:url(../imagens/seta_secoes_ahover.gif) no-repeat; display:block;}
#responsabilidade .conteudo .coluna2 p{ width:500px; font-size:11px; margin:0;}

#contatos .conteudo{ width:824px; height:920px; background:url(../imagens/bg_contatos.gif) no-repeat; position:absolute; margin:78px 0 0 4px; padding:40px 0 0 30px;}
#contatos .conteudo h1{ font-size:20px; color:#003d87; padding:5px 0;}
#contatos .conteudo .entre_em_contato p{ width:770px; }

#esqueci .conteudo{ width:824px; height:352px; background:url(../imagens/bg_esqueci.gif) no-repeat; position:absolute; margin:78px 0 0 4px; padding:40px 0 0 30px;}
#esqueci h1{ font-size:18px; padding-bottom:14px;}
.form_esqueci { width:350px;}

#utedai .bt_utedai a, #utedai2 .bt_utedai2 a, #utedai3 .bt_utedai3 a, #organograma .bt_organograma a, #politica2 .bt_politica2 a, #politica3 .bt_politica3 a  { background:url(../imagens/seta_secoes_ahover.gif) no-repeat !important;}

/*================= FOOTER =================*/
#home .footer{width:860px; margin:10px 0 0 0; height:80px; color:#fff; overflow:hidden;}

#contatos .footer{width:860px; margin:1000px 0 0 250px; height:80px; color:#fff; overflow:hidden;}
.footer{width:860px; margin:600px 0 0 0; height:80px; color:#fff; overflow:hidden;}

#esqueci .footer{width:860px; margin:430px 0 0 -30px; height:80px; color:#fff; overflow:hidden;}

#atendimento .footer{margin:20px 0 0 0; position:absolute}
#atendimento .footer .copy{ width:600px;}

.footer .copy{width:600px; float:left; color:#999; margin:20px 0 0 160px; padding-top:4px;}
.footer .webroom{ margin:18px 0 0 0;}


/*=========================================
FIM DO Código CSS por: Leonardo Moraes Ota - data: 04/12/2008
=========================================*/




/*=====CSS ANTIGO POREM NECESSARIO=======*/


 /*....Contato....*/
/***********************************************************/

.contato{border:none; margin-left:0px;}
.contato legend{display:none;}

.txtfield{border:2px solid #D6D6D6; margin-top:0; padding:2px 3px; font-size:80%;  _font-size:95%; _margin-left:-10px; background:#F4F4F4; _margin-left:-30px; margin-bottom:5px;}

.txtfield:hover{border:2px solid #E5C8C5;}

.txtfield:focus{border:2px solid #CB918B;}

 #mensagem{width:230px; height:100px; font:105% Arial, Helvetica, sans-serif;}

.bt_enviar{margin:110px 0 0 -240px; position:absolute;}
.bt_enviar2{ margin:0 6px 0 20px ; float:left;}


.fotos_missao{float:right; margin-top:-110px; padding-right:15px; position:relative;}

.fotos_aempresa{float:right; margin-top:-80px; padding-right:15px; position:relative; background:url(../imagens/fotos_aempresa.jpg) no-repeat; width:196px; height:196px;}
.fotos_aempresa .foto1{width:95px; height:98px; display:block;}

.fotos_udedaia, .fotos_udesilves{float:right; margin-top:-50px; margin-right:20px; _margin-right:20px;  position:relative; background:url(../imagens/fotos_utedaia.jpg) no-repeat; width:231px; height:152px; display:table;}

.fotos_udesilves{ background:url(../imagens/fotos_silves.jpg) no-repeat;}

.fotos_udedaia .foto1 a, .fotos_udedaia .foto2 a, .fotos_udesilves .foto1 a, .fotos_udesilves .foto2 a{width:72px; height:75px; display:block; text-indent:-5000px; overflow:hidden; display:inline; float:left; margin-left:3px;}

.fotos_udedaia .foto2 a,  .fotos_udesilves .foto2 a{float:right; }

.fotos_udesilves .foto2 a{margin-right:8px;}


#outrosnegocios .fotos_aempresa{margin-top:-137px; padding-right:45px;}

.info{color:red; position:absolute; margin:-7px 0 0 137px; _margin:-7px 0 0 135px; font-size:95%; text-align:right;}


#contatos .wrap, #atendimento .wrap{background:url(../imagens/bg_wrap_contato.gif) repeat-y ;}
#contatos .content, #atendimento .content{background:none !important;}
.rodape_contatos{background:#E6E6E6 url(../imagens/bg_rodape_contatos.jpg) top left no-repeat; width:604px; height:127px; margin:-100px 0 0 156px;}

#atendimento .conteudo {background:url(../imagens/bg_gestao_contatos_mensagens.jpg) repeat-y; height:auto; padding-bottom:15px; margin-top:88px; *margin-top:86px; }
#atendimento .extra_div { height:600px;}
.bg_top{ margin:76px 0 0 4px; position:absolute}
.bg_bottom{ margin:13px 0 0 -12px; position:absolute}

 /*.... INTRANET ....*/
.bg_intranet{width:260px; height:194px; background:url(../imagens/bg_intranet.png) no-repeat;}

* html .bg_intranet
{
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="imagens/bg_intranet.png", sizingMethod="crop");
}

.txtfield_intranet{ border:2px solid #999; height:13px; width:87px; color:#333; font-size:80%; padding:2px 3px; display:inline; float:left; margin-right:5px;}
.bg_intranet fieldset{border:none; margin:80px 0 0 22px ; _margin:80px 0 0 12px ;   position:absolute;}

.txtfield{_margin-left:0px;}
.txtfield_intranet:hover{border-color:#BBA1A1;}
.esqueceu_senha a{width:55px; height:50px; position:absolute; top:105px; margin-left:33px; display:block; position:absolute; text-indent:-5000px; overflow:hidden;}
.acompanhe{background:#f1f1f1; width:360px; _width:350px; border:2px solid #DBDBDB; margin:10px 0 10px 0px; _margin:10px 0 10px 0px; padding:5px 0 7px 10px;}
.acompanhe h3{color:#3f3c3c; font-size:120%;}
.acompanhe p{color:#333;}
.acompanhe a.perdeu_codigo{color:#152F48; margin:5px 0 0 10px; position:absolute;}
.acompanhe a.perdeu_codigo:hover{color:#13528f;}
.codigo_de_atendimento{margin-left:spx; font-weight:bold; color:#333;}
#codigo_contato{background:#fff; border-color:#e2e2e2; margin:2px 0 0 0; }
#codigo_contato:hover{border:2px solid #d0afaf;}
.asterisco{margin:5px 0 0 5px; position:absolute; color:#D31217;}
#comentario{width:290px; font:100% Arial, Helvetica, sans-serif;}
.gestao_contatos{margin:-20px 0 0 0; }
.gestao_contatos_mensagens .gestao_contatos{margin:20px 0 0 20px; }
.mensagem {margin:15px 0 0 0; padding:4px;}
.mensagem p{padding:1px 3px; color:#333;}
.mensagem p strong{color:#4872A7;}
.usuario{background:#F1F1F1; border:3px solid #E1E1E1; width:350px; margin:15px 0 0 16px;}
.gestao_contatos_mensagens .usuario{background:#F1F1F1; border:3px solid #E1E1E1; width:350px; margin:15px 0 0 16px !important;}
.gestao_contatos_mensagens .error{ margin:15px 0 0 20px !important;}
.gestao_contatos_mensagens .administrador{background:#D0DEF0; border:3px solid #B5C4D6; width:350px; margin:20px 0 0 16px;}
.gestao_contatos .bt{margin-top:-7px; position:absolute;}
.gestao_contatos .encerrar{margin-left:50px;}
#comentario{ background:#FAFAFA; width:350px;}
#atendimento #comentario { margin-left:16px;}
.gestao_contatos_mensagens .comentario{ background:#FAFAFA; width:350px; margin:0 0 15px 16px;}
.text_info{margin-top:2px;}
#form_esqueci{border:none; margin-top:25px;}
#form_esqueci .txtfield{margin-top:-4px; position:absolute;}
#form_esqueci #bt_enviarEsqueci{position:absolute; margin:5px 0 0 225px; _margin:5px 0 0 230px;}
.bt_atendimento_top{margin:5px 0 0 0;}
.gestao_contatos_mensagens .wrap{background: url(../imagens/bg_wrap_mensagens-.jpg) repeat-y bottom left; display:table;}
.gestao_contatos_mensagens .column_contatos{width:205px; height:600px !important; _height:840px; position:absolute; margin:235px 0 0 554px; background: #E6E6E6; background-image:none;}
.esqueci .column_contatos{height:260px !important;}
.extra-div{ background:url(../imagens/bg_wrap_mensagens.jpg) -1px 0; width:760px; margin:0 auto;}
.gestao_contatos_mensagens .content{background:url(../imagens/bg_content_mensagem.jpg) bottom right no-repeat;}
.encaixe{width:182px; height:95px; background:url(../imagens/bg_encaixe.jpg) -81px 0 no-repeat;  margin:5px 0 0 -182px; position:absolute;}


/*.... Mensagem de Erro ....*/
.messagererror { color:#CC0000; font-size:11px; clear:both; display:block; margin:0 4px 5px 0;}
#atendimento .messagererror { color:#CC0000; font-size:11px; clear:both; display:block; margin:10px 4px 10px 20px;}


#textos_calungas{width:250px; margin:0; _padding-top:75px; padding-left:300px; _padding-left:100px; background:url(imagens/bg_texto_palmeiras.jpg) 270px -20px no-repeat; background:url(../imagens/bg_texto_palmeiras.jpg) 270px -30px no-repeat;  float:left; position:absolute;}


#erro_contato{padding:15px 0 0 15px; position:absolute;}
#sucesso_contato{padding:5px 0 0 15px; position:absolute;}

#missao table { margin:0 auto 5px auto; }
#missao table td { border:1px solid #e1e1e1; padding:3px 15px; }
#missao table td.titulo { text-align:center; }

.presidente_engebra{ margin:-43px 0 0 305px; }
.presidente_conselho{ margin:15px 0 0 105px; }

#calungads .mapa a { position:absolute; margin-top:515px; margin-left:-25px; } 
.mapa a { color:#052c81; font-weight:bold; font-size:120%; text-decoration:underline;  }
.mapa a:hover { color:#0041d1;  }

.quixeramobim .mapa { float:right; padding-top:445px; margin:0 -25px 0 0  !important; width:300px; }

#utedaia .mapa { padding-left:25px;  }


/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: absolute;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}


#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:hidden;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

#TB_closeAjaxWindow { *width:600px; *height:16px; position:absolute; margin:-8px -35px 0 550px !important; *margin:-10px 0 0 -230px !important; *margin:-10px 0 0 -245px !important;}
#TB_closeAjaxWindow a { padding:0 0 0 25px; *padding:0 0 0 85px; }

#TB_closeWindowButton a{ background:url(../images/fechar.gif)  no-repeat; margin:6px 10px 0 0 !important; width:73px !important; height:22px !important; display:block !important;}

#home2 .header { background:#020027 none;  }

#miniaturas1, #miniaturas2 { float:left; }
.content{ padding-bottom:10px; }









.fechar{ position:absolute; margin:0 0 0 0 !important; border:#000 solid 1px;}










/*=====CSS ANTIGO COMENTADO=======*/

 /*.... Destaques ....
.destaques{margin:0 auto; background-color:#fff;}
.destaques .texto{width:241px; margin:93px 18px 0 0; float:right; color:#262626f;}

.destaques h2{display:none;}
.destaques{height:236px; background:url(../imagens/destaque_home.jpg);}

#aempresa .destaques{height:236px; background:url(../imagens/destaque_aempresa.jpg);}
#gestao .destaques{height:236px; background:url(../imagens/destaque_gestao.jpg);}
#missao .destaques{height:236px; background:url(../imagens/destaque_missao.jpg);}
#pesquisa .destaques{height:236px; background:url(../imagens/destaque_pesquisa.jpg);}
#outrosnegocios .destaques{height:236px; background:url(../imagens/destaque_outros_negocios.jpg);}
#parcerias .destaques{height:236px; background:url(../imagens/destaques_parceiros.jpg);}
#utedaia .destaques{height:236px; background:url(../imagens/destaque_utedaia.jpg);}
#silves .destaques{height:236px; background:url(../imagens/destaque_silves.gif)}
#utepalmeiras .destaques{height:236px; background:url(../imagens/destaque_utepalmeiras.jpg)}
#iniciativas .destaques{height:236px; background:url(../imagens/destaque_iniciativas.jpg)}
#hedesa .destaques{height:236px; background:url(../imagens/destaque_hedesa.jpg)}
#jetsul .destaques{height:236px; background:url(../imagens/destaque_jetsul.jpg)}
#politicaambiental .destaques, #calungas .destaques{height:236px; background:url(../imagens/destaque_ploliticaambiental.jpg)}
#contatos .destaques, #atendimento .destaques{height:236px; background:url(../imagens/destaque_contatos.jpg)}
*/


 /*.... TEXTOS ....
/**********************************************************
#home .content{padding-bottom:13px; }

.textos p{padding-bottom:10px;}

.titulo{margin-top:35px;}

#missao .recado{float:right; position:absolute; margin:-280px 10px 0 325px;  _margin:-220px 5px 0 325px;}
#utedaia .recado{position:absolute; top:570px; margin:-150px 10px 0 430px;  _ margin:-150px 10px 0 430px;}
#silves .recado{position:relative; margin:-290px 40px 0 0px;  _margin:-290px 22px 0 0; float:right;}
*/

 /*.... MENUS ....
 /*.... COLUMN_LEFT - Menu Principal ....
 
#aempresa .column_left {background:url(../imagens/bg_menu_quemsomos.jpg) right 0 no-repeat; margin-top:-212px;}
#gestao .column_left {background:url(../imagens/bg_menu_gestao.jpg) right 0 no-repeat; margin-top:-214px;}
#missao .column_left {background:url(../imagens/bg_menu_missao.jpg) right 0 no-repeat; margin-top:-213px;}
#pesquisa .column_left {background:url(../imagens/bg_menu_pesquisa.jpg) right 0 no-repeat; margin-top:-213px;}
#outrosnegocios .column_left {background:url(../imagens/bg_menu_outros_negocios.jpg) right -1px no-repeat; margin-top:-213px;}
#parcerias .column_left {background:url(../imagens/bg_menu_parceiria.jpg) right 0 no-repeat; margin-top:-213px;}
#utedaia .column_left {background:url(../imagens/bg_menu_utedaia.jpg) right 0 no-repeat; margin-top:-213px;}
#silves .column_left {background:url(../imagens/bg_menu_silves.jpg) right 0 no-repeat; margin-top:-213px;}
#utepalmeiras .column_left {background:url(../imagens/bg_menu_utepalmeiras.jpg) right 0 no-repeat; margin-top:-213px;}
#iniciativas .column_left {background:url(../imagens/bg_menu_iniciativas.jpg) right 0 no-repeat; margin-top:-213px;}
#hedesa .column_left {background:url(../imagens/bg_menu_hedesa.jpg) right 0 no-repeat; margin-top:-213px;}
#jetsul .column_left {background:url(../imagens/bg_menu_jetsul.jpg) right 0 no-repeat; margin-top:-213px;}
#politicaambiental .column_left, #calungas .column_left {background:url(../imagens/bg_menu_politicaambiental.jpg) right 0 no-repeat; margin-top:-214px;}
#contatos .column_left,  #atendimento .column_left {background:url(../imagens/bg_menu_contatos.jpg) right 0 no-repeat; margin-top:-213px;}


.column_left {}
.column_left  li, .column_left li a{width:156px; height:43px; float:left;  _float:none; _margin:-4px 0 0 -16px; cursor:pointer;}
.column_left  .conheca{margin-top:18px;}

.menu_maior, .menu_maior * { width:195px !important; }

.column_left li .item_menu{text-indent:-5000px; display:block; overflow:hidden; height:43px;}

.column_left li  .sub_menu ul{display:none; float:right; position:absolute; top:127px; margin-left:7px; _margin-left:5px;}

.column_left li  .sub_menu{}

.column_left li:hover  .sub_menu ul{display:block; border:3px solid #555760; border-bottom:2px solid #555760; width:155px;}
.column_left li .sub_menu ul li a, .column_left li .sub_menu ul li{height:20px; width:155px; display:block; background:url(../imagens/bg_item_sub_menu.png); margin:0; border-bottom:1px solid #555760; color:#272727;}

.column_left li .sub_menu ul li{font:100%/20px Arial, Helvetica, sans-serif; text-indent:8px;}

.column_left li .sub_menu ul li a:hover{height:20px !important; background:none; margin:0; padding:0; background:url(../imagens/bg_item_sub_menu_hover.png);}

li #conheca{position:absolute; top:0px; margin-left:-9px;  _margin-left:147px;}
li #negocios{position:absolute; top:42px; margin-left:-9px;  _margin-left:147px;}
li #projetos{position:absolute; top:83px; margin-left:-9px; _margin-left:147px;}
li #responsabilidade{position:absolute; top:130px; margin-left:-9px; _margin-left:147px;}


.column_left li:hover  .menu_negocios ul, .column_left li .menu_negocios ul li a, .column_left li .menu_negocios ul li{width:175px;}
.column_left li:hover  .menu_projetos ul, .column_left li .menu_projetos ul li a, .column_left li .menu_projetos ul li{width:135px;}
.column_left li:hover  .menu_responsabilidade ul, .column_left li .menu_responsabilidade ul li a, .column_left li .menu_responsabilidade ul li{width:130px;}
*/



 /*.... HOVER ....
.column_left li a:hover{background:url(../imagens/bg_menu_home.jpg) top left no-repeat;}
 
.column_left li.conheca a:hover{background-position:0 -18px;}
.column_left li.negocios a:hover{background-position:0 -61px;}
.column_left li.projetos a:hover{background-position:0 -104px;}
.column_left li.resposabilidade a:hover{background-position:0 -147px;}
.column_left li.contatos a:hover{background-position:0 -190px;}
.column_left li.intranet a:hover{background-position:0 -233px;}


 /*.... COLUMN_HEADER ....
.header .column{float:right; margin:60px 10px 0 0; }

.header .column li{display:inline;  color:#fff;}
.header .column li a{color:#fff; padding:2px 3px; margin:0 3px;}
.header .column li a:hover{background:#1c1965;}




.column_contatos{width:205px; height:820px; _height:840px; position:absolute; margin:235px 0 0 554px; background: #E6E6E6 url(../imagens/bg_column_contatos.jpg) no-repeat bottom;}

#atendimento .column_contatos{height:746px; _height:774px;}


 /*.... RODAPE ....
.rodape{width:760px; margin:0 auto; height:80px; background:#020041 url(../imagens/bg_rodape.gif) right repeat-y; border-top:2px solid #d5ae1a; color:#fff;}

.rodape .webroom{margin-left:685px; position:absolute; margin-top:50px;}

.rodape address{float:right; color:#6390cd; padding:6px 8px 0 0;}

.rodape .translator{float:left; padding:5px 10px;}
.rodape .translator li{display:inline;}
.rodape .translator li a{color:#fff; padding:1px 5px; margin:0 3px;}
.rodape .translator li a:hover{background:#1c1965;}

.rodape .translator li.desativo, .rodape .translator li.desativo a{color:#5f5d95;}
*/

 /*.... Conteúdo - Content ....
/*.... Home ....
.energiaverde, .ute{width:240px; height:152px; background:url(../imagens/bg_capa_energia_verde.jpg) no-repeat left; font-weight:bold; float:left; margin-left:10px;}
.ute{background:url(../imagens/bg_capa_ute.jpg) no-repeat; margin-left:40px;}

.energiaverde p, .ute p{float:right; padding:30px 0 0 110px;}
.energiaverde a, .ute a{float:right; padding-right:12px; margin:5px 55px 0 0; color:#1100ff; background:url(../imagens/bg_saiba_mais.gif) right no-repeat;}


 /*.... PÁGINAÇÃO ....
.hedesa{ margin-top:15px; }
.hedesa img{float:left; margin:0 0 20px 0; padding-right:5px;}
.hedesa p br { display:none; }
.hedesa p a{font-weight:bold; padding:3px 0 !important; text-indent:4px; display:block; color:#062C81;}
.hedesa p a:hover{color:#062C81; text-decoration:underline;}


.jetsul{width:210px; margin:15px 0 0 40px; float:left;}
.jetsul img{float:left; padding-bottom:5px;}
.jetsul p a{font-weight:bold; float:right; margin:-180px -17px 0 0; color:#062C81;}
.jetsul p a:hover{text-decoration:underline; color:#0840BC;}
#outrosnegocios .textos{margin:-15px 0 0 10px !important;}

.hedesa p a:hover, .jetsul p a:hover{color:#0840BC;}

.jetsul_img{position:absolute; margin:130px 0 0 500px;}

.coluna_2{width:250px; margin:10px 0 0 0; padding-left:300px; _padding-left:50px; background:url(../imagens/bg_texto_palmeiras.jpg) 265px 160px no-repeat; _background:url(../imagens/bg_texto_palmeiras.jpg) 15px 120px no-repeat; _margin:87px 0 0 -130px;  float:left; position:absolute;}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}
/* ----------------------------------------------------------------------------------------------------------------