Version Inicial de Pincel Cristal

git-svn-id: https://192.168.0.254/svn/Proyectos.PincelCristal_Web/trunk@3 ba5a6a84-2baa-4a43-924d-ae1053d3ae7c

css/lightbox.css

@@ -0,0 +1,27 @@
+#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
+#lightbox img{ width: auto; height: auto;}
+#lightbox a img{ border: none; }
+
+#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
+#imageContainer{ padding: 10px; }
+
+#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
+#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
+#imageContainer>#hoverNav{ left: 0;}
+#hoverNav a{ outline: none;}
+
+#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
+#prevLink { left: 0; float: left;}
+#nextLink { right: 0; float: right;}
+#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
+
+#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
+
+#imageData{	padding:0 10px; color: #666; }
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #caption{ font-weight: bold;	}
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
+#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
+
+#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

estilos.css

@@ -0,0 +1,338 @@
+html, body {
+   text-align:center; 
+	background-color: #F1F1F1;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+	background-image: url('images/back.gif');
+	background-repeat: repeat-y;
+	background-position: center;
+ 	margin:0;
+ 	padding:0;
+}
+
+
+a {
+	color: #FF6600;
+	border-bottom: none;
+	text-decoration: none;		
+}
+
+a:visited {
+	color: #FF6600;
+	border-bottom: none;
+	text-decoration: none;
+}
+
+a:hover {
+	color: #0066CC;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+a:active {
+	color: #082C63;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+hr {
+	color: #FA6F05; 
+	background-color: #FA6F05; 
+	height: 1px;
+	padding: 0;
+	border: 0px;
+}
+
+h1 {
+	padding-top: 2px;
+	margin:0 0 0 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 34px;	
+	color: #FFF0F9;
+}
+
+h2 {
+	margin: 10px 0px 10px 10px;
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-size: 16px;	
+	color: #FF6600;	
+}
+
+h3 {
+	margin: 10px 0px 10px 10px;
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	color: #FF6600;	
+	font-size: 14px;	
+}
+
+p, ul {
+	color: #666666;
+	line-height: 18px;
+	margin: 0;
+	padding: 0;	
+}
+
+#pagewidth{ 
+ margin:0;
+ padding:0;
+ width:780px; 
+ text-align:left; 
+ min-width: 500px;
+ margin-left:auto; 
+ margin-right:auto; 
+} 
+html>body #pagewidth {
+	width: 780px;
+}
+ 
+#header{ 
+ height:100px;
+ background-color:#FA6F05; 
+ margin: 0;
+ padding: 0;
+ background-image: url('images/header.jpg');
+ background-repeat: no-repeat;
+} 
+
+#header h2 {
+	font-family: Arial, Helvetica, sans-serif;
+	color: #FFE0C9;
+	font-size:20px;
+	font-weight: normal;
+	margin: -5px 0px 15px 10px;
+}
+
+#header h3 {
+	color: #FFF6EF;
+	font-size:14px;
+	font-weight: bold;
+	margin: 0px 0px 0px 10px;
+	font-family: Arial, Helvetica, sans-serif;
+}
+
+#header h4 {
+	font-family: Arial, Helvetica, sans-serif;
+	color: #FFFFFF;
+	font-size:14px;
+	font-weight: bold;
+	margin: -15px 0px 15px 10px;
+}
+
+#header a {
+	color: #FAECD9;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+#header a:hover {
+	color: #0066CC;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+#header a:active {
+	color: #082C63;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+
+#footer {
+ background-color:#FA6F05; 
+ margin: 0;
+ padding: 5px 10px;
+ background-image: url('images/header.jpg');
+ background-repeat: no-repeat;
+ background-position: 0px -20px;
+}
+
+#footer p{
+	color: #FFE0C9;
+}
+
+#footer a {
+	color: #FAECD9;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+#footer a:hover {
+	color: #0066CC;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+#footer a:active {
+	color: #082C63;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+
+#outer{ 
+ background-color: #FFFFFF; /* center column colour */ 
+ width: auto; 
+ } 
+ 
+#inner{margin:0; width:100%;}
+ 
+#maincol{ 
+ float: left; 
+ width: 100%; 
+ position: relative;
+ margin: 0 -8px 0 -2px; 
+ background-color: #FFFFFF;	 
+ }
+ 
+.clr{clear:both;}
+ 
+.content{padding:0px;margin:0px;} /*padding for content */ 
+ 
+#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
+
+.seccion {
+ 	width: 100%; 
+	padding: 0;
+	padding: 0px 0 20px 0;
+	border: 1px solid #FFFFFF;
+	background-color: #F1EFE2;
+}
+
+.texto {
+	float: left;
+	width: 162px;	
+	padding: 0px 15px 0px 15px;
+}
+
+ul.caracteristicas {
+	float: left;
+	border-left: 30px solid #F1EFE2;
+}
+
+ul.caracteristicas li {
+	list-style-type: square;
+	list-style-position: outside;
+	margin-bottom: 5px;
+	font-weight: bold;
+}
+
+.foto, .foto2 {
+	float: right;
+	width: auto;
+	min-width: 195px;
+	text-align: center;
+	position: relative;
+}
+
+.foto img, .foto2 img {
+	margin: 0px 3px;
+	padding: 0;
+	border: 1px solid #ACA899;
+}
+
+.foto2 {
+	padding-right: 30px;
+}
+
+.novedad {
+	float: right;
+	font-size: 10px;
+	font-weight: bold;
+	background-color: #FA6F05;
+	position: absolute;
+	right: 0;
+	top: -3px;
+	padding: 3px 5px;
+	color: #FFF;
+	border-left: 1px solid #6A2B00;
+	border-bottom: 1px solid #6A2B00;	
+}
+
+.piefoto {
+	padding: 0px 8px;
+	margin: 0px 3px;
+	text-align: center;
+	font-size: 11px;
+	line-height: normal;
+	background-color: #FFFFFF;
+}
+
+.nombre {
+	float:left;
+	margin: 10px 0 0 0;
+}
+
+.direccion {
+	float: right;
+	width: 244px;
+	margin: 15px 5px 0 0;
+	text-align: right;
+}
+
+.horario {
+	float: right;
+	width: 232px;
+	text-align: right;
+	background-color:#FFF6EF; 
+	padding: 0px 10px 0px 0px;	  	
+  margin: 3px 0px 0px 0px;			
+}
+
+.horario p {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+  margin: 0px 0px 5px 0px;	
+}
+
+.horario h2 {	
+	margin: 10px 0px 5px 5px;
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-size: 13px;	
+	color: #FF6600;	
+}
+
+.otrapagina {
+ 	background-color:#FA6F05; 
+ 	margin: 0;
+ 	padding: 0;
+ 	background-image: url('images/back_banner.gif');
+	padding: 10px 0px 10px 10px;
+	border-top: 3px solid #ffffff;
+	border-bottom: 3px solid #ffffff;
+	background-color: #F1F1F1; 
+	float:left;
+	width: 525px;
+}
+
+.otrapagina p {
+	font-size: 18px;
+	font-weight: normal;
+	line-height: 120%;
+	color: #0064C4;
+}
+
+.otrapagina a {
+	color: #0063C1;
+	font-size: 26px;
+	font-weight: bold;
+	border-bottom: none;
+	text-decoration: none;		
+}
+
+.otrapagina a:visited {
+	color: #0066CC;
+	border-bottom: none;
+	text-decoration: none;
+}
+
+.otrapagina a:hover {
+	color: #0B87FF;
+	border-bottom: none;
+	text-decoration: none;	
+}
+
+.otrapagina a:active {
+	color: #0066CC;
+	border-bottom: none;
+	text-decoration: none;	
+}

