


#div_cab_cel{
    display: none;
}






.topoPrincipal{

  margin:0px; padding:0px;  
  width:100% ;
  /*background: var(--white); */
  clear: both;
  top: 0px;

   

   height: 100px; 

}



.encaixaBuscaHomeCel{
display: none;
}



.topoPrincipalReduz{

  margin:0px; padding:0px;  
  width:100% ;
   background: var(--white);
  clear: both;
  top: 0px;

  position: fixed;
  border-bottom: 1px solid var(--cinza9);
  height: 30px;

}






#gridCab{
width:100%; list-style: none; padding:0px; 
margin:0px; margin-top:50px;  height: 70px; 

/*
border-top: 1px dashed red;
border-bottom: 1px dashed red;
border-right: 1px dashed red; 
*/
}



#gridCab li{
position: relative; float: left; padding:0px;  margin:0px; text-align:left; 
color: #6A7781;
}










#gridCab .cel1{
 text-align:center; padding:0px; margin-top:0px;
width:15%;
}




.logoHome{
height:auto;
width: 60%;  
}

.logoHomeReduz{
  /*
height:20px;
margin-top: 5px;
width:auto; 
display: none; 
*/
}









#gridCab .cel2{
  text-align:center;
 padding:0px;
 margin-top:16px;
width:7%;
font-size: var(--fonteg2);
font-weight: bold;
}





#gridCab .cel2b{
 text-align:center; padding:0px; margin-top:0px;
width:84%;
}


#gridCab .cel2b .d1{
 text-align:center; padding:0px; margin-top:0px;
width:72%;
float: left;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
padding-top: 10px;
}

#gridCab .cel2b .d1b{
 text-align:center; padding:0px; margin-top:0px;
width:18%;
float: left;
padding-left: 0px;
font-size: 16px;
font-weight: bold;
padding-top: 0px;
}



#gridCab .cel2b .d1 .sp1{
color:#ad0000;;
}



#gridCab .cel2b .d2{
 text-align:right; 
padding:0px; 
margin:0px;
width:6%;
float: left;
padding-top: 10px;
}


#gridCab .cel2b .d3{
padding:0px; 
margin:0px;
width:35px;
float: left;
}


#gridCab .cel2b .d3 img{
padding:0px; 
margin:0px;
width:35px;
}





#gridCab .cel3{
width:18%; margin-right: 2%;
}



#gridCab .overlap-group {
  align-items: center;
  background-color: var(--cinzaclaro);
  border-radius: 8px; -webkit-border-radius:8px;-moz-border-radius:8px;
  display: flex;
  margin-left: 0px;
  margin-top: 10px;
  width: 100%;
  height: 45px;

}

#gridCab .overlap-group-1 {
  align-items: center;
    background-color: var(--cinzaclaro2);
  border-radius: 8px 0px 0px 8px;
  display: flex;
  height: 45px;
  min-width: 30px;
  padding: 0 6px;
}

#gridCab .icon-user {
  height: 30px;
  width: 30px;
}



#gridCab .e-mail-cpfcnpj {
  letter-spacing: 0;
  margin-left: 0px;
  width: 100%;
  border-radius: 0px;
   background: none;
   border: 0px;
   height: 45px;
    border-radius: 0px 8px 8px 0px;
 
}




#gridCab .cel4{
width:13%; margin-right: 2%;
}

#gridCab .key {
  height: 30px;
  width: 30px;
}

#gridCab .digite-sua-senha {
  letter-spacing: 0;
  margin-left: 0px;
  margin-top: 0px;
  width: 100%;
  border-radius: 0px;
  border: 0px;
  background: none;
   height: 45px;
     border-radius: 0px 8px 8px 0px;
}





#gridCab .cel5{
width:10%; margin-right: 1%;
}


#gridCab .overlap-group3 {
  align-items: center;
  background-color: var(--escurao);
 border-radius: 8px; -webkit-border-radius:8px;-moz-border-radius:8px;
  display: flex;
  height: 35px;
  justify-content: flex-end;
  margin-left: 0px;
  margin-top: 10px;
  width: 100%;
  padding-top: 10px ;
  cursor: pointer;
}


#gridCab .entrar {
  align-self: flex-end;
  color: var(--white);
   font-size: var(--fontem);
  font-weight: 400;
  height: 32px;
  margin-left: 10%;
  padding-top: 0px;
  letter-spacing: 0;
  text-align: center;
 width: 100%;
}

#gridCab .arrow_right {
  height: 40px;
  margin: 0px
  margin-left: 5px;
    margin-top: -8px;
    padding: 0px
  width: 40px;
}




#gridCab .cel6{
width:7%;
}

#gridCab .esqueceu-sua-senha {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  height: 38px;
  letter-spacing: 0;
  margin-top: 10px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}




#gridCab .cel7{
width:1%;
}


#gridCab .barra_-lateral_esquerda {
  background-color: #292f4b;
  height: 65px;
  margin-left: 25%;
  width: 50%;
}


#gridCab .cel8{
width:5%;
margin-left: 1%;
}


#gridCab  .novo-cadastro {
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  letter-spacing: 0;
  margin-top: 10px;
 width: 100%;
}




#gridCab .cel9{
width:15%;
 margin-top: 10px;
}



#gridCab .overlap-group4 {
  align-items: center;
  background-color: var(--cinzaclaro);
   border-radius: 8px; -webkit-border-radius:8px;-moz-border-radius:8px;
  display: flex;
 width: 100%;
 height: 45px;

}



