lateral.html

    <div class="lateral">
      <a id="trigger-overlay1" class="boton-lateral" type="button"><div class="luto-lateral"></div><span class="icon-buscar-24 icn-lateral"></span></a>
      <a id="trigger-overlay2" class="boton-lateral" type="button"><div class="luto-lateral"></div><span class="icon-social-24 icn-lateral"></span></a>
      <a id="trigger-overlay3" class="boton-lateral" type="button"><div class="luto-lateral"></div><span class="icon-entrar-24 icn-lateral"></span></a>
      <a id="trigger-overlay4" class="boton-lateral" type="button"><div class="luto-lateral"></div><span class="icon-contacto-24 icn-lateral"></span></a>
      <a href="#" class="boton-lateral"><div class="luto-lateral"></div><div id="txt-idioma">ENG</div></a>
    </div>

    </div><!-- /container -->

    <!-- open/close -->

    <!-- BUSCAR -->

    <div class="overlay1 overlay-slidedown">
      <div class="col-sm-10 col-sm-offset-1 marco">
        <button type="button" class="overlay-close"><span class="icon-no-24"></span></button>

        <form>
          <fieldset>
            <!-- Form Name -->
            <legend>buscar</legend>
            <div class="form-group center-block">
              <label class="control-label" for="buscar">buscar</label>
              <input id="buscar" name="buscar" placeholder="buscar" class="form-control" type="search">
              <label class="control-label" for="buscar-enviar"></label>
              <button id="buscar-enviar" name="buscar-enviar" class="btn btn-default">Enviar</button>
            </div>
          </fieldset>
        </form>

      </div>
    </div>

    <!-- SOCIALMEDIA -->

    <div class="overlay2 overlay-slidedown">
      <div class="col-sm-10 col-sm-offset-1 marco">
        <button type="button" class="overlay-close"><span class="icon-no-24"></span></button>
        <div class="social-cont facebook col-sm-6">
          <a href="https://www.facebook.com/iac.instituto.de.arte.contemporaneo" class="icon-facebook-24 icon-social" target="blank"></a>
          <p class="etiq">El IAC en Facebook</p>
        </div>
        <div class="social-cont twitter col-sm-6">
          <a href="https://twitter.com/IAC_asociacion" class="icon-twitter-24 icon-social" target="blank"></a>
          <p class="etiq">El IAC en Twitter</p>
        </div>
      </div>
    </div>

    <!-- AREA PRIVADA -->

    <div class="overlay3 overlay-slidedown">
      <div class="col-sm-10 col-sm-offset-1 marco">
        <button type="button" class="overlay-close"><span class="icon-no-24"></span></button>
        <form>
          <div class="form-group area-privada col-xs-12 col-sm-10 col-md-8 col-lg-6 center-block">
            <input type="text" class="form-control" id="email-area-p" placeholder="email">
            <input type="password" class="form-control" id="pswrd" placeholder="clave">
            <button type="submit" class="btn btn-default">Entrar</button>
          </div>
        </form>
      </div>
    </div>


    <!-- CONTACTO -->

    <div class="overlay4 overlay-slidedown">
      <div class="col-sm-10 col-sm-offset-1 marco">
        <button type="button" class="overlay-close"><span class="icon-no-24"></span></button>



          <form>
          <fieldset>

          <!-- Form Name -->
          <legend>Contacto</legend>
          <h2>Enviar un email a Pepito Pérez</h2>
          <!-- Text input-->
          <div class="form-group">
            <label class="control-label" for="textinput">Correo electrónico</label>
            <div class="controls">
              <input id="email-contacto" name="textinput" placeholder="Escribe aquí tu correo electrónico" class="form-control" required="" type="text">
            </div>
          </div>

          <!-- Textarea -->
          <div class="form-group">
            <label class="control-label" for="mensaje">mensaje</label>
            <div class="controls">
              <textarea id="mensaje" name="mensaje" rows="10" required="" placeholder="Escribe aquí tu mensaje"></textarea>
            </div>
          </div>

          <!-- Button -->
          <div class="form-group">

            <div class="controls">
              <button id="contacto-enviar" name="contacto-enviar" class="btn btn-default">Enviar</button>
            </div>
          </div>

          </fieldset>
          </form>





      </div>
    </div>