- Cambio en la pantalla de inicio para elegir restaurante.

git-svn-id: https://192.168.0.254/svn/Proyectos.LaManoDePablo_Web/trunk@4 1f125104-cfba-1d4b-a82f-f72e3caf8177

src/css/layout.css

@@ -1,18 +0,0 @@
-.col1, .col2, .col3, .cols  {float:left}
-.cols {width:300px}
-.col1 {width:630px}
-.col2 {width:240px}
-.col3 {width:570px}
-/* index.html */
-/* index-1.html */
-#page2 .box .list1 {margin-top:-7px}
-/* index-2.html */
-#page3 h2.letter_spacing {word-spacing:-2px}
-/* index-3.html */
-#page4 .box .list1 {margin-top:-7px}
-#page4 h2.pad_bot1 {padding-bottom:5px}
-/* index-4.html */
-#page5 .box > div {background: url(../images/box_top2.png) top center no-repeat}
-#page5 #content2 h2 {padding-bottom:4px}
-/* index-5.html */
-/* index-6.html */

src/css/style.css

@@ -1,114 +1,104 @@
-/* Getting the new tags to behave */
-article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
-mark, rp, rt, ruby, summary, time {display:inline}
-/* Left & Right alignment */
-.left {float:left}
-.right {float:right}
-.wrapper {width:100%;overflow:hidden}
-.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
-/* Global properties */
-body {background:url(../images/bg_bot.jpg) center 0 repeat #faf3ed;border:0;font:14px Georgia, "Times New Roman", Times, serif;color:#200;line-height:24px}
-.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
-.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
-/* Global Structure */
-.main {	margin:0 auto;	width:960px}
-.body1 {background:url(../images/bg_top_img.jpg) top center no-repeat}
-.body2 {background:#faf3ed} 
-.body3 {background:url(../images/bg_bot.jpg) top center repeat}
-.body4 {background:url(../images/bg_bot_img.jpg) top center no-repeat}
-.body5 {background:url(../images/slider_shadow.png) center 508px no-repeat}
-.body6 {background:url(../images/bg_top.jpg) top repeat-x}
-/* main layout */
-a {color:#a80002;text-decoration:none;outline:none}
-a:hover {text-decoration:underline}
-h1 {float:left;padding:0px 0 0 36px}
+body {
+	background:url(../images/bg_bot.jpg) center 0 repeat #faf3ed;
+	font:14px Georgia, "Times New Roman", Times, serif;
+	color: #fff;
+	line-height: 24px;
+}
+
+a {
+	color: #a80002;
+	text-decoration:none;
+	outline:none
+}
+
+a:hover {
+	text-decoration:underline
+}
+
+
+header {
+	background: url(../images/bg_top.jpg) center -180px repeat-x #4f0101;
+	height: 450px;
+	text-align: center;
+}
+
+	header div {
+		width: 100%;
+		height: 100%;
+		background: url(../images/bg_top_img.jpg) center -180px no-repeat;		
+	}
+
+
+article {
+	background:#fff url(../images/box_top2.png) center -11px no-repeat;
+	color: #111;	
+}
+
+	article div {
+		width: 710px;
+		margin: 0 auto;
+	}
+
+section {
+	width: 280px;
+	text-align: left;
+	margin: -150px auto 20px auto;	
+}
+
+figure img {
+	border: 1px solid #4f0101;
+  	-moz-box-shadow: 2px 2px 10px #4f0101;
+  	-webkit-box-shadow: 2px 2px 10px #4f0101;
+}
+
+
+section.parrilla {
+	float: left;
+}
+
+section.pollos {
+	float: right;
+}
+
+footer {
+	clear: both;
+	margin-top: 50px;
+	color: #444;		
+}
+
+
+h1 {
+	background: url(../images/logo.png) center 50px no-repeat;
+	text-indent: -1000px;
+	width: 259px;
+	height: 95px;
+	overflow: hidden;
+	margin: 0 auto;
+	padding: 50px 0;
+}
+
 h2 {
-	font-size:41px;
-	line-height:1.2em;
-	color:#F00;
-	padding:16px 0 12px 0;
-	letter-spacing:-2px;
-	text-align: center;
+    font-size: 41px;
+    letter-spacing: -2px;
+    line-height: 1.2em;
+    padding: 16px 0 12px;
+    text-align: center;
+	color: #fff;
+	margin: 0 auto;
+	text-shadow: 2px 2px 2px #000;
 }
-h2.letter_spacing {letter-spacing:-3px}
-h3 {font-size:27px;color:#230000;line-height:1.2em;padding:20px 0 9px 0;letter-spacing:-1px}
-h3 span {color:#a80002}
+
+h3 {
+	font-size: 36px;
+	margin-top: 20px;
+	margin-bottom: 8px;
+	text-align:left;
+}
+
 p {
-	padding-bottom:24px;
-	font-size: 18px;
+	text-align:left;
 }
-/* header */
-header {height:121px;padding-top:31px;width:100%;overflow:hidden}
-#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:259px;height:94px;text-indent:-9999px}
-#top_nav {float:right;padding:4px 43px 30px 0}
-#top_nav li {float:left;padding:3px 26px 5px 0;background:url(../images/top_line.gif) right 0 no-repeat;margin-right:25px}
-#top_nav li a {display:block;line-height:0}
-#top_nav .end {background:none;padding-right:0;margin-right:0}
-#menu {width:633px;float:right;padding:0 0 0 0}
-#menu li {float:left;padding-left:3px}
-#menu li a {display:block;font-size:24px;color:#faf3ed;line-height:40px;padding:0 20px;height:44px;letter-spacing:-1px}
-#menu li a:hover, #menu .active a {text-decoration:none;background:url(../images/menu_bg.png) repeat}
-.slider_bg {width:100%;height:404px;background:url(../images/bg_slider.jpg) 0 0 no-repeat;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:35px}
-.slider {top:10px;right:10px;position:absolute;z-index:1;width:920px}
-.slider .items {display:none}
-.slider .pic {float:right;position:relative}
-.banner {left:0px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
-.banner strong {font-size:52px;color:#bf0f0a;display:block;line-height:1.2em;text-transform:uppercase;padding:55px 0 0 0;letter-spacing:-2px}
-.banner strong span {display:block;margin-top:-16px}
-.banner b {display:block;font-size:27px;color:#312826;text-transform:uppercase;padding:0 0 23px 0;line-height:1.2em;letter-spacing:-1px}
-.banner p {background:url(../images/quot1.png) 0 0 no-repeat}
-.banner p span {display:block;background:url(../images/quot2.png) right bottom no-repeat;padding:0 0 0 0;color:#6c5f5b;padding-bottom:2px}
-.slider .pagination {position:absolute;z-index:2;bottom:10px;left:107px}
-.slider .pagination li {float:left;padding-right:3px}
-.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
-.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
-/* content */
-#content {padding-bottom:40px}
-#content2 {padding-bottom:31px}
-.pad_left1 {padding-left:30px}
-.pad_bot1 {
-	padding-bottom:13px;
-	text-align: center;
-}
-.pad_bot2 {padding-bottom:24px}
-.marg_right1 {margin-right:20px}
-.box {background:url(../images/box_bg.png) repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}
-.box > div {background:url(../images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
-.box h2 {color:#a80002;padding:15px 0 12px 0}
-.box h2 span {color:#faf3ed}
-.box figure {padding-bottom:13px}
-.list1 li a {font-style:italic;padding-left:12px;background:url(../images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
-.list_1 {color:#fff}
-.list_1:hover {text-decoration:none}
-.button1 {display:inline-block;font-size:20px;color:#faf3ed;line-height:34px;padding:0 15px;background:#a80002;letter-spacing:-1px}
-.button1:hover {text-decoration:none;color:#1e0000;background:#faf3ed}
-.testimonials li span {float:left;width:40px;height:40px;font-size:30px;color:#faf3ed;line-height:34px;text-align:center;background:#a80002;margin-right:20px}
-.testimonials li p {float:left;width:180px;padding-bottom:15px}
-.testimonials li img {padding-top:2px}
-.line1 {background:url(../images/line_vert1.gif) 285px 0 repeat-y}
-.line2 {background:url(../images/line_vert1.gif) 615px 0 repeat-y}
-.price {margin-top:-7px}
-.price li {overflow:hidden;background:url(../images/price_bg.gif) 0 -6px repeat-x}
-.price a {float:left;color:#220000;background:url(../images/marker_2.gif) 1px 11px no-repeat #faf3ed;padding-left:12px}
-.price a:hover {text-decoration:none;color:#a80002}
-.price span {float:right;background:#faf3ed}
-.address {padding-bottom:0}
-.address span {float:left;width:84px}
-/* footer */
-footer {height:138px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
-footer a {color:#c53005;text-decoration:underline}
-footer a:hover {text-decoration:none}
-#icons {padding:5px 0 0 0}
-#icons li {float:left;padding-right:9px}
-/* Tooltips */
-.aToolTip {background:#a80002;color:#fff;	margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
-.aToolTip .aToolTipContent {position:relative;	margin:0;padding:0}
-/* forms */
-#ContactForm {margin-top:-5px;width:910px}
-#ContactForm span {float:left;width:111px;line-height:20px}
-#ContactForm .wrapper {min-height:24px}
-#ContactForm .textarea_box {min-height:170px;width:100%;overflow:hidden;padding-bottom:9px}
-#ContactForm {}
-#ContactForm a {margin-left:20px;float:right}
-#ContactForm .input {width:399px;height:18px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0;float:left}
-#ContactForm textarea {overflow:auto;width:789px;height:163px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}
+
+.clear {
+	clear: both;
+}

src/index.html

@@ -1,101 +1,37 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
 <head>
 <title>Bienvenidos - 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/cufon-replace.js"></script>
 <script type="text/javascript" src="js/Forum_400.font.js"></script>
-<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
-<script type="text/javascript" src="js/tms-0.3.js"></script>
-<script type="text/javascript" src="js/tms_presets.js"></script>
-<script type="text/javascript" src="js/script.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="page1">
-<div class="body6">
-	<div class="body1">
-		<div class="body5">
-			<div class="main">
-<!-- header -->
-				<header> 
-                  <a href="index.html" id="logo">La Mano de Pablo</a>
-					<nav>
-						<ul id="top_nav">
-							
-						</ul>
-					</nav>
-					<nav>
-						<ul id="menu">
-							
-					  </ul>
-					</nav>
-				</header><div class="ic"></div>
-<!-- / header -->
-<!-- content -->
-				<article id="content">
-		  </div>
-	</div>
-</div>
-<div class="body2">
-	<div class="main">
-		<article id="content2">
-			<div class="wrapper">
-				<section class="pad_left1">
-					<h2>Bienvenidos a La Mano de Pablo</h2>
-					<div class="line1">
-						<div class="wrapper line2">
-						  <div class="col2 pad_left1">
-						    <div class="wrapper pad_bot1">
-						      <figure class="pad_bot1"><a href="../webLMP1/index.html" target="_blank"><img src="images/page2_img5.jpg" alt=""></a></figure>
-						      <strong>En Las Tablas,</strong> les ofrecemos nuestros tradicionales platos de cocina Uruguaya y crujientes pizzas. </div>
-					      </div>
-						  <div class="cols pad_left1">
-						    <p>&nbsp;</p>
-                            <h4>Por favor seleccione el restaurante </h4>
-                            <h4>que desea visitar...</h4>
-                          </div>
-							<div class="col2 pad_left1">
-								<div class="wrapper pad_bot1">
-									<figure class="pad_bot1"><a href="../webLMP2/index.html" target="_blank"><img src="images/page2_img5_2.jpg" alt=""></a></figure>
-								<strong>En la calle Alcalá,</strong> además de nuestras especialidades podrán degustar exquisitos pollos a la brasa. </div>
-							</div>
-					  </div>
-					</div>
-				</section>
-			</div>
-		</article>
-<!-- / content -->
-	</div>
-</div>
-<div class="body3">
-	<div class="body4">
-		<div class="main">
-<!-- footer -->
-			<footer>
-				<div class="wrapper">© LA MANO DE PABLO - 2012 - www.lamanodepablo.com</div>
-				<!-- {%FOOTER_LINK} -->
-			</footer>
-<!-- / footer -->
-		</div>
-	</div>
-</div>
+<body>
+<header>
+  <div>
+    <h1 id="logo">La Mano de Pablo</h1>
+    <h2>¿Qué le apetece comer?</h2>
+  </div>
+</header>
+<article>
+  <div>
+    <section class="parrilla">
+      <figure><a href="webLMP1/index.html"><img src="images/foto-parrilla.jpg"/></a></figure>
+      <h3><a href="webLMP1/index.html">Parrilla-Pizerría</a></h3>
+      <p>En <a href="webLMP1/Contacts.html">Las Tablas</a>, les ofrecemos nuestros tradicionales platos de cocina uruguaya y crujientes pizzas.</p>
+    </section>
+    <section class="pollos">
+      <figure><a href="webLMP2/index.html"><img src="images/foto-pollos.jpg"/></a></figure>
+      <h3><a href="webLMP2/index.html">Pollos a la brasa</a></h3>
+      <p>En la <a href="webLMP2/Contacts.html">Calle de Alcalá</a>, además de nuestras especialidades, podrán degustar exquisitos pollos a la brasa.</p>
+    </section>
+  </div>
+  <br class="clear"/>
+</article>
+<footer> © LA MANO DE PABLO - 2012 - <a href="http://www.lamanodepablo.com">www.lamanodepablo.com</a> </footer>
 <script type="text/javascript"> Cufon.now(); </script>
 </body>
-</html>
+</html>

src/js/cufon-replace.js

@@ -0,0 +1,2 @@
+Cufon.replace('#menu a, .banner strong, .banner b, h2, h3', { fontFamily: 'Forum', hover:true });
+