<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Spiroox Performance Agency</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />

<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="movimiento.js" type="text/javascript"></script>

<!-- Validacion nueva -->
<script src="http://brucelead.com/inc/js/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="http://brucelead.com/inc/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script src="http://brucelead.com/inc/js/jquery.validaciones_repetidos.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="http://brucelead.com/inc/js/validacion.jquery.css" type="text/css">
<link rel="stylesheet" href="http://brucelead.com/inc/js/template.css" type="text/css">
<script>
	jQuery(document).ready(function(){
		jQuery("#formID").validationEngine();
	});
		          
</script>
		        
<!-- Fin validacion nueva -->

 <!-- Slider -->
 <link rel="stylesheet" href="http://brucelead.com/inc/js/themes/default/default.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="http://brucelead.com/inc/js/nivo-slider.css" type="text/css" media="screen" />
 <link rel="stylesheet" href="http://brucelead.com/inc/js/style.css" type="text/css" media="screen" />
 <script type="text/javascript" src="http://brucelead.com/inc/js/jquery.nivo.slider.pack.js"></script>
 <script type="text/javascript">
 $(window).load(function() {
     $('#slider').nivoSlider();
 });
 </script>
 <!-- Fin Slider -->
    
    

</head>

<body>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-5445836-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script><div id="cabecera"></div>
<div id="contenedor">
  <div id="cabecera_contacto">
  	<img src="img/ico_contacto.jpg" id="logo_contacto">
  	<a href="#pie_contacto">&nbsp;&nbsp;contacto</a>
  </div>
  <div id="contenido">
    <div id="contenido_top">
      <div id="social">
        <ul>
          <li><a href="http://www.facebook.com/spiroox" target="_blank"><img src="img/ico_facebook.jpg" alt="Síguenos en Facebook" /></a></li>
          <li><a href="http://twitter.com/#!/spiroox" target="_blank"><img src="img/ico_twitter.jpg" alt="Síguenos en Twitter" /></a></li>
          <li><a href="http://www.linkedin.com/company/1378446?goback=.fcs_GLHD_spiroox_false_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2_*2&trk=ncsrch_hits" target="_blank"><img src="img/ico_linkedin.jpg" alt="Síguenos en Linkedin" /></a></li>
        </ul>
      </div>
      <div id="container_logo">
      	<img src="img/logo_spiroox.jpg">
      </div>
    </div>
    <div class="clear"></div>
    <div id="container_slider">
    	<div class=" theme-default">
         	<div id="slider" class="nivoSlider">
             	<img src="img/agency.jpg" alt="" />
             	<img src="img/adnetwork.jpg" alt="" />
             	<img src="img/permission_mk.jpg" alt="" />
             	<img src="img/vertical.jpg" alt="" />
             </div>
         </div>
    </div>
  </div>
</div>
<div id="pie">
  <div id="pie_contacto">
    <div id="texto"><img src="img/tit_contacto.jpg" alt="Contacto" />
      <p>Si quieres contactar con nosotros puedes hacerlo escribiendo a:<br><br><a href="mailto:contacto@spiroox.com" id="enlace_contacto">contacto@spiroox.com</a></p>
      <p>También puedes llamarnos al <b>91 460 82 41</b> ó  escribirnos a través del siguiente formulario.</p>
    </div>
    <div id="formulario">
    	<form id="formID" method="post" action="thanks.php">
    		<div class="col_form">
    		  <label for="empresa">Empresa</label>
    		  <input type="text" name="empresa" id="empresa" class="rounded validate[required]"/>
    		  <label for="name">Nombre completo</label>
    		  <input type="text" name="name" id="name" class="rounded validate[required,custom[nombre]]"/>
    		  <label for="phone">Teléfono</label>
    		  <input type="text" name="phone" id="phone" class="rounded validate[required,funcCall[validate_phone]]"/>
    		</div>
    		<div class="col_form">
    			<label for="email">Email</label>
    		  	<input type="text" name="email" id="email" class="rounded validate[required,funcCall[validate_email]]"/>
    		  	<label for="message">Mensaje</label>
    		  	<textarea  name="message" id="message" class="rounded_bis validate[required]"></textarea>
    		</div>
    		<div class="clear"></div>
    		<div id="my_question">
    			<label for="pregunta">
    			¿Qué día va después del jueves?    			</label>
    		  	<input type="text" name="pregunta" id="pregunta" class="rounded_long validate[required,funcCall[question_1]]"/>
    		</div>
            
    		<div class="col_form">
    			<label type="text" for="name"><a style="color:white" href="http://spiroox.com/lopd.html" target="_blank" onClick="window.open(this.href, this.target, 'width=400,height=400, scrollbars=yes'); return false;">Politca de Privacidad</a></label>
            </div>
            <input type="submit" name="enviar" class="btn_enviar" value="> ENVIAR"/>
    	</form>
    </div>
    
  </div>
  <div class="clear"></div>
  <p class="abajo">© Spiroox 2012 | Todos los derechos reservados </p>
</div>
</body>
</html>
