﻿	/* importando estilos do menu principal ................................................................. */
    
    @import url("menu_principal.css");
    
	/* /importando estilos do menu principal/ ............................................................... */	


    HTML, BODY { height: 100%; min-height: 100% } HTML, BODY, DIV, IMG, FORM { margin: 0; padding: 0 } 

    BODY { 
      text-align: center; 
      background: #D7D7D7 url("../../images/_layout/fundo_pg.png") repeat-x 0% 119px 
    } 

    H2 SPAN, H3 SPAN { position: absolute; top: -2000px } IMG, TABLE { border-width: 0 } 

    DIV, SPAN, FORM, INPUT, TEXTAREA, SELECT, OPTION, OPTGROUP, 
    TABLE, BLOCKQUOTE, Q, UL, OL, DL, A, P { 
      text-align: left; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #000000 
    } 

    P { margin: 2px 0 4px 0 } 

    A { text-decoration: none } A:hover { text-decoration: underline } 


  /* header .............................................................................................. */

    DIV#pg-header { 
      position: absolute; top: 0; left: 0; z-index: 0; 
      width: 100%; height: 119px; min-height: 119px; 
      background-color: #A7CE2F;
    } 

    DIV#header { 
      position: relative;
      width: 739px;
      margin-bottom: 5px;
      height: 120px; 
      background: #FFFFFF url("../../images/_layout/fundo_header_interna.png") repeat-x;
    } 

      IMG#logo, DIV#linha-branca, IMG#imgDecoracao, 
      IMG#mapa-site, DIV#idiomas, DIV#navegacao_suplementar {position:absolute;}
      
      DIV#linha-branca { 
        top: 97px; background-color: #FFFFFF; z-index: 99; 
        width: 100%; line-height: 0; font-size: 0; height: 1px !important 
      } 

      DIV#navegacao_suplementar {top:98px; left:239px; z-index:99;}

      DIV#navegacao_suplementar A {margin:0px 3px;} /*{margin: 0 3px;} original*/

      DIV#navegacao_suplementar A:hover { border-bottom: 2px solid #000 } 

      DIV#idiomas { top: 7px; right: 9px } DIV#idiomas IMG { margin-left: 13px } 

      IMG#logo { top: 24px; left: 241px } IMG#imgDecoracao { top: 0; left: 0 } 

      IMG#mapa-site {right:0; bottom:3px;}
    
    /* box idiomas */
    
    #boxIdiomas{
        z-index:1000;
        position:absolute;
        height:19px;
        margin:3px 4px 0px 0px;
        background-color:#7AA201;
        right: 0px;
    }
    #boxIdiomas .flag{
        float:left;
        padding:4px;        
    }
    
    /* fim box idiomas */

  /* /header/ ............................................................................................ */


  /* container ........................................................................................... */

    DIV#pg { 
      width: 739px; height: auto; 
      margin: 0 auto; position: relative; z-index: 1; margin-bottom: -20px !important; 
      border: 1px solid #000000; border-top-width: 0; background-color: #FFFFFF; 
    } html>body DIV#pg { height: auto !important } 

    DIV#container { min-width: 728px; margin-left: 6px; width: 100%; overflow: hidden; } 

    html>body DIV#container { max-width: 728px !important } 

    DIV#box-externa { 
      width: auto; border-color: #FFFFFF; 
      border-left-width: 194px; border-right-width: 190px; 
      border-left-style: solid; border-right-style: solid 
    } DIV.vHome_box { border-left-width: 223px !important } 

    DIV#box-interna { margin: 0; width: 100% } 

    DIV#nvg-dir { width: 190px; margin-right: -190px; float: left; position: relative; z-index: 11} 

    DIV#content { float: left; width: 338px; position: relative; z-index: 12} 
	
	DIV#content-semanal {width: 575px; position: relative; z-index: 12}
	
	DIV#content1 {width:470px; float:left;}
	
	DIV#content select#c_opcoes { width:175px; }

    DIV.content_full { 
      width: 530px !important; margin-right: -182px !important; 
    } 

    DIV#box-clean { clear: both } 

    DIV#box-externa > DIV#box-interna { border-bottom: 1px solid transparent } 
    DL#menu { margin-right: 1px } 
    DIV#nvg-dir { margin-left: 5px } 

    DIV#content-full { 
    	float: left; width: 528px; height: auto !important;
      height: 330px; min-height: 330px; position: relative; z-index: 15; 
      margin-right: -192px 
    }
	/* MODIFICADO */
	DIV#content-full-2 { 
    	float: left; width: 528px;  height: auto !important;
      height: 330px; min-height: 330px; position: relative; z-index: 15; 
      margin-right: -192px 
    }
	/* MODIFICADO */

  /* /container/ ......................................................................................... */


  /* conteudo geral ...................................................................................... */
  
    DIV#busca { 
      height: 62px; margin-bottom: 5px; 
      background: url("../../images/_layout/fundo_busca_nvg.png") repeat-x 
    } html>body DIV#busca { margin-bottom: -8px } DIV#busca { height: 53px } 

    DIV#content A, DIV#content-full A, DIV#nvg-dir A { font-weight: bold } 

	DIV#content-semanal a{font-weight:bold; text-align:center}
	
    DIV#content UL.lista-interna { font-weight: normal } 

    DIV#acesso-rapido A, DIV#busca A { position: absolute; top: 8px; right: 8px } 

    DIV#busca A { top: 6px } DIV.vHome_busca A { top: 8px !important } 

    DIV#areas-acessadas { margin-top: 4px } html>body DIV#areas-acessadas { margin-top: -8px } 

    DIV#areas-acessadas LI { margin-bottom: 8px !important } 

    DIV#areas-acessadas H3 IMG, 
    DIV#veja-mais { margin-top: 15px; margin-left: 12px } 

    DIV#veja-mais { margin-top: -20px !important } html>body DIV#veja-mais { margin-top: 0 !important } 

    DIV#areas-acessadas P { margin: -4px 8px 6px 12px } 

    DIV#veja-mais DL { margin-top: -12px } html>body DIV#veja-mais DL { margin-top: auto } 

    DIV#veja-mais DT { color: #095AA6; font-size: 9px !important } 

    DIV#veja-mais DD { margin-left: 0; margin-bottom: 8px } 

    DIV#veja-mais A { 
      color: #646464; margin: 2px 6px 8px 28px; display: block; 
      voice-family:"\"}\""; voice-family:inherit; 
        margin-bottom: 4px; display: list-item; list-syle: disc 
    } 

    DIV#bread-crumbs SPAN, DIV#bread-crumbs A, 
    DIV#bread-crumbs STRONG { 
      font-size: 9px !important; font-family: Verdana, Arial, sans-serif; color: #000000 !important 
    } 

    DIV#bread-crumbs A { font-weight: normal } 

    DIV#bread-crumbs { 
      height: 53px; padding: 4px 8px; 
      background: url("../../images/_layout/fundo_bread_crumbs.png") no-repeat; color: #FFFFFF 
    } 

    DIV.bread_fino { 
      height: 22px !important; 
      background-image: url("../../images/_layout/fundo_bread_crumbs_fino.png") !important 
    } 

    IMG#visao-geral { margin-top: 12px; margin-bottom: 10px } 
    html>body IMG#visao-geral { margin-top: 22px; margin-bottom: 0 } 

    DIV#content H1, 
    DIV#content-full H1 { font: bold 18px Arial, Helvetica, Verdana, sans-serif; color: #000000 } 

	DIV#content-semanal h1{font: bold 18px Arial, Helvetica, Verdana, sans-serif; color: #000000 }
	
    DIV#content H2, DIV#content H3, 
    DIV#content-full H2, DIV#content-full H3 { 
      margin-left: 16px; color: #646464; 
      font-family: Verdana, Arial, sans-serif; font-weight: bold 
    } 

    DIV#content H2, DIV#content-full H2 { font-size: 14px } 

    DIV#content H3, DIV#content-full H3 { font-size: 11px } 
    
   p.respsocial { font-size: 9px } 


    DIV#content A, DIV#content-full A { color: #095AA6 } 
	
	DIV#content-semanal a{color:#095aa6}

    DIV#content P, DIV#content-full P { margin-bottom: 12px } 

    /*DIV#content UL, DIV#content-full UL { font-weight: bold }*/

    DIV#content UL.lista-links, DIV#content-full UL.lista-links { color: #095AA6 } 

    DIV#content LI, DIV#content-full LI { margin-bottom: 4px } 

    DIV#content .notas, 
    DIV#content-full .notas { font: normal 9px Arial, Helvetica, sans-serif !important; color: #646464 } 

      .notas A { font-size: 9px !important } 

      .alinha_centro { text-align: center } 

    DIV.ident {	margin-left: 15px } 

    P#voltar { text-align: left; margin-top: 24px; margin-bottom: 16px; padding: 10px 0; } 

    P#paginacao { color: #999999 } P#paginacao SPAN { font-size: 8px } 

    P#paginacao A { font: normal 11px Arial, Helvetica, Tahoma, sans-serif }  

    P#paginacao A.proximo { margin-left: 15px } 

    P#voltar A { padding-bottom: 1px; border-bottom: 3px solid #CEDECA; color: #000000 } 

    P#voltar A:hover { text-decoration: none; border-bottom-color: #A7CE2F } 

    .educativo_tabela_watt_hora { 
      margin-left: 32px; margin-bottom: 4px; 
      padding: 0 2px; border-bottom: 1px solid #000000 
    } 

    .educativo_tabela_watt_hora SPAN { text-align: center } 

      /* conteudo com duas colunas .............................................. */

        DIV#box_esq, DIV#box_dir { width: 200px } 

        DIV#box_esq { margin-left: 40px; margin-right: 50px; display: inline; margin-top:15px; float: left; margin-bottom: 10px; } 

        DIV#box_dir { position: absolute; margin-top: 19px !important; margin-top: 15px; float: left; margin-left: 290px !important; margin-left: 0px; } 
		
		DIV#box_esq P, DIV#box_dir P { width: 200px; margin-bottom: 10px; }

        DIV#box_esq IMG, DIV#box_dir IMG  { border: 1px solid #000000; } 

      /* /conteudo com duas colunas/ ............................................ */

  /* /conteudo geral/ .................................................................................... */


  /* formulario .......................................................................................... */

    DIV#busca FORM, DIV#acesso-rapido FORM { padding: 12px 0 0 2px } 

    DIV#busca FORM { padding-left: 12px; padding-top: 6px } 

    DIV.vHome_busca FORM { padding-top: 12px !important } 

    DIV#busca FORM IMG, DIV#acesso-rapido FORM IMG { display: block; margin-bottom: 0px } 

    INPUT { height: 20px; padding-top: 2px; border: 1px solid #D4D4D4 } 
    
    INPUT.w_auto { width: auto !important } 

    html>body INPUT { height: auto; padding: 4px 2px } 

    INPUT.botao-ok-verde, INPUT.botao-ok-verde-largo { 
      width: 25px; height: 19px; padding: 0; margin-left: 4px; margin-top: 2px; 
      border: 1px solid #FFFFFF !important; 
      background: url("../../images/_layout/fundo_botao_verde.png") repeat-x; 
      font-weight: bold; text-align: center; color: #FFFFFF 
    } 
	
    INPUT.botao-ok-verde-busca { 
      width: 60px; height: 19px; padding: 0; margin-left: 4px; margin-top: 2px; 
      border: 1px solid #FFFFFF !important; 
      background: url("../../images/_layout/fundo_botao_verde.png") repeat-x; 
      font-weight: bold; text-align: center; color: #FFFFFF 
    } 	

    INPUT.botao-ok-cinza { 
      width: 25px; height: 19px; padding: 0; margin-left: 4px; margin-top: 2px; 
      border: 1px solid #FFFFFF !important; 
      background: url("../../images/_layout/fundo_botao_cinza.png") repeat-x; 
      font-weight: bold; text-align: center; color: #FFFFFF 
    }
    
    INPUT.botao-ok-verde-largo { width: 80px; margin: 52px 0 0 60px } 

    INPUT.botao-borda { border: 1px solid #666666 !important; padding: 2px 4px !important } 
    
    INPUT.botao-cadastro { 
      width: 120px; height: 19px; margin-left: 4px; margin: 20px 0px 20px 200px; 
      border: 1px solid #FFFFFF !important; 
      background: url("../../images/_layout/fundo_botao_verde.png") repeat-x; 
      font-weight: bold; text-align: center; color: #FFFFFF 
    }
	
	OPTGROUP { font-weight: bold; font-style: normal; } 
    
    OPTGROUP OPTION { padding-left: 16px !important; } 

    .radio_check { border: none; } 

    .show_inline { display: inline !important; } 

    .show_block { display: block !important; } 

    .hide_ { display: none !important; float: left; } 
    
  /* /formulario/ ........................................................................................ */


  /* tabelas ............................................................................................. */

    .box_full { padding-left: 110px } 

    .tabelaHistorico { float: left; margin-right: 40px; width:230px; font-family: Arial, Helvetica, sans-serif } 

    .tabelaHistorico TR { background-color: #CECECE } 

    .tabelaHistorico TD, .tabelaHistorico TH { padding: 3px 5px; text-align: center }  

    .tabelaHistorico TD { margin: 1px } 

    .tabelaHistorico TH { background-color: #6A6A6A; color: #FFFFFF; font-size: 11px; font-weight: bold } 

    TABLE .linha_cor { background-color: #E3EEBB !important } 

    TR.linhaCinzaClaro { padding: 2px 6px; background-color: #E3EEBB} 

    TR.linhaCinzaEscuro { padding: 2px 6px; background-color: #D2D3AD }

    TR.linhaCinzaClaro TD, TR.linhaCinzaEscuro TD { font-size: 11px }

    TH { background-color: #6A6A6A; color: #FFFFFF; padding: 2px 6px; text-align: left } 

    TABLE.inexiste{ margin-left:150px }

    TABLE.navOpt { margin: 14px } 

    TABLE.navOpt A { 
      display: list-item; list-style: disc inside; 
      margin-left: 4px 
    } 

    TABLE.navOpt TH { color:#000000; background-color: #E3EEBB; font-size: 11px } 

    TABLE.navOpt IMG { vertical-align: middle } 

    TABLE.navOpt TD, TABLE.navOpt TH { padding: 3px } 

  /* /tabelas/ ........................................................................................... */


  /* copyright ........................................................................................... */

    DIV#copyright { 
      /*position: relative; left: 194px; bottom: 0px; */
      width: 533px; 
	  height: 15px; 
	  margin: 4px 5px 3px 0; 
      padding: 2px 5px !important; 
	  padding-bottom: 0 !important; 
      font-size: 9px; 
	  background-color: #A7CE2F; 
	  clear:both;
    } 

    DIV#copyright IMG { position: relative; top: 1px; left: 60px } 

    html>body DIV#copyright { width: 524px } html>body DIV#copyright IMG { left: 61px } 

    DIV#pg-copyright { 
      position: relative; left: 0; bottom: 0px; 
      width: 100%; height: 20px !important; 
      background-color: #A7CE2F; border-top: 2px solid #FFFFFF 
    } 

  /* /copyright/ ......................................................................................... */


  /* bordas arredondadas : script ........................................................................ */

    .rtop, .rbottom { display: block } 

    .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden } 

    .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px } 

  /* /bordas arredondadas : script/ ...................................................................... */


    .link_esq_pen { margin-left: 38px !important }
   
    div#logo_construir{
   width:56px;
   height:56px;
   margin:0 auto;
   text-align:center;
   }
   div#pe_construir{
   width:178px;
   height:57px;
   text-align:center;
   }

   div.flash{
   overflow: hidden;
   }
 width:56px;
   height:56px;
   margin:0 auto;
   text-align:center;
   }
   div#pe_construir{
   width:178px;
   height:57px;
   text-align:center;
   }

   div.flash{
   overflow: hidden;
   }

.clear {
	clear: both;
	height: 1px;
}

/* leandro */
table.boletim {
	border: 0;
	color: #333;
	margin: 20px 0;
	width: 100%;
}

table.boletim tr td {
	vertical-align: middle;
	padding: 4px;
}

table.boletim tr.title {
	background-color:#999;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

table.boletim tr.subtitle {
	font-weight: bold;
	text-align: center;
}

table.boletim tr.subtitle2 {
	color: #000;
	text-align: center;
}

table.boletim tr.gray {
	background-color: #f1f1f1;
}

table.boletim tr td.coluna1 {width: 20%;}
table.boletim tr td.coluna2 {width: 30%;}
table.boletim tr td.coluna3 {text-align: center; width: 8%;}
table.boletim tr td.coluna4 {text-align: center; width: 8%;}
table.boletim tr td.coluna5 {text-align: center; width: 8%;}
table.boletim tr td.coluna6 {width: 20%;}
table.boletim tr td.coluna7 {width: 35%;}
table.boletim tr td.coluna8 {width: 35%;}
table.boletim tr td.coluna9 {width: 25%;}
table.boletim tr td.coluna10 {text-align: center; width: 8%;}
table.boletim tr td.coluna11 {text-align: center; width: 8%;}
table.boletim tr td.coluna12 {text-align: center; width: 8%;}
table.boletim tr td.coluna13 {width: 2%;}
table.boletim tr td.coluna14 {text-align: center; width: 8%;}
table.boletim tr td.coluna15 {text-align: center; width: 8%;}
table.boletim tr td.coluna16 {text-align: center; width: 8%;}
table.boletim tr td.coluna17 {width: 25%;}
table.boletim tr td.coluna18 {width: 70%;}
table.boletim tr td.coluna19 {font-size: 8px!important; font-weight: bold; width: 4%;}
table.boletim tr td.coluna20 {font-size: 10px!important; text-align: center; width: 4%;}

table.boletim tr td.descrtable {padding-top: 15px;}


.CinzaClaro {
	background-color:#CCC;
	margin-top: 10px;
	padding: 2px 10px;
}


