Código Html actualizado.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Complejo Tras las Sierras - Córdoba - Argentina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="NotePad++" />
<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" />
<meta name="keywords" content="invierno, semana santa, pascua, otoño, económico, barato, exclusivo, centro, rio, arroyito" />
<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 visor Jquery -->
<link rel="stylesheet" href="../Jquery/coin-slider-styles.css" type="text/css" /> <!-- Css visor Jquery + definición de zona en la maqueta. Recordar que se encuentra guardado en la carpeta ../JQuery/coin-slider-styles.css -->
<script type="text/javascript" src="../Jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../Jquery/coin-slider.js"></script>
<script type="text/javascript"> <!--Activar el plug in -->
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});
</script>
<!-- Fin Jquery -->
<script type="text/javascript">
function ver(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="visible";
}
function ocultar(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="hidden";
}
function saltar(evento,objeto) {
/* var tecla = (document.all) ? evento.keyCode : evento.which; document.all / sólo para IE - sentencia abreviada de if */
var tecla = evento.which; /* Retorna el código numérico en ascii de la tecla presionada - event.which */
if(tecla!=13) return;
var formulario = objeto.form;
var i;
for (i=0; i<formulario.elements.length; i++)
if(formulario.elements[i]==objeto) {
if (i == formulario.elements.length - 1) i= -1;
break }
formulario.elements[i+1].focus();
return false;
}
function enconstruccion(){
window.alert("Elemento en construcción!");
}
/* Seleccionar datos */
function seleccionar(objeto){
objeto.select();
}/* fin función selecionar datos al hacer click */
</script>
<body>
<div id="contenedor">
<header> <!-- Cabecera de la página: logo de la empresa -->
<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 -->
<ul> <!-- Menu -->
<li style="width: 105px;" onMouseOver="javascript: ocultar();"><a href="#">PRINCIPAL</a></li>
<li style="width: 145px;"><a href="#" onClick="javascript: ver();">Instalaciones</a>
<ul id="elementomenu2" onClick="javascript: ocultar();"> <!-- Submenu -->
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Pileta
Climatizada</a></li>
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Canchas
de Tenis</a></li>
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Deck
y Bar</a></li>
</ul> <!-- Fin submenu -->
</li>
<li style="width: 108px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 88px;">Servicios</a></li>
<li style="width: 125px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 100px;">Actividades</a></li>
<li style="width: 113px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 93px;">Contacto</a></li>
</ul><!-- Fin enu -->
</nav>
<div id="cuerpo" onMouseMove="javascript: ocultar();"> <!-- Cuerpo de la página-->
<div id="cuerpozona1"> <!-- Zona1: album / comenzando desde arriba - horizontal-->
<!-- División usada por Jquery -->
<div id="container">
<div id="coin-slider">
<img src="../Imagenes/CordobaIII.png" alt="" />
<img src="../Imagenes/CordobaI.png" alt="" />
<img src="../Imagenes/CordobaII.png" alt="" />
<img src="../Imagenes/Cordoba.png" alt="" />
<img src="../Imagenes/CordobaIV.png" alt="" />
<img src="../Imagenes/CordobaV.png" alt="" />
<img src="../Imagenes/CordobaVI.png" alt="" />
<img src="../Imagenes/CordobaVII.png" alt="" />
<img src="../Imagenes/CordobaVIII.png" alt="" />
<img src="../Imagenes/CordobaIX.png" alt="" />
</div>
</div>
</div>
<div id="cuerpozona2"> <!-- Zona2: reserva / comenzando desde la arriba-->
<h3 class="cartel"> Apurate y alquilá tu semana. Reservá ahora! </h3>
<div class="boton"> <a href="#" onClick="javascript: enconstruccion();"> Solicitar Reserva ></a></div>
</div>
<div id="cuerpozona3"> <!-- Zona3: publicidades / comenzando desde la arriba ------------------------------------------>
<div class="publicidad" style="top: 0px; left: 0px;">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadI.png"/>
<div class="mascara">
<h2>Complejo Torres II</h2>
<p>Descuento horario 13 hs.!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>
</div>
</div>
</div>
<!-- -------------------------------------- -->
<div class="publicidad">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadII.png"/>
<div class="mascara">
<h2>Salas Seven</h2>
<p>Pase libre Sala 4!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">+ Información!</a>
</div>
</div>
</div>
<!-- -------------------------------------- -->
<div class="publicidad">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadIII.png"/>
<div class="mascara">
<h2>Shopping Paseo del Sol</h2>
<p>Pop Corn GRATIS!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>
</div>
</div>
</div>
</div><!-- Fin Zona3: publicidades / comenzando desde la arriba ------------------------------------------>
<!-- -------------------------------------- -->
<div id="cuerpozona4"> <!-- Zona4: datos / comenzando desde la arriba-->
<section class="informacion">
<h5 class="eslogan">Google Maps</h5>
<h4 class="titulo">Nuestra ubicación</h4> <br/>
<iframe src="https://maps.google.com.ar/?ie=UTF8&ll=-32.032145,-61.227407&spn=0.01257,0.026157&t=m&z=16&output=embed"></iframe><br /> <br />
<a href="https://maps.google.com.ar/?ie=UTF8&ll=-32.032145,-61.227407&spn=0.01257,0.026157&t=m&z=16&source=embed"> Ver mapa más grande </a>
<br/> <br/>
<h4 class="titulo">TLS cuida de vos y tu familia</h4> <br/>
<h5 class="nota">Vigilancia nocturna. Además para la tranquilidad de su familia contamos con servicio medico de urgencia las 24 hs del día.</h5> <br/>
<h4 class="titulo">Cobertura WiFi</h4>
<img class="flotarizq" src="../Imagenes/zonaWF.png" /><br/>
<h5 class="nota">El complejo cuenta con cobertura WIFI, para todos los huespedes.</h5>
</section>
<section class="informacion">
<h5 class="eslogan">Vacacionar en cualquier destino del mundo</h5>
<h4 class="titulo">Interval World</h4> <br/>
<img src="../Imagenes/intervalworld.jpg" />
<br/> <br/>
<h5 class="nota">El complejo Tras las Sierras (TlS) se encuentra asociado a IntervalWorld, una de las cadenas de intercambio de tiempo compartido más grande del mundo, que proporciona a sus miembros la capacidad de vacacionar en todo el mundo, con servicio de cambio global y muchas otras interesantes ventajas exclusivas. <br/><br/>
Si Ud. ya es dueño de un tiempo compartido en TlS, ya cuenta con este beneficio.<br/>
Si Ud no lo es, puede adquirir su semana y tener la posibilidad de vacacionar en cualquier destino del mundo.<br/><br/>
Asesorese por medio de nuestro formulario de contacto o a través de nuestros teléfonos (+054)0053 4543-4339/8.<br/></h5>
</section>
<section class="informacion">
<h5 class="eslogan">Descubra lo que TlS tiene para ofrecerle </h5>
<h4 class="titulo">Bosque + Cabañas + Ríos</h4> <br/>
<h5 class="nota">Cuenta con seis cabañas tipo dúplex, totalmente equipadas, con cocheras individuales.
A través de sus ventanales se pueden disfrutar los colores, olores y sonidos del bosque, ya que se privilegió la preservación del entorno sin descuidar la intimidad y el confort de cada módulo habitacional. </h5> <br/> <br/>
<h5 class="eslogan">Relájse y disfrute</h5>
<h4 class="titulo">Infraestructura, servicio y comodidad</h4> <br/>
<h5 class="nota">Tras las Sierras le ofrece a Ud. y su familia piscinas para niños y adultos al aire libre con un importante solarium, pileta cubierta y jacuzzi climatizados con extensos ventanales al bosque. <br/><br/> También un completo gimnasio con sauna y ducha escocesa; un gran quincho cubierto totalmente equipado con heladeras, vajilla y mantelería y espectaculares asadores criollos, parrillas y hornos de barro.</h5>
</section>
</div>
</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="#" onClick="javascript: enconstruccion();"> Galería de Imágenes </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Complejo </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Cabañas </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Quincho </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Actividades </a></li>
</ul>
</div>
<!-- Zona 2 -->
<div id="contacto">
<span>Contacto rápido</span>
<div class="hr" style="top:12px;"> </div><br style="line-height: 8px;"/>
<form action="mailto:all@cablenet.com.ar" enctype="text/plain" method="post" name="formulario">
<input name="apynom" type="text" autofocus maxlength="35" required onKeyPress="javascript: return saltar(event,this);"> <label for="apynom">Nomb</label>
<input name="email" type="email" maxlength="35" required onKeyPress="javascript: return saltar(event,this);"> <label for="email">E-Mail</label>
<textarea name="consulta" cols="30" rows="8">Ingrese su consulta, por favor!</textarea><label for="consulta"></label>
<input type="submit" value="Enviar mensaje rápido" tabindex="3" class="boton" />
</form>
</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>
<html lang="es">
<head>
<title>Complejo Tras las Sierras - Córdoba - Argentina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="NotePad++" />
<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" />
<meta name="keywords" content="invierno, semana santa, pascua, otoño, económico, barato, exclusivo, centro, rio, arroyito" />
<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 visor Jquery -->
<link rel="stylesheet" href="../Jquery/coin-slider-styles.css" type="text/css" /> <!-- Css visor Jquery + definición de zona en la maqueta. Recordar que se encuentra guardado en la carpeta ../JQuery/coin-slider-styles.css -->
<script type="text/javascript" src="../Jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../Jquery/coin-slider.js"></script>
<script type="text/javascript"> <!--Activar el plug in -->
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 900, navigation: false, delay: 5000 });
});
</script>
<!-- Fin Jquery -->
<script type="text/javascript">
function ver(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="visible";
}
function ocultar(){
var elementomenu = document.getElementById("elementomenu2");
elementomenu.style.visibility ="hidden";
}
function saltar(evento,objeto) {
/* var tecla = (document.all) ? evento.keyCode : evento.which; document.all / sólo para IE - sentencia abreviada de if */
var tecla = evento.which; /* Retorna el código numérico en ascii de la tecla presionada - event.which */
if(tecla!=13) return;
var formulario = objeto.form;
var i;
for (i=0; i<formulario.elements.length; i++)
if(formulario.elements[i]==objeto) {
if (i == formulario.elements.length - 1) i= -1;
break }
formulario.elements[i+1].focus();
return false;
}
function enconstruccion(){
window.alert("Elemento en construcción!");
}
/* Seleccionar datos */
function seleccionar(objeto){
objeto.select();
}/* fin función selecionar datos al hacer click */
</script>
<body>
<div id="contenedor">
<header> <!-- Cabecera de la página: logo de la empresa -->
<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 -->
<ul> <!-- Menu -->
<li style="width: 105px;" onMouseOver="javascript: ocultar();"><a href="#">PRINCIPAL</a></li>
<li style="width: 145px;"><a href="#" onClick="javascript: ver();">Instalaciones</a>
<ul id="elementomenu2" onClick="javascript: ocultar();"> <!-- Submenu -->
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Pileta
Climatizada</a></li>
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Canchas
de Tenis</a></li>
<li><a href="#" class="submenu" onClick="javascript: enconstruccion();">Deck
y Bar</a></li>
</ul> <!-- Fin submenu -->
</li>
<li style="width: 108px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 88px;">Servicios</a></li>
<li style="width: 125px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 100px;">Actividades</a></li>
<li style="width: 113px;" onMouseOver="javascript: ocultar();"><a href="#" style="width: 93px;">Contacto</a></li>
</ul><!-- Fin enu -->
</nav>
<div id="cuerpo" onMouseMove="javascript: ocultar();"> <!-- Cuerpo de la página-->
<div id="cuerpozona1"> <!-- Zona1: album / comenzando desde arriba - horizontal-->
<!-- División usada por Jquery -->
<div id="container">
<div id="coin-slider">
<img src="../Imagenes/CordobaIII.png" alt="" />
<img src="../Imagenes/CordobaI.png" alt="" />
<img src="../Imagenes/CordobaII.png" alt="" />
<img src="../Imagenes/Cordoba.png" alt="" />
<img src="../Imagenes/CordobaIV.png" alt="" />
<img src="../Imagenes/CordobaV.png" alt="" />
<img src="../Imagenes/CordobaVI.png" alt="" />
<img src="../Imagenes/CordobaVII.png" alt="" />
<img src="../Imagenes/CordobaVIII.png" alt="" />
<img src="../Imagenes/CordobaIX.png" alt="" />
</div>
</div>
</div>
<div id="cuerpozona2"> <!-- Zona2: reserva / comenzando desde la arriba-->
<h3 class="cartel"> Apurate y alquilá tu semana. Reservá ahora! </h3>
<div class="boton"> <a href="#" onClick="javascript: enconstruccion();"> Solicitar Reserva ></a></div>
</div>
<div id="cuerpozona3"> <!-- Zona3: publicidades / comenzando desde la arriba ------------------------------------------>
<div class="publicidad" style="top: 0px; left: 0px;">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadI.png"/>
<div class="mascara">
<h2>Complejo Torres II</h2>
<p>Descuento horario 13 hs.!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>
</div>
</div>
</div>
<!-- -------------------------------------- -->
<div class="publicidad">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadII.png"/>
<div class="mascara">
<h2>Salas Seven</h2>
<p>Pase libre Sala 4!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">+ Información!</a>
</div>
</div>
</div>
<!-- -------------------------------------- -->
<div class="publicidad">
<div class="visor ver-primero">
<img src="../Imagenes/publicidadIII.png"/>
<div class="mascara">
<h2>Shopping Paseo del Sol</h2>
<p>Pop Corn GRATIS!</p>
<a href="#" class="informacion" onClick="javascript: enconstruccion();">Canjear ahora!</a>
</div>
</div>
</div>
</div><!-- Fin Zona3: publicidades / comenzando desde la arriba ------------------------------------------>
<!-- -------------------------------------- -->
<div id="cuerpozona4"> <!-- Zona4: datos / comenzando desde la arriba-->
<section class="informacion">
<h5 class="eslogan">Google Maps</h5>
<h4 class="titulo">Nuestra ubicación</h4> <br/>
<iframe src="https://maps.google.com.ar/?ie=UTF8&ll=-32.032145,-61.227407&spn=0.01257,0.026157&t=m&z=16&output=embed"></iframe><br /> <br />
<a href="https://maps.google.com.ar/?ie=UTF8&ll=-32.032145,-61.227407&spn=0.01257,0.026157&t=m&z=16&source=embed"> Ver mapa más grande </a>
<br/> <br/>
<h4 class="titulo">TLS cuida de vos y tu familia</h4> <br/>
<h5 class="nota">Vigilancia nocturna. Además para la tranquilidad de su familia contamos con servicio medico de urgencia las 24 hs del día.</h5> <br/>
<h4 class="titulo">Cobertura WiFi</h4>
<img class="flotarizq" src="../Imagenes/zonaWF.png" /><br/>
<h5 class="nota">El complejo cuenta con cobertura WIFI, para todos los huespedes.</h5>
</section>
<section class="informacion">
<h5 class="eslogan">Vacacionar en cualquier destino del mundo</h5>
<h4 class="titulo">Interval World</h4> <br/>
<img src="../Imagenes/intervalworld.jpg" />
<br/> <br/>
<h5 class="nota">El complejo Tras las Sierras (TlS) se encuentra asociado a IntervalWorld, una de las cadenas de intercambio de tiempo compartido más grande del mundo, que proporciona a sus miembros la capacidad de vacacionar en todo el mundo, con servicio de cambio global y muchas otras interesantes ventajas exclusivas. <br/><br/>
Si Ud. ya es dueño de un tiempo compartido en TlS, ya cuenta con este beneficio.<br/>
Si Ud no lo es, puede adquirir su semana y tener la posibilidad de vacacionar en cualquier destino del mundo.<br/><br/>
Asesorese por medio de nuestro formulario de contacto o a través de nuestros teléfonos (+054)0053 4543-4339/8.<br/></h5>
</section>
<section class="informacion">
<h5 class="eslogan">Descubra lo que TlS tiene para ofrecerle </h5>
<h4 class="titulo">Bosque + Cabañas + Ríos</h4> <br/>
<h5 class="nota">Cuenta con seis cabañas tipo dúplex, totalmente equipadas, con cocheras individuales.
A través de sus ventanales se pueden disfrutar los colores, olores y sonidos del bosque, ya que se privilegió la preservación del entorno sin descuidar la intimidad y el confort de cada módulo habitacional. </h5> <br/> <br/>
<h5 class="eslogan">Relájse y disfrute</h5>
<h4 class="titulo">Infraestructura, servicio y comodidad</h4> <br/>
<h5 class="nota">Tras las Sierras le ofrece a Ud. y su familia piscinas para niños y adultos al aire libre con un importante solarium, pileta cubierta y jacuzzi climatizados con extensos ventanales al bosque. <br/><br/> También un completo gimnasio con sauna y ducha escocesa; un gran quincho cubierto totalmente equipado con heladeras, vajilla y mantelería y espectaculares asadores criollos, parrillas y hornos de barro.</h5>
</section>
</div>
</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="#" onClick="javascript: enconstruccion();"> Galería de Imágenes </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Complejo </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Cabañas </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Quincho </a></li>
<li><a href="#" onClick="javascript: enconstruccion();"> Actividades </a></li>
</ul>
</div>
<!-- Zona 2 -->
<div id="contacto">
<span>Contacto rápido</span>
<div class="hr" style="top:12px;"> </div><br style="line-height: 8px;"/>
<form action="mailto:all@cablenet.com.ar" enctype="text/plain" method="post" name="formulario">
<input name="apynom" type="text" autofocus maxlength="35" required onKeyPress="javascript: return saltar(event,this);"> <label for="apynom">Nomb</label>
<input name="email" type="email" maxlength="35" required onKeyPress="javascript: return saltar(event,this);"> <label for="email">E-Mail</label>
<textarea name="consulta" cols="30" rows="8">Ingrese su consulta, por favor!</textarea><label for="consulta"></label>
<input type="submit" value="Enviar mensaje rápido" tabindex="3" class="boton" />
</form>
</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>