
.menu{ 
    position: absolute; z-index: 100;
} 

.menu.extendido .enlaces .desplegar{ position: absolute; }
.menu.extendido .cerrar{ display: none; }

.menu .enlaces .grupo .separador2{ background-image: url(../img/sep2.svg); background-position: center center; background-repeat: no-repeat; }

.menu.extendido .enlaces>div{ 
    display: table; margin: 0px 0px 0px auto;
}
.menu.extendido .enlaces .grupo{ display: table-cell; }

@media screen and (min-width: 1200px){   
    
    .menu { 
        height: 11.719vw; display: table; padding: 0px 5.99vw; width: calc(88.02vw - 20px); 
    }     
    
    .menu .logo img{ width: 10.677vw; }
    
    .menu>div { 
        display: table-cell; vertical-align: middle; 
    } 
        
    
    .menu .enlaces .grupo>.enlace a{ height: 1.73vw; }           
    .menu .enlaces .grupo>.enlace a div{ width: 1.04vw; }
    .menu .enlaces .grupo>.enlace a div img{ width: 0.57vw; }
    .menu .enlaces .grupo>.enlace a span{ padding-left: 0.42vw; padding-right: 0.52vw; }
    
    .menu.extendido .enlaces .grupo + .grupo>.enlace { padding-left: 1.042vw; }        
    .menu.extendido .enlaces .grupo .separador2{ height: 0.63vw; background-size: auto 0.52vw; } 
     
    .menu .desplegar a{ height: 1.77vw; } 
    
    .menu .desplegar .items a .ico{ background-size: 0.47vw auto; width: 1.31vw;  background-position: 0.19vw center; } 
    .menu .desplegar .items a:hover .ico{ background-size: auto 0.47vw; background-position: 0px center;  }        
    .menu .desplegar .items a span .env1{ padding-right: 1.458vw; padding-left: 0.94vw;}
    .menu .desplegar .items a span{ padding-left: 0.47vw; }
    .menu .desplegar .items a .ico div{ width: 0.47vw;  }
    
    .menu .desplegar .items a span .env1, .menu .desplegar .items a .ico div, .menu .desplegar .items a span .env2{ height: 1.77vw;  }
    
    .menu.fijo{ position: fixed; background-color: rgb(53,57,60); height: 6vw; box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.6); }
    
}

@media screen and (max-width: 1199px){  
    .menu .logo img{ width: 135px; }    
    .menu .enlaces .grupo>.enlace a{ height: 33px; }           
    .menu .enlaces .grupo>.enlace a div{ width: 18px; }
    .menu .enlaces .grupo>.enlace a div img{ width: 11px; }
    .menu .enlaces .grupo>.enlace a span{ padding-left: 8px; padding-right: 10px; }    
    .menu.extendido .enlaces .grupo + .grupo>.enlace { padding-left: 20px; }   
    
    .menu .enlaces .grupo .separador2{ height: 12px; background-size: auto 10px; }   
     
    .menu .desplegar a{ height: 34px; } 
    
    .menu .desplegar .items a .ico{ background-size: 9px auto; width: 25px;  background-position: 3.75px center;  }    
    .menu .desplegar .items a:hover .ico{ background-size: auto 9px; background-position: 0px center; }    
    .menu .desplegar .items a span .env1{ padding-right: 28px; padding-left: 18px; } 
    .menu .desplegar .items a span{ padding-left: 9px; }
    .menu .desplegar .items a .ico div{ width: 9px;  } 
    
    .menu .desplegar .items a span .env1, .menu .desplegar .items a .ico div, .menu .desplegar .items a span .env2{ height: 34px;  }             
}


.desplegar-menu{ display: none; }

@media screen and (max-width: 1199px) and (min-width: 1000px){
    
}

@media screen and (max-width: 999px) {
    
}


.menu .enlaces .grupo>.enlace{
    display: table-cell; 
}

.menu .enlaces .grupo>.enlace a{
    display: table;   
    border: solid 1px rgba(0,0,0,0);
}

.menu .enlaces .grupo>.enlace a:hover{ border: solid 1px #B4D81A; }

.menu .enlaces .grupo>.enlace a span, .menu .enlaces .grupo>.enlace a div{
    display: table-cell; vertical-align: middle; color: #FFF;  
}

.menu .desplegar .items{ background-color: #EDEDED; }

.menu .desplegar .items a span{ text-transform: uppercase; color: #393C3D; }
.menu .desplegar .items a .ico{background-repeat: no-repeat; background-image: url(../img/entrar.svg); }

.menu .desplegar .items a:hover .ico{ background-image: url(../img/desplegado.svg); }

.menu .desplegar .items a{  display: table-row; position: relative; } 
.menu .desplegar .items a>span, .menu .desplegar .items a>.ico{ display: table-cell; vertical-align: middle; } 
.menu .desplegar .items a:last-child>*{ border-bottom: none; }  
.menu .desplegar .items a:hover{ background-color: #B4D81A; } 
.menu .desplegar .items a span div, .menu .desplegar .items a .ico div{ border-bottom: solid 1px ; color: #393C3D; }

.menu .desplegar .items a span .env2{ display: table-cell; vertical-align: middle; }

.menu.colapsado .enlaces .desplegar{
    display: table; margin-left: 50px; 
}

.menu.colapsado .separador2{ 
    display: none; 
}

.menu.colapsado .enlaces{  
    background-color: #333333; position: absolute; width: 100%; height: 100%; top: 0px; margin-left: -100%; height: 100vh;
} 

.menu.colapsado .enlaces .grupo{
    margin-top: 25px; padding-left: 20px;
}

.menu.colapsado .logo{ 
    height: 160px; overflow: hidden; 
}

.menu.colapsado .logo img{ 
    margin-top: 83px; margin-left: 40px; 
}

.menu.colapsado { width: 100%; }

.menu.colapsado .desplegar-menu, .menu.colapsado .cerrar{ position: absolute; width: 20px; display: block; cursor: pointer; }
.menu.colapsado .desplegar-menu{ top:87px; right: 47px; }
.menu.colapsado .cerrar{ top:30px; right: 30px; }

.menu.colapsado.activo .enlaces{ margin-left: 0px; }

.menu .enlaces .desplegar.desplegable-0{     
    display: none;
}

.tipo-1-s2 .imagen img{ display: block; } 

