<div class="menu-principal">     
    <nav class="navbar navbar-custom navbar-fixed-top"  role="navigation">
        <div class="container">
        <div class="table_">
                    <div  class="table-cell_ navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                         <a class="navbar-brand page-scroll" href=".">
                          <img id="logo-desktop" src="<?php echo $host;?>img/svg/logo.svg" alt="">
                          <img class="img-responsive" id="logo-mobile" src="<?php echo $host;?>img/svg/logo_mobile.svg" alt=""></a>
                    </div>

                    <div id="lista-menu" class="table-cell_  collapse navbar-collapse navbar-main-collapse">
                        <ul id="menu-redes" class="list-inline text-right" style="color:#fff">
                          <li><a target="_blank" class="ico-fb" href="https://www.facebook.com/INNOVAPUCP/"><img src="<?php echo $host; ?>img/svg/fb_b.svg"  alt="ícono de facebook" /></a></li>
                          <!--<li><a target="_blank" class="ico-tt" href="https://twitter.com/innovapucp"><img src="<?php echo $host; ?>img/svg/twit_b.svg" alt="ícono de twitter" /></a></li>-->
                          <li><a target="_blank" class="ico-lk" href="https://www.linkedin.com/company/innovapucp---centro-de-consultor-a-y-servicios-integrados-de-la-pucp?trk=tabs_biz_home"><img src="<?php echo $host;?>img/svg/link_b.svg" alt="ícono de LinkedIn" /></a></li>
                          <!--<li><a  target="_blank" class="ico-pt" href="https://es.pinterest.com/innovapucp/"><img src="<?php echo $host; ?>img/svg/pint_b.svg" alt="ícono de pinterest"/></a></li>-->
                        </ul>




                        <ul class=" nav navbar-nav align">
                          <li>
                              <a  class="dropdown-toggle" data-toggle="dropdown" href="#">NOSOTROS<b class="caret"></b></a>
                                 <ul class="dropdown-menu">
                                  <!--<li><a href="cultura-organizacional.php">Cultura Organizacional</a></li>-->
                                  <!--<li><a href="linea-de-tiempo.php">Línea de tiempo</a></li>
                                  <li><a href="compromiso-y-principios.php">Compromiso y principios</a></li>
                                  <li><a href="equipo.php">Nuestro Equipo</a></li>        -->                
                                  <li><a href="quienes-somos.php">Quiénes somos</a></li> 
                                  <li><a href="equipo.php">Nuestro Equipo</a></li>          
                                </ul>
                          </li>
                          <li>
                              <a  class="dropdown-toggle" data-toggle="dropdown" href="#">SOLUCIONES <b class="caret"></b></a>
                                 <ul class="dropdown-menu">
                                  <li><a href="asesoria-y-consultoria.php">Asesoría y Consultoría</a></li>
                                  <li><a href="fortalecimiento-de-capacidades.php">Fortalecimiento de Capacidades</a></li>
                                  <li><a href="servicios-de-laboratorio.php">Servicios de Laboratorio</a></li>
                                  <li><a href="evaluaciones-de-cumplimiento.php">Evaluación de Cumplimiento</a></li>
                                  <li><a href="outsourcing.php">Outsourcing</a></li>
                                 
                                </ul>
                          </li>
                          <li>
                              <a class="page-scroll" href="#clientes">CONFÍAN EN NOSOTROS</a>
                          </li>
                          <li>
                              <a class="page-scroll" href="noticias.php">NOTICIAS Y EVENTOS</a>
                          </li>
                          <li>
                              <a class="page-scroll" href="contacto.php">CONTÁCTANOS</a>
                          </li>
                        </ul>
                    </div>

            </div>
        </div>
    </nav>  
</div>          
<script type="text/javascript">
if ($("#txt_servicio")) {
  var servicio=$("#txt_servicio").val();
  if(servicio == "1"){
       $(".menu-principal").addClass("menu_asesoria");
  }else if(servicio == "2"){
       $(".menu-principal").addClass("menu_fortalecimiento");
  }else if(servicio == "3"){
       $(".menu-principal").addClass("menu_servicios");
  }else if(servicio == "4"){
       $(".menu-principal").addClass("menu_evaluacion");
  }else if(servicio == "5"){
       $(".menu-principal").addClass("menu_outsourcing");
  }else if(servicio == "6"){
       $(".menu-principal").addClass("menu_default");
  }
}
</script>