#gridCab .overlap-group-1b {
  align-items: center;
  background-color: var(--cinzaclaro2);
       border-radius: 8px; -webkit-border-radius:8px;-moz-border-radius:8px;
  display: flex;
  height: 45px;
  min-width: 30px;
  padding: 0 6px;
}



#gridCab .icon-user-1 {
  height: 30px;
  width: 30px;
}



#gridCab .cpf-ou-cnpj {
  letter-spacing: 0;
  margin-left: 0px;
  height: 30px;
  width: 100%;
  border-radius: 0px;
  border: 0px;
  font-size: var(--fontep2);
  background: none;
}



.menu_cab{
  font-size: var(--fonteg);
}





















/* revisado*/
































































.div_menu22{
  background: #6A7781; 
  width: 100%;  
  padding: 0px;
  margin: 0px;
  height: 60px;
}


.div_menu22_intra{
  background: #ffffff; 
  width: 80%;  
  padding: 0px;
  margin: 0px;
  height: 50px;
  margin-top: 5px;
  float: left;
}

.div_menu22_intra2{
  width: 18%;  
  padding: 0px;
  margin: 0px;
  height: 50px;
   height: 42px;
  margin-top: 5px;
  color:#ffffff;
  font-weight: bold;
     font-size: 14px;
    float: left;
    padding-top: 8px;
cursor: pointer;
margin-left: 5px;
}








#menuCab{
list-style: none; 
text-align:right;  margin-left: auto; margin-right:0px;  
  width: 100%; 
  margin-top: 8px;
}


#menuCab li{
position: relative; float: left;  


background:#ffffff;

text-align:center;


height:30px;


width: 20%;
padding: 0px;
margin: 0px;

padding-top:5px;

/*
 transition: transform 1s;
  transform: translateX(0) scale(0.5);
  */

  


}


#menuCab li:hover, #menuCab li:focus{
background:#eeeeee;
/*
transform: translateX(10px) scale(1.2);
*/

animation: go-back 0.5s;

}


.div_menu22_intra2:hover, .div_menu22_intra2:focus{
background:#999999;
animation: go-back 0.5s;
}









@keyframes go-back {
    0% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}



/* transition: transform 1s, opacity 0.3s;: Aplica uma animação de 1 segundo para a propriedade transform, e uma de 0.3 segundos para o opacity. Todas as outras propriedades não são afetadas.*/

#menuCab .menu_menor{
width: 15%;
}



/*
#menuCab li div{
vertical-align:middle;
display:table-cell;
height:30px;
width: 100%;
padding: 0px;
margin: 0px;
background: pink;
}
*/



.menu_cab{
font-size:18px; 
font-weight:bold;
color:#687680; 
margin-left:3px;
margin-right:4px;
}

.menu_cab:hover{
color:#000000;  
}


#menuCab .menu_cab_destaque{
color:red; 
padding-left:15px;
}

#menuCab .menu_cab_destaque:hover{
color:#D31111; 
}








#div_submenu{
position: absolute;   margin: 0px;  padding: 0px;  z-index:1000; background:#f0f0f0;
width: 170px;
width: 205px;
margin-top: 5px;
}

#submenuCab{
list-style: none; 
 margin: 0px;  padding: 0px;
width: 170px;
width: 205px;

}


#submenuCab li{
position: relative; float: none; margin:0px; 


padding:4px 5px 4px 5px;
margin-right:0px;
height:18px;
text-align:center;

background:#f0f0f0;
 width: 170px;
 width: 100%;
 border-bottom: 1px solid #999999; 
}


#submenuCab li a{
  font-weight: bold;
  color:#687680;
}

#submenuCab li a:hover{
  color: #000000;
}











.menus_dadosnew_div{
margin-bottom:5px;
}


.aba_log {  
border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
-webkit-border-top-right-radius: 25px;
} 





.submenu_layer{
border-radius: 0.5em; 
box-shadow: #999999 0em 0em 0.9em ; 
width:200px; 
position: absolute; 
display:inline;
border: 1px solid #ffffff; 
box-shadow: #999999 0em 0em 0.9em ; 
background-color:#ffffff;
}



.submenu_tbl{
width:200px; 
}


.submenu{
font-size:13px;
font-weight: bold;
text-decoration:none;
color:#444444;
}




.destacao{
margin:1px; margin-left:5px; margin-right:10px;padding:1px; padding-top:3px; padding-bottom:3px;  border-radius: 5px; -webkit-border-radius:5px;-moz-border-radius:5px; 
background:#F17D16; 
}




.fundomenu{
width:100%; 
height:15px; 
}


.celulamenu{
padding:0px;
text-align:center;
border-left:1px solid #EEEEEE;
}



a.menu{
font-size:11px;
font-weight: bold;
text-decoration:none;
color:#EEEEEE;
}

a.menu:hover{
text-decoration:underline;
}







.subcab_int_div{

  margin:5 0 20 0; 
  padding:0px;  
  width:100% ;
  background:#eeeeee;
  clear: both;


   height: 120px;
   box-shadow: #999999 5px 5px 10px; 

}













.div_widget{
 width: 92%; 
}

.somostrarnocelu{
display: none;
}


#div_cab_cel{
display: none;
}










.divCabIco{
position: relative;
 text-align:center;
 padding: 0px;
 margin: 0px;
 width:205px;
 height: 40px;
 /*background: #ccc;*/
}


#gridCabIco{
/*width:250px; */
list-style: none; margin:0px; padding:0px; 
 text-align:left;
}

#gridCabIco li{
position: relative; float: left;  margin:0px; text-align:left;
width:40px; 

/*padding:2px;  padding-top:7px; padding-bottom:7px;*/
padding:0px; 

}


#gridCabIco li img{
width:30px !important; 
height:30px !important; 
}








