<!DOCTYPE html>
<html lang="es">
<head>
<title>Restaurante - La Mano de Pablo</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>  
<script type="text/javascript" src="js/Forum_400.font.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script> 
<!--[if lt IE 9]>
	<script type="text/javascript" src="js/html5.js"></script>
	<style type="text/css">
		.slider_bg {behavior:url(js/PIE.htc)}
	</style>
<![endif]-->
<!--[if lt IE 7]>
	<div style='clear:both;text-align:center;position:relative'>
		<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
	</div>
<![endif]-->
</head>
<body id="page5">
<div class="main-layout">
	<div class="header-layout">
		<div class="main">
<!-- header -->
			<header>
				<h1><a href="index.html" id="logo">Restaurante - La Mano de Pablo</a></h1>
				<nav>
					<ul id="top_nav">
						<li><a href="index.html"><img src="images/icon_1.gif" alt=""></a></li>
						<li><a href="#"><img src="images/icon_2.gif" alt=""></a></li>
						<li class="end"><a href="reservas.php"><img src="images/icon_3.gif" alt=""></a></li>
					</ul>
				</nav>
				<nav>
					<ul id="menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="carnes-y-pollos-a-la-brasa.html">Brasas</a></li>
						<li><a href="carta.html">Carta</a></li>
						<li><a href="reservas.php">Reservas</a></li>
						<li class="active"></li>
					</ul>
				</nav>
			</header><div class="ic"></div>
<!-- / header -->
<!-- content -->
			<article id="content">
				<div class="wrap">
					<div class="box">
						<div>
							<h2 class="letter_spacing">Reserva on-line</span></h2>
							<form method="post" action="enviar_mail.php">
 <table style="text-align: left; width: 100%;" cellpadding="3" rules="rows">
 <tbody>
   <tr>
     <td width="17%">Nombre:</td>
     <td width="36%"><input type="text" name="nombre" id="nombre" /></td>
   
     <td width="15%">Teléfono:</td>
     <td width="32%"><input onKeypress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;" maxlength="9" name="telefono" id="telefono" /></td>
   </tr>
   <tr>
     <td>Correo electrónico:</td>
     <td><input type="text" name="email1" id="email1" /></td>
     <td>Repite tu correo:</td>
     <td><input type="text" name="email2" id="email2" /></td>
   </tr>
   <tr>
   <td>Día a reservar:</td>
     <td><select name="dia" id="dia">
      <option>Lunes</option>
      <option>Martes</option>
      <option>Miércoles</option>
      <option>Jueves</option>
      <option>Viernes</option>
      <option>Sábado</option>
      <option>Domingo</option>
    </select>    
    <select name="d" id="d">
      <option>01</option>
      <option>02</option>
      <option>03</option>
      <option>04</option>
      <option>05</option>
      <option>06</option>
      <option>07</option>   
      <option>08</option>
      <option>09</option>
      <option>10</option>
      <option>11</option>
      <option>12</option>
      <option>13</option>
      <option>14</option>
      <option>15</option>
      <option>16</option>
      <option>17</option>
      <option>18</option>
      <option>19</option>
      <option>20</option>   
      <option>21</option>
      <option>22</option>
      <option>23</option>
      <option>24</option>
      <option>25</option>
      <option>26</option>
      <option>27</option>   
      <option>28</option>
      <option>29</option>
      <option>30</option>
      <option>31</option>
    </select></td>
    
   
     <td>Tu reserva es para:</td>
     <td><label><input type="radio" name="referente" id="ref_web" value="web" /> 
      Comida </label>
     <label><input type="radio" name="referente" id="ref_fotos" value="fotos" /> 
      Cena </label><br />
   </tr>
   <tr>
        <td width="17%">Número de comensales:</td>
     <td><select name="pax" id="pax">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
      <option>8</option>
      <option>9</option>
      <option>10</option>
      <option>+10 (llamar)</option>
      </select> 
    <td width="15%">Hora:</td>
