#menuAdministrador .logo{
    height: 17px;
    min-width: 99px;
    background: url(../img/logoSesion.png) no-repeat;
    padding: 43px 0px 0px 60px;
}

#menuAdministrador .tabla{display: table; width: 40px;}
#menuAdministrador .tabla>div{display: table-cell; vertical-align: middle; width: 33px;}
#menuAdministrador.deplegar .tabla>p{display: none;}

#buscadorMenu{ overflow: hidden; background: #333; width: 250px; border-bottom: solid 1px #111;}

#menuAdministrador .separador{
    background: url(../img/separadorMenu.png) repeat-x;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    border: none;
    text-align: center;
}
 
#menuAdministrador .subenlaces .activo{color: #ef5959;}

#menuAdministrador .subenlaces a{
    text-decoration: none;
    color: #FFF;
    display: block;
    min-height: 40px;
    line-height: 40px;
    padding-left: 10px;    
}


#menuAdministrador .subenlaces a:hover p{text-decoration: underline;}


#menuAdministrador .logo{
    margin: 30px auto;
    display: table;
}

#contenidoAdministrador{overflow-y: auto; }
    
#menuAdministrador>a{
    display: block;    
    color:#FFF;
    text-decoration: none;
}


#menuAdministrador .cntEnlace{
    width: 100%;
}


#menuAdministrador a>div{    
    height: 28px;    
}

#menuAdministrador a>div>div{
    display: table-cell;
    width: 31px;
    height: 28px;
    vertical-align: middle;
}

#menuAdministrador a div div img{
    display: block;
    margin: auto;
    height: 24px;
}    


@media screen and (max-width:1100px){    
    #menuAdministrador{
        width: 150px;
        margin-left: 20px;
    }  
    #menuAdministrador > a{
        display: table;
        width: 100%;
    }
    #menuAdministrador.desplegar br{display: none;}
    #menuAdministrador > a>div, #menuAdministrador > a>p{
        display: table-cell;        
    }
    #menuAdministrador > a>div{vertical-align: top;}
    #menuAdministrador a p{
        min-height: 28px;
        line-height: 20px;
        vertical-align: middle;
        padding-left: 5px;
    }
    #menuAdministrador .cerrarMenu{
        padding-left: 10px;
        width: 15px;
        line-height: 50px;
        background: none;
        cursor: pointer;
    }
}

@media screen and (min-width:1101px){    
    #envMenuAdministrador.envMenu_2{ width: 250px; }
    #menuAdministrador{position: fixed;}
    #menuAdministrador.desplegar{    
        margin-top: 42px; position: initial;
    }
    
    #menuAdministrador.desplegar .subenlaces{display: none;}
    #menuAdministrador.activo{min-width: 250px;}
    #menuAdministrador.activo .subenlaces{display: block;}
}


#menuAdministrador{background-color: #333; z-index: 10000; }


@media screen and (min-width:731px){
    .navegador .boton, #contenidoAdministrador .navegador p{float: left; }
    
    #menuAdministrador{overflow-y: auto; -webkit-overflow-scrolling: touch;}
    
    #menuAdministrador.desplegar{
        position: fixed; z-index: 10000; 
    }
    
    #menuAdministrador .cerrarMenu{
        display: none;
    }
}

@media screen and (max-width:730px){
  
    #menuAdministrador{
        position: fixed;
        margin: 0px;
        left: -150px;  
        top: 0px;
        height: 100%;
        background-color: #000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 22000;
    }   
    
    #menuAdministrador > a.activo, #menuAdministrador > a.activo > div{background-size: auto 38px;}
    #menuAdministrador a > div > div{height: 38px;}
    #menuAdministrador .cerrarMenu{line-height: 50px; height: 50px; display: block; }
}
 
@media screen and (min-width:501px){    
    
     
    #contenidoAdministrador{
        width: 92%;
        margin: 0px auto;
    }
    
    #menuAdministrador > a{width: 40px;}
}

@media screen and (max-width:500px){ 
    
    
    #menuAdministrador > a{display: block;}    
}

#menuAdministrador .tituloMenu{ margin-bottom: 5px; }

#menuAdministrador > a{height: 40px; overflow: hidden;  border-bottom: solid 1px rgba(255,255,255,0.2)}
#menuAdministrador.activo > a{width: auto;}
#menuAdministrador.desplegar>.tituloMenu{display: none;}
#menuAdministrador.activo .tituloMenu{display: block; text-align: center; text-transform: uppercase; height: 25px; 
    line-height: 25px; font-size: 11px; background-image: none; cursor: default; background-color: #111;}
#menuAdministrador.activo .tabla>p{display: table-cell; vertical-align: middle; color: #FFF;}
#menuAdministrador.activo a.activo .tabla>p{ color: #FF0; }
#menuAdministrador >a .ico{background-color: rgba(0,0,0,0.3)}
#menuAdministrador .ico span{font-size: 24px; color: #FFF;}
#menuAdministrador a.activo .ico span{font-size: 24px; color: #FF0;}
#menuAdministrador > a.activo .ico{background-color: rgba(0,0,0,0.5)}
#menuAdministrador.activo >a{width: 100%; }


#menuAdministrador > a.activo > div{background:none;}
#menuAdministrador > a:hover{text-decoration: none;}
 

#menuAdministrador a>div{    
    height: 40px;
    background: none;
}

#menuAdministrador a > div > div{
    width: 40px;
    height: 40px;
}
 
#menuAdministrador p.titulo{ padding-left: 10px; }

#menuAdministrador .tituloMenu p{font-size: 12px;}

#menuAdministrador .tituloMenu.grupo-0{ margin-top: 0px; }