Compare commits

...

10 Commits

Author SHA1 Message Date
799d0faeb6 Código de Google Analytics.
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@18 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 16:33:53 +00:00
742ee344dc Limpieza de ficheros
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@17 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 15:07:00 +00:00
5270105ca1 Cambios terminados
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@16 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-07-12 15:04:51 +00:00
d585163507 - Colocar el menú superior en todas las páginas y colocarlo en la parte de arriba para que sea más visible
- Hacer el horario más visible

git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@15 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-05-30 17:18:32 +00:00
410961acba Cambios solicitados por correo electronico
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@14 4d6e3d7e-063e-4044-a2d3-903626ba9061
2013-03-20 18:03:42 +00:00
f3617e5c19 Corregido e-mail de destino en el PHP de contacto.
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@13 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-07 09:52:24 +00:00
3fec3c4731 Se añade cocina y baño de exposicion
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@12 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:58:31 +00:00
5546bb4f71 Se añade imagenes de las tiendas
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@11 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:31:27 +00:00
f006b0e768 Se añade imagenes de las tiendas
git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@10 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-12-05 11:31:06 +00:00
48a56355be - Programación PHP para el formulario de contacto.
- Validaciones HTML5 (algunos errores no se pueden quitar por la librería FancyBox)
- Actualización de FancyBox a v1.3.4
- Limpieza de ficheros

git-svn-id: https://192.168.0.254/svn/Proyectos.AlonsoYSal_Web/trunk@9 4d6e3d7e-063e-4044-a2d3-903626ba9061
2011-11-30 18:49:13 +00:00
286 changed files with 3184 additions and 1985 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 977 KiB

After

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 164 KiB

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 MiB

BIN
informacion/Tiendas.psd Normal file

Binary file not shown.

View File