galeria.htm

@@ -0,0 +1,263 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
+<title>PINCEL CRISTAL - Mamparas de baño y puertas de cristal</title>
+<meta name="keywords" content="puertas de corredera, puertas corredera, puertas correderas, mamparas de cristal, tabiques de cristal, paneles de cristal, diseño de interiores, diseño de baños, baños, mobiliario, aseo, decoración, accesorios de baño, bañeras, platos de ducha, obras, reforma, interiorismo, herrajes, puertas de cristal, bisagras, vidreos, vidreo, corredera, correderas, paneles, cristal, puertas"/>
+<meta name="description" content="Fabricación y diseño de mamparas de baño y puertas de cristal con bisagra o corredera. Sujección sin perfiles y realizada mediante herrajes con vinilos de diseños personalizados."/>
+<meta name="author" content="Rodax Software S.L."/>
+<meta name="robots" content="all"/>
+<link rel="stylesheet" href="estilos.css" type="text/css" />
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+
+<!-- LightBox-->
+<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
+<script type="text/javascript" src="js/prototype.js"></script>
+<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
+<script type="text/javascript" src="js/lightbox.js"></script>
+
+<script type="text/javascript">
+_uacct = "UA-297093-5";
+urchinTracker();
+</script>
+</head>
+<body>
+<div id="pagewidth" >
+	<div id="header" >
+ 		<div class="nombre">
+ 				<h1>PINCEL CRISTAL</h1>
+ 				<h2>Especialistas en puertas de cristal y mamparas</h2>
+				<h4>M&aacute;s de 10 a&ntilde;os de experiencia en la fabricaci&oacute;n, diseño y montaje</h4>
+		</div>
+		<div class="direccion">
+				<h3>C/Sambara, nº 55 - 28027 Madrid<br/>Metro Quintana (Línea 5)<br/>Movil: 691 09 19 56 / 645 91 09 52<br/>&nbsp;Fax: 91 326 22 89<br/>
+				<a href="mailto:jonassalvador@hotmail.com">jonassalvador@hotmail.com</a>
+				</h3>
+ 		</div>
+	</div>
+  <div id="banner">
+		<div class="otrapagina">			
+			<p>Visite nuestra p&aacute;gina <a href='http://www.reforma50metros.com'>www.reforma50metros.com</a><br/><br/>Descubra las ventajas del <b>cristal</b> en su hogar mediante <b>puertas de bisagra o correderas, mamparas de baño, paneles o tabiques</b>, ganando luminosidad y espacio en su casa</p>
+		</div>
+		<div class="horario">
+				<h2>Horario de atención al público</h2>
+				<p>Teléfono. 9:30 a 20:30<br/>Taller. 12:00 a 14:00 y 18:00 a 20:00<br/><br/>Viernes tarde y sabado cerrado<br/>Concertar cita para visita a taller</p>
+ 		</div>
+  </div>
+  	
+	<div id="outer" >
+ 		<div id="inner">
+ 			<div id="maincol" >
+				<div class="seccion">
+					<h2><a name="puerta"></a>Galería de montaje - Puerta corredera de cristal</h2>
+					<p class="texto">Los dise&ntilde;os de nuestras puertas de cristal son totalmente personalizables, al igual que los herrajes y vinilos.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/p3.jpg" rel="lightbox[montaje1]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/p3.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/p4.jpg" rel="lightbox[montaje1]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/p4.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/p1.jpg" rel="lightbox[montaje1]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/p1.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/p2.jpg" rel="lightbox[montaje1]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/p2.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="puertacorredera"></a>Galería de montaje - Puerta corredera de cristal de dise&ntilde;o</h2>
+					<p class="texto">Puesta corredera con tapa de aluminio plata mate. <br/><br/> Montaje especial con cristal de medio punto. <br/><br/> Los dise&ntilde;os de nuestras puertas de cristal son totalmente personalizables.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/mpc05.jpg" rel="lightbox[montaje2]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/mpc05.jpg" height="373" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/mpc04.jpg" rel="lightbox[montaje2]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/mpc04.jpg" height="373" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/mpc03.jpg" rel="lightbox[montaje2]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/mpc03.jpg" height="373" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/mpc02.jpg" rel="lightbox[montaje2]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/mpc02.jpg" height="373" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="puertacorrederadoble"></a>Galería de montaje - Puerta corredera de doble hoja</h2>
+					<p class="texto">Los dise&ntilde;os de nuestras puertas de cristal son totalmente personalizables, al igual que los herrajes y vinilos, aportan transparencia y claridad.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/mpc101.jpg" rel="lightbox[montaje3]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/mpc101.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/mpc102.jpg" rel="lightbox[montaje3]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/mpc102.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/mpc103.jpg" rel="lightbox[montaje3]" title="Ejemplo de montaje de puerta de cristal corredera">
+					<img src="galeria/mpc103.jpg" height="417" width="280" alt="Ejemplo de montaje de puerta de cristal corredera"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="corredera1"></a>Galería de montaje - Puerta con sistema aereo de acero</h2>
+					<p class="texto">Nuestro sistema aereo Concept de acero inox, puede fabricarse en cualquier medida.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m42.jpg" rel="lightbox[montaje4]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					</a>
+					<img src="galeria/puertac1m42.jpg" height="280" width="340" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m4.jpg" rel="lightbox[montaje4]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/puertac1m4.jpg" height="280" width="220" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="corredera2"></a>Galería de montaje - Puerta corredera de aluminio</h2>
+					<p class="texto">Puerta corredera de aluminio adaptada a un hueco de 80 cm x 2,10cm dew altura con vidreo de seguridad vinilo de cuadraditos<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m52.jpg" rel="lightbox[montaje5]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/puertac1m52.jpg" height="373" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m5.jpg" rel="lightbox[montaje5]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/puertac1m5.jpg" height="373" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="corredera3"></a>Galería de montaje - Puerta corredera para cocina</h2>
+					<p class="texto">Nuestras puertas corredera son a medida y sin necesidad de obra<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m62.jpg" rel="lightbox[montaje6]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/puertac1m62.jpg" height="373" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/puertac1m6.jpg" rel="lightbox[montaje6]" title="Ejemplo de montaje de herrajes y accesorios de puerta de corredera">
+					<img src="galeria/puertac1m6.jpg" height="373" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="corredera"></a>Galería de montaje - Puertas de corredera de cristal a medida</h2>
+					<p class="texto">Nuestras puertas de cristal de corredera, son a medida, sin necesidad de obra.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+					<img src="galeria/puertac1m3.jpg" height="275" width="185" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+					<div class='foto'>
+					<img src="galeria/puertac1m2.jpg" height="275" width="185" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+					<div class='foto'>
+					<img src="galeria/puertac1m1.jpg" height="275" width="185" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="comercio"></a>Galería de montaje - Comercio con puertas de cristal</h2>
+					<p class="texto">Nuestro sistema aereo Concept de acero inox, puede fabricarse en cualquier medida.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/comercios1.jpg" rel="lightbox" title="Ejemplo de montaje de clinica dental">
+					<img src="galeria/comercios1.jpg" height="280" width="340" alt="Ejemplo de montaje de clinica dental"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/comercios2.jpg" rel="lightbox" title="Ejemplo de montaje de clinica dental">
+					<img src="galeria/comercios2.jpg" height="280" width="220" alt="Ejemplo de montaje de clinica dental"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/comercios3.jpg" rel="lightbox" title="Ejemplo de montaje de clinica dental">
+					<img src="galeria/comercios3.jpg" height="280" width="340" alt="Ejemplo de montaje de clinica dental"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/comercios4.jpg" rel="lightbox" title="Ejemplo de montaje de clinica dental">
+					<img src="galeria/comercios4.jpg" height="280" width="220" alt="Ejemplo de montaje de clinica dental"/>
+					</a>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="tabique"></a>Galería de montaje - Pared de cristal a medida</h2>
+					<p class="texto">Nuestros paneles, tabiques o paredes de cristal, perimiten tener luminosidad en todos los rincones de su hogar, son totalmente a medida y no es necesaria obra.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+					<img src="galeria/tabique1m3.jpg" height="417" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+					<div class='foto'>
+					<img src="galeria/tabique1m2.jpg" height="417" width="280" alt="Ejemplo de montaje de herrajes y accesorios de puerta de corredera"/>
+					</div>					
+ 					<div class="clr"></div>
+				</div>
+
+				<div class="seccion">
+					<h2><a name="mampara"></a>Galer&iacute;a de montaje - Mamparas de cristal para ba&ntilde;os</h2>
+					<p class="texto">Se realizó la sustitución de la bañera por un plato de ducha rectangular. Mediante el cristal de pavés se aportó más luminosidad al baño. Para cubrir la parte inferior de la pared ocupada por la bañera se utilizaron azulejos.<br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto'>
+                              <a href="galeria/big/b2.jpg" rel="lightbox" title="Ejemplo de montaje de mampara de cristal">
+					<img src="galeria/b2.jpg" height="417" width="280" alt="Ejemplo de montaje de mampara de cristal"/>
+					</a>
+					</div>					
+					<div class='foto'>
+                              <a href="galeria/big/b1.jpg" rel="lightbox" title="Ejemplo de montaje de mampara de cristal">
+					<img src="galeria/b1.jpg" height="417" width="280" alt="Ejemplo de montaje de mampara de cristal"/>
+					</a>
+					</div>				
+ 					<div class="clr"></div>
+					<div class='foto'>
+                              <a href="galeria/big/b4.jpg" rel="lightbox" title="Ejemplo de montaje de mampara de cristal">
+					<img src="galeria/b4.jpg" height="417" width="280" alt="Ejemplo de montaje de mampara de cristal"/>
+					</a>
+					</div>					
+					<div class='foto'>	
+                              <a href="galeria/big/b3.jpg" rel="lightbox" title="Ejemplo de montaje de mampara de cristal">
+					<img src="galeria/b3.jpg" height="417" width="280" alt="Ejemplo de montaje de mampara de cristal"/>
+					</a>
+					</div>				
+ 					<div class="clr"></div>
+				</div>
+				
+				<div id="footer">
+ 					<div class="content">
+ 						<p>Dise&ntilde;ado por <a href="http://www.rodax-software.com">Rodax Software S.L.</a> © 2005</p>
+ 					</div>
+				</div>
+			</div> <!--maincol-->
+		</div> <!-- inner -->
+	</div> <!-- outer -->
+</div> <!--  pagewidth -->
+</body>
+</html>

