Subida inicial con maqueta preliminar

git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@1 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-10-31 17:31:38 +00:00 · 2011-10-31 17:31:38 +00:00 · 0497a71e3a
commit 0497a71e3a
158 changed files with 4822 additions and 0 deletions
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/TIENDAS/P1000102.JPG
+++ b/TIENDAS/P1000102.JPG
--- a/TIENDAS/P1000103.JPG
+++ b/TIENDAS/P1000103.JPG
--- a/TIENDAS/P1000104.JPG
+++ b/TIENDAS/P1000104.JPG
--- a/TIENDAS/P1000105.JPG
+++ b/TIENDAS/P1000105.JPG
--- a/TIENDAS/P1000106.JPG
+++ b/TIENDAS/P1000106.JPG
--- a/TIENDAS/P1000107.JPG
+++ b/TIENDAS/P1000107.JPG
--- a/TIENDAS/P1000108.JPG
+++ b/TIENDAS/P1000108.JPG
--- a/TIENDAS/P1000109.JPG
+++ b/TIENDAS/P1000109.JPG
--- a/TIENDAS/P1000110.JPG
+++ b/TIENDAS/P1000110.JPG
--- a/TIENDAS/P1000111.JPG
+++ b/TIENDAS/P1000111.JPG
--- a/TIENDAS/P1000112.JPG
+++ b/TIENDAS/P1000112.JPG
--- a/TIENDAS/Thumbs.db
+++ b/TIENDAS/Thumbs.db
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/FOTOS
+++ b/informacion/FOTOS
--- a/informacion/Infer_cocinas.pdf
+++ b/informacion/Infer_cocinas.pdf
--- a/informacion/tratadas/.picasa.ini
+++ b/informacion/tratadas/.picasa.ini
@ -0,0 +1,20 @@
+[fotos-cocinas-2207-025.jpg]
+backuphash=51249
+filters=crop64=1,299934ff9b33e322;
+crop=rect64(299934ff9b33e322)
+[fotos-cocinas-04.jpg]
+backuphash=17228
+filters=crop64=1,1600071cb621bfa4;
+crop=rect64(1600071cb621bfa4)
+[fotos-cocinas-05.jpg]
+backuphash=62937
+filters=crop64=1,3ccd174ad5ddc71c;
+crop=rect64(3ccd174ad5ddc71c)
+[fotos-banos-01.jpg]
+backuphash=28949
+filters=crop64=1,4acd14faea65ccfa;
+crop=rect64(4acd14faea65ccfa)
+[fotos-banos-02.jpg]
+backuphash=62188
+filters=crop64=1,34224199d243f7ff;
+crop=rect64(34224199d243f7ff)
--- a/informacion/tratadas/fotos-banos-01.jpg
+++ b/informacion/tratadas/fotos-banos-01.jpg
--- a/informacion/tratadas/fotos-banos-02.jpg
+++ b/informacion/tratadas/fotos-banos-02.jpg
--- a/informacion/tratadas/fotos-cocinas-02.jpg
+++ b/informacion/tratadas/fotos-cocinas-02.jpg
--- a/informacion/tratadas/fotos-cocinas-04.jpg
+++ b/informacion/tratadas/fotos-cocinas-04.jpg
--- a/informacion/tratadas/fotos-cocinas-05.jpg
+++ b/informacion/tratadas/fotos-cocinas-05.jpg
--- a/informacion/tratadas/fotos-cocinas-2207-025.jpg
+++ b/informacion/tratadas/fotos-cocinas-2207-025.jpg
--- a/referencia/coffee-house-html5-website-template.zip
+++ b/referencia/coffee-house-html5-website-template.zip
--- a/referencia/documentation.pdf
+++ b/referencia/documentation.pdf
--- a/src/about.html
+++ b/src/about.html
@ -0,0 +1,271 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content ="place your description here"/>
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index">
+<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+
+<div id="hero-slider">
+    <ul>
+    	<!--li><a href="#" rel="#panel-1" class="active">The story of cuppyBar</a></li>
+        <li><a href="#" rel="#panel-2" class="active">The philosophy</a></li>
+        <li><a href="#" rel="#panel-3" class="active">Our staff</a></li>
+        <li><a href="#" rel="#panel-4" class="active">CuppyBar Interior</a></li>
+		<li><a href="#" rel="#panel-5" class="active">Testimonials</a></li-->
+    </ul>
+    <div class="mask">
+        <div class="slider-body">
+            <div class="panel" id="panel-1">
+            <section class="panelinfo">
+            <h2>Our long and successful history</h2>
+            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+            </section>
+			<div class="divider"></div>
+			   <!--section class="panelinfo2">
+			   				<h3>Want to know how did we grow? See history in pictures!</h3>
+							<p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+							<a href="additional3.html" class="button">View Photo story</a>
+			   </section-->
+            </div>
+
+			
+			<!--div class="panel" id="panel-2">
+            <section class="panelinfo">
+            <h2>Our philosophy and principles</h2>
+            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. 
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+			</section>
+            </div-->
+				
+            <div class="panel" id="panel-3">
+            <section class="panelinfo">
+            <h2>Our staff</h2>
+			</section>
+			
+			<section class="panel-image">
+<div class="slideOutTip openLeft green" style="left:260px;top:16px">
+	<div class="tipVisible">
+		<div class="tipIcon">
+			<div class="plusIcon"></div>
+		</div><!--tipicon ends here-->
+		<p class="tipTitle">Mary Smith&mdash;Chief</p>
+	</div><!--tipvisisble ends here-->
+
+	<div class="slideOutContent">
+		<p>
+        <a href="additional.html">
+        <img class="spaceBottom" src="images/1.jpg" width="400" height="200" alt="name and role" /></a>
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
+			Read interview with Mary  <a href="additional.html">here</a>.
+		</p>
+	</div><!--slideoutcontent ends here-->
+</div><!--slideouttip openleft ends here-->
+
+<!--next slideout tip-->
+<div class="slideOutTip openLeft green" style="left:160px;top:120px">
+	<div class="tipVisible">
+		<div class="tipIcon">
+			<div class="plusIcon"></div>
+		</div><!--tipicon ends here-->
+		<p class="tipTitle">Mary Smith&mdash;Chief</p>
+	</div><!--tipvisisble ends here-->
+
+	<div class="slideOutContent">
+		<p>        
+		<a href="additional.html">
+        <img class="spaceBottom" src="images/2.jpg" width="300" height="80" alt="name and role" /></a>
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
+			Read interview with Mary <a href="additional.html">here</a>.</p>
+	</div><!--slideoutcontent ends here-->
+</div><!--slideouttip openleft ends here-->
+
+<!--next slideout tip-->
+<div class="slideOutTip openLeft green" style="left:440px;top:66px">
+	<div class="tipVisible">
+		<div class="tipIcon">
+			<div class="plusIcon"></div>
+		</div><!--tipicon ends here-->
+		<p class="tipTitle">Mary Smith&mdash;Chief</p>
+	</div><!--tipvisisble ends here-->
+
+	<div class="slideOutContent">
+		<p>        
+		<a href="additional.html">
+        <img class="spaceBottom" src="images/3.jpg" width="400" height="140" alt="name and role" /></a>
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <br/>
+			Read interview with Mary <a href="additional.html">here</a>.</p>
+	</div><!--slideoutcontent ends here-->
+</div><!--slideouttip openleft ends here-->
+           </section>
+            </div><!--panel ends here-->
+
+			
+			<div class="panel" id="panel-4">
+			<section class="panelinfo">
+            <h2>Our interior</h2>
+            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Read <a href="#">more about the interior</a> and view <a href="gallery.html">Gallery Of Images</a>.</p>
+			<figure><img src="images/interior.jpg" width="710" height="240" alt="interior"/></figure>
+			</section>
+            </div>
+			
+			<div class="panel" id="panel-5">
+			<section class="panelinfo">
+            <h2>Our clients say...</h2>
+			<section id="quotes-wrap">
+					<div class="quotes">
+					<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel 
+					suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
+					Lorem ipsum dolor sit amet, consectetur elit. &#8221;<span class="name">&mdash;John Smith</span></p></blockquote>
+					</div>
+
+										<div class="quotes">
+					<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel 
+					suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
+					Lorem ipsum dolor sit amet, consectetur elit. &#8221; <span class="name">&mdash;John Smith</span></p></blockquote>
+					</div>
+					
+										<div class="quotes">
+					<blockquote><figure><img src="images/left-quotes.png" alt="left quotes"/></figure>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam varius sapien at dolor sagittis vel 
+					suscipit arcu auctor. Mauris ullamcorper commodo libero, eget rutrum est tincidunt sit amet.
+					Lorem ipsum dolor sit amet, consectetur elit. &#8221;<span class="name">&mdash;John Smith</span></p></blockquote>
+					</div>
+				</section><!--quotes-wrap ends here-->
+			</section>
+            </div>
+
+        </div>
+    </div> <!-- .mask -->
+    <div class="clear"></div>
+</div> <!-- #hero-slider -->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="#">Quienes somos </a>
+	<a href="gallery.html">Galería</a>
+	<a href="menu.html">Ofertas</a>
+	<a href="location.html">Localización</a>
+	<a href="contact.html">Contacto</a>
+	<!--a href="service.html">services</a-->
+</nav>
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+	
+	<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+<script src="js/scriptslideout.js"></script>
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<script>
+//append click event to the UL list anchor tag
+$('#hero-slider ul a').click(function () {
+     
+    //reset all the items
+    $('#hero-slider ul a').removeClass('active');
+         
+    //set current item as active
+    $(this).addClass('active'); 
+         
+    //scroll it to the right position
+    $('.mask').scrollTo($(this).attr('rel'), 300);
+         
+    //disable click event
+       return false;        
+         
+});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	});
+	 
+});
+</script>
+	</body>
+</html>
--- a/src/additional.html
+++ b/src/additional.html
@ -0,0 +1,142 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="place your description here" />
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index-additional">
+	<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+<div id="normal">
+<div id="additional-nav">
+    <ul>
+    	<li><a href="#" class="active">Interview with the chief</a></li>
+        <li><a href="#">Interview with the founder</a></li>
+    </ul>
+</div><!--additional-nav ends here-->
+
+<div class="panel">
+	        <section class="panelinfo">
+            <h2>Interview with the Chief</h2>
+			<figure class="right"><img src="images/chief.jpg" width="289" height="358" alt="chief"/></figure>
+			<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
+            <p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. 
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+						<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
+			            <p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. 
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+						<figure class="left"><img src="images/chief2.jpg" width="289" height="358" alt="chief"/></figure>
+						<strong>Pellentesque habitant morbi tristique senectus malesuada fames?</strong>
+						            <p>&mdash;Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. 
+			Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
+            </section>
+</div><!--panel ends here-->
+<div id="empty-block"></div>
+</div> <!-- #normal ends here -->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="about.html">Quienes somos</a>
+	<!--a href="service.html">services</a-->
+	<a href="gallery.html">Galería</a>
+	<a href="menu.html">Ofertas</a>     
+	<a href="location.html">Localización</a>
+	<a href="contact.html">Contacto </a>
+</nav>
+
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+	<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	});
+});
+</script>
+
+	</body>
+</html>
--- a/src/additional2.html
+++ b/src/additional2.html
@ -0,0 +1,247 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="place your description here" />
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index-additional">
+		<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+<div id="normal">
+<div id="additional-nav">
+    <ul>
+    	<li><a href="#" class="active">Full drinks menu</a></li>
+        <li><a href="#">full sweets menu</a></li>
+		<li><a href="#">full salads menu</a></li>
+		<li><a href="#">full specials menu</a></li>
+    </ul>
+</div><!--additional-nav ends here-->
+
+<div class="panel">
+	        <section class="panelinfo">
+            <h2>Full menu</h2>
+			<ol class="lists">
+            	<li class="title">
+            		<ol class="items">
+            			<li>
+            				<div class="item-wrapper">
+            				Cinnamon Coffee
+            				</div>
+            			</li>
+					    <li>
+            				<div class="item-wrapper">            				
+							Cinnamon Coffee
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				Cinnamon Coffee
+            				</div>
+            			</li>
+						<li>
+						    <div class="item-wrapper">
+            				Cinnamon Coffee
+            				</div>
+            			</li>
+						<li>
+						    <div class="item-wrapper">
+            				Cinnamon Coffee
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				Cinnamon Coffee
+            				</div>
+            			</li>
+            		</ol>
+            	</li><!--title ends here-->
+				        <li class="dots">
+            		<ol class="items">
+            			<li>
+            				<div class="item-wrapper">
+            					<figure class="no-frame"><img src="images/arrow-right.png" width="28" height="28" alt="arrow icon"/></figure>
+            	<a class="single" href="images/cinnamon.jpg"width="800" height="640" alt="">View how tasty it looks!</a>
+            				</div>
+            			</li>
+					  <li>
+            				<div class="item-wrapper">
+            			<a class="inline" href="#data1">&#8220;Paramera&#8221;, cinnamon and more...</a>
+                        <div style="display:none">
+                        <div id="data1">
+                        	<article class="description">
+            <figure><img src="images/cinnamon-small.jpg" width="300" height="240" alt="coffee"/></figure>
+			<h1>Cinnamon coffee</h1>
+            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies 
+			eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 
+			Aenean ultricies mi vitae est. Mauris placerat eleifend leo. </p>
+                        	</article>
+                        </div><!--data1 ends here-->
+						</div>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				<img src="images/dots.png" alt="dots"/>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				<img src="images/dots.png" alt="dots"/>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				<img src="images/dots.png" alt="dots"/>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				<img src="images/dots.png" alt="dots"/>
+            				</div>
+            			</li>
+            		</ol>
+            	</li><!--dots ends here-->
+				            	<li class="price">
+            		<ol class="items">
+            			<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+						<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+							<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+								<li>
+            				<div class="item-wrapper">
+            				$5.90 <small class="menu-small">200 ml</small>
+            				</div>
+            			</li>
+            		</ol>
+            	</li><!--price ends here-->
+            </ol><!--lists ends here-->
+            </section>
+</div><!--panel ends here-->
+<div id="empty-block"></div>
+</div> <!-- #normal ends here -->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="about.html">Quienes somos</a>
+	<!--a href="service.html">services</a-->
+	<a href="gallery.html">Galería</a>
+	<a href="menu.html">Ofertas</a>     
+	<a href="location.html">Localización</a>
+	<a href="contact.html">Contacto </a>
+</nav>
+
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+
+<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<!--fancybox-->
+<script>
+$(document).ready(function() {
+$("a.single, a.inline").fancybox({
+		'transitionIn'	:	'elastic',
+		'transitionOut'	:	'elastic',
+		'speedIn'		:	600, 
+		'speedOut'		:	200, 
+		'overlayShow'	:	false
+	});
+});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	});
+});
+</script>
+
+	</body>
+</html>
--- a/src/additional3.html
+++ b/src/additional3.html
@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="place your description here" />
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+	
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index-additional">
+	<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+
+<div id="normal">
+<div id="additional-nav">
+    <ul>
+    	<li><a href="#" class="active">History in photos</a></li>
+        <li><a href="#">any link</a></li>
+		<li><a href="#">any link</a></li>
+		<li><a href="#">any link</a></li>
+    </ul>
+</div><!--additional-nav ends here-->
+
+<div class="panel">
+	        <section class="panelinfo">
+            <h2>Our history year by year...</h2>
+			<div id="gallery-wrapper">
+				<section id="timeline" class="spacegallery">
+					<img src="images/timeline1.jpg" width="600" height="420" alt="photo" />
+					<img src="images/timeline2.jpg" width="600" height="420" alt="photo" />
+					<img src="images/timeline3.jpg" width="600" height="420" alt="photo" />
+					<img src="images/timeline1.jpg" width="600" height="420" alt="photo" />
+					<img src="images/timeline2.jpg" width="600" height="420" alt="photo" />
+					<img src="images/timeline3.jpg" width="600" height="420" alt="photo" />
+				</section>
+				</div><!--gallery-wrapper ends here-->
+				<ol class="history">
+					                          <li>							
+					       <strong>1958</strong> <p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+												<li>							
+					        <strong>1969</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+												<li>							
+					        <strong>1974</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+				</ol>
+				<ol class="history">
+					                          <li>							
+					       <strong>1979</strong> <p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+												<li>							
+					        <strong>1982</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+												<li>							
+					        <strong>1994</strong><p class="small">Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
+							Donec eu libero sit amet quam egestas semper. Vestibulum tortor quam, feugiat vitae, ultricies 
+			                eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. </p></li>
+				</ol>
+            </section>
+</div><!--panel ends here-->
+<div id="empty-block"></div>
+</div> <!-- #normal ends here -->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="about.html">Quienes somos</a>
+	<!--a href="service.html">services</a-->
+	<a href="gallery.html">Galería</a>
+	<a href="menu.html">Ofertas</a>     
+	<a href="location.html">Localización</a>
+	<a href="contact.html">Contacto </a>
+</nav>
+
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+	
+<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+<script src="js/eye.js"></script>
+<script src="js/utils.js"></script>
+<script src="js/spacegallery.js"></script>
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<script>
+	$('#timeline').spacegallery({loadingClass: 'loading'});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	}); 
+});
+</script>
+
+	</body>
+</html>
--- a/src/contact.html
+++ b/src/contact.html
@ -0,0 +1,227 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="place your description here" />
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index">
+	<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+
+<div id="hero-slider">
+    <!--ul>
+    	<li><a href="#" rel="#panel-1" class="active">email us</a></li>
+        <li><a href="#" rel="#panel-2" class="active">the address</a></li>
+    </ul-->
+    <div class="mask">
+        <div class="slider-body">
+            <div class="panel" id="panel-1">
+            <section class="panelinfo">
+            <h2>Contacta con nosotros</h2>
+<div class="form-wrapper">
+<script>var submitted=false;</script>
+<iframe name="hidden_iframe" id="hidden_iframe"
+style="display:none;" onload="if(submitted)
+{window.location='thankyou.html';}"></iframe>
+<form action="https://spreadsheets.google.com/formResponse?formkey=placehereyourformkeyid" 
+method="post" target="hidden_iframe" id="contact" onSubmit="submitted=true;">
+
+<fieldset>
+	<ol id="forma">
+<li class="form-item">
+<div class="errorbox-good"> 
+<div class="ss-item  ss-text">
+<div class="ss-form-entry">
+<label class="ss-q-title" for="entry_0">Nombre<span class="ss-required-asterisk">*</span></label> 
+<input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0" required>
+</div><!--ss-item ss-item ss-text ends here-->
+</div><!--ss-form-entry ends here-->
+</div> <!--errorbox-good ends here-->
+</li>
+
+<li class="form-item2">
+<div class="errorbox-good"> 
+<div class="ss-item  ss-text">
+<div class="ss-form-entry">
+<label class="ss-q-title" for="entry_1">email<span class="ss-required-asterisk">*</span></label> 
+<input type="text" name="entry.1.single" value="" class="ss-q-short" id="entry_1" required>
+</div><!--ss-item ss-item ss-text ends here-->
+</div><!--ss-form-entry ends here-->
+</div> <!--errorbox-good ends here-->
+</li>
+
+<li class="form-item">
+<div class="errorbox-good"> 
+<div class="ss-item  ss-text">
+<div class="ss-form-entry">
+<label class="ss-q-title" for="entry_2">Provincia<span class="ss-required-asterisk">*</span></label> 
+<input type="text" name="entry.2.single" value="" class="ss-q-short" id="entry_2" required>
+</div><!--ss-item ss-item ss-text ends here-->
+</div><!--ss-form-entry ends here-->
+</div> <!--errorbox-good ends here-->
+</li>
+
+<li class="form-item2">
+<div class="errorbox-good"> 
+<div class="ss-item  ss-text">
+<div class="ss-form-entry">
+<label class="ss-q-title" for="entry_3">Teléfono<span class="ss-required-asterisk">*</span></label> 
+<input type="text" name="entry.3.single" value="" class="ss-q-short" id="entry_3" required>
+</div><!--ss-item ss-item ss-text ends here-->
+</div><!--ss-form-entry ends here-->
+</div> <!--errorbox-good ends here-->
+</li>
+
+<li class="form-item3">
+<div class="errorbox-good"> 
+<div class="ss-item  ss-paragraph-text"
+><div class="ss-form-entry">
+<label class="ss-q-title" for="entry_4">Mensaje<span class="ss-required-asterisk">*</span></label> 
+<textarea name="entry.4.single" rows="4" cols="75" class="ss-q-long" placeholder="" id="entry_4" required></textarea>
+</div><!--ss-item ss-item ss-text ends here-->
+</div><!--ss-form-entry ends here-->
+</div> <!--errorbox-good ends here-->
+ </li>
+ 
+ <li class="form-item6">
+<input type="hidden" name="pageNumber" value="0"> 
+<input type="hidden" name="backupCache" value=""> 
+
+<div class="ss-item ss-navigate">
+<div class="ss-form-entry"> 
+			<fieldset>
+				<button type=submit id="buttonsubmit">&#10026; Enviar</button>
+			</fieldset>
+</div><!--ss-item ss-navigate ends here-->
+</div><!--ss-form entry ends here-->
+</li>
+</ol>
+			</fieldset>
+</form>
+</div><!--form-wrapper ends here-->
+            </section>
+            </div>
+            
+			<div class="panel" id="panel-2">
+            <section class="panelinfo">
+            <h2>Our address</h2>
+			<p>Place your address, telephone, any details you wish right here.</p>
+			<p>View how to get to our place at <a href="location.html">Location Page</a>.</p>
+            </section>
+            </div>
+        </div>
+    </div> <!-- .mask ends here-->
+    <div class="clear"></div>
+</div> <!-- #hero-slider ends here-->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="about.html">Quienes somos</a>
+	<!--a href="service.html">services</a-->
+	<a href="gallery.html">Galería</a>
+	<a href="menu.html">Ofertas</a>     
+	<a href="location.html">Localización</a>
+	<a href="#">Contacto </a>
+</nav>
+
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+
+<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<script>
+//append click event to the UL list anchor tag
+$('#hero-slider ul a').click(function () {
+     
+    //reset all the items
+    $('#hero-slider ul a').removeClass('active');
+         
+    //set current item as active
+    $(this).addClass('active'); 
+         
+    //scroll it to the right position
+    $('.mask').scrollTo($(this).attr('rel'), 300);
+         
+    //disable click event
+       return false;        
+         
+});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	});
+	 
+});
+</script>
+	</body>
+</html>
--- a/src/css/css/_patches/mac-ie5.css
+++ b/src/css/css/_patches/mac-ie5.css
@ -0,0 +1,5 @@
+/*-  SELF-CLEARING FLOATS
+----------------------------------------------------------------------*/
+.mod {
+	display: inline-table;
+}
--- a/src/css/css/_patches/win-ie-all.css
+++ b/src/css/css/_patches/win-ie-all.css
@ -0,0 +1,5 @@
+/*-  SELF-CLEARING FLOATS
+----------------------------------------------------------------------*/
+.mod {zoom: 1;}
+
+
--- a/src/css/css/_patches/win-ie-old.css
+++ b/src/css/css/_patches/win-ie-old.css
@ -0,0 +1,7 @@
+/*-  BROWSER-SPECIFIC CSS "PATCHES"
+----------------------------------------------------------------------*/
+@import url("win-ie6-below.css");
+
+@media tty {
+	i{content:"\";/*" "*/}} @import 'win-ie5.css'; /*";}
+}/* */
--- a/src/css/css/_patches/win-ie5.css
+++ b/src/css/css/_patches/win-ie5.css
--- a/src/css/css/_patches/win-ie6-below.css
+++ b/src/css/css/_patches/win-ie6-below.css
--- a/src/css/css/_patches/win-ie7.css
+++ b/src/css/css/_patches/win-ie7.css
--- a/src/css/css/_print/core.css
+++ b/src/css/css/_print/core.css
--- a/src/css/css/_print/main.css
+++ b/src/css/css/_print/main.css
@ -0,0 +1,4 @@
+
+/*-  Core, patch-free design
+----------------------------------------------------------------------*/
+@import url("core.css");
--- a/src/css/css/core.css
+++ b/src/css/css/core.css
@ -0,0 +1,9 @@
+/*- self-clearing floats ----------*/
+
+.mod:after {
+	content: ".";
+	display: block;
+	height: 0;
+	clear: both;
+	visibility: hidden;
+}
--- a/src/css/css/main.css
+++ b/src/css/css/main.css
@ -0,0 +1,16 @@
+
+/*-  CSS "libraries"
+----------------------------------------------------------------------*/
+@import url("reset.css");
+
+
+/*-  Core, patch-free design
+----------------------------------------------------------------------*/
+@import url("core.css");
+
+
+/*-  Browser-specific patches
+----------------------------------------------------------------------*/
+/*\*//*/
+@import url("patches/mac-ie5.css");
+/**/
--- a/src/css/css/reset.css
+++ b/src/css/css/reset.css
@ -0,0 +1,101 @@
+/* 
+html5doctor.com Reset Stylesheet
+v1.6.1
+Last Updated: 2010-09-17
+Author: Richard Clark - http://richclarkdesign.com 
+Twitter: @rich_clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+    margin:0;
+    padding:0;
+    border:0;
+    outline:0;
+    font-size:100%;
+    vertical-align:baseline;
+}
+
+body {
+    line-height:1;
+}
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section { 
+    display:block;
+}
+
+nav ul {
+    list-style:none;
+}
+
+blockquote, q {
+    quotes:none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+    content:'';
+    content:none;
+}
+
+a {
+    margin:0;
+    padding:0;
+    font-size:100%;
+    vertical-align:baseline;
+    background:transparent;
+}
+
+/* change colours to suit your needs */
+ins {
+    background-color:#ff9;
+    color:#000;
+    text-decoration:none;
+}
+
+/* change colours to suit your needs */
+mark {
+    background-color:#ff9;
+    color:#000; 
+    font-style:italic;
+    font-weight:bold;
+}
+
+del {
+    text-decoration: line-through;
+}
+
+abbr[title], dfn[title] {
+    border-bottom:1px dotted;
+    cursor:help;
+}
+
+table {
+    border-collapse:collapse;
+    border-spacing:0;
+}
+
+/* change border colour to suit your needs */
+hr {
+    display:block;
+    height:1px;
+    border:0;   
+    border-top:1px solid #cccccc;
+    margin:1em 0;
+    padding:0;
+}
+
+input, select {
+    vertical-align:middle;
+}
--- a/src/fancybox/blank.gif
+++ b/src/fancybox/blank.gif
--- a/src/fancybox/fancy_close.png
+++ b/src/fancybox/fancy_close.png
--- a/src/fancybox/fancy_loading.png
+++ b/src/fancybox/fancy_loading.png
--- a/src/fancybox/fancy_nav_left.png
+++ b/src/fancybox/fancy_nav_left.png
--- a/src/fancybox/fancy_nav_right.png
+++ b/src/fancybox/fancy_nav_right.png
--- a/src/fancybox/fancy_shadow_e.png
+++ b/src/fancybox/fancy_shadow_e.png
--- a/src/fancybox/fancy_shadow_n.png
+++ b/src/fancybox/fancy_shadow_n.png
--- a/src/fancybox/fancy_shadow_ne.png
+++ b/src/fancybox/fancy_shadow_ne.png
--- a/src/fancybox/fancy_shadow_nw.png
+++ b/src/fancybox/fancy_shadow_nw.png
--- a/src/fancybox/fancy_shadow_s.png
+++ b/src/fancybox/fancy_shadow_s.png
--- a/src/fancybox/fancy_shadow_se.png
+++ b/src/fancybox/fancy_shadow_se.png
--- a/src/fancybox/fancy_shadow_sw.png
+++ b/src/fancybox/fancy_shadow_sw.png
--- a/src/fancybox/fancy_shadow_w.png
+++ b/src/fancybox/fancy_shadow_w.png
--- a/src/fancybox/fancy_title_left.png
+++ b/src/fancybox/fancy_title_left.png
--- a/src/fancybox/fancy_title_main.png
+++ b/src/fancybox/fancy_title_main.png
--- a/src/fancybox/fancy_title_over.png
+++ b/src/fancybox/fancy_title_over.png
--- a/src/fancybox/fancy_title_right.png
+++ b/src/fancybox/fancy_title_right.png
--- a/src/fancybox/fancybox-x.png
+++ b/src/fancybox/fancybox-x.png
--- a/src/fancybox/fancybox-y.png
+++ b/src/fancybox/fancybox-y.png
--- a/src/fancybox/fancybox.png
+++ b/src/fancybox/fancybox.png
--- a/src/fancybox/jquery.fancybox-1.3.1.css
+++ b/src/fancybox/jquery.fancybox-1.3.1.css
@ -0,0 +1,363 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ * 
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ *
+ * Version: 1.3.1 (05/03/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+#fancybox-loading {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	height: 40px;
+	width: 40px;
+	margin-top: -20px;
+	margin-left: -20px;
+	cursor: pointer;
+	overflow: hidden;
+	z-index: 1104;
+	display: none;
+}
+
+* html #fancybox-loading {	/* IE6 */
+	position: absolute;
+	margin-top: 0;
+}
+
+#fancybox-loading div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 40px;
+	height: 480px;
+	background-image: url('fancybox.png');
+}
+
+#fancybox-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	background: #000;
+	z-index: 1100;
+	display: none;
+}
+
+* html #fancybox-overlay {	/* IE6 */
+	position: absolute;
+	width: 100%;
+}
+
+#fancybox-tmp {
+	padding: 0;
+	margin: 0;
+	border: 0;
+	overflow: auto;
+	display: none;
+}
+
+#fancybox-wrap {
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin: 0;
+	padding: 20px;
+	z-index: 1101;
+	display: none;
+}
+
+#fancybox-outer {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background: #FFF;
+}
+
+#fancybox-inner {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 1px;
+	height: 1px;
+	padding: 0;
+	margin: 0;
+	outline: none;
+	overflow: hidden;
+}
+
+#fancybox-hide-sel-frame {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: transparent;
+}
+
+#fancybox-close {
+	position: absolute;
+	top: -15px;
+	right: -15px;
+	width: 30px;
+	height: 30px;
+	background-image: url('fancybox.png');
+	background-position: -40px 0px;
+	cursor: pointer;
+	z-index: 1103;
+	display: none;
+}
+
+#fancybox_error {
+	color: #444;
+	font: normal 12px/20px Arial;
+	padding: 7px;
+	margin: 0;
+}
+
+#fancybox-content {
+	height: auto;
+	width: auto;
+	padding: 0;
+	margin: 0;
+}
+
+#fancybox-img {
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+	border: none;
+	outline: none;
+	line-height: 0;
+	vertical-align: top;
+	-ms-interpolation-mode: bicubic;
+}
+
+#fancybox-frame {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	border: none;
+	display: block;
+}
+
+#fancybox-title {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	font-family: Arial;
+	font-size: 12px;
+	z-index: 1102;
+}
+
+.fancybox-title-inside {
+	padding: 10px 0;
+	text-align: center;
+	color: #333;
+}
+
+.fancybox-title-outside {
+	padding-top: 5px;
+	color: #FFF;
+	text-align: center;
+	font-weight: bold;
+}
+
+.fancybox-title-over {
+	color: #FFF;
+	text-align: left;
+}
+
+#fancybox-title-over {
+	padding: 10px;
+	background-image: url('fancy_title_over.png');
+	display: block;
+}
+
+#fancybox-title-wrap {
+	display: inline-block;
+}
+
+#fancybox-title-wrap span {
+	height: 32px;
+	float: left;
+}
+
+#fancybox-title-left {
+	padding-left: 15px;
+	background-image: url('fancybox.png');
+	background-position: -40px -90px;
+	background-repeat: no-repeat;
+}
+
+#fancybox-title-main {
+	font-weight: bold;
+	line-height: 29px;
+	background-image: url('fancybox-x.png');
+	background-position: 0px -40px;
+	color: #FFF;
+}
+
+#fancybox-title-right {
+	padding-left: 15px;
+	background-image: url('fancybox.png');
+	background-position: -55px -90px;
+	background-repeat: no-repeat;
+}
+
+#fancybox-left, #fancybox-right {
+	position: absolute;
+	bottom: 0px;
+	height: 100%;
+	width: 35%;
+	cursor: pointer;
+	outline: none;
+	background-image: url('blank.gif');
+	z-index: 1102;
+	display: none;
+}
+
+#fancybox-left {
+	left: 0px;
+}
+
+#fancybox-right {
+	right: 0px;
+}
+
+#fancybox-left-ico, #fancybox-right-ico {
+	position: absolute;
+	top: 50%;
+	left: -9999px;
+	width: 30px;
+	height: 30px;
+	margin-top: -15px;
+	cursor: pointer;
+	z-index: 1102;
+	display: block;
+}
+
+#fancybox-left-ico {
+	background-image: url('fancybox.png');
+	background-position: -40px -30px;
+}
+
+#fancybox-right-ico {
+	background-image: url('fancybox.png');
+	background-position: -40px -60px;
+}
+
+#fancybox-left:hover, #fancybox-right:hover {
+	visibility: visible;    /* IE6 */
+}
+
+#fancybox-left:hover span {
+	left: 20px;
+}
+
+#fancybox-right:hover span {
+	left: auto;
+	right: 20px;
+}
+
+.fancy-bg {
+	position: absolute;
+	padding: 0;
+	margin: 0;
+	border: 0;
+	width: 20px;
+	height: 20px;
+	z-index: 1001;
+}
+
+#fancy-bg-n {
+	top: -20px;
+	left: 0;
+	width: 100%;
+	background-image: url('fancybox-x.png');
+}
+
+#fancy-bg-ne {
+	top: -20px;
+	right: -20px;
+	background-image: url('fancybox.png');
+	background-position: -40px -162px;
+}
+
+#fancy-bg-e {
+	top: 0;
+	right: -20px;
+	height: 100%;
+	background-image: url('fancybox-y.png');
+	background-position: -20px 0px;
+}
+
+#fancy-bg-se {
+	bottom: -20px;
+	right: -20px;
+	background-image: url('fancybox.png');
+	background-position: -40px -182px; 
+}
+
+#fancy-bg-s {
+	bottom: -20px;
+	left: 0;
+	width: 100%;
+	background-image: url('fancybox-x.png');
+	background-position: 0px -20px;
+}
+
+#fancy-bg-sw {
+	bottom: -20px;
+	left: -20px;
+	background-image: url('fancybox.png');
+	background-position: -40px -142px;
+}
+
+#fancy-bg-w {
+	top: 0;
+	left: -20px;
+	height: 100%;
+	background-image: url('fancybox-y.png');
+}
+
+#fancy-bg-nw {
+	top: -20px;
+	left: -20px;
+	background-image: url('fancybox.png');
+	background-position: -40px -122px;
+}
+
+/* IE */
+
+#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
+
+.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
+.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
+
+.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
+.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
+
+.fancybox-ie .fancy-bg { background: transparent !important; }
+
+.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
+.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
--- a/src/fancybox/jquery.fancybox-1.3.1.pack.js
+++ b/src/fancybox/jquery.fancybox-1.3.1.pack.js
@ -0,0 +1,44 @@
+/*
+ * FancyBox - jQuery Plugin
+ * Simple and fancy lightbox alternative
+ *
+ * Examples and documentation at: http://fancybox.net
+ * 
+ * Copyright (c) 2008 - 2010 Janis Skarnelis
+ *
+ * Version: 1.3.1 (05/03/2010)
+ * Requires: jQuery v1.3+
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ */
+
+(function(b){var m,u,x,g,D,i,z,A,B,p=0,e={},q=[],n=0,c={},j=[],E=null,s=new Image,G=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,S=/[^\.]\.(swf)\s*$/i,H,I=1,k,l,h=false,y=b.extend(b("<div/>")[0],{prop:0}),v=0,O=!b.support.opacity&&!window.XMLHttpRequest,J=function(){u.hide();s.onerror=s.onload=null;E&&E.abort();m.empty()},P=function(){b.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>',{scrolling:"no",padding:20,transitionIn:"none",transitionOut:"none"})},
+K=function(){return[b(window).width(),b(window).height(),b(document).scrollLeft(),b(document).scrollTop()]},T=function(){var a=K(),d={},f=c.margin,o=c.autoScale,t=(20+f)*2,w=(20+f)*2,r=c.padding*2;if(c.width.toString().indexOf("%")>-1){d.width=a[0]*parseFloat(c.width)/100-40;o=false}else d.width=c.width+r;if(c.height.toString().indexOf("%")>-1){d.height=a[1]*parseFloat(c.height)/100-40;o=false}else d.height=c.height+r;if(o&&(d.width>a[0]-t||d.height>a[1]-w))if(e.type=="image"||e.type=="swf"){t+=r;
+w+=r;o=Math.min(Math.min(a[0]-t,c.width)/c.width,Math.min(a[1]-w,c.height)/c.height);d.width=Math.round(o*(d.width-r))+r;d.height=Math.round(o*(d.height-r))+r}else{d.width=Math.min(d.width,a[0]-t);d.height=Math.min(d.height,a[1]-w)}d.top=a[3]+(a[1]-(d.height+40))*0.5;d.left=a[2]+(a[0]-(d.width+40))*0.5;if(c.autoScale===false){d.top=Math.max(a[3]+f,d.top);d.left=Math.max(a[2]+f,d.left)}return d},U=function(a){if(a&&a.length)switch(c.titlePosition){case "inside":return a;case "over":return'<span id="fancybox-title-over">'+
+a+"</span>";default:return'<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">'+a+'</span><span id="fancybox-title-right"></span></span>'}return false},V=function(){var a=c.title,d=l.width-c.padding*2,f="fancybox-title-"+c.titlePosition;b("#fancybox-title").remove();v=0;if(c.titleShow!==false){a=b.isFunction(c.titleFormat)?c.titleFormat(a,j,n,c):U(a);if(!(!a||a==="")){b('<div id="fancybox-title" class="'+f+'" />').css({width:d,paddingLeft:c.padding,
+paddingRight:c.padding}).html(a).appendTo("body");switch(c.titlePosition){case "inside":v=b("#fancybox-title").outerHeight(true)-c.padding;l.height+=v;break;case "over":b("#fancybox-title").css("bottom",c.padding);break;default:b("#fancybox-title").css("bottom",b("#fancybox-title").outerHeight(true)*-1);break}b("#fancybox-title").appendTo(D).hide()}}},W=function(){b(document).unbind("keydown.fb").bind("keydown.fb",function(a){if(a.keyCode==27&&c.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if(a.keyCode==
+37){a.preventDefault();b.fancybox.prev()}else if(a.keyCode==39){a.preventDefault();b.fancybox.next()}});if(b.fn.mousewheel){g.unbind("mousewheel.fb");j.length>1&&g.bind("mousewheel.fb",function(a,d){a.preventDefault();h||d===0||(d>0?b.fancybox.prev():b.fancybox.next())})}if(c.showNavArrows){if(c.cyclic&&j.length>1||n!==0)A.show();if(c.cyclic&&j.length>1||n!=j.length-1)B.show()}},X=function(){var a,d;if(j.length-1>n){a=j[n+1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}if(n>0){a=
+j[n-1].href;if(typeof a!=="undefined"&&a.match(G)){d=new Image;d.src=a}}},L=function(){i.css("overflow",c.scrolling=="auto"?c.type=="image"||c.type=="iframe"||c.type=="swf"?"hidden":"auto":c.scrolling=="yes"?"auto":"visible");if(!b.support.opacity){i.get(0).style.removeAttribute("filter");g.get(0).style.removeAttribute("filter")}b("#fancybox-title").show();c.hideOnContentClick&&i.one("click",b.fancybox.close);c.hideOnOverlayClick&&x.one("click",b.fancybox.close);c.showCloseButton&&z.show();W();b(window).bind("resize.fb",
+b.fancybox.center);c.centerOnScroll?b(window).bind("scroll.fb",b.fancybox.center):b(window).unbind("scroll.fb");b.isFunction(c.onComplete)&&c.onComplete(j,n,c);h=false;X()},M=function(a){var d=Math.round(k.width+(l.width-k.width)*a),f=Math.round(k.height+(l.height-k.height)*a),o=Math.round(k.top+(l.top-k.top)*a),t=Math.round(k.left+(l.left-k.left)*a);g.css({width:d+"px",height:f+"px",top:o+"px",left:t+"px"});d=Math.max(d-c.padding*2,0);f=Math.max(f-(c.padding*2+v*a),0);i.css({width:d+"px",height:f+
+"px"});if(typeof l.opacity!=="undefined")g.css("opacity",a<0.5?0.5:a)},Y=function(a){var d=a.offset();d.top+=parseFloat(a.css("paddingTop"))||0;d.left+=parseFloat(a.css("paddingLeft"))||0;d.top+=parseFloat(a.css("border-top-width"))||0;d.left+=parseFloat(a.css("border-left-width"))||0;d.width=a.width();d.height=a.height();return d},Q=function(){var a=e.orig?b(e.orig):false,d={};if(a&&a.length){a=Y(a);d={width:a.width+c.padding*2,height:a.height+c.padding*2,top:a.top-c.padding-20,left:a.left-c.padding-
+20}}else{a=K();d={width:1,height:1,top:a[3]+a[1]*0.5,left:a[2]+a[0]*0.5}}return d},N=function(){u.hide();if(g.is(":visible")&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){b.event.trigger("fancybox-cancel");h=false;return}j=q;n=p;c=e;i.get(0).scrollTop=0;i.get(0).scrollLeft=0;if(c.overlayShow){O&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});
+x.css({"background-color":c.overlayColor,opacity:c.overlayOpacity}).unbind().show()}l=T();V();if(g.is(":visible")){b(z.add(A).add(B)).hide();var a=g.position(),d;k={top:a.top,left:a.left,width:g.width(),height:g.height()};d=k.width==l.width&&k.height==l.height;i.fadeOut(c.changeFade,function(){var f=function(){i.html(m.contents()).fadeIn(c.changeFade,L)};b.event.trigger("fancybox-change");i.empty().css("overflow","hidden");if(d){i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*
+2,1),height:Math.max(l.height-c.padding*2-v,1)});f()}else{i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)});y.prop=0;b(y).animate({prop:1},{duration:c.changeSpeed,easing:c.easingChange,step:M,complete:f})}})}else{g.css("opacity",1);if(c.transitionIn=="elastic"){k=Q();i.css({top:c.padding,left:c.padding,width:Math.max(k.width-c.padding*2,1),height:Math.max(k.height-c.padding*2,1)}).html(m.contents());g.css(k).show();if(c.opacity)l.opacity=
+0;y.prop=0;b(y).animate({prop:1},{duration:c.speedIn,easing:c.easingIn,step:M,complete:L})}else{i.css({top:c.padding,left:c.padding,width:Math.max(l.width-c.padding*2,1),height:Math.max(l.height-c.padding*2-v,1)}).html(m.contents());g.css(l).fadeIn(c.transitionIn=="none"?0:c.speedIn,L)}}},F=function(){m.width(e.width);m.height(e.height);if(e.width=="auto")e.width=m.width();if(e.height=="auto")e.height=m.height();N()},Z=function(){h=true;e.width=s.width;e.height=s.height;b("<img />").attr({id:"fancybox-img",
+src:s.src,alt:e.title}).appendTo(m);N()},C=function(){J();var a=q[p],d,f,o,t,w;e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));o=a.title||b(a).title||e.title||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(o===""&&e.orig)o=e.orig.attr("alt");d=a.nodeName&&/^(?:javascript|#)/i.test(a.href)?e.href||null:e.href||a.href||null;if(e.type){f=e.type;if(!d)d=e.content}else if(e.content)f="html";else if(d)if(d.match(G))f=
+"image";else if(d.match(S))f="swf";else if(b(a).hasClass("iframe"))f="iframe";else if(d.match(/#/)){a=d.substr(d.indexOf("#"));f=b(a).length>0?"inline":"ajax"}else f="ajax";else f="inline";e.type=f;e.href=d;e.title=o;if(e.autoDimensions&&e.type!=="iframe"&&e.type!=="swf"){e.width="auto";e.height="auto"}if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=false;e.enableEscapeButton=false;e.showCloseButton=false}if(b.isFunction(e.onStart))if(e.onStart(q,p,e)===false){h=false;
+return}m.css("padding",20+e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(i.children())});switch(f){case "html":m.html(e.content);F();break;case "inline":b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(i.children())}).bind("fancybox-cancel",function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();
+s=new Image;s.onerror=function(){P()};s.onload=function(){s.onerror=null;s.onload=null;Z()};s.src=d;break;case "swf":t='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+d+'"></param>';w="";b.each(e.swf,function(r,R){t+='<param name="'+r+'" value="'+R+'"></param>';w+=" "+r+'="'+R+'"'});t+='<embed src="'+d+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+w+"></embed></object>";m.html(t);
+F();break;case "ajax":a=d.split("#",2);f=e.ajax.data||{};if(a.length>1){d=a[0];if(typeof f=="string")f+="&selector="+a[1];else f.selector=a[1]}h=false;b.fancybox.showActivity();E=b.ajax(b.extend(e.ajax,{url:d,data:f,error:P,success:function(r){if(E.status==200){m.html(r);F()}}}));break;case "iframe":b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" scrolling="'+e.scrolling+'" src="'+e.href+'"></iframe>').appendTo(m);N();break}},$=function(){if(u.is(":visible")){b("div",
+u).css("top",I*-40+"px");I=(I+1)%12}else clearInterval(H)},aa=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),u=b('<div id="fancybox-loading"><div></div></div>'),x=b('<div id="fancybox-overlay"></div>'),g=b('<div id="fancybox-wrap"></div>'));if(!b.support.opacity){g.addClass("fancybox-ie");u.addClass("fancybox-ie")}D=b('<div id="fancybox-outer"></div>').append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>').appendTo(g);
+D.append(i=b('<div id="fancybox-inner"></div>'),z=b('<a id="fancybox-close"></a>'),A=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),B=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));z.click(b.fancybox.close);u.click(b.fancybox.cancel);A.click(function(a){a.preventDefault();b.fancybox.prev()});B.click(function(a){a.preventDefault();b.fancybox.next()});if(O){x.get(0).style.setExpression("height",
+"document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");u.get(0).style.setExpression("top","(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");D.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>')}}};
+b.fn.fancybox=function(a){b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(d){d.preventDefault();if(!h){h=true;b(this).blur();q=[];p=0;d=b(this).attr("rel")||"";if(!d||d==""||d==="nofollow")q.push(this);else{q=b("a[rel="+d+"], area[rel="+d+"]");p=q.index(this)}C();return false}});return this};b.fancybox=function(a,d){if(!h){h=true;d=typeof d!=="undefined"?d:{};q=[];p=d.index||0;if(b.isArray(a)){for(var f=0,o=a.length;f<o;f++)if(typeof a[f]==
+"object")b(a[f]).data("fancybox",b.extend({},d,a[f]));else a[f]=b({}).data("fancybox",b.extend({content:a[f]},d));q=jQuery.merge(q,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},d,a));else a=b({}).data("fancybox",b.extend({content:a},d));q.push(a)}if(p>q.length||p<0)p=0;C()}};b.fancybox.showActivity=function(){clearInterval(H);u.show();H=setInterval($,66)};b.fancybox.hideActivity=function(){u.hide()};b.fancybox.next=function(){return b.fancybox.pos(n+1)};b.fancybox.prev=function(){return b.fancybox.pos(n-
+1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a,10);if(a>-1&&j.length>a){p=a;C()}if(c.cyclic&&j.length>1&&a<0){p=j.length-1;C()}if(c.cyclic&&j.length>1&&a>=j.length){p=0;C()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");J();e&&b.isFunction(e.onCancel)&&e.onCancel(q,p,e);h=false}};b.fancybox.close=function(){function a(){x.fadeOut("fast");g.hide();b.event.trigger("fancybox-cleanup");i.empty();b.isFunction(c.onClosed)&&c.onClosed(j,n,c);j=e=[];n=p=0;c=e={};h=false}
+if(!(h||g.is(":hidden"))){h=true;if(c&&b.isFunction(c.onCleanup))if(c.onCleanup(j,n,c)===false){h=false;return}J();b(z.add(A).add(B)).hide();b("#fancybox-title").remove();g.add(i).add(x).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");i.css("overflow","hidden");if(c.transitionOut=="elastic"){k=Q();var d=g.position();l={top:d.top,left:d.left,width:g.width(),height:g.height()};if(c.opacity)l.opacity=1;y.prop=1;b(y).animate({prop:0},{duration:c.speedOut,easing:c.easingOut,
+step:M,complete:a})}else g.fadeOut(c.transitionOut=="none"?0:c.speedOut,a)}};b.fancybox.resize=function(){var a,d;if(!(h||g.is(":hidden"))){h=true;a=i.wrapInner("<div style='overflow:auto'></div>").children();d=a.height();g.css({height:d+c.padding*2+v});i.css({height:d});a.replaceWith(a.children());b.fancybox.center()}};b.fancybox.center=function(){h=true;var a=K(),d=c.margin,f={};f.top=a[3]+(a[1]-(g.height()-v+40))*0.5;f.left=a[2]+(a[0]-(g.width()+40))*0.5;f.top=Math.max(a[3]+d,f.top);f.left=Math.max(a[2]+
+d,f.left);g.css(f);h=false};b.fn.fancybox.defaults={padding:10,margin:20,opacity:false,modal:false,cyclic:false,scrolling:"auto",width:560,height:340,autoScale:true,autoDimensions:true,centerOnScroll:false,ajax:{},swf:{wmode:"transparent"},hideOnOverlayClick:true,hideOnContentClick:false,overlayShow:true,overlayOpacity:0.3,overlayColor:"#666",titleShow:true,titlePosition:"outside",titleFormat:null,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",
+easingIn:"swing",easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,onStart:null,onCancel:null,onComplete:null,onCleanup:null,onClosed:null};b(document).ready(function(){aa()})})(jQuery);
--- a/src/gallery.html
+++ b/src/gallery.html
@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="description" content="place your description here" />
+<meta name = "viewport" content = "width = device-width;" /> 
+<!-- define the width of the page as no wider than the width of the viewport --> 
+
+<link rel="stylesheet" href="styles.css" />
+<link rel="stylesheet" href="css/css/main.css">
+<link rel="stylesheet" href="css/css/_print/main.css" media="print">
+<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> 
+	<!--[if IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie7.css" media="all" /><![endif]--> 
+	<!--[if lt IE 7]><link rel="stylesheet" href="_/css/_patches/win-ie-old.css" media="all" /><![endif]--> 
+	<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
+<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
+<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
+<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
+<link  href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" >
+<link  href="http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise:regular" rel="stylesheet" type="text/css" >
+<link rel="icon" href="favicon.png" />
+<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> 
+<title>Bar template</title>
+	</head>
+	<body class="index">				
+
+<div id="inner-wrap">
+		<header>
+     <section id="logo">
+     	   <h1><a href="#"><span class="coloured">Arribas</a></span></h1>
+		   <p>★ desde. 1980 ★</p>
+	 </section><!--logo ends here-->
+	</header>
+	
+<div id="main-content-index">
+	
+<div id="colours">
+	<span class="color color-1"></span>
+    <span class="color color-2"></span>
+    <span class="color color-3"></span>
+    <span class="color color-4"></span>
+    <span class="color color-5"></span>	
+</div><!--colours ends here-->
+<div id="hero-slider">
+    <ul>
+    	<li><a href="#" rel="#panel-1" class="active">Exposición</a></li>
+        <li><a href="#" rel="#panel-2" class="active">Montajes </a></li>
+		<li><a href="#" rel="#panel-3" class="active">Catálogo</a></li>
+    </ul>
+    <div class="mask">
+        <div class="slider-body">
+            <div class="panel" id="panel-1">
+            <section class="panelinfo">
+            <h2>Cocinas</h2>
+            	<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-1s.jpg" width="139" height="120" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-2s.jpg" width="139" height="120" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/galeria-exposicion-cocinas-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-3s.jpg" width="139" height="120" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/galeria-exposicion-cocinas-4b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-cocinas-4s.jpg" width="139" height="120" alt=""/></a>
+
+            <h2>Baños</h2>                
+				<a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-1b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-1s.jpg" width="139" height="120" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-2b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-2s.jpg" width="139" height="120" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/galeria-exposicion-banos-3b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-3s.jpg" width="139" height="120" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/galeria-exposicion-banos-4b.jpg" width="800" height="600" alt=""><img src="images/galeria-exposicion-banos-4s.jpg" width="139" height="120" alt=""/></a>
+            </section>
+            </div>
+			<div class="panel" id="panel-2">
+            <section class="panelinfo">
+            <h2>Cocinas</h2>
+            	<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
+            <h2>Baños</h2>                
+				<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
+            </section>
+			</div>
+			
+			<div class="panel" id="panel-3">
+            <section class="panelinfo">
+            <h2>Cocinas</h2>
+            	<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
+            <h2>Baños</h2>                
+				<a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a> 	
+			    <a class="grouped_elements" rel="group1" href="images/gallery-pic1-big.jpg"><img src="images/gallery-pic1-small.jpg" alt=""/></a>
+                <a class="grouped_elements lastimg" rel="group1" href="images/gallery-pic2-big.jpg"><img src="images/gallery-pic2-small.jpg" alt=""/></a>
+            </section>
+            </div>
+        </div>
+    </div> <!-- .mask -->
+    <div class="clear"></div>
+</div> <!-- #hero-slider -->
+
+<nav id="side">
+	<a href="index.html">Inicio</a>
+	<a href="about.html">Quienes somos</a>
+	<!--a href="service.html">services</a-->
+	<a href="#">Galería</a>
+	<a href="menu.html">Ofertas</a>     
+	<a href="location.html">Localización</a>
+	<a href="contact.html">Contacto </a>
+</nav>
+
+<section id="social">
+	<figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure>
+	<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure>
+</section>
+	</div><!--main-content-index ends here-->
+
+<section id="hours">
+<div id="panel-hours">
+<div class="panelblock">
+	<article id="opening-hours">
+<p>Lunes&mdash;Viernes: 10:00&mdash;14:00 y 17:00&mdash;20:00 | Sábados: 10:00&mdash;14:00</p>	
+	</article>
+
+</div><!--panelblock ends here-->
+</div><!--panel-hours ends here-->
+<div id="bottom-nav"><a class="btn-slide" href="#">
+	<div id="triangle-down"></div>
+	Horario</a></div>
+	</section><!--section hours ends here-->
+</div><!--inner-wrap ends here-->
+<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>	
+	
+<!--scripts-->
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+<script src="js/jquery.scrollTo-1.4.2-min.js"></script>
+<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></script> 
+<script src="js/lib.js" charset="utf-8"></script>
+<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
+<script>
+$(document).ready(function() {
+    $("#body-background").ezBgResize();
+});
+
+$(window).bind("resize", function(){
+    $("#body-background").ezBgResize();
+});
+</script>
+<script>
+//append click event to the UL list anchor tag
+$('#hero-slider ul a').click(function () {
+     
+    //reset all the items
+    $('#hero-slider ul a').removeClass('active');
+         
+    //set current item as active
+    $(this).addClass('active'); 
+         
+    //scroll it to the right position
+    $('.mask').scrollTo($(this).attr('rel'), 300);
+         
+    //disable click event
+       return false;        
+         
+});
+</script>
+<!--fancybox-->
+<script>
+$(document).ready(function() {
+$("a.grouped_elements").fancybox({
+		'transitionIn'	:	'elastic',
+		'transitionOut'	:	'elastic',
+		'speedIn'		:	600, 
+		'speedOut'		:	200, 
+		'overlayShow'	:	false
+	});
+});
+</script>
+<script>
+$(document).ready(function(){
+	$(".btn-slide").click(function(){
+		$("#panel-hours").slideToggle("slow");
+		$(this).toggleClass("active"); return false;
+	});
+	 
+});
+</script>
+	</body>
+</html>
--- a/src/ie.css
+++ b/src/ie.css
@ -0,0 +1,89 @@
+header{
+       background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+#inner-wrap{
+		width:980px;
+}
+#frontpage{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+#bottom-nav{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+#panel, #panel-hours{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90607860,endColorstr=#90607860);
+       zoom: 1;
+}
+#main-content-index{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+.panel-image{
+	background:url(images/staff.jpg);
+	background-repeat:no-repeat;
+}
+.panelinfo2{
+	width:710px;
+}
+.panel-image{
+	margin:0 20px;
+	background:url(images/staff.jpg);
+	background-repeat:no-repeat;
+	width:710px;
+	height:330px;
+	position:relative;
+}
+nav#top{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+h3.trigger{
+	border-bottom:1px solid #ddd;
+	padding:0.8em 0.8em 0 0.8em;
+	background:url(images/trigger.jpg);
+	background-repeat:no-repeat;
+	height:30px;
+	margin:0;
+	cursor:pointer;
+}
+#main-content-index-additional{
+	   background:transparent;
+       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
+       zoom: 1;
+}
+.panelinfo ol.history li{
+	width:216px;
+}
+
+#buttonsubmit{
+	padding:5px 0;
+}
+#entry_0{
+	background:url(images/input-campo.png); 
+	background-repeat:no-repeat;
+}
+#entry_1{
+	background:url(images/input-campo.png); 
+		background-repeat:no-repeat;
+}
+#entry_2{
+	background:url(images/input-campo.png); 
+	background-repeat:no-repeat;
+}
+#entry_3{
+	background:url(images/input-campo.png); 
+		background-repeat:no-repeat;
+}
+#entry_4{
+	background:url(images/textarea.png); 
+		background-repeat:repeat;
+}
--- a/Show More
+++ b/Show More