body { 
  padding: 0; 
  margin: 0; 
  text-align: center; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  background: #D2DD67 url(../images/fundo.jpg) repeat-x;
  color: #333; 
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl dt span {
	display: none;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

a {
	color: #333;
}

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

a span,h5 span,h6 span,h1 span,h2 span { display: none; }

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

div#master {
  width: 988px;
  margin: 0 auto;
  text-align: left;
}

div#header {
  position: relative;
  height: 105px;
}

  div#header h1 {
    position: absolute;
    width: 633px;
    height: 69px;
    top: 28px;
    left: 200px;
    background: url(../images/tit_programa_ecomunidade.gif) no-repeat;
  }
  
  div#header dl {
    position: absolute;
    height: 44px;
    top: 19px;
    right: 0;
  }
  
    div#header dl dd {
      float: right;
      height: 44px;
    }
    
    div#header dl dd.close {
      width: 18px;
      background: url(../images/menuTop_close.gif) no-repeat;
    }
    
    div#header dl dd.open {
      width: 16px;
      background: url(../images/menuTop_open.gif) no-repeat;
    }
    
    div#header dl dd.body { 
      background: url(../images/menuTop_body.gif) repeat-x;
      padding-top: 10px; 
    	voice-family: "\"}\"";
    	voice-family: inherit;
    	height: 34px;
    }
    
    div#header dl dd.body a.bot {
      display: block;
      float:left;
      width: 35px;
      height: 20px;
      background-repeat: no-repeat;
      border-right: 1px solid #fff;
    	voice-family: "\"}\"";
    	voice-family: inherit;
      width: 34px;
    }
    
    div#header dl dd.body a.indique { background-image: url(../images/icon_email.gif); }
    div#header dl dd.body a.favoritos { background-image: url(../images/icon_favoritos.gif); }
    div#header dl dd.body a.mapa { background-image: url(../images/icon_mapa.gif); }
    div#header dl dd.body a.imprimir { background-image: url(../images/icon_imprimir.gif); }

    div#header dl dd.body a.last {
      border-right: none;
    }
    
    div#header dl dd.body div {
      float: left;
      width: 83px;
      height: 20px;
      background: url(../images/icon_font.gif) no-repeat 5px 0;
      padding-left: 23px;
    	voice-family: "\"}\"";
    	voice-family: inherit;
      width: 60px;
    }
    
    div#header dl dd.body div a {
      display: block;
      float:left;
      width: 20px;
      height: 20px;
      background-repeat: no-repeat;
    }
    div#header dl dd.body div a.font_mais {background-image: url(../images/icon_font_mais.gif);}
    div#header dl dd.body div a.font_reset {background-image: url(../images/icon_font_reset.gif);}
    div#header dl dd.body div a.font_menos {background-image: url(../images/icon_font_menos.gif);}

