/*** ESSENTIAL STYLES ***/
.menu, .menu * { margin: 0; padding: 0; list-style: none; font-family: 'gotham'; }
.menu li { position: relative; }
.menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.menu > li { float: left; }
.menu li:hover > ul, .menu li.sfHover > ul { display: block; }
.menu a { display: block; position: relative; }
.menu ul ul { top: 0; right: 100%; }


/*-- Demo Skin --*/
.menu { position:absolute; top:0; right:530px; }
.menu ul { min-width: 320px; }
.menu > li > a { padding:29px 0 32px 0; color:#6D6F71; font-size:13px;  font-size:14px; }
.menu > li > a > span { padding:10px 30px 10px 10px; background:url(../imagens/btMenu.png) 55px 6px no-repeat; border-radius:5px; }
.menu > li > ul > li > a { padding:4px 20px; background: #D51F26; color:#FFF; text-transform:uppercase; font-size:11px; line-height:13px; }
.menu > li > ul > li:first-child > a { padding-top:25px; }
.menu > li > ul > li:last-child > a { border-radius:0 0 8px 8px; padding-bottom:25px;  }

.menu > li > ul > li > ul { min-width: 220px; }
.menu > li > ul > li > ul > li > a { color:#6D6F71; background: #e8e8e8; padding:8px 10px; font-size:13px; text-align:right; }

.menu > li > ul > li > a:hover { color:#FBB615; }

.menu > li:hover,.menu > li.sfHover { }
.menu > li > ul > li > ul > li > a:hover { color:#000; }


.alignMenu, .alignFerramentas { position:relative; width:1000px; height:600px; margin:20px auto; transition:0.5s; z-index:10000;}

.alignMenu ul { position:relative; z-index:10001; }
.alignMenu ul li .itensMenu { position:absolute; display:block; top:650px; right:0; padding-left:5px; padding-right:5px; text-align:center; text-transform:uppercase; font-family: 'gotham'; font-weight:bold; font-size:14px; color:#FFF; line-height:18px; }
.alignMenu ul li .ferramentas { width:115px; height:70px; padding-top:55px; color:#d51f26; background:url(../imagens/blFerramentas.png) no-repeat; }
.alignMenu ul li .mensagem { width:135px; height:95px; padding-top:50px; background:url(../imagens/blMensagem.png) no-repeat; }
.alignMenu ul li .multiplus { width:155px; height:90px; padding-top:75px; background:url(../imagens/blMultiplus.png) no-repeat; }
.alignMenu ul li .governanca { width:155px; height:100px; padding-top:65px; background:url(../imagens/blGovernanca.png) no-repeat; }
.alignMenu ul li .estrategia { width:125px; height:85px; padding-top:50px; background:url(../imagens/blEstrategia.png) no-repeat; }
.alignMenu ul li .desempenho { width:185px; height:125px; padding-top:75px; background:url(../imagens/blDesempenho.png) no-repeat; }
.alignMenu ul li .socioambiental { width:145px; height:95px; padding-top:60px; background:url(../imagens/blSocioambiental.png) no-repeat; }
.alignMenu ul li .balanco { width:145px; height:95px; padding-top:60px; background:url(../imagens/blBalanco.png) no-repeat; }
.alignMenu ul li .indice { width:115px; height:80px; padding-top:45px; background:url(../imagens/blIndice.png) no-repeat; }

.alignFerramentas ul li .btItensTools { position:absolute; width:35px; height:35px; background:url(../imagens/bgTools.png) no-repeat;  }
.alignFerramentas ul li .tfale { top:315px; right:85px; }
.alignFerramentas ul li .tdownload { top:345px; right:125px; background-position: 0 -35px; }
.alignFerramentas ul li .tavalie { top:395px; right:145px; background-position: 0 -70px; }
.alignFerramentas ul .shared ul { position:absolute; width:115px; height:35px; padding:5px 10px; top:390px; right:180px; }
.alignFerramentas ul .shared ul { display:none; }
.alignFerramentas ul .shared ul li .btItensTools { position:relative; float:right; }
.alignFerramentas ul .shared:hover ul { display:block; }

.alignFerramentas ul .shared ul li .tface { background-position: 0 -175px; }
.alignFerramentas ul .shared ul li .ttwitter { background-position: 0 -245px; }
.alignFerramentas ul .shared ul li .tgoogle { background-position: 0 -210px; }

.alignFerramentas ul .shared ul li .btItensTools span { display:none; }

.alignFerramentas ul li .btItensTools:hover, .alignFerramentas ul .shared ul li .btItensTools:hover { opacity:0.8; }