Código actualizado: Reservas.
<!DOCTYPE html>
<html lang="es"><head>
<title>Tras las Sierras: Cabañas en Córdoba - Argentina</title>
<meta charset="utf-8" />
<meta name="generator" content="DreamWeaver CS6" />
<meta name="author" content="Adriana Loretán" />
<meta name="copyright" content="ESC-División Autores" />
<meta name="robots" content="index, follow /">
<meta name="description" content="Sitio dedicado al alquiler temporario de cabañas en la provincia de Córdoba, Argentina" />
<meta name="keywords" content="cabaña, cabañas, bungaló, bungalow, hospedaje, alojamiento, alquiler, temporario, verano, vacaciones, complejo" />
<meta name="keywords" content="invierno, semana santa, pascuas, otoño, económico, barato, exclusivo, centro, río, arroyito" />
<meta name="keywords" content="presupuesto, calcular, costo, estadía, gastos, vacaciones, precios, alojamiento" />
<style type="text/css">
/* Ver hojas de estilos: maqueta.css, cuerpozona2.css, etc. */
</style>
<!-- Estilos -->
<!-- Definiciones generales / maqueta ------------ -->
<link rel="stylesheet" type="text/css" href="C:/Escuela2013/Css/Maqueta.css" media="screen"/>
<!-- Definiciones del menú principal ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/Menu.css" media="screen" rel="stylesheet" />
<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona2.css" media="screen" rel="stylesheet" />
<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona3.css" media="screen" rel="stylesheet" />
<!-- Definiciones del cuerpo ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/CuerpoZona4.css" media="screen" rel="stylesheet" />
<!-- Definiciones del pie ------------ -->
<link type="text/css" href="C:/Escuela2013/Css/PiePagina.css" media="screen" rel="stylesheet" />
<!-- Definiciones de rutinas asociadas en JavaScript -->
<script type="text/javascript" src="file:///C|/Escuela2013/JavaScript/ScriptI.js"></script>
</head>
<body>
<div id="contenedor">
<header> <!-- Cabecera de la página: logo de la empresa / Etiqueta semántica estructural -->
<figure>
<a href="#" title="Complejo Tras las Sierras - Córdoba - Argentina">
<img src="file:///C:/Escuela2013/Imagenes/logocabecera.jpg" alt="Complejo Tras las Sierras - Córdoba - Argentina">
</a>
</figure>
<audio autoplay loop src="../Sonidos/aves_23.mp3" preload="auto"> </audio>
</header>
<nav> <!-- Barra de navegacion: menu / Etiqueta semántica estructural -->
<ul> <!-- Menu -->
<li style="width: 105px;" class="ocultar"><a href="index.html">PRINCIPAL</a></li>
<li style="width: 145px;"><a href="#" id="ver">Instalaciones</a>
<!-- Submenu -->
<ul id="elementomenu2">
<li><a href="#" class="submenu mensaje" >Complejo</a></li>
<li><a href="#" class="submenu mensaje" >Cabañas</a></li>
<li><a href="#" class="submenu mensaje" >Deck y Bar</a></li>
</ul> <!-- Fin submenu -->
</li>
<li style="width: 108px;" class="mensaje ocultar"><a href="#" style="width: 88px;">Servicios</a></li>
<li style="width: 125px;" class="mensaje ocultar"><a href="#" style="width: 100px;">Actividades</a></li>
<li style="width: 113px;" class="mensaje ocultar"><a href="#" style="width: 93px;">Contacto</a></li>
</ul><!-- Fin enu -->
</nav>
<div id="cuerpo" class="ocultar"> <!-- Cuerpo de la página -->
<div id="menureservas">
</div>
<form action="mailto:allcablenet.com.ar" enctype="text/plain" method="post" name="reservas" id="reservas">
<div id="datospersonales">
<span>Datos Personales</span>
<br/>
<br/>
<label for="apellido" class="rotuloreservas";>Apellido /s *</label>
<input type="text" autofocus required name="apellido" id="apellido" class="capturareservas" style="width:250px;"> <br/>
<br/>
<label for="nombre" class="rotuloreservas">Nombre /s *</label>
<input type="text" required name="nombre" id="nombre" class="capturareservas" style="width:200px;"> <br/>
<br/>
<label for="direccion" class="rotuloreservas"> Dirección</label>
<input type="text" name="direccion" id="direccion" class="capturareservas" style="width:300px;"> <br/>
<br/>
<label for="provincia" class="rotuloreservas"> Provincia</label>
<select name="provincia" id="provincia" class="capturareservas" style="width:100px;">
<option value="Salta">Salta </option>
<option value="Corrientes">Corrientes </option>
<option value="Tucuman">Tucuman </option>
<option value="Jujuy">Jujuy </option>
<option value="Santa Fe">Santa Fe </option>
<option value="Cordoba">Cordoba </option>
<option value="Santa Cruz">Santa Cruz </option>
<option value="Santiago del Estero">Santiago del Estero </option>
<option value="Formosa">Formosa </option>
<option value="La Rioja">La Rioja </option>
<option value="San Luis">San Luis </option>
<option value="Catamarca">Catamarca </option>
<option value="San Juan">San Juan </option>
<option value="Mendoza">Mendoza </option>
<option value="Neuquén">Neuquén </option>
<option value="Río Negro">Río Negro </option>
<option value="Chubut">Chubut </option>
<option value="Misiones">Misiones</option>
<option value="Tierra del Fuego">Tierra del Fuego </option>
<option value="La Pampa">La Pampa </option>
<option value="Buenos Aires">Buenos Aires </option>
<option value="Entre Ríos">Entre Ríos </option>
</select> <br/>
<br/>
<label for="telefono" class="rotuloreservas"> Teléfono</label>
<input type="tel" name="telefono" id="telefono" class="capturareservas" style="width:150px;"> <br/>
<br/>
<label for="correo" class="rotuloreservas"> E-mail *</label>
<input type="email" name="correo" required id="correo" class="capturareservas" style="width:300px;"> <br/>
<br/>
</div>
<div id="datosauxiliares">
<span>Datos de la Reserva</span>
<br/>
<label for="cantidadpersonas" class="rotuloreservas">Cantidad de personas (adultos y niños > a 6 años) *</label>
<input type="number" min="1" max="10" required name="cantidadpersonas" id="cantidadpersonas" class="capturareservas" style="width:100px; height:35px; top: 36px;"><br/>
<br/>
<br/>
<label for="cantidadias" class="rotuloreservas" style="top: 95px;">Cantidad de días *</label>
<input type="number" min="1" max="30" required name="cantidadias" id="cantidadias" class="capturareservas" style="width:100px; height:35px;">
<label for="fecha" class="rotuloreservas" style="top: 95px; left: 300px;">A partir de</label>
<input type="date" name="fecha" id="fecha" class="capturareservas" max="2015-01-01" min="2013-09-01" style="width:150px; height:35px; left: 400px; top: 90px;"><br/>
<br/>
</div>
<div id="datosadicionales">
<span> Servicios Adicionales</span><br/>
<br/>
<label for="desayuno"> </label>
<input type="checkbox" name="desayuno" id="desayuno" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 38px;">Desayuno Americano en el SUM del complejo. Incluye: jugos, infusiones, cafés, frutas, lacteos, huevos, cereales, panes, facturas, tortas, mermeladas, quesos y fiambres. </span>
<br/>
<br/>
<label for="pension"> </label>
<input type="checkbox" name="pension" id="pension" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 84px;">Media pensión en el restaurante del complejo. Almuerzo o cena con menú libre estilo regional con bebidas y mesa de dulces incluída. </span>
<br/>
<br/>
<label for="cabalgata"> </label>
<input type="checkbox" name="cabalgata" id="cabalgata" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 128px;">Cabalgata guiada al cerro Punta del Indio, con almuerzo y descanso al medio día en el puesto Los Castaños. </span>
<br/>
<br/>
<label for="cuatriciclo"> </label>
<input type="checkbox" name="cuatriciclo" id="cuatriciclo" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 176px;">Travesía en cuatriciclos por los sinuosos senderos del Paseo de Los Artesanos con paradas en los miradores Cuesta del Sol y Santa Teresita. </span>
<br/>
<br/>
<label for="excursion"> </label>
<input type="checkbox" name="excursion" id="excursion" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 224px;">Recorrido turístico al dique Los Arroyos con almuerzo en el Complejo de los Siete Platos y visita a los puestos de venta de artículos regionales. </span>
<br/>
<br/>
<label for="recreativa"> </label>
<input type="checkbox" name="recreativa" id="recreativa" class="rotuloadicionales"><span class="capturareservas capturadicionales" style="top: 268px;">Actividades recreativas para la familia: juegos nocturnos, torneos deportivos y clases de gimnasia a cargo de profesionales especializados. </span>
</div>
<div id="otrosdatos">
<span> Peticiones especiales, información de llegada, datos de los</span><br/>
<span> huéspedes y otras observaciones</span><br/>
<br/>
<textarea name="observaciones" id="observaciones" cols="80" rows="7" class="observaciones"> Ingrese su consulta. </textarea><label for="observaciones"></label>
<br/>
<input type="button" value="Calcular presupuesto" class="boton" id="calcular"/>
<input type="button" value="Imprimir copia" style="width: 120px;" class="boton" id="imprimir"/>
<input type="submit" value="Solicitar reserva" class="boton" id="solicitar" />
<input type="reset" value="Borrar" style="width: 50px;" class="boton" id="borrar"/>
<br/>
<br/>
</div>
</form>
</div>
<footer> <!-- Pie de la página-->
<!-- Pie zona superior reservada para menús rápidos y contacto -->
<div id="piezonasuperior">
<div id="galeria">
<!-- Zona 1 comenzando desde la izquierda-->
<span style="margin-left:10px;">Galería</span>
<ul>
<li><a href="#" class="mensaje"> Galería de Imágenes </a></li>
<li><a href="#" class="mensaje"> Complejo </a></li>
<li><a href="#" class="mensaje"> Servicios Adicionales </a></li>
<li><a href="#" class="mensaje"> Actividades </a></li>
<li><a href="#" class="mensaje"> Protección de ermergencias las 24 hs. </a></li>
</ul>
</div>
<!-- Zona 2 -->
<div id="actividades">
<span> Actividades</span>
<ul>
<li><a href="#" class="mensaje"> Ciclatas al Cerro del Faro </a></li>
<li><a href="#" class="mensaje"> Cabalgatas guiadas </a></li>
<li><a href="#" class="mensaje"> Caminatas por Villa Urquiza </a></li>
<li><a href="#" class="mensaje"> Visitas al Parque Temático Mapuches </a></li>
<li><a href="#" class="mensaje"> Paseos en cuatriciclos </a></li>
</ul>
</div>
<!-- Zona 3 -->
<div id="datos">
<h3 style="top: -10px;">Oficinas en Córdoba</h3>
<h2 style="top: -25px;">reservas y<br/>consultas</h2>
<div class="hr" style="top: -10px;"> </div>
<span>
9 de Julio 543 1° Piso Oficina 12 <br/>
(X5903)-Villa Nueva, Provincia de Córdoba <br/>
Argentina
</span>
<h2 style="top: 20px;">número de tel.:<br/>
(+054)0053<br/>
4543-4339/8<br/>
</h2>
<br/><br/><br/>
<span>tlsierras.com.ar</span>
</div>
</div>
<!-- Pie zona inferior reservada datos de diseño -->
<div id="piezonainferior">
<div class="izquierda"> 2013 DTC / Dirección de Turismo de Córdoba </div>
<div class="derecha"> <span class="textopie">Trabajo realizado por<br/>
ESC44 - División Diseño</span> <figure> <a href="#" title="Complejo Tras las Sierras - Córdoba - Argentina">
<img src="file:///C:/Escuela2013/Imagenes/logopie.JPG" class= "logopie" alt="Complejo Tras las Sierras - Córdoba - Argentina">
</a> </figure> </div>
</div>
</footer>
</div>
</body>
</html>