dl#principal {
  background: url(../images/fundo_box_body.png) repeat-y;
}

  dl#principal dd.body {
    position: relative;
    width: 988px;
    padding: 30px 0 20px 20px;
    background: url(../images/fundo_box_top.png) no-repeat;
  	voice-family: "\"}\"";
  	voice-family: inherit;
    width: 968px;
  }
    
  dl#principal dd.body span.close {
    position: absolute;
    display: block;
    width: 988px;
    height: 43px;
    background: url(../images/fundo_box_bottom.png) no-repeat bottom;
    left: 0;
    bottom: -1px;
    z-index: 0;
  }

    div#A {
      position: relative;
      float: left;
      width: 180px;
      padding-top: 100px;
      z-index: 1;
    }
    
      div#A a.logo {
        position: absolute;
        display: block;
        width: 160px;
        height: 194px;
        background: url(../images/logo.gif) no-repeat;
        top: -115px;
        left: 0;
      }
      
      div#A dl.menu,div#partB dl.menu { 
        width: 165px; 
        margin-bottom: 20px;
        background: url(../images/menu_body.gif) repeat-y; 
      }
      
        div#A dl.menu dd.body,div#partB dl.menu dd.body {
          width: 165px;
          padding: 0;
          background: url(../images/menu_open.gif) no-repeat;
        }
        
          div#A dl.menu dd.body h6,div#partB dl.menu dd.body h6 {
            width: 155px;
            height: 35px;
            background-repeat: no-repeat;
            background-position: 5px 5px;
          }
          div#A dl.menu dd.body h6 { background-image: url(../images/tit_menu_programa_ecomunidade.gif); }
          div#partB dl.menu dd.body h6 { background-image: url(../images/tit_menu_acesso_rapido.gif); }
    
          div#A dl.menu dd.body a,div#partB dl.menu dd.body a {
            position: relative; 
            display: block; 
            width: 140px;
            text-decoration: none;
            padding: 7px 0 8px 0;
            margin: 0 10px;
            color: #6C761B;
            background: url(../images/dot_green.gif) repeat-x bottom;
          }
          
            div#A dl.menu dd.body a:hover,div#partB dl.menu dd.body a:hover { text-decoration: underline; }
            div#A dl.menu dd.body a.last,div#partB dl.menu dd.body a.last { background: none; padding: 7px 0 18px 0; }
    
          div#A dl.menu dd.body span.close,div#partB dl.menu dd.body span.close {
            position: absolute;
            display: block;
            width: 165px; 
            height: 28px;
            background: url(../images/menu_close.gif) no-repeat;
            left: 0px;
            bottom: -1px;
            z-index: 0;
          }
      
      div#A form.fmBusca { width: 165px; }
          
      div#A form.fmBusca h6.tit {
        height: 12px;
        background: url(../images/tit_buscar.gif) no-repeat;
      }
    
      div#A form.fmBusca div { height: 40px; }
      div#A form.fmBusca div input { float: left; }
      
      div#A form.fmBusca div input.entTxt {
        width: 119px;
        height: 32px;
        background: url(../images/fundo_busca_input.gif) no-repeat;
        border: none;
        padding: 3px 0 0 5px;
      	voice-family: "\"}\"";
      	voice-family: inherit;
        width: 114px;
        height: 29px;
      }
    
      div#A form.fmBusca div input.bot {
        width: 32px;
        height: 32px;
        background: url(../images/fundo_busca_bot.gif) no-repeat left;
        border: none;
        cursor: pointer;
      }
      
    div#B {
      position: relative;
      float: left;
      width: 788px;
      z-index: 1;
    }
    
      div#B div#flashChamadas {
        height: 284px;
      }
      div#B div.dicas_ecomunidade {
        position: relative;
        width: 758px;
        height: 65px;
        background: url(../images/fundo_dicas_ecomunidade.gif) no-repeat;
      }
        div#B div.dicas_ecomunidade a {
          display: block;
          float: left;
          height: 50px;
        }

          div#B div.dicas_ecomunidade a.tit { 
            width: 180px; 
            background: url(../images/boxTit_dicas_ecomunidade.gif) no-repeat;
          }
          div#B div.dicas_ecomunidade a.dica {
            width: 558px;
            padding-top: 7px;
            text-decoration: none;
            font-size: 11px;
            line-height: 150%;
            color: #6C761B; 
          	voice-family: "\"}\"";
          	voice-family: inherit;
            height: 43px;
          }
          div#B div.dicas_ecomunidade a.desc:hover { text-decoration: underline; }

      div#B div.quadros a {
        display: block;
        float: left;
        width: 247px;
        height: 189px;
        margin-right: 10px;
        background-repeat: no-repeat;
      }
      
      div#B div.quadros a.last { margin-right: 0;}
      div#B div.quadros a.governanca_corporativa { background-image: url(../images/quadro_governanca_corporativa.jpg); }
      div#B div.quadros a.projetos_ambientais { background-image: url(../images/quadro_projetos_ambientais.jpg); }
      div#B div.quadros a.projetos_sociais { background-image: url(../images/quadro_projetos_sociais.jpg); }

span.clearFull {
  display: block;
  clear: both;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #6C761B;
	background-color: #EAEFB8;
	padding: 5px;
	opacity: 0.85;
	color: #6C761B;
}

#tooltip h3, #tooltip div { margin: 0; font-size: 11px; }

#tooltip.tipDesc {
  line-height: 150%;
  text-align: left;
  opacity: 1 !important;
}