<!DOCTYPE html>
<html lang="es">
  <head>
    <?php include_once './php/head.php';?>
  </head>
  <body>
      <?php include_once './php/header_menu.php';?>
      <section id="info">
          <div class="container">
              <div class="row">
                  <div class="col-xs-12">
                      Usted est&aacute; en Inicio / <span class="texto-color-corporativo">Contacto</span>
                  </div>
              </div>
          </div>
          
      </section>
      <section id="contacto-titulo">
          <div class="container">
              <div class="row">
                  <div class="col-xs-12">
                      <span class="texto-grande">Contacto</span>
                  </div>
              </div>
          </div>
      </section>
      <section id="contacto-formulario">
           <div class="container">
              <div class="row">
                  
                  <div class="col-xs-12 col-md-8 contacto-form-container">
                      <div class="row contacto-row-form">
                          <div class="col-xs-12" id="errorContainer"></div>
                          <div class="col-md-6 col-xs-12">
                              <div class="form-group">
                                <input type="text" class="form-control" id="tbxNombre" placeholder="Nombre">
                                <p class="help-block">* Campo Obligatorio</p>
                              </div>
                              <div class="form-group">
                                <input type="email" class="form-control" id="tbxMail" placeholder="E-Mail">
                                <p class="help-block">* Campo Obligatorio</p>
                              </div>
                              <div class="form-group">
                                <input type="text" class="form-control" id="tbxFono" placeholder="Teléfono">
                                <p class="help-block">* Campo Obligatorio</p>
                              </div>
                              <div class="form-group">
                                <input type="text" class="form-control" id="tbxRut" placeholder="RUT">
                                <p class="help-block">* Campo Obligatorio</p>
                              </div>
                              <div class="form-group">
                                  <select class="form-control" id="selAsunto" >
                                      <option selected="selected" value="0">Asunto</option>
                                      <option value="ADMISION">ADMISI&Oacute;N</option>
                                      <option value="INSPECTORIA">INSPECTOR&Iacute;A</option>
                                      <option value="COBRANZA">COBRANZA</option>
                                      <option value="CAJA">CAJA</option>
                                  </select>
                                <p class="help-block">* Campo Obligatorio</p>
                              </div>
                          </div>
                          <div class="col-md-6 col-xs-12">
                              <div class="form-group">
                                  <textarea class="form-control" rows="10" placeholder="Mensaje" id="tbxMensaje"></textarea>
                              </div>
                              <div class="text-right">
                                  <button type="button" class="btn btn-primary" id="btnContacto">Enviar</button>
                              </div>
                              
                          </div>
                      </div>
                      <div class="row hidden-sm hidden-xs">
                          <div class="col-xs-12">
                              <br/><br/>
                              <span class="texto-grande">Sede</span>
                              <a name="sede"></a>
                              <br/><br/>
                          </div>
                      </div>
                  </div>
                  <div class="col-xs-12 col-md-4">
                      <div class="row contacto-row-data">
                          <div class="col-xs-12">
                                <br/>
                                Direcci&oacute;n<br/>
                                Esmeralda 2040<br/><br/>
                                Tel&eacute;fonos<br/>
                                +56 55 2598 853<br/><br/>
                                E-mail<br/>
                                <a href="mailto:admision@esanedelnorte.cl" id="contactoMailLink" class="texto-color-corporativo">admision@esanedelnorte.cl</a><br/><br/>
                          </div>
                      </div>
                      <div class="row">
                          <div class="col-xs-12 col-md-6 col-md-offset-2 text-center">
                              <a href="#" class="social-icon">
                                <img src="assets/img/header/face_icon.png">
                                </a>
                                <a href="#" class="social-icon">
                                    <img src="assets/img/header/tweet_icon.png">
                                </a>
                                <a href="#" class="social-icon">
                                    <img src="assets/img/header/youtube_icon.png">
                                </a>
                          </div>
                      </div>
                      
                  </div>
              </div>
               <div class="row hidden-md hidden-lg">
                   <div class="col-xs-12">
                       <br/><br/>
                       <span class="texto-grande">Sede</span>
                       <br/><br/>
                   </div>
               </div>
          </div>
      </section>
      <section id="contacto-mapa">
           <div class="container">
               <div class="row">
                   <div class="col-md-8 col-xs-12">
                       <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:300px;width:100%;"><div id="gmap_canvas" style="height:300px;width:100%;"></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style><a class="google-map-code" href="http://www.map-embed.com" id="get-map-data">Esane CFT</a></div><script type="text/javascript"> function init_map(){var myOptions = {zoom:16,center:new google.maps.LatLng(-23.6563916, -70.39792450000004),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(-23.6563916, -70.39792450000004)});infowindow = new google.maps.InfoWindow({content:"<b>Esane IEM</b><br/>Esmeralda 2040 antofagasta<br/> Antofagasta" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>
                   </div>
                   <div class="col-md-4 col-xs-12 contacto-imagen-sede">
                       <img src="assets/img/contacto/sedeiem.jpg" />
                   </div>
               </div>
               <div class="row ">
                   <div class="col-xs-12 texto-grande">
                       <br/><br/>
                       Directorio <span class="texto-color-corporativo">Telef&oacute;nico</span>
                   </div>
               </div>
           </div>
      </section>
      <section id="contacto-directorio">
           <div class="container">
               <div class="row">
                   <div class="col-xs-12 col-md-6">
                       <div class="contacto-item-directorio">
                           Admisi&oacute;n <a href="tel:+56552598852">+56 55 2598852</a>
                       </div>
                       <div class="contacto-item-directorio">
                           Inspector&iacute;a <a href="tel:+56552598853">+56 55 2598853</a>
                       </div>
                       <!--<div class="contacto-item-directorio">
                           Direcci&oacute;n acad&eacute;mica CFT<a href="tel:+56552598856">+56 55 2598856</a>
                       </div>-->
                       <div class="contacto-item-directorio">
                           DAC <a href="tel:+56552598854">+56 55 2598854</a>
                       </div>

                   </div>
                   <div class="col-xs-12 col-md-6">
                       <!--<div class="contacto-item-directorio">
                           Vicerrector&iacute;a acad&eacute;mica CFT<a href="tel:+56552598855">+56 55 2598855</a>
                       </div>
                       <div class="contacto-item-directorio">
                           Vicerrector&iacute;a Administraci&oacute;n y Finanzas<a href="tel:+56552598874">+56 55 2598874</a>
                       </div>-->
                       <div class="contacto-item-directorio">
                           Jefe de Cobranzas<a href="tel:+56552598878">+56 55 2598878</a>
                       </div>
                       <div class="contacto-item-directorio">
                           Caja <a href="tel:+56552598861">+56 55 2598861</a>
                       </div>
                   </div>
               </div>
           </div>
      </section>
      
      <?php include_once './php/footer.php';?>
      
     

      <?php include_once './php/js_includes.php';?>
      <script src="assets/js/rutValidator.js"></script>
      <script src="assets/js/contacto.js"></script>
    

  </body>
</html>