<td><select name="hora" id="hora">
      <option>13 h.</option>
      <option>14 h.</option>
      <option>15 h.</option>
      <option>16 h.</option>
      <option>-</option>
      <option>20 h.</option>
      <option>21 h.</option>
      <option>22 h.</option>
      <option>23 h.</option>
      </select> 
      <select name="min" id="min">
      <option>00 m.</option>
      <option>15 m.</option>
      <option>30 m.</option>
      <option>45 m.</option>
      </select>      
 </tr>
   <tr>
     <td colspan="2">¿Deseas hacer alguna observación para tu reserva?</td>
   </tr>
   <tr>
     <td class="centrado" colspan="2">
      <textarea cols="50" rows="5" name="consulta"></textarea></td>
   </tr>
   <tr>
     <td class="centrado" colspan="2"><input type="submit" value="Enviar" />
       <input type="reset" value="Borrar" /></td>
   </tr>
  </tbody>
 </table>
</form>
						</div>
					</div>
				</div>
			</article>
		</div>
	</div>
</div>
<div class="content-layout">
	<div class="main">
		<article id="content2">
			<div class="wrapper">
				<section class="pad_left1">
					<div class="wrapper">
						<div class="cols">
							<h2>Dirección</h2>
						</div>
						<div class="col3 pad_left1">
							<h2>Otros restaurantes</h2>
						</div>
					</div>
					<div class="line1">
						<div class="wrapper line2">
							<div class="cols">
								<div class="wrapper pad_bot1">
									<p><strong>Te estamos esperando en:</strong></p>
									<p>Calle Alcalá,
									  309 - 28027 Madrid<br>
									  <span>Telefonos:</span>913 264 214 - 913 263 516<br>
									  <a href="mailto:">reservas-alcala@lamanodepablo.com</a>
								  </p>
								</div>
                             <iframe width="275" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Calle+de+Alcal%C3%A1,+309,+28027+Madrid&amp;aq=0&amp;oq=Calle+Alcal%C3%A1,+309+-+28027+Madrid+&amp;sll=40.396764,-3.713379&amp;sspn=15.415413,16.413574&amp;ie=UTF8&amp;hq=&amp;hnear=Calle+de+Alcal%C3%A1,+309,+28027+Madrid,+Comunidad+de+Madrid&amp;ll=40.432552,-3.652263&amp;spn=0.00352,0.006384&amp;t=m&amp;z=14&amp;output=embed"></iframe><br /><small><a href="http://maps.google.es/maps?f=q&amp;source=embed&amp;hl=es&amp;geocode=&amp;q=Calle+de+Alcal%C3%A1,+309,+28027+Madrid&amp;aq=0&amp;oq=Calle+Alcal%C3%A1,+309+-+28027+Madrid+&amp;sll=40.396764,-3.713379&amp;sspn=15.415413,16.413574&amp;ie=UTF8&amp;hq=&amp;hnear=Calle+de+Alcal%C3%A1,+309,+28027+Madrid,+Comunidad+de+Madrid&amp;ll=40.432552,-3.652263&amp;spn=0.00352,0.006384&amp;t=m&amp;z=14" style="color:#A80002; text-align:left">+ ampliar mapa</a></small>
							</div>
							<div class="col3 pad_left1">
								<p> Calle Fromista,
									  Las Tablas - 28050 Madrid<br>
                                      <span>Telefonos:</span> 914 270 945 - 914 276 274<br>
                                <a href="mailto:">reservas-lastablas@lamanodepablo.com</a></p>
</div>
						</div>
					</div>
				</section>
			</div>
		</article>
<!-- / content -->
	</div>
</div>
<div class="footer-layout">
	<div class="body4">
		<div class="main">
<!-- footer -->
			<footer>
				<div class="wrapper">
					<section class="col1 pad_left1">
						<h3>Reservas: <span>914 270 945</span></h3>
						<a rel="nofollow" href="http://www.kroquis.net/" target="_blank">Website </a> by kroquis.net
					</section>					<section class="col2 pad_left1">
					<section class="col2 pad_left1">
					
						</ul>
					</section>
				</div>
				<!-- {%FOOTER_LINK} -->
			</footer>
<!-- / footer -->
		</div>
	</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>