/* GERAL */
.sf-menu li.current {z-index:5}


/* BASE */
#baseMenu {width:910px; height:100px; display:block; position:absolute; top:0; background:url("../images/base.png") no-repeat; z-index:99999}
#baseMenu img.logo {margin:20px 0 0 20px; float:left; background-color:Transparent}
#mainMenu {width:400px; height:20px; margin:25px 20px 0 0; float:right; display:inline}
#mainMenu li {margin:0 2px 0 2px; float:left; display:inline}
#mainMenu li label {font:normal 11px verdana; color:#0051a6}
#mainMenu li select {width:170px; padding:2px 2px 2px 2px; font:normal 11px verdana; color:#666}
#mainMenu li input {width:100px; padding:3px 2px 2px 2px; font:normal 11px verdana; color:#666}
#mainMenu li a.duvidaSenha {width:auto; margin-left:250px; font:normal 10px verdana; color:#666}


/*  A VISA VALE */
.sf-menu li.current a.aba1 {width:90px; height:52px; margin:70px 0 0 5px; background:url("../images/btValeVisa.gif") no-repeat 0 0; z-index:99999}
.sf-menu li.current a.aba1:hover {width:90px; height:52px; margin:70px 0 0 5px; background:url("../images/btValeVisa.gif") no-repeat 0 -52px}
.sf-menu li.current a.aba1 span {display:none}

