<?php
//proceso del formulario
// si existe "enviar"...
if (isset ($_POST['enviar'])) {

//recogemos las variables
$nombre=$_POST['nombre'];
$email=$_POST['email'];
$tel=$_POST['tel'];
$comentario=$_POST['comentario'];

//comprobamos si todos los campos fueron completados
if ($nombre!='' && $email!='' && $comentario!='') {
// si es asi armamos el html
$contenido = '<html><body>';
$contenido .= '<h2>Contacto desde TramitaTodo.mx</h2>';
$contenido .= '<p>Enviado el '.  date("d M Y").'</p>';
$contenido .= '<hr />';
$contenido .= '<p>Nombre: <strong>'.$nombre.'</strong>';
$contenido .= '<p>Email: <strong>'.$email.'</strong>';
$contenido .= '<p>Telefono: <strong>'.$tel.'</strong>';
$contenido .= '<p>Comentario: <strong>'.$comentario.'</strong>';
$contenido .= '<hr />';
$contenido .= '</body></html>';

// si todos los campos fueron completados enviamos el mail
mail ("info@tramitatodo.mx", "Desde TramitaTodo.mx", $contenido, "From: $email\nContent-Type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: 8bit"); 
$flag='ok';
$mensaje='<div id="ok">Mensaje Enviado: Gracias por contactarnos!</div>';

} else {
//si no todos los campos fueron completados se frena el envio y avisamos al usuario	
$flag='err';
$mensaje='<div id="error">Todos los campos con (*) son requeridos.</div>';
}
}
?>

<!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>Contactanos</title>

<style>
	body {
		font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif; color:#000000;}
		
	#form {
	  	border: 0px double #eaeaea;
		  background-color:;
		  padding: 0px;
		  width: 269px;}

	#form h2{
		font-size: 1em; color:#505050;
			margin: 0 0 0em 0;
			padding: 0 0 0em 0;}


		#form .campo {
			border: 1px solid #999;
			padding: 0em;
			font-size: 0.8em;}

		#form .error {
			border: 1px solid #F00;
			padding: 0em;
			font-size: 0.8em;}

		#form .com {
			border: 1px solid #999;
			padding: 0em;
			font-size: 0.5em;
			width:16em;
			height: 6em;
			font: 0.8em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

		#form .com-error {
			border: 1px solid #F00;
			padding: 0em;
			font-size: 0.3em;
			width:16em;
			height: 6em;
			font: 0.7em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  	#form .boton {
			border: 1px solid #bb0000;
                        background-color:#bb0000;
			padding: 0.3em;
			font-size: 0.9em; color:#ffffff;
			width: 4em;}

	  #error {
		  border: 1px dashed #F00;
		  background-color:;
		  padding: 0px;}

	  #ok {
	    border: 1px dashed #060;
	    background-color:;
	    padding: 0px;}
			
</style>

	</head>
	<body>
	<div id="form">
		
<h2>CONTACTANOS</h2>

<? echo $mensaje; /*mostramos el estado de envio del form */ ?>
<? if ($flag!='ok') { ?>
<form action="contactanos2.php" method="post">
	<p>Nombre* <br />
	<input <? if (isset ($flag) && $_POST['nombre']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="nombre" value="<? echo $_POST['nombre'];?>" /></p>
	
	<p>Email* <br />
	<input <? if (isset ($flag) && $_POST['email']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="email"  value="<? echo $_POST['email'];?>" /></p>
   
   <p>Teléfono <br />
	<input <? if (isset ($flag) && $_POST['tel']=='') { echo 'class="error"';} else {echo 'class="campo"';} ?> type="text" name="tel"  value="<? echo $_POST['tel'];?>" /></p>
			
	<p>Mensaje* <br />
	<textarea <? if (isset ($flag) && $_POST['comentario']=='') { echo 'class="com-error"';} else {echo 'class="com"';} ?> name="comentario"><? echo $_POST['comentario'];?></textarea></p>
	<p><input class="boton" type="submit" name="enviar" value="Enviar" /></p>
	</form>
<? } ?>
	</div> <!-- end form-->

	</body>
</html>
