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