<!-- Main sidebar -->
<div class="sidebar sidebar-main">
  <div class="sidebar-content">
      
    <!-- User menu -->
    <div class="sidebar-user">
      <div class="category-content">
        <div class="media">
          <a href="#" class="media-left"><img src="" class="avatar" alt=""></a>
          <div class="media-body">
            <span id="usuario-nombre" class="media-heading text-semibold"> </span>
            <div id="roles-usuario" class="text-size-mini text-muted">
              
            </div>
          </div>

          <div class="media-right media-middle">
            <ul class="icons-list">
              <li>
                <a href="javascript:void(0)"><i class="icon-cog3"></i></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!-- /user menu -->


    <!-- Main navigation -->
    <div class="sidebar-category sidebar-category-visible">
      <div class="category-content no-padding">
        <ul class="navigation navigation-main navigation-accordion" id="MENU">
<!--           Main 
          <li class="navigation-header">
            <span><i class="icon-menu" title="Main pages"></i> MENÚ PRINCIPAL</span> 
          </li>
          <li>
            <a href="#"><i class="fa fa-gears fa-lg"></i> <span>MANTENIMIENTO</span></a>
            <ul>
              <li><a href="../vistas/mantenimientoPersona.jsp"><span>PERSONA</span></a></li>
            </ul>
          </li>
          <li>
            <a href="#"><i class="fa fa-exclamation-triangle fa-lg"></i> <span>REPORTES</span></a>
            <ul>
              <li><a href="../vistas/reportePersona.jsp" id="layout1">PERSONA</a></li>
            </ul>
          </li>

          <li class="navigation-header">
            <span><i class="icon-menu" title="Main pages"></i> MENÚ SECUNDARIO</span> 
          </li>
          <li>
            <a href="#"><i class="fa fa-search fa-lg"></i> <span>CONSULTA</span></a>
            <ul>
              <li><a href="../vistas/consultaUbigeo.jsp"><span>UBIGEO</span></a></li>
            </ul>
          </li>-->
        </ul>
      </div>
    </div>
    <!-- /main navigation -->

  </div>
</div>
<!-- /main sidebar -->