<!--*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*MENU PRINCIPAL-*-*-*-*--*-*-*-*-*-*-*-*-*-*-*-*-*-*-***-->
<div class="mt-menu-horizontal container">
    <nav class="navbar  navbar-fixed-top" role="navigation"  style="background-color: white;">
        <div class="container">
            <div class="row mt20">
                <div class="col-xs-2 text-left">
                    <a  type="button" id="trigger-overlay" >
                        <i class="fa fa-bars fa-2x  line-height-60  color-menu-personalizado"></i>
                    </a>
                </div>
                <div class="col-xs-10 text-right">
                    <a href="dashboard" class="smooth"><img src="assets/img/logos/inutralia.png" class="img-responsive-custom"/></a>
                </div>
            </div>
        </div>
    </nav>
</div>
<!-- open/close menu content -->
<div class="overlay overlay overlay-contentpush">
    <button type="button" class="overlay-close">Close</button>
    <nav>
        <ul>
            <li><a href="dashboard" class="smooth">Inicio</a></li>
            <li><a href="perfil" class="smooth">Mi Perfil</a></li>
            <li><a href="menupersonalizado" class="smooth">Menú Personalizado</a></li>
            <li><a href="menussaludables" class="smooth">Menús Saludables</a></li>
            <li><a href="recetario" class="smooth">Recetario</a></li>
            <li><a href="#boxes" class="smooth">Boletín saludable</a></li>
            <li><a href="#boxes" class="smooth">Lista de la compra</a></li>


        </ul>
    </nav>
</div>