@ -1,249 +1,121 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="description" content ="place your description here"/> <meta name="viewport" content="width=device-width;" />
<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="styles.css" />
<link rel="stylesheet" href="css/main.css"/> <link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/> <link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> <!--[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 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 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]--> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link href='http://fonts.googleapis.com/css?family=Oswald' 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=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Mobiliario de cocina y baños en Madrid - Alonso y Sal Cocinas</title>
<meta name="description" content="Estamos especizalidad en el diseño e instalación de cocina y baño en Madrid. Más de 30 años creando ambientes." />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title>
</head> </head>
<body class="index"> <body class="index">
<div id="inner-wrap"> <div id="inner-wrap">
<header> <header>
<section id="logo"> <section id="logo">
<h1><a href="index.html">Arribas</a></h1> <h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p> <p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
</section><!--logo ends here--> </section><!--logo ends here-->
</header> </header>
<div id="main-content-index"> <div id="main-content">
<div id="colours"> <div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="#" class="current">Empresa</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Exposiciones</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-montajes.html">Montajes</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="ofertas.html">Ofertas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tienda</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<div id="main-content-index">
<div id="colours">
<span class="color color-1"></span> <span class="color color-1"></span>
<span class="color color-2"></span> <span class="color color-2"></span>
<span class="color color-3"></span> <span class="color color-3"></span>
<span class="color color-4"></span> <span class="color color-4"></span>
<span class="color color-5"></span> <span class="color color-5"></span>
</div><!--colours ends here--> </div><!--colours ends here-->
<div id="hero-slider"> <div id="hero-slider">
<!--ul> <!--div class="mask"-->
<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="slider-body">
<div class="panel" id="panel-1"> <div class="panel" id="panel-1">
<section class="panelinfo2"> <section class="panelinfo">
<h2>Quiénes somos</h2> <h2>Quiénes somos</h2>
<p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. </p> <p>Nuestra empresa familiar y dinámica, desde 1980 es especialista en el diseño e instalación de su cocina y baño. Ofreciendo un servicio integral y desarrollando los proyectos para que se conviertan en espacios exclusivos y funcionales. Miles de clientes satisfechos, son nuestra mejor referencia. Calidad y servicio al mejor precio.</p>
<p>Miles de clientes satisfechos, son nuestra mejor referencia.</p> <a href="localizacion.html"><figure><img src="images/tiendas.jpg" width="710" height="290" alt="Tiendas"/></figure></a>
<p>Calidad y servicio al mejor precio.</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> </section>
</div> </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> </div>
<p class="tipTitle">Mary Smith&mdash;Chief</p> <!--/div--> <!-- .mask -->
</div>
<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>
</div>
<div class="slideOutTip openLeft green" style="left:160px;top:120px">
<div class="tipVisible">
<div class="tipIcon">
<div class="plusIcon"></div>
</div>
<p class="tipTitle">Mary Smith&mdash;Chief</p>
</div>
<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>
</div>
<div class="slideOutTip openLeft green" style="left:440px;top:66px">
<div class="tipVisible">
<div class="tipIcon">
<div class="plusIcon"></div>
</div>
<p class="tipTitle">Mary Smith&mdash;Chief</p>
</div>
<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>
</div>
</section>
</div>
<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="galeria-exposiciones.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>
</section>
</div>-->
</div>
</div> <!-- .mask -->
<div class="clear"></div> <div class="clear"></div>
</div> <!-- #hero-slider --> </div> <!-- #hero-slider -->
<nav id="side"> <nav id="side">
<a href="index.html">Inicio</a> <a href="index.html">Inicio</a>
<a href="#" class="current">Empresa </a> <a href="#" class="current">Empresa </a>
<a href="galeria-exposiciones.html">Exposiciones</a> <a href="galeria-exposiciones.html">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a> <a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a> <a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a> <a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto</a> <a href="contacto.php">Contacto</a>
<!--a href="service.html">services</a--> </nav>
</nav> <section id="social">
<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-->
<figure><p>Distribuidores de:</p></figure><br/><br/> <figure><p>Distribuidores de:</p></figure><br/><br/>
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure> <figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
</section> </section>
</div><!--main-content-index ends here--> </div><!--main-content-index ends here-->
<section id="hours"> <section id="hours">
<div id="panel-hours"> <div id="panel-hours">
<div class="panelblock"> <div class="panelblock">
<article id="opening-hours"> <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> <p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article> </article>
</div><!--panelblock ends here--> </div><!--panelblock ends here-->
</div><!--panel-hours 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--> </section><!--section hours ends here-->
</div><!--inner-wrap ends here--> </div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div> <div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts--> <!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <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.scrollTo-1.4.2-min.js"></script>
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></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/lib.js" charset="utf-8"></script>
<script src="js/scriptslideout.js"></script> <script src="js/scriptslideout.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
$(window).bind("resize", function(){ $(window).bind("resize", function(){
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
</script> </script>
<script> <script>
//append click event to the UL list anchor tag //append click event to the UL list anchor tag
$('#hero-slider ul a').click(function () { $('#hero-slider ul a').click(function () {
//reset all the items //reset all the items
$('#hero-slider ul a').removeClass('active'); $('#hero-slider ul a').removeClass('active');
@ -257,16 +129,7 @@ $('#hero-slider ul a').click(function () {
//disable click event //disable click event
return false; return false;
});
</script>
<script>
$(document).ready(function(){
$(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false;
}); });
</script>
});
</script>
</body> </body>
</html> </html>

View File

@ -1,225 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<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/main.css"/>
<link rel="stylesheet" href="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=Oswald' rel='stylesheet' type='text/css'/>
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title>
</head>
<body class="index">
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></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><!--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="mailto:info@$rodax-software.com" ENCTYPE="text/plain"
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>
</div> <!-- .mask ends here-->
<div class="clear"></div>
</div> <!-- #hero-slider ends here-->
<nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<!--a href="service.html">services</a-->
<a href="galeria-exposiciones.html">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a>
<a href="localizacion.html">Tienda</a>
<a href="#" class="current">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-->
<figure><p>Distribuidores de:</p></figure></br></br>
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></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>

226
src/contacto.php Normal file
View File

@ -0,0 +1,226 @@
<!DOCTYPE html>
<?php
$para = 'info@alonsoysal.com';
$nombre = stripslashes($_POST['nombre']);
$email = stripslashes($_POST['email']);
$asunto = "Solicitud de información a través de la web www.alonsoysal.com";
$mensaje = "";
$mensaje .= "Nombre: $nombre \r\n";
$mensaje .= "Email: $email \r\n";
$mensaje .= "Mensaje: \r\n" . stripslashes($_POST['mensaje']) . "\r\n\n";
$mensaje .= "--------------------------\r\n";
$mensaje .= "IP: " . $_SERVER["REMOTE_ADDR"] . "\r\n";
$mensaje .= "Navegador: " . $_SERVER["HTTP_USER_AGENT"];
?>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width;" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="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=Oswald' rel='stylesheet' type='text/css'/>
<link href="http://fonts.googleapis.com/css?family=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title>
</head>
<body class="index">
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p>
<span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span>
</p>
</section><!--logo ends here-->
</header>
<div id="main-content">
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<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">
<div>
<!--div class="mask"-->
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Contacta con nosotros</h2>
<div class="clear"></div>
<p>Si desea realizar alguna consulta, pedir un presupuesto o necesita más información sobre cualquiera de nuestros servicios, <strong>póngase en contacto con nosotros.</strong></p>
<div class="form-wrapper">
<?php
if (count($_POST) == 0) {
$self = $_SERVER['PHP_SELF'];
?>
<form action="<?php echo $self; ?>" method="post" id="contact">
<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="nombre" 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="email" 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-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="mensaje" rows="6" 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-->
<?php
} else {
error_reporting(0);
if (mail($para, $asunto, $mensaje, "From: $email\r\nReply-To: $email\r\nReturn-Path: $email\r\n"))
echo "<p>Gracias por su interés. En breve recibirá más información.</p>";
else
echo "<p>Se ha producido algún error al enviar la información.<br/>Por favor, inténtelo más tarde.</p>";
}
?>
</section>
</div>
</div>
</div>
<!-- .mask ends here-->
<div class="clear"></div>
</div>
<!-- #hero-slider ends here-->
<p>
<span>
</span>
</p>
<section id="address">
<p class="coloured-2">
<strong class="coloured-1">Tienda de muebles de cocina y electrodomésticos</strong><br/>
Vía Carpetana, 342<br/>(Esq. Luis Feíto)<br/>
Tlf: 91 465 28 42<br/>Tlf: 91 465 27 41<br/>
Fax: 91 462 33 88
</p>
<p class="coloured-2">
<strong class="coloured-1">Tienda de muebles de baño y mamparas</strong><br/>
Vía Carpetana, 340<br/>
Tlf: 91 465 27 41<br/>
Fax: 91 462 54 55
</p>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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>
</body>
</html>

View File

@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width;" />
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="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.4.css" media="screen" />
<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 rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Electrodomésticos de cocina - Alonso y Sal Cocinas en Madrid</title>
<meta name="description" content="Tu tienda de muebles y cocinas en Madrid. Exposición en tienda de muebles de cocina y baños." />
</head>
<body class="index">
<div id="inner-wrap">
<header>
<section id="logo">
<h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
</section><!--logo ends here-->
</header>
<div id="main-content">
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<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">
<div class="mask ancha">
<div class="slider-body">
<div class="panel" id="panel-1">
<section class="panelinfo">
<h2>Electrodomésticos</h2>
<div class="clear"></div>
<p>Trabajamos con todas las firmas de reconocido prestigio y más avanzada tecnología.</p>
<a class="logo_elements" href="http://www.bosch-home.es/" target="new"><img src="images/bosch.png" alt="Bosch"/></a>
<a class="logo_elements" href="http://www.siemens-home.es/" target="new"><img src="images/siemens.png" alt="Siemens"/></a>
<a class="logo_elements" href="http://www.balay.es/" target="new"><img src="images/balay.png" alt="Balay"/></a>
<a class="logo_elements" href="http://www.teka.com/" target="new"><img src="images/teka.png" alt="Teka"/></a>
<a class="logo_elements" href="http://www.fagor.com/" target="new"><img src="images/fagor.png" alt="Fagor"/></a>
<a class="logo_elements" href="http://www.de-dietrich.es/" target="new"><img src="images/logo-dedietrich.gif" alt="DeDietrich"/></a>
<a class="logo_elements" href="http://www.aeg.com.es/" target="new"><img src="images/logo-aeg.gif" alt="Aeg"/></a>
<a class="logo_elements" href="http://www.franke.com/kitchensystems/es/es/home.html" target="new"><img src="images/logo-franke.gif" alt="Franke"/></a>
<a class="logo_elements" href="http://www.miele.es/" target="new"><img src="images/logo-miele.gif" alt="Miele"/></a>
</section>
</div>
</div>
</div> <!-- .mask -->
<div class="clear"></div>
</div> <!-- #hero-slider -->
<nav id="side">
<a href="tienda-muebles-cocinas-electrodomesticos.html">Muebles de cocina</a>
<a href="electrodomesticos-cocina.html" class="current">Electrodomésticos</a>
<a href="mesas-sillas-cocina.html">Mesas y sillas</a>
</nav>
<section id="social">
<p>Distribuidores de:</p><br/>
<a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
</section>
</div><!--main-content-index ends here-->
<section id="hours">
<div id="panel-hours">
<div class="panelblock">
<article id="opening-hours">
<p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article>
</div><!--panelblock ends here-->
</div><!--panel-hours ends here-->
</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.4.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>

View File

@ -1,363 +0,0 @@
/*
* 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'); }

View File

@ -1,44 +0,0 @@
/*
* 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);

View File

@ -0,0 +1,359 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/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%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent 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;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

View File

@ -0,0 +1,46 @@
/*
* FancyBox - jQuery Plugin
* Simple and fancy lightbox alternative
*
* Examples and documentation at: http://fancybox.net
*
* Copyright (c) 2008 - 2010 Janis Skarnelis
* That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
*
* Version: 1.3.4 (11/11/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,t,u,f,D,j,E,n,z,A,q=0,e={},o=[],p=0,d={},l=[],G=null,v=new Image,J=/\.(jpg|gif|png|bmp|jpeg)(.*)?$/i,W=/[^\.]\.(swf)\s*$/i,K,L=1,y=0,s="",r,i,h=false,B=b.extend(b("<div/>")[0],{prop:0}),M=b.browser.msie&&b.browser.version<7&&!window.XMLHttpRequest,N=function(){t.hide();v.onerror=v.onload=null;G&&G.abort();m.empty()},O=function(){if(false===e.onError(o,q,e)){t.hide();h=false}else{e.titleShow=false;e.width="auto";e.height="auto";m.html('<p id="fancybox-error">The requested content cannot be loaded.<br />Please try again later.</p>');
F()}},I=function(){var a=o[q],c,g,k,C,P,w;N();e=b.extend({},b.fn.fancybox.defaults,typeof b(a).data("fancybox")=="undefined"?e:b(a).data("fancybox"));w=e.onStart(o,q,e);if(w===false)h=false;else{if(typeof w=="object")e=b.extend(e,w);k=e.title||(a.nodeName?b(a).attr("title"):a.title)||"";if(a.nodeName&&!e.orig)e.orig=b(a).children("img:first").length?b(a).children("img:first"):b(a);if(k===""&&e.orig&&e.titleFromAlt)k=e.orig.attr("alt");c=e.href||(a.nodeName?b(a).attr("href"):a.href)||null;if(/^(?:javascript)/i.test(c)||
c=="#")c=null;if(e.type){g=e.type;if(!c)c=e.content}else if(e.content)g="html";else if(c)g=c.match(J)?"image":c.match(W)?"swf":b(a).hasClass("iframe")?"iframe":c.indexOf("#")===0?"inline":"ajax";if(g){if(g=="inline"){a=c.substr(c.indexOf("#"));g=b(a).length>0?"inline":"ajax"}e.type=g;e.href=c;e.title=k;if(e.autoDimensions)if(e.type=="html"||e.type=="inline"||e.type=="ajax"){e.width="auto";e.height="auto"}else e.autoDimensions=false;if(e.modal){e.overlayShow=true;e.hideOnOverlayClick=false;e.hideOnContentClick=
false;e.enableEscapeButton=false;e.showCloseButton=false}e.padding=parseInt(e.padding,10);e.margin=parseInt(e.margin,10);m.css("padding",e.padding+e.margin);b(".fancybox-inline-tmp").unbind("fancybox-cancel").bind("fancybox-change",function(){b(this).replaceWith(j.children())});switch(g){case "html":m.html(e.content);F();break;case "inline":if(b(a).parent().is("#fancybox-content")===true){h=false;break}b('<div class="fancybox-inline-tmp" />').hide().insertBefore(b(a)).bind("fancybox-cleanup",function(){b(this).replaceWith(j.children())}).bind("fancybox-cancel",
function(){b(this).replaceWith(m.children())});b(a).appendTo(m);F();break;case "image":h=false;b.fancybox.showActivity();v=new Image;v.onerror=function(){O()};v.onload=function(){h=true;v.onerror=v.onload=null;e.width=v.width;e.height=v.height;b("<img />").attr({id:"fancybox-img",src:v.src,alt:e.title}).appendTo(m);Q()};v.src=c;break;case "swf":e.scrolling="no";C='<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="'+e.width+'" height="'+e.height+'"><param name="movie" value="'+c+
'"></param>';P="";b.each(e.swf,function(x,H){C+='<param name="'+x+'" value="'+H+'"></param>';P+=" "+x+'="'+H+'"'});C+='<embed src="'+c+'" type="application/x-shockwave-flash" width="'+e.width+'" height="'+e.height+'"'+P+"></embed></object>";m.html(C);F();break;case "ajax":h=false;b.fancybox.showActivity();e.ajax.win=e.ajax.success;G=b.ajax(b.extend({},e.ajax,{url:c,data:e.ajax.data||{},error:function(x){x.status>0&&O()},success:function(x,H,R){if((typeof R=="object"?R:G).status==200){if(typeof e.ajax.win==
"function"){w=e.ajax.win(c,x,H,R);if(w===false){t.hide();return}else if(typeof w=="string"||typeof w=="object")x=w}m.html(x);F()}}}));break;case "iframe":Q()}}else O()}},F=function(){var a=e.width,c=e.height;a=a.toString().indexOf("%")>-1?parseInt((b(window).width()-e.margin*2)*parseFloat(a)/100,10)+"px":a=="auto"?"auto":a+"px";c=c.toString().indexOf("%")>-1?parseInt((b(window).height()-e.margin*2)*parseFloat(c)/100,10)+"px":c=="auto"?"auto":c+"px";m.wrapInner('<div style="width:'+a+";height:"+c+
";overflow: "+(e.scrolling=="auto"?"auto":e.scrolling=="yes"?"scroll":"hidden")+';position:relative;"></div>');e.width=m.width();e.height=m.height();Q()},Q=function(){var a,c;t.hide();if(f.is(":visible")&&false===d.onCleanup(l,p,d)){b.event.trigger("fancybox-cancel");h=false}else{h=true;b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");f.is(":visible")&&d.titlePosition!=="outside"&&f.css("height",f.height());l=o;p=q;d=e;if(d.overlayShow){u.css({"background-color":d.overlayColor,
opacity:d.overlayOpacity,cursor:d.hideOnOverlayClick?"pointer":"auto",height:b(document).height()});if(!u.is(":visible")){M&&b("select:not(#fancybox-tmp select)").filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one("fancybox-cleanup",function(){this.style.visibility="inherit"});u.show()}}else u.hide();i=X();s=d.title||"";y=0;n.empty().removeAttr("style").removeClass();if(d.titleShow!==false){if(b.isFunction(d.titleFormat))a=d.titleFormat(s,l,p,d);else a=s&&s.length?
d.titlePosition=="float"?'<table id="fancybox-title-float-wrap" cellpadding="0" cellspacing="0"><tr><td id="fancybox-title-float-left"></td><td id="fancybox-title-float-main">'+s+'</td><td id="fancybox-title-float-right"></td></tr></table>':'<div id="fancybox-title-'+d.titlePosition+'">'+s+"</div>":false;s=a;if(!(!s||s==="")){n.addClass("fancybox-title-"+d.titlePosition).html(s).appendTo("body").show();switch(d.titlePosition){case "inside":n.css({width:i.width-d.padding*2,marginLeft:d.padding,marginRight:d.padding});
y=n.outerHeight(true);n.appendTo(D);i.height+=y;break;case "over":n.css({marginLeft:d.padding,width:i.width-d.padding*2,bottom:d.padding}).appendTo(D);break;case "float":n.css("left",parseInt((n.width()-i.width-40)/2,10)*-1).appendTo(f);break;default:n.css({width:i.width-d.padding*2,paddingLeft:d.padding,paddingRight:d.padding}).appendTo(f)}}}n.hide();if(f.is(":visible")){b(E.add(z).add(A)).hide();a=f.position();r={top:a.top,left:a.left,width:f.width(),height:f.height()};c=r.width==i.width&&r.height==
i.height;j.fadeTo(d.changeFade,0.3,function(){var g=function(){j.html(m.contents()).fadeTo(d.changeFade,1,S)};b.event.trigger("fancybox-change");j.empty().removeAttr("filter").css({"border-width":d.padding,width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2});if(c)g();else{B.prop=0;b(B).animate({prop:1},{duration:d.changeSpeed,easing:d.easingChange,step:T,complete:g})}})}else{f.removeAttr("style");j.css("border-width",d.padding);if(d.transitionIn=="elastic"){r=V();j.html(m.contents());
f.show();if(d.opacity)i.opacity=0;B.prop=0;b(B).animate({prop:1},{duration:d.speedIn,easing:d.easingIn,step:T,complete:S})}else{d.titlePosition=="inside"&&y>0&&n.show();j.css({width:i.width-d.padding*2,height:e.autoDimensions?"auto":i.height-y-d.padding*2}).html(m.contents());f.css(i).fadeIn(d.transitionIn=="none"?0:d.speedIn,S)}}}},Y=function(){if(d.enableEscapeButton||d.enableKeyboardNav)b(document).bind("keydown.fb",function(a){if(a.keyCode==27&&d.enableEscapeButton){a.preventDefault();b.fancybox.close()}else if((a.keyCode==
37||a.keyCode==39)&&d.enableKeyboardNav&&a.target.tagName!=="INPUT"&&a.target.tagName!=="TEXTAREA"&&a.target.tagName!=="SELECT"){a.preventDefault();b.fancybox[a.keyCode==37?"prev":"next"]()}});if(d.showNavArrows){if(d.cyclic&&l.length>1||p!==0)z.show();if(d.cyclic&&l.length>1||p!=l.length-1)A.show()}else{z.hide();A.hide()}},S=function(){if(!b.support.opacity){j.get(0).style.removeAttribute("filter");f.get(0).style.removeAttribute("filter")}e.autoDimensions&&j.css("height","auto");f.css("height","auto");
s&&s.length&&n.show();d.showCloseButton&&E.show();Y();d.hideOnContentClick&&j.bind("click",b.fancybox.close);d.hideOnOverlayClick&&u.bind("click",b.fancybox.close);b(window).bind("resize.fb",b.fancybox.resize);d.centerOnScroll&&b(window).bind("scroll.fb",b.fancybox.center);if(d.type=="iframe")b('<iframe id="fancybox-frame" name="fancybox-frame'+(new Date).getTime()+'" frameborder="0" hspace="0" '+(b.browser.msie?'allowtransparency="true""':"")+' scrolling="'+e.scrolling+'" src="'+d.href+'"></iframe>').appendTo(j);
f.show();h=false;b.fancybox.center();d.onComplete(l,p,d);var a,c;if(l.length-1>p){a=l[p+1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}if(p>0){a=l[p-1].href;if(typeof a!=="undefined"&&a.match(J)){c=new Image;c.src=a}}},T=function(a){var c={width:parseInt(r.width+(i.width-r.width)*a,10),height:parseInt(r.height+(i.height-r.height)*a,10),top:parseInt(r.top+(i.top-r.top)*a,10),left:parseInt(r.left+(i.left-r.left)*a,10)};if(typeof i.opacity!=="undefined")c.opacity=a<0.5?0.5:a;f.css(c);
j.css({width:c.width-d.padding*2,height:c.height-y*a-d.padding*2})},U=function(){return[b(window).width()-d.margin*2,b(window).height()-d.margin*2,b(document).scrollLeft()+d.margin,b(document).scrollTop()+d.margin]},X=function(){var a=U(),c={},g=d.autoScale,k=d.padding*2;c.width=d.width.toString().indexOf("%")>-1?parseInt(a[0]*parseFloat(d.width)/100,10):d.width+k;c.height=d.height.toString().indexOf("%")>-1?parseInt(a[1]*parseFloat(d.height)/100,10):d.height+k;if(g&&(c.width>a[0]||c.height>a[1]))if(e.type==
"image"||e.type=="swf"){g=d.width/d.height;if(c.width>a[0]){c.width=a[0];c.height=parseInt((c.width-k)/g+k,10)}if(c.height>a[1]){c.height=a[1];c.width=parseInt((c.height-k)*g+k,10)}}else{c.width=Math.min(c.width,a[0]);c.height=Math.min(c.height,a[1])}c.top=parseInt(Math.max(a[3]-20,a[3]+(a[1]-c.height-40)*0.5),10);c.left=parseInt(Math.max(a[2]-20,a[2]+(a[0]-c.width-40)*0.5),10);return c},V=function(){var a=e.orig?b(e.orig):false,c={};if(a&&a.length){c=a.offset();c.top+=parseInt(a.css("paddingTop"),
10)||0;c.left+=parseInt(a.css("paddingLeft"),10)||0;c.top+=parseInt(a.css("border-top-width"),10)||0;c.left+=parseInt(a.css("border-left-width"),10)||0;c.width=a.width();c.height=a.height();c={width:c.width+d.padding*2,height:c.height+d.padding*2,top:c.top-d.padding-20,left:c.left-d.padding-20}}else{a=U();c={width:d.padding*2,height:d.padding*2,top:parseInt(a[3]+a[1]*0.5,10),left:parseInt(a[2]+a[0]*0.5,10)}}return c},Z=function(){if(t.is(":visible")){b("div",t).css("top",L*-40+"px");L=(L+1)%12}else clearInterval(K)};
b.fn.fancybox=function(a){if(!b(this).length)return this;b(this).data("fancybox",b.extend({},a,b.metadata?b(this).metadata():{})).unbind("click.fb").bind("click.fb",function(c){c.preventDefault();if(!h){h=true;b(this).blur();o=[];q=0;c=b(this).attr("rel")||"";if(!c||c==""||c==="nofollow")o.push(this);else{o=b("a[rel="+c+"], area[rel="+c+"]");q=o.index(this)}I()}});return this};b.fancybox=function(a,c){var g;if(!h){h=true;g=typeof c!=="undefined"?c:{};o=[];q=parseInt(g.index,10)||0;if(b.isArray(a)){for(var k=
0,C=a.length;k<C;k++)if(typeof a[k]=="object")b(a[k]).data("fancybox",b.extend({},g,a[k]));else a[k]=b({}).data("fancybox",b.extend({content:a[k]},g));o=jQuery.merge(o,a)}else{if(typeof a=="object")b(a).data("fancybox",b.extend({},g,a));else a=b({}).data("fancybox",b.extend({content:a},g));o.push(a)}if(q>o.length||q<0)q=0;I()}};b.fancybox.showActivity=function(){clearInterval(K);t.show();K=setInterval(Z,66)};b.fancybox.hideActivity=function(){t.hide()};b.fancybox.next=function(){return b.fancybox.pos(p+
1)};b.fancybox.prev=function(){return b.fancybox.pos(p-1)};b.fancybox.pos=function(a){if(!h){a=parseInt(a);o=l;if(a>-1&&a<l.length){q=a;I()}else if(d.cyclic&&l.length>1){q=a>=l.length?0:l.length-1;I()}}};b.fancybox.cancel=function(){if(!h){h=true;b.event.trigger("fancybox-cancel");N();e.onCancel(o,q,e);h=false}};b.fancybox.close=function(){function a(){u.fadeOut("fast");n.empty().hide();f.hide();b.event.trigger("fancybox-cleanup");j.empty();d.onClosed(l,p,d);l=e=[];p=q=0;d=e={};h=false}if(!(h||f.is(":hidden"))){h=
true;if(d&&false===d.onCleanup(l,p,d))h=false;else{N();b(E.add(z).add(A)).hide();b(j.add(u)).unbind();b(window).unbind("resize.fb scroll.fb");b(document).unbind("keydown.fb");j.find("iframe").attr("src",M&&/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank");d.titlePosition!=="inside"&&n.empty();f.stop();if(d.transitionOut=="elastic"){r=V();var c=f.position();i={top:c.top,left:c.left,width:f.width(),height:f.height()};if(d.opacity)i.opacity=1;n.empty().hide();B.prop=1;
b(B).animate({prop:0},{duration:d.speedOut,easing:d.easingOut,step:T,complete:a})}else f.fadeOut(d.transitionOut=="none"?0:d.speedOut,a)}}};b.fancybox.resize=function(){u.is(":visible")&&u.css("height",b(document).height());b.fancybox.center(true)};b.fancybox.center=function(a){var c,g;if(!h){g=a===true?1:0;c=U();!g&&(f.width()>c[0]||f.height()>c[1])||f.stop().animate({top:parseInt(Math.max(c[3]-20,c[3]+(c[1]-j.height()-40)*0.5-d.padding)),left:parseInt(Math.max(c[2]-20,c[2]+(c[0]-j.width()-40)*0.5-
d.padding))},typeof a=="number"?a:200)}};b.fancybox.init=function(){if(!b("#fancybox-wrap").length){b("body").append(m=b('<div id="fancybox-tmp"></div>'),t=b('<div id="fancybox-loading"><div></div></div>'),u=b('<div id="fancybox-overlay"></div>'),f=b('<div id="fancybox-wrap"></div>'));D=b('<div id="fancybox-outer"></div>').append('<div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div>').appendTo(f);
D.append(j=b('<div id="fancybox-content"></div>'),E=b('<a id="fancybox-close"></a>'),n=b('<div id="fancybox-title"></div>'),z=b('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),A=b('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>'));E.click(b.fancybox.close);t.click(b.fancybox.cancel);z.click(function(a){a.preventDefault();b.fancybox.prev()});A.click(function(a){a.preventDefault();b.fancybox.next()});
b.fn.mousewheel&&f.bind("mousewheel.fb",function(a,c){if(h)a.preventDefault();else if(b(a.target).get(0).clientHeight==0||b(a.target).get(0).scrollHeight===b(a.target).get(0).clientHeight){a.preventDefault();b.fancybox[c>0?"prev":"next"]()}});b.support.opacity||f.addClass("fancybox-ie");if(M){t.addClass("fancybox-ie6");f.addClass("fancybox-ie6");b('<iframe id="fancybox-hide-sel-frame" src="'+(/^https/i.test(window.location.href||"")?"javascript:void(false)":"about:blank")+'" scrolling="no" border="0" frameborder="0" tabindex="-1"></iframe>').prependTo(D)}}};
b.fn.fancybox.defaults={padding:10,margin:40,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.7,overlayColor:"#777",titleShow:true,titlePosition:"float",titleFormat:null,titleFromAlt:false,transitionIn:"fade",transitionOut:"fade",speedIn:300,speedOut:300,changeSpeed:300,changeFade:"fast",easingIn:"swing",
easingOut:"swing",showCloseButton:true,showNavArrows:true,enableEscapeButton:true,enableKeyboardNav:true,onStart:function(){},onCancel:function(){},onComplete:function(){},onCleanup:function(){},onClosed:function(){},onError:function(){}};b(document).ready(function(){b.fancybox.init()})})(jQuery);

BIN
src/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 925 B

View File

@ -1,48 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="description" content="place your description here" /> <meta name="viewport" content="width=device-width;" />
<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="styles.css" />
<link rel="stylesheet" href="css/main.css"/> <link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/> <link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> <!--[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 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 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]--> <!--[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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Oswald' 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=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" /> <link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> <!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title> <title>Exposición de mobiliario de cocinas y baños en Madrid - Alonso y Sal Cocinas</title>
<meta name="description" content="Tu tienda de muebles y cocinas en Madrid. Exposición en tienda de muebles de cocina y baños." />
</head> </head>
<body class="index"> <body class="index">
<div id="inner-wrap"> <div id="inner-wrap">
<header> <header>
<section id="logo"> <section id="logo">
<h1><a href="index.html">Arribas</a></h1> <h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p> <p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
</section><!--logo ends here--> </section><!--logo ends here-->
</header> </header>
<div id="main-content">
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<div id="main-content-index"> <div id="main-content-index">
<div id="colours"> <div id="colours">
<span class="color color-1"></span> <span class="color color-1"></span>
<span class="color color-2"></span> <span class="color color-2"></span>
<span class="color color-3"></span> <span class="color color-3"></span>
<span class="color color-4"></span> <span class="color color-4"></span>
<span class="color color-5"></span> <span class="color color-5"></span>
</div><!--colours ends here--> </div><!--colours ends here-->
<div id="hero-slider"> <div id="hero-slider">
<ul> <ul>
<li><a href="#" rel="#panel-3">Mamparas</a></li>
<li><a href="#" rel="#panel-2">Baños</a></li> <li><a href="#" rel="#panel-2">Baños</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocinas</a></li> <li><a href="#" rel="#panel-1" class="active">Cocinas</a></li>
</ul> </ul>
@ -52,6 +67,10 @@
<div class="panel" id="panel-1"> <div class="panel" id="panel-1">
<section class="panelinfo"> <section class="panelinfo">
<h2>Exposición de muebles de cocinas</h2> <h2>Exposición de muebles de cocinas</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759273638013.1073741834.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_0_b.jpg"><img src="images/cocina_exposicion_0_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_0_b.jpg"><img src="images/cocina_exposicion_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_1_b.jpg"><img src="images/cocina_exposicion_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_1_b.jpg"><img src="images/cocina_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_2_b.jpg"><img src="images/cocina_exposicion_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_2_b.jpg"><img src="images/cocina_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
@ -60,82 +79,93 @@
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_4_b.jpg"><img src="images/cocina_exposicion_4_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_4_b.jpg"><img src="images/cocina_exposicion_4_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_5_b.jpg"><img src="images/cocina_exposicion_5_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_5_b.jpg"><img src="images/cocina_exposicion_5_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_exposicion_6_b.jpg"><img src="images/cocina_exposicion_6_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_exposicion_6_b.jpg"><img src="images/cocina_exposicion_6_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-exposicion-7-b.jpg"><img src="images/cocina-exposicion-7-s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-2"> <div class="panel" id="panel-2">
<section class="panelinfo"> <section class="panelinfo">
<h2>Exposición de muebles de baño y mamparas </h2> <h2>Exposición de muebles de baño</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759890304618.1073741835.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group2" href="images/bano_exposicion_1_b.jpg"><img src="images/bano_exposicion_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/bano_exposicion_1_b.jpg"><img src="images/bano_exposicion_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano_exposicion_2_b.jpg"><img src="images/bano_exposicion_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/bano_exposicion_2_b.jpg"><img src="images/bano_exposicion_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano_exposicion_3_b.jpg"><img src="images/bano_exposicion_3_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/bano-exposicion-4-b.jpg"><img src="images/bano-exposicion-4-s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-5-b.jpg"><img src="images/bano-exposicion-5-s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-6-b.jpg"><img src="images/bano-exposicion-6-s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-7-b.jpg"><img src="images/bano-exposicion-7-s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano-exposicion-8-b.jpg"><img src="images/bano-exposicion-8-s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/bano_mamparas_exposicion_0_b.jpg"><img src="images/bano_mamparas_exposicion_0_s.jpg" width="139" height="120" alt=""/></a> </section>
<a class="grouped_elements" rel="group2" href="images/bano_mamparas_exposicion_1_b.jpg"><img src="images/bano_mamparas_exposicion_1_s.jpg" width="139" height="120" alt=""/></a> </section> </div>
<div class="panel" id="panel-3">
<section class="panelinfo">
<h2>Exposición de mamparas </h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497759890304618.1073741835.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group3" href="images/bano_mamparas_exposicion_0_b.jpg"><img src="images/bano_mamparas_exposicion_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/bano_mamparas_exposicion_1_b.jpg"><img src="images/bano_mamparas_exposicion_1_s.jpg" width="139" height="120" alt=""/></a> </section>
</div> </div>
</div> </div>
</div> <!-- .mask --> </div> <!-- .mask -->
<div class="clear"></div> <div class="clear"></div>
</div> <!-- #hero-slider --> </div> <!-- #hero-slider -->
<nav id="side"> <nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<a href="#" class="current">Exposiciones</a> <a href="#" class="current">Exposiciones</a>
<a href="galeria-montajes.html">Montajes</a> <a href="galeria-montajes.html">Montajes</a>
<a href="ofertas.html">Ofertas</a> </nav>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto </a>
</nav>
<section id="social"> <section id="social">
<!--figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure> <p>Distribuidores de:</p><br/>
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure> <a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure> <a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure--> <p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
<figure><p>Distribuidores de:</p></figure><br/><br/> </section>
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
</section>
</div><!--main-content-index ends here--> </div><!--main-content-index ends here-->
<section id="hours"> <section id="hours">
<div id="panel-hours"> <div id="panel-hours">
<div class="panelblock"> <div class="panelblock">
<article id="opening-hours"> <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> <p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article> </article>
</div><!--panelblock ends here--> </div><!--panelblock ends here-->
</div><!--panel-hours 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--> </section><!--section hours ends here-->
</div><!--inner-wrap ends here--> </div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div> <div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts--> <!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <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.scrollTo-1.4.2-min.js"></script>
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></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/lib.js" charset="utf-8"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
$(window).bind("resize", function(){ $(window).bind("resize", function(){
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
</script> </script>
<script> <script>
//append click event to the UL list anchor tag //append click event to the UL list anchor tag
$('#hero-slider ul a').click(function () { $('#hero-slider ul a').click(function () {
//reset all the items //reset all the items
$('#hero-slider ul a').removeClass('active'); $('#hero-slider ul a').removeClass('active');
@ -149,28 +179,28 @@ $('#hero-slider ul a').click(function () {
//disable click event //disable click event
return false; return false;
}); });
</script> </script>
<!--fancybox--> <!--fancybox-->
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("a.grouped_elements").fancybox({ $("a.grouped_elements").fancybox({
'transitionIn' : 'elastic', 'transitionIn' : 'elastic',
'transitionOut' : 'elastic', 'transitionOut' : 'elastic',
'speedIn' : 600, 'speedIn' : 600,
'speedOut' : 200, 'speedOut' : 200,
'overlayShow' : false 'overlayShow' : false
}); });
}); });
</script> </script>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$(".btn-slide").click(function(){ $(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow"); $("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false; $(this).toggleClass("active"); return false;
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

View File

@ -1,189 +1,297 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="es">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="description" content="place your description here" /> <meta name="viewport" content="width=device-width;" />
<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="styles.css" />
<link rel="stylesheet" href="css/main.css"/> <link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/_print/main.css" media="print"/> <link rel="stylesheet" href="css/_print/main.css" media="print"/>
<!--[if IE]><link rel="stylesheet" href="_/css/_patches/win-ie-all.css" media="all" /><![endif]--> <!--[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 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 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]--> <!--[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 rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Oswald' 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=Mako:regular" rel="stylesheet" type="text/css" />
<link rel="icon" href="favicon.png" /> <link rel="icon" href="favicon.png" />
<!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]--> <!--[if IE ]><link rel="stylesheet" href="ie.css" media="all"/><![endif]-->
<title>Alonso y Sal</title> <title>Montaje de mobiliario de cocinas y baños en Madrid - Alonso y Sal Cocinas</title>
<meta name="description" content="Galería de algunos de nuestros montajes de muebles de cocinas y baños en Madrid." />
</head> </head>
<body class="index"> <body class="index">
<div id="inner-wrap"> <div id="inner-wrap">
<header> <header>
<section id="logo"> <section id="logo">
<h1><a href="index.html">Arribas</a></h1> <h1><a href="index.html">Arribas</a></h1>
<p><span class="coloured-1">«</span> desde 1980 <span class="coloured-1">»</span></p> <p><span class="coloured-1">«</span> cocina y baños <span class="coloured-1">»</span></p>
</section><!--logo ends here--> </section><!--logo ends here-->
</header> </header>
<div id="main-content">
<div id="panel">
<div class="panelblock">
<nav id="slide-nav">
<a href="index.html">Inicio</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-muebles-cocinas-electrodomesticos.html">Cocinas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="tienda-banos-mamparas.html">Baños</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="servicios-tienda-cocinas-banos.html">Servicios</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a class="current" href="galeria-exposiciones.html">Galería</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="localizacion.html">Tiendas</a><span class="coloured-3">&nbsp;|&nbsp;</span>
<a href="contacto.php">Contacto</a>
</nav>
</div><!--panelblock ends here-->
</div><!--panel ends here-->
</div><!--main-content ends here-->
<div id="main-content-index"> <div id="main-content-index">
<div id="colours"> <div id="colours">
<span class="color color-1"></span> <span class="color color-1"></span>
<span class="color color-2"></span> <span class="color color-2"></span>
<span class="color color-3"></span> <span class="color color-3"></span>
<span class="color color-4"></span> <span class="color color-4"></span>
<span class="color color-5"></span> <span class="color color-5"></span>
</div><!--colours ends here--> </div><!--colours ends here-->
<div id="hero-slider"> <div id="hero-slider">
<ul> <ul>
<li><a href="#" rel="#panel-7">Baño 3</a></li> <li><a href="#" rel="#panel-9">Planos</a></li>
<li><a href="#" rel="#panel-6">Baño 2</a></li> <li><a href="#" rel="#panel-8">Baños 2</a></li>
<li><a href="#" rel="#panel-5">Baño 1</a></li> <li><a href="#" rel="#panel-7">Baños 1</a></li>
<li><a href="#" rel="#panel-4">Cocina 4</a></li> <li><a href="#" rel="#panel-6">Cocinas 6</a></li>
<li><a href="#" rel="#panel-3">Cocina 3</a></li> <li><a href="#" rel="#panel-5">Cocinas 5</a></li>
<li><a href="#" rel="#panel-2">Cocina 2</a></li> <li><a href="#" rel="#panel-4">Cocinas 4</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocina 1</a></li> <li><a href="#" rel="#panel-3">Cocinas 3</a></li>
<li><a href="#" rel="#panel-2">Cocinas 2</a></li>
<li><a href="#" rel="#panel-1" class="active">Cocinas 1</a></li>
</ul> </ul>
<div class="mask"> <div class="mask">
<div class="slider-body"> <div class="slider-body">
<div class="panel" id="panel-1"> <div class="panel" id="panel-1">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de cocina modelo 1</h2> <h2>Montajes cocinas 1</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_0_b.jpg"><img src="images/cocina_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_0_b.jpg"><img src="images/cocina_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_1_b.jpg"><img src="images/cocina_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_1_b.jpg"><img src="images/cocina_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_2_b.jpg"><img src="images/cocina_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group1" href="images/cocina_montaje_mod1_2_b.jpg"><img src="images/cocina_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-301b.jpg"><img src="images/cocina-301s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-201b.jpg"><img src="images/cocina-201s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-202b.jpg"><img src="images/cocina-202s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-1301b.jpg"><img src="images/cocina-1301s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group1" href="images/cocina-1302b.jpg"><img src="images/cocina-1302s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-2"> <div class="panel" id="panel-2">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de cocina modelo 2</h2> <h2>Montaje cocinas 2</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_0_b.jpg"><img src="images/cocina_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_0_b.jpg"><img src="images/cocina_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_1_b.jpg"><img src="images/cocina_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_1_b.jpg"><img src="images/cocina_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_2_b.jpg"><img src="images/cocina_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_2_b.jpg"><img src="images/cocina_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_3_b.jpg"><img src="images/cocina_montaje_mod2_3_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group2" href="images/cocina_montaje_mod2_3_b.jpg"><img src="images/cocina_montaje_mod2_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-901b.jpg"><img src="images/cocina-901s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-902b.jpg"><img src="images/cocina-902s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-903b.jpg"><img src="images/cocina-903s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group2" href="images/cocina-1601b.jpg"><img src="images/cocina-1601s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-3"> <div class="panel" id="panel-3">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de cocina modelo 3</h2> <h2>Montaje cocinas 3</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_0_b.jpg"><img src="images/cocina_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_0_b.jpg"><img src="images/cocina_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_1_b.jpg"><img src="images/cocina_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_1_b.jpg"><img src="images/cocina_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_2_b.jpg"><img src="images/cocina_montaje_mod3_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group3" href="images/cocina_montaje_mod3_2_b.jpg"><img src="images/cocina_montaje_mod3_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-701b.jpg"><img src="images/cocina-701s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-702b.jpg"><img src="images/cocina-702s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-703b.jpg"><img src="images/cocina-703s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-704b.jpg"><img src="images/cocina-704s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group3" href="images/cocina-705b.jpg"><img src="images/cocina-705s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-4"> <div class="panel" id="panel-4">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de cocina modelo 2</h2> <h2>Montaje cocinas 4</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_0_b.jpg"><img src="images/cocina_montaje_mod4_0_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_0_b.jpg"><img src="images/cocina_montaje_mod4_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_1_b.jpg"><img src="images/cocina_montaje_mod4_1_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_1_b.jpg"><img src="images/cocina_montaje_mod4_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_2_b.jpg"><img src="images/cocina_montaje_mod4_2_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_2_b.jpg"><img src="images/cocina_montaje_mod4_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_3_b.jpg"><img src="images/cocina_montaje_mod4_3_s.jpg" width="139" height="120" alt=""/></a> <a class="grouped_elements" rel="group4" href="images/cocina_montaje_mod4_3_b.jpg"><img src="images/cocina_montaje_mod4_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-401b.jpg"><img src="images/cocina-401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-402b.jpg"><img src="images/cocina-402s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-403b.jpg"><img src="images/cocina-403s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group4" href="images/cocina-404b.jpg"><img src="images/cocina-404s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-5"> <div class="panel" id="panel-5">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de baño modelo 1</h2> <h2>Montaje cocinas 5</h2>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_0_b.jpg"><img src="images/bano_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_1_b.jpg"><img src="images/bano_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_2_b.jpg"><img src="images/bano_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/bano_montaje_mod1_3_b.jpg"><img src="images/bano_montaje_mod1_3_s.jpg" width="139" height="120" alt=""/></a> <a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group5" href="images/cocina-501b.jpg"><img src="images/cocina-501s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-502b.jpg"><img src="images/cocina-502s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-503b.jpg"><img src="images/cocina-503s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-504b.jpg"><img src="images/cocina-504s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-601b.jpg"><img src="images/cocina-601s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-602b.jpg"><img src="images/cocina-602s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-603b.jpg"><img src="images/cocina-603s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group5" href="images/cocina-604b.jpg"><img src="images/cocina-604s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-6"> <div class="panel" id="panel-6">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de baño modelo 2</h2> <h2>Montaje cocinas 6</h2>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_0_b.jpg"><img src="images/bano_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_1_b.jpg"><img src="images/bano_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a> <a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497739826973291.1073741833.436077713139503&type=1">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<a class="grouped_elements" rel="group6" href="images/bano_montaje_mod2_2_b.jpg"><img src="images/bano_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group6" href="images/cocina-1001b.jpg"><img src="images/cocina-1001s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1002b.jpg"><img src="images/cocina-1002s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1003b.jpg"><img src="images/cocina-1003s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1004b.jpg"><img src="images/cocina-1004s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1005b.jpg"><img src="images/cocina-1005s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1006b.jpg"><img src="images/cocina-1006s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1401b.jpg"><img src="images/cocina-1401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group6" href="images/cocina-1402b.jpg"><img src="images/cocina-1402s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
<div class="panel" id="panel-7"> <div class="panel" id="panel-7">
<section class="panelinfo"> <section class="panelinfo">
<h2>Montaje de baño modelo 3</h2> <h2>Montaje baños 1</h2>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod3_0_b.jpg"><img src="images/bano_montaje_mod3_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod3_1_b.jpg"><img src="images/bano_montaje_mod3_1_s.jpg" width="139" height="120" alt=""/></a> <a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497760576971216.1073741836.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_0_b.jpg"><img src="images/bano_montaje_mod1_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_1_b.jpg"><img src="images/bano_montaje_mod1_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_2_b.jpg"><img src="images/bano_montaje_mod1_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano_montaje_mod1_3_b.jpg"><img src="images/bano_montaje_mod1_3_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-101b.jpg"><img src="images/bano-101s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-102b.jpg"><img src="images/bano-102s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-201b.jpg"><img src="images/bano-201s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group7" href="images/bano-301b.jpg"><img src="images/bano-301s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-8">
<section class="panelinfo">
<h2>Montaje baños 2</h2>
<a class="enlace-right" href="https://www.facebook.com/media/set/?set=a.497760576971216.1073741836.436077713139503&type=3">Para ver más<br/><img src="images/siguenos-facebook.png" width="80" height="35" alt="Montajes cocina facebook"/></a>
<div class="clear"></div>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_0_b.jpg"><img src="images/bano_montaje_mod2_0_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_1_b.jpg"><img src="images/bano_montaje_mod2_1_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano_montaje_mod2_2_b.jpg"><img src="images/bano_montaje_mod2_2_s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-401b.jpg"><img src="images/bano-401s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-501b.jpg"><img src="images/bano-501s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-502b.jpg"><img src="images/bano-502s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-503b.jpg"><img src="images/bano-503s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group8" href="images/bano-504b.jpg"><img src="images/bano-504s.jpg" width="139" height="120" alt=""/></a>
</section>
</div>
<div class="panel" id="panel-9">
<section class="panelinfo">
<h2>Planos</h2>
<div class="clear"></div>
<a class="grouped_elements" rel="group9" href="images/plano1b.jpg"><img src="images/plano1s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano2b.jpg"><img src="images/plano2s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano3b.jpg"><img src="images/plano3s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano4b.jpg"><img src="images/plano4s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano5b.jpg"><img src="images/plano5s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano6b.jpg"><img src="images/plano6s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano7b.jpg"><img src="images/plano7s.jpg" width="139" height="120" alt=""/></a>
<a class="grouped_elements" rel="group9" href="images/plano8b.jpg"><img src="images/plano8s.jpg" width="139" height="120" alt=""/></a>
</section> </section>
</div> </div>
</div> </div>
</div> <!-- .mask --> </div> <!-- .mask -->
<div class="clear"></div> <div class="clear"></div>
</div> <!-- #hero-slider --> </div> <!-- #hero-slider -->
<nav id="side"> <nav id="side">
<a href="index.html">Inicio</a>
<a href="acerca-de.html">Empresa</a>
<a href="galeria-exposiciones.html">Exposiciones</a> <a href="galeria-exposiciones.html">Exposiciones</a>
<a href="#" class="current">Montajes</a> <a href="#" class="current">Montajes</a>
<a href="ofertas.html">Ofertas</a> </nav>
<a href="localizacion.html">Tienda</a>
<a href="contacto.html">Contacto </a>
</nav>
<section id="social"> <section id="social">
<!--figure><a href="#"><img src="images/facebook.png" alt="facebook"/></a></figure> <p>Distribuidores de:</p><br/>
<figure><a href="#"><img src="images/skype.png" alt="facebook"/></a></figure> <a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a><br/><br/>
<figure><a href="#"><img src="images/gmail.png" alt="facebook"/></a></figure> <a href="http://www.hettich.com" target="new"><img src="images/hettich_w.png" alt="Hettich"/></a>
<figure><a href="#"><img src="images/favorites.png" alt="facebook"/></a></figure--> <p>Con garantía AENOR</p><br/>
<img src="images/aenor.png" alt="Garantía AENOR" width="45" height="85"/>
<figure><p>Distribuidores de:</p></figure></br></br> </section>
<figure><a href="http://www.infercocinas.es/" target="new"><img src="images/logo_infer_cocinas.gif" alt="Infer Cocinas"/></a></figure>
</section>
</div><!--main-content-index ends here--> </div><!--main-content-index ends here-->
<section id="hours"> <section id="hours">
<div id="panel-hours"> <div id="panel-hours">
<div class="panelblock"> <div class="panelblock">
<article id="opening-hours"> <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> <p><span class="coloured-1">Horario:</span> Lunes&mdash;Viernes: 9:30&mdash;13:30 y 16:30&mdash;20:00 | Sábados: 9:30&mdash;13:30</p>
</article> </article>
</div><!--panelblock ends here--> </div><!--panelblock ends here-->
</div><!--panel-hours 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--> </section><!--section hours ends here-->
</div><!--inner-wrap ends here--> </div><!--inner-wrap ends here-->
<div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div> <div id="body-background"><img src="images/bg1.jpg" alt="interior full-size photo"/></div>
<!--scripts--> <!--scripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <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.scrollTo-1.4.2-min.js"></script>
<script src="js/jquery.ez-bg-resize.js" charset="utf-8"></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/lib.js" charset="utf-8"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script> <script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
$(window).bind("resize", function(){ $(window).bind("resize", function(){
$("#body-background").ezBgResize(); $("#body-background").ezBgResize();
}); });
</script> </script>
<script> <script>
//append click event to the UL list anchor tag //append click event to the UL list anchor tag
$('#hero-slider ul a').click(function () { $('#hero-slider ul a').click(function () {
//reset all the items //reset all the items
$('#hero-slider ul a').removeClass('active'); $('#hero-slider ul a').removeClass('active');
@ -197,28 +305,28 @@ $('#hero-slider ul a').click(function () {
//disable click event //disable click event
return false; return false;
}); });
</script> </script>
<!--fancybox--> <!--fancybox-->
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$("a.grouped_elements").fancybox({ $("a.grouped_elements").fancybox({
'transitionIn' : 'elastic', 'transitionIn' : 'elastic',
'transitionOut' : 'elastic', 'transitionOut' : 'elastic',
'speedIn' : 600, 'speedIn' : 600,
'speedOut' : 200, 'speedOut' : 200,
'overlayShow' : false 'overlayShow' : false
}); });
}); });
</script> </script>
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$(".btn-slide").click(function(){ $(".btn-slide").click(function(){
$("#panel-hours").slideToggle("slow"); $("#panel-hours").slideToggle("slow");
$(this).toggleClass("active"); return false; $(this).toggleClass("active"); return false;
}); });
}); });
</script> </script>
</body> </body>
</html> </html>

View File

@ -0,0 +1 @@
google-site-verification: googlef81d58ff3867b09c.html

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
src/images/aenor.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/images/balay.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
src/images/bano-101b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

BIN
src/images/bano-101s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
src/images/bano-102b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

BIN
src/images/bano-102s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
src/images/bano-1b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

BIN
src/images/bano-1s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
src/images/bano-201b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

BIN
src/images/bano-201s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
src/images/bano-301b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
src/images/bano-301s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
src/images/bano-401b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
src/images/bano-401s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
src/images/bano-501b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

BIN
src/images/bano-501s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/bano-502b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

BIN
src/images/bano-502s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.9 KiB

BIN
src/images/bano-503b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

BIN
src/images/bano-503s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/images/bano-504b.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 79 KiB

BIN
src/images/bano-504s.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Some files were not shown because too many files have changed in this diff Show More