Contacte con nosotros<br><br>

<script type="text/javascript" src="js/formValidation.js"></script>

<script type="text/javascript" charset="utf-8"> 

	function sendFormContact(parameters) {	

		if(validateName() & validateEmail() & validateMessage()) {
			$.ajax({
			      type: "POST",
			      url: "contactar_execute.php",
			      data: parameters,
			      success: function(msg) {
				      if (msg === "ok") {
				    	  $("#formContact").load('contactar_thx.php');
				      }
				      else { 
					    alert('Opps! Tenemos un problema enviando email. Inténtelo más tarde.');
				      }
			      }
	        });
		} 

	}
		
		

</script>
<table>
	<tr>
		<td>
			<div id="formContact" style="width: 500px;">
				<form method="post" id="customForm" action="" >
					<div>
						<label for="name">Nombre</label>
						<input id="name" name="name" type="text" />
						<span id="nameInfo"></span>
					</div>
		
					<div>
						<label for="email">E-mail</label>
						<input id="email" name="email" type="email" />
						<span id="emailInfo"></span>
					</div>
					<div>
						<label for="phone">Teléfono</label>
						<input id="phone" name="phone" type="phone" />
						<span id="phoneInfo"></span>
					</div>
					<div>
						<label for="message">Mensaje</label>
						<textarea id="message" name="message" cols="" rows=""></textarea>
					</div>
					<div>
						<input id="send" name="send" type="button" onclick="sendFormContact('name=' + (document.getElementById('name').value).replace(/&/g,'%26') + 
		'&email=' + (document.getElementById('email').value).replace(/&/g,'%26') +
		'&phone=' + (document.getElementById('phone').value).replace(/&/g,'%26') +
		'&message=' + (document.getElementById('message').value).replace(/&/g,'%26') +
		'&lang=es')" value="Enviar" />
					</div>
				</form>
			</div>
			
		</td>
		<td align="center">
				<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&source=s_q&hl=ca&geocode=&q=Avinguda+del+Paral%C2%B7lel,+164,+Barcelona,+Espanya&aq=0&oq=avinguda+paral%C2%B7lel,+164,+Barcelona&sll=37.0625,-95.677068&sspn=52.372705,100.283203&ie=UTF8&hq=&hnear=Avinguda+del+Paral%C2%B7lel,+164,+08015+Barcelona,+Catalunya,+Espanya&t=m&ll=41.378032,2.158298&spn=0.019321,0.025663&z=14&iwloc=A&output=embed"></iframe>
				<br />
				<a style="font-size: 18px; color: #FFF; line-height: 35px;" target="_blank" href="http://maps.google.com/maps?f=q&source=embed&hl=ca&geocode=&q=Avinguda+del+Paral%C2%B7lel,+164,+Barcelona,+Espanya&aq=0&oq=avinguda+paral%C2%B7lel,+164,+Barcelona&sll=37.0625,-95.677068&sspn=52.372705,100.283203&ie=UTF8&hq=&hnear=Avinguda+del+Paral%C2%B7lel,+164,+08015+Barcelona,+Catalunya,+Espanya&t=m&ll=41.380222,2.157269&spn=0.022541,0.036478&z=14" style="color:#0000FF;text-align:left">
				Avinguda Paral·lel, 164<br>
				08015 BARCELONA
				</a>	
		</td>
	</tr>
</table>