herrajes.htm

@@ -0,0 +1,85 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
+<title>PINCEL CRISTAL - Mamparas de baño y puertas de cristal</title>
+<meta name="keywords" content="puertas de corredera, puertas corredera, puertas correderas, mamparas de cristal, tabiques de cristal, paneles de cristal, diseño de interiores, diseño de baños, baños, mobiliario, aseo, decoración, accesorios de baño, bañeras, platos de ducha, obras, reforma, interiorismo, herrajes, puertas de cristal, bisagras, vidreos, vidreo, corredera, correderas, paneles, cristal, puertas"/>
+<meta name="description" content="Fabricación y diseño de mamparas de baño y puertas de cristal con bisagra o corredera. Sujección sin perfiles y realizada mediante herrajes con vinilos de diseños personalizados."/>
+<meta name="author" content="Rodax Software S.L."/>
+<meta name="robots" content="all"/>
+<link rel="stylesheet" href="estilos.css" type="text/css" />
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+_uacct = "UA-297093-5";
+urchinTracker();
+</script>
+</head>
+<body>
+<div id="pagewidth" >
+	<div id="header" >
+ 		<div class="nombre">
+ 				<h1>PINCEL CRISTAL</h1>
+ 				<h2>Especialistas en puertas de cristal y mamparas</h2>
+				<h4>M&aacute;s de 10 a&ntilde;os de experiencia en la fabricaci&oacute;n, diseño y montaje</h4>
+		</div>
+		<div class="direccion">
+				<h3>C/Sambara, nº 55 - 28027 Madrid<br/>Metro Quintana (Línea 5)<br/>Movil: 691 09 19 56 / 645 91 09 52<br/>&nbsp;Fax: 91 326 22 89<br/>
+				<a href="mailto:jonassalvador@hotmail.com">jonassalvador@hotmail.com</a>
+				</h3>
+ 		</div>
+	</div>
+	
+  <div id="banner">
+		<div class="otrapagina">			
+			<p>Visite nuestra p&aacute;gina <a href='http://www.reforma50metros.com'>www.reforma50metros.com</a><br/><br/>Descubra las ventajas del <b>cristal</b> en su hogar mediante <b>puertas de bisagra o correderas, mamparas de baño, paneles o tabiques</b>, ganando luminosidad y espacio en su casa</p>
+		</div>
+		<div class="horario">
+				<h2>Horario de atención al público</h2>
+				<p>Teléfono. 9:30 a 20:30<br/>Taller. 12:00 a 14:00 y 18:00 a 20:00<br/><br/>Viernes tarde y sabado cerrado<br/>Concertar cita para visita a taller</p>
+ 		</div>
+  </div>
+  	
+	<div id="outer" >
+ 		<div id="inner">
+ 			<div id="maincol" >
+				<div class="seccion">
+					<h2>Galer&iacute;a de herrajes</h2>
+					<p class="texto"><strong>Automatismos, herrajes y accesorios para puertas correderas, puertas de bisagra, tabiques y paneles, todas ellas de cristal.<br/><br/>Diferentes acabados disponibles, realizados en acero inoxidable para su uso en contacto con el agua: cromado brillante, cromado mate, acero inoxidable...</strong><br /><br /><a href="index.htm">&lt; Volver a la página principal</a></p>
+					<div class='foto2'>					
+					<img src="galeria/herrajes1.jpg" height="220" width="532" alt="Muestras de herrajes DAVINES"/>
+						<p class='piefoto'><strong>Sistema de montaje modelo DAVINES en terminación aluminio mate</strong></p>
+					</div>				
+ 					<div class="clr"></div>
+					<br/>					
+					<div class='foto2'>					
+					<img src="galeria/bisagras2.jpg" height="317" width="532" alt="Muestras de herrajes inoxidables"/>
+						<p class='piefoto'><strong>Automatismos y herrajes <Strong>CONCEPT</Strong> en <Strong>ACERO INOX</Strong> para puertas de corredera</strong></p>
+					</div>									
+					<div class="clr"></div>
+					<br/>					
+					<div class='foto2'>					
+					<img src="galeria/herrajes.jpg" height="317" width="532" alt="Muestras de herrajes para puertas interiores, cerradures y barras de refuerzo"/>
+						<p class='piefoto'><strong>Herrajes para puertas interiores de corredera y de bisagra, cerraduras y barras de refuerzo</strong></p>
+					</div>
+ 					<div class="clr"></div>
+					<br/>
+					<div class='foto2'>
+						<img src="galeria/bisagras.jpg" height="357" width="532" alt="Muestras de bisagras y tiradores"/>
+						<p class='piefoto'><strong>Bisagras y tiradores</strong></p>
+					</div>
+ 					<div class="clr"></div>
+					<br/>					
+				</div>
+				
+				<div id="footer">
+ 					<div class="content">
+ 						<p>Dise&ntilde;ado por <a href="http://www.rodax-software.com">Rodax Software S.L.</a> © 2005</p>
+ 					</div>
+				</div>
+			</div> <!--maincol-->
+		</div> <!-- inner -->
+	</div> <!-- outer -->
+</div> <!--  pagewidth -->
+</body>
+</html>