.sf-menu li.current ul.aba1 {width:551px; height:195px; margin:82px 0 0 10px; background:url("../images/baseMenuUm.gif") no-repeat}
.sf-menu li.current ul.aba1 li.aba1_area1 {width:170px; height:auto; margin-top:-30px; padding:45px 0 0 30px; position:relative}
.sf-menu li.current ul.aba1 li.aba1_area1 a {width:170px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba1 li.aba1_area1 a.areaColor {width:200px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba1 li.aba1_area2 {position:absolute; top:35px; left:250px}


/* CARTOES VISA VALE */
.sf-menu li.current a.aba2 {width:130px; height:52px; margin-top:70px; background:url("../images/btCartoesVisaVale.gif") no-repeat 0 0}
.sf-menu li.current a.aba2:hover {width:130px; height:52px; margin-top:70px; background:url("../images/btCartoesVisaVale.gif") no-repeat 0 -52px}
.sf-menu li.current a.aba2 span {display:none}

.sf-menu li.current ul.aba2 {width:501px; height:254px; margin:82px 0 0 10px; background:url("../images/baseMenuDois.gif") no-repeat}
.sf-menu li.current ul.aba2 li.aba2_area1 {width:180px; height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba2 li.aba2_area1 a {width:180px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba2 li.aba2_area1 a.areaColor {margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba2 li.aba2_area2 {width:180px; height:auto; position:absolute; top:25px; left:275px}
.sf-menu li.current ul.aba2 li.aba2_area2 a {width:180px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba2 li.aba2_area2 a.areaColor {width:180px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba2 li.aba2_area3 {width:200px; height:auto; position:absolute; top:96px; left:275px}
.sf-menu li.current ul.aba2 li.aba2_area3 a {width:200px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}


/* VALE TRANSPORTE */
.sf-menu li.current a.aba3 {width:116px; height:52px; margin-top:70px; background:url("../images/btValeTransporte.gif") no-repeat 0 0}
.sf-menu li.current a.aba3:hover {width:116px; height:52px; margin-top:70px; background:url("../images/btValeTransporte.gif") no-repeat 0 -52px}
.sf-menu li.current a.aba3 span {display:none}

.sf-menu li.current ul.aba3 {width:292px; height:194px; margin-top:82px; background:url("../images/baseMenuTres.gif") no-repeat}
.sf-menu li.current ul.aba3 li.aba3_area1 {width:180px; height:auto; margin-top:-30px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba3 li.aba3_area1 a {width:180px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba3 li.aba3_area1 a.areaColor {width:180px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba3 li.aba3_area2 {width:250px; height:auto; margin-top:-25px !important; *margin-top:-40px; padding:30px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba3 li.aba3_area2 a {width:250px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba3 li.aba3_area2 a.areaColor {width:250px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}


/* REDE DE ACEITACAO */
.sf-menu li.current a.aba4 {width:131px; height:52px; margin-top:70px; background:url("../images/btRedeAceitacao.gif") no-repeat 0 0}
.sf-menu li.current a.aba4:hover {width:131px; height:52px; margin-top:70px; background:url("../images/btRedeAceitacao.gif") no-repeat 0 -52px}
.sf-menu li.current a.aba4 span {display:none}

.sf-menu li.current ul.aba4 {width:292px; height:194px; margin-top:82px; background:url("../images/baseMenuSete.gif") no-repeat}
.sf-menu li.current ul.aba4 li.aba4_area1 {width:292px; height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba4 li.aba4_area1 a {margin-right:20px; text-decoration:underline; clear:both; color:#0051a6; font:normal 12px arial; line-height:25px}


/* ATENDIMENTO */
.sf-menu li.current a.aba5 {width:102px; height:67px; margin-top:55px; background:url("../images/btAtendimento.gif") no-repeat 0 0}
.sf-menu li.current a.aba5:hover {width:102px; height:67px; margin-top:55px; background:url("../images/btAtendimento.gif") no-repeat 0 -68px}
.sf-menu li.current a.aba5 span {display:none}

.sf-menu li.current ul.aba5 {width:292px; height:194px; margin-top:82px; background:url("../images/baseMenuOito.gif") no-repeat}
.sf-menu li.current ul.aba5 li.aba5_area1 {height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba5 li.aba5_area1 a {width:292px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:25px}


/* SUA EMPRESA */
.sf-menu li.current a.aba6 {width:91px; height:78px; margin-top:52px; background:url("../images/btSuaEmpresa.gif") no-repeat 0 0; z-index:9999}
.sf-menu li.current a.aba6:hover {width:91px; height:78px; margin-top:52px; background:url("../images/btSuaEmpresa.gif") no-repeat 0 -81px; z-index:9999}
.sf-menu li.current a.aba6 span {display:none}

.sf-menu li.current ul.aba6 {width:501px; height:254px; margin:82px 0 0 -410px; background:url("../images/baseMenuNove.gif") no-repeat}
.sf-menu li.current ul.aba6 li.aba6_area1 {width:230px; height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba6 li.aba6_area1 a {width:230px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba6 li.aba6_area1 a.areaColor {margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba6 li.aba6_area2 {width:200px; height:auto; position:absolute; top:25px; left:275px}
.sf-menu li.current ul.aba6 li.aba6_area2 a {width:200px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba6 li.aba6_area2 a.areaColor {margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}
.sf-menu li.current ul.aba6 li.aba6_area2 span {margin-left:5px; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba6 li.aba6_area3 {width:200px; height:auto; position:absolute; top:115px; left:275px}
.sf-menu li.current ul.aba6 li.aba6_area3 a {margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}


/* Meu Visa Vale */
.sf-menu li.current a.aba7 {width:93px; height:78px; margin-top:52px; background:url("../images/btMeuVisaVale.gif") no-repeat 0 0; z-index:9999}
.sf-menu li.current a.aba7:hover {width:93px; height:78px; margin-top:52px; background:url("../images/btMeuVisaVale.gif") no-repeat 0 -78px; z-index:9999}
.sf-menu li.current a.aba7 span {display:none}

.sf-menu li.current ul.aba7 {width:501px; height:254px; margin:86px 0 0 -410px; background:url("../images/baseMenuDez.gif") no-repeat}
.sf-menu li.current ul.aba7 li.aba7_area1 {width:230px; height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba7 li.aba7_area1 a {width:230px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba7 li.aba7_area1 a.areaColor {width:230px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba7 li.aba7_area2 {width:200px; height:auto; margin-top:-20px !important; *margin-top:-40px; padding:25px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba7 li.aba7_area2 a {width:200px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba7 li.aba7_area2 a.areaColor {width:200px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}
.sf-menu li.current ul.aba7 li.aba7_area2 span {margin-left:5px; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba7 li.aba7_area3 {width:200px; height:auto; margin-top:-20px; position:absolute; top:45px; left:275px}
.sf-menu li.current ul.aba7 li.aba7_area3 a {margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba7 li.aba7_area3 a.areaColor {width:200px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}


/* SEI Estabelecimento */
.sf-menu li.current a.aba8 {width:149px; height:80px; margin-top:50px; background:url("../images/btSeuEstabelecimento.gif") no-repeat 0 0; z-index:9999}
.sf-menu li.current a.aba8:hover {width:149px; height:80px; margin-top:50px; background:url("../images/btSeuEstabelecimento.gif") no-repeat 0 -80px; z-index:9999}
.sf-menu li.current a.aba8 span {display:none}

.sf-menu li.current ul.aba8 {width:284px; height:250px; margin:86px 0 0 -145px; background:url("../images/baseMenuSeis.gif") no-repeat}
.sf-menu li.current ul.aba8 li.aba8_area1 {width:200px; height:auto; margin-top:-20px; padding:45px 0 0 30px; position:relative; clear:both}
.sf-menu li.current ul.aba8 li.aba8_area1 a {width:200px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba7 li.aba7_area3 a.areaColor {width:200px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba8 li.aba8_area2 {width:250px; height:auto; margin-top:-30px; position:absolute; top:45px; left:30px}
.sf-menu li.current ul.aba8 li.aba8_area2 a {width:250px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba8 li.aba8_area2 a.areaColor {width:250px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}
.sf-menu li.current ul.aba8 li.aba8_area2 span {margin-left:5px; color:#666; font:normal 11px arial}

.sf-menu li.current ul.aba8 li.aba8_area3 {width:150px; height:auto; position:absolute; top:153px; left:30px}
.sf-menu li.current ul.aba8 li.aba8_area3 a {width:150px; margin-right:20px; text-decoration:underline; float:left; color:#0051a6; font:normal 12px arial; line-height:20px}
.sf-menu li.current ul.aba8 li.aba8_area3 a.areaColor {width:150px; margin:6px 0 0 10px; clear:both; color:#666; font:normal 11px arial}