<header id="top" class="hidden-sm hidden-xs ">
          <div class="container">
              <div class="row">
                <div class="col-md-10 text-left">
                    <a href="https://www.facebook.com/EsanedelNorte2011?fref=ts" class="social-icon" target="_blank">
                        <img src="assets/img/header/face_icon.png">
                    </a>
                    <a href="https://twitter.com/EsaneCft" class="social-icon social-icon-medio" target="_blank">
                        <img src="assets/img/header/tweet_icon.png">
                    </a>
                    <a href="https://www.youtube.com/channel/UC7BmRq4KNhmO3G6X1ah1Jww" class="social-icon" target="_blank">
                        <img src="assets/img/header/youtube_icon.png">
                    </a>
                    <a href="tel:+56552598853" class="fono">
                        <span class="glyphicon glyphicon-earphone"></span> +56 55 2598 853
                    </a>
                </div>
                <div class="col-md-2 text-left">
                    <a href="#" class="btn-login pull-right">Login</a>
                </div>
              </div>
          </div>
      </header>
      <header id="logo" class="hidden-sm hidden-xs">
          <div class="container">
              <div class="row text-center">
                  <div class="col-xs-12">
                      <a href="./">
                          <img src="assets/img/header/logo.svg" alt="home" />
                      </a>
                  </div>
              </div>
          </div>
      </header>
      
      <header role="banner" class="navbar navbar-static-top bs-docs-nav" id="menu"> 
          <div class="container"> 
              <div class="navbar-header"> 
                  <button aria-expanded="false" aria-controls="bs-navbar" data-target="#bs-navbar" data-toggle="collapse" type="button" class="navbar-toggle collapsed"> 
                      <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 visible-sm visible-xs" href="../"><img src="assets/img/header/logo.svg" alt="home" /></a> 
              </div> 
              <nav class="collapse navbar-collapse" id="bs-navbar"> 
                  <ul class="nav navbar-nav">
                      <li> <a href="./"><img src="./assets/img/menu/home_icon.png" alt="home" id="menuHomeImg" class="hidden-sm hidden-xs"/>Home</a> </li> 
                      <li class="dropdown"> 
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Instituci&oacute;n</a>
                          <ul class="dropdown-menu">
                            <!--<li><a href="./institucion-autoridades.php"><span class="menu-arrow"></span> Autoridades</a></li>-->
                            <li><a href="#"><span class="menu-arrow"></span> Autoridades (PRONTO)</a></li>
                            <li><a href="./mision-vision.php"><span class="menu-arrow"></span> Misi&oacute;n y Visi&oacute;n</a></li>
                            <li><a href="./contacto.php#sede"><span class="menu-arrow"></span> Sedes</a></li>
                          </ul>
                      </li> 
                      
                      <li> <a href="./admision.php">Admisi&oacute;n</a> </li> 
                      
                      <li class="dropdown"> 
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Carreras</a>
                          <ul class="dropdown-menu">
                            <li><a href="./carreras-ingles-aleman.php"><span class="menu-arrow"></span> Interpretariado Ingl&eacute;s - Alem&aacute;n (Menci&oacute;n gu&iacute;a de turismo)</a></li>
                            
                            <li><a href="./carreras-obras-civiles.php"><span class="menu-arrow"></span> Obras Civiles Modularizado</a></li>
                            <li><a href="./carreras-secretariado-gerencial.php"><span class="menu-arrow"></span> Secretariado Gerencial</a></li>
                            <li><a href="./carreras-secretariado-computacion.php"><span class="menu-arrow"></span> Secretariado Ejecutivo en Computaci&oacute;n</a></li>
                            <li><a href="./carreras-administracion-empresas.php"><span class="menu-arrow"></span> Administraci&oacute;n de Empresas (Menci&oacute;n Finanzas o Personal)</a></li>
                            <li><a href="./carreras-prevencion-riesgos.php"><span class="menu-arrow"></span> Prevenci&oacute;n de Riesgos Modularizado</a></li>           
                          </ul>
                      </li>
                      
                      <li class="dropdown"> 
                          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Noticias</a>
                          <ul class="dropdown-menu">
                            <li><a href="./noticias.php"><span class="menu-arrow"></span> Noticias Recientes</a></li>
                            <!--<li><a href="#"><span class="menu-arrow"></span> Buscador de Noticias</a></li>-->
                          </ul>
                      </li>
                      
                      <li> <a href="./contacto.php">Contacto</a> </li> 
                  </ul> 
              </nav> 
          </div> 
      </header>