- Nueva apariencia

git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@12 bb8bf09b-a688-453b-8f8d-2c74b69f9b56
Subida a la web real.
2009-10-26 15:06:30 +00:00 · 2009-10-19 07:34:15 +00:00 · 2009-10-14 09:36:40 +00:00 · 2009-10-09 13:55:27 +00:00 · 2009-10-07 16:13:22 +00:00 · 2009-10-01 18:53:10 +00:00
53 changed files with 2125 additions and 0 deletions
--- a/src/contacto.html
+++ b/src/contacto.html
@ -0,0 +1,94 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>Página de contacto - INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+	<link rel="stylesheet" type="text/css" href="forms.css"/>    
+    <link rel="stylesheet" href="menu/menu_style.css" type="text/css" />
+    
+	<script language="JavaScript" type="text/javascript">
+	<!--
+		function checkform(form)
+		{
+		  if (form.nombre.value == "") {
+		    alert("No ha introducido un nombre.");
+		    return false ;
+		  }
+		  else if (form.email.value == "") {
+		    alert("No ha introducido una dirección de e-mail.");
+		    return false ;
+		  }
+		  else if (form.consulta.value == "") {
+		    alert("No ha el texto de su consulta.");
+		    return false ;
+		  }
+		  else
+		  	return true ;
+		}
+	//-->
+	</script>    
+</head>
+<body>
+<div id="layout">
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Trabajos de pocería, conservación y mantenimiento de redes sanitarias<br/>Rehabilitaciones - Trabajos verticales con y sin andamios<br/>Inspección técnica de edificios</h2>
+            <div id="menu">
+                <ul id="navmenu">
+                   <li><a href="index.html" target="_self" title="Inicio">Inicio</a></li>
+                   <li><a href="servicios.html" target="_self" title="Servicios">Servicios</a></li>
+                   <li><a href="empresa.html" target="_self" title="La Empresa">La Empresa</a></li>
+                   <li><a href="contacto.html" target="_self" title="Contacto" class="current">Contacto</a></li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+	        	<h3>Formulario de contacto</h3>
+				<p>Nuestro equipo comercial está a su disposición para cualquier consulta o aclaración que necesiten.</p>
+				<form name="form1" class="cmxform" method="post" action="send.php" onsubmit="return checkform(this);">  
+				<fieldset>
+					<legend></legend>
+					<ol>
+						<li><label for="nombre">Su nombre: </label> <input class="campo" id="nombre" name="nombre" style="width: 360px;"/></li>
+						<li><label for="email">Su email: </label> <input class="campo" id="email" name="email" style="width: 360px;"/></li>
+						<li><label for="consulta">Su consulta: </label> <textarea class="campo" cols="43" rows="7" id="consulta" name="consulta" onkeyup="val=this.value; if (val.length > 800) { alert('Lo siento, has sobrepasado el limite de 800 caracteres'); this.value = val.substring(0,800); } this.form.count.value=800-parseInt(this.value.length); "></textarea></li>
+						<li><label for="submit"></label><input type="submit" name="Submit" value="Enviar" title="Pulsa una vez para enviar el mensaje, y espera a la pantalla de confirmacion"></li>
+					</ol>
+				</fieldset>
+				</form>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<h4>Acerca de Intedi</h4>
+                <p>Intedi realiza todo tipo de trabajos relacionados con pocerías, humedades, tejados, impermeabilizaciones en cubiertas, interiores, pintura, albaliñería y fontanería en general.<br/>
+				<a href="empresa.html">Saber más...</a></p>
+	    		<h4>Contacto</h4>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+        <h2>Cerrajería - Carpintería - Inspección de redes sanitarias - Desatrancos - Picado de zanjas - Realización de trasteros - Localización de fugas<br/> Limpieza de fosas sépticas - Limpieza de sumideros - Instalación de bajadas de agua y canalones - Sellado de juntas<br/>Anclaje de piedras - Revestimientos y pinturas - Alicatados - Solados - Enlucidos - Pintura y decoración de interiores<br/>Pocería - Rehabilitaciones - Trabajos verticales - Inspección técnica de edificios</h2>
+	    	<!--<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a></p>-->
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+	    </div >            
+	</div>
+</div>
+</body>
+</html>
--- a/src/contacto_ok.html
+++ b/src/contacto_ok.html
@ -0,0 +1,80 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+	<link rel="stylesheet" type="text/css" href="forms.css"/>    
+	<link rel="stylesheet" type="text/css" href="menu.css"/>
+    
+	<script language="JavaScript" type="text/javascript">
+	<!--
+		function checkform(form)
+		{
+		  if (form.nombre.value == "") {
+		    alert("No ha introducido un nombre.");
+		    return false ;
+		  }
+		  else if (form.email.value == "") {
+		    alert("No ha introducido una dirección de e-mail.");
+		    return false ;
+		  }
+		  else if (form.consulta.value == "") {
+		    alert("No ha el texto de su consulta.");
+		    return false ;
+		  }
+		  else
+		  	return true ;
+		}
+	//-->
+	</script>    
+</head>
+<body>
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Pocería - Rehabilitaciones - Trabajos verticales<br/>Inspección técnica de edificios</h2>
+            <div id="menu">
+                <ul>
+                   <li><a href="index.html">Inicio</a></li>
+                   <li><a href="servicios.html">Servicios</a></li>                    
+                  <!-- <li><a href="proyectos.html">Obras realizadas</a></li>-->
+                   <li class="current">Contacto</li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+            	<h3>Gracias por su mensaje</h3>
+				<p>Su mensaje ha sido enviado.</p>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<h3>Acerca de Intedi</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sollicitudin velit nec justo vehicula lobortis faucibus ante rutrum. Sed aliquet rhoncus sollicitudin.</p>
+	    		<h3>Contacto</h3>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+	    	<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a>
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+			</p>
+	    </div >            
+	</div>
+</body>
+</html>
--- a/src/empresa.html
+++ b/src/empresa.html
@ -0,0 +1,71 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>La empresa - INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+    <link rel="stylesheet" href="menu/menu_style.css" type="text/css" />
+</head>
+<body>
+<div id="layout">
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Trabajos de pocería, conservación y mantenimiento de redes sanitarias<br/>Rehabilitaciones - Trabajos verticales con y sin andamios<br/>Inspección técnica de edificios</h2>
+
+            <div id="menu">
+                <ul id="navmenu">
+                   <li><a href="index.html" target="_self" title="Inicio">Inicio</a></li>
+                   <li><a href="servicios.html" target="_self" title="Servicios">Servicios</a></li>
+                   <li><a href="empresa.html" target="_self" title="La Empresa"  class="current">La Empresa</a></li>
+                   <li><a href="contacto.html" target="_self" title="Contacto">Contacto</a></li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+                <h3>¿Cómo trabajamos?</h3>
+                <p>Cada trabajo está supervisado in situ por un responsable, y revisado a diario por un técnico, pudiendo tener una visión muy ajustada de los avances y objetivos conseguidos en cada proyecto.</p>
+                <p>
+                Sabemos que una obra es una experiencia que ocasiona molestias. Nuestros profesionales mantienen un alto nivel de limpieza durante la ejecución de un proyecto.
+                </p>
+                <ul>
+                <li>TOMA DE CONTACTO - Concertamos una visita técnica. En caso de Pre-ITE, evaluamos los trabajos a realizar y efectuamos las mediciones oportunas. Cuando hay un informe técnico, nos limitamos a cumplir el contenido con el fin de que la propiedad pase la ITE sin problemas.</li>
+                <li>PRESUPUESTO - Con los datos obtenidos confeccionamos un presupuesto detallado de todas las partidas de forma clara y totalmente gratuita.</li>
+                <li>EJECUCIÓN - Durante la ejecución de la obra el cliente: administrador/ra, presidente/a, comisión de obra, etc. Siempre contará con un técnico  que le informará en cada momento de dicha  ejecución. Organizará los trabajos, solventará cualquier incidencia que pudiese surgir. Será el responsable de ejecución, el que controle y vigile el correcto funcionamiento de los trabajos y de que se cumplan tanto los niveles de calidad exigidos como los plazos de ejecución.</li>
+                <li>ENTREGA DE OBRA - A la finalización de la obra, se revisa que todo se ajusta al presupuesto encargado, y con un correcto funcionamiento. Realizado este trámite, se realiza una visita con el cliente para que éste dé su conformidad al compromiso impreso en el presupuesto.</li>
+                </ul>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<!--<h4>Servicios</h4>
+                <p><strong>Realizamos todo tipo de reformas integrales.</strong> Intedi pone a su disposición nuestros amplios conocimientos en este campo y a profesionales altamente cualificados, con el objeto de asegurar la correcta ejecución de la reforma. Todo trabajo que se realice siempre contará con la <strong>supervisión constante</strong> de un encargado, persona responsable de la coordinación y ejecución.<br/>
+				<a href="empresa.html">Saber más...</a></p>-->
+	    		<h4>Contacto</h4>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong><br/><br/>
+						<a href="contacto.html">Contactar...</a></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+        <h2>Cerrajería - Carpintería - Inspección de redes sanitarias - Desatrancos - Picado de zanjas - Realización de trasteros - Localización de fugas<br/> Limpieza de fosas sépticas - Limpieza de sumideros - Instalación de bajadas de agua y canalones - Sellado de juntas<br/>Anclaje de piedras - Revestimientos y pinturas - Alicatados - Solados - Enlucidos - Pintura y decoración de interiores<br/>Pocería - Rehabilitaciones - Trabajos verticales - Inspección técnica de edificios</h2>
+	    	<!--<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a></p>-->
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+	    </div >            
+	</div>
+</div>
+</body>
+</html>
--- a/src/estilos.css
+++ b/src/estilos.css
@ -0,0 +1,348 @@
+@charset "utf-8";
+/* CSS Document */
+
+html, body {
+	margin:0;
+	padding:0;
+	font-family: Verdana,Arial,Helvetica,sans-serif;
+	color:#666;
+	font-size: 9pt;
+	font-style: normal;
+	font-variant: normal;
+	font-weight: normal;
+	line-height: 160%;
+	/*background: url("images/ciudad2.gif") repeat-x fixed center bottom;*/
+	background: #fff url(images/fondo.gif) repeat-x scroll center top;
+	
+}
+
+body{
+	background-color: #fff;
+	text-align: center;
+	min-width: 960px;
+	min-height: 600px;
+	background: none;
+	
+}
+
+p, h1, h2, h3, h4 {
+}
+
+h1, h2, h3, h4 {
+	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
+	font-style: normal;
+	font-variant: normal;
+	font-weight: bold;
+	color: #485e04; /*#4d4994;*/
+}
+
+h1 {
+	font-weight: normal;	
+	font-size:280%;
+}
+
+h2 {
+	font-weight: normal;		
+	font-size: 240%;
+}
+
+h3 {
+	text-transform: lowercase;
+	font-size: 180%;
+	font-weight: normal;
+}
+
+h4 {
+	font-weight: bold;		
+	font-style: normal;
+	font-size: 120%;
+}
+
+a {
+	color: #004080;
+	font-weight: bold;
+}
+
+a:hover, a:active {
+	color: #400080;
+	text-decoration: none;
+}
+
+p {
+}
+
+ul {
+	list-style-image:none;
+	list-style-position:outside;
+	list-style-type:square;
+	margin: 15px 0 15px 20px;
+}
+
+li {
+	margin-bottom: 0;
+}
+
+strong {	
+	font-weight: bold;
+	color: #a15206; 
+}
+	
+
+#layout {
+	margin: 0 auto;
+	width: 880px;
+	padding: 0 60px;
+	/*min-height: 700px;*/
+	/*background-image: url(images/fondo-principal.gif);
+	background-repeat: no-repeat;
+	background-position: top;	*/
+	background: transparent url(images/fondo_contenido.gif) no-repeat scroll center top;
+}
+
+
+#cabecera_layout {
+	margin: 0 -30px;
+	padding: 10px 10px;
+	background: transparent url(images/header.gif) repeat-x left top;		
+}
+
+#cabecera {
+	margin: 0 auto;
+	padding: 0;
+	text-align: right;
+}
+
+	#logotipo {
+		background-image: url('images/logo.gif');
+		background-repeat: no-repeat;
+		width: 300px;
+		height: 144px;
+		position: relative;
+		float: right;
+	}
+	#logotipo span {
+		display: none;
+	}
+	
+	#cabecera h2 {
+		font-size: 13px;
+		margin: 40px 20px 0 0;
+		padding: 0;
+		float: right;
+		width: auto;
+		color: #A15206;
+		text-align: right;
+	}
+	
+#menu {
+	width: 100%;
+	float: left;
+	margin: -20px 0 30px 0;
+}
+
+#cuerpo_layout {
+}
+
+#cuerpo {
+	text-align: left;		
+	margin: 0 auto;
+	padding: 0;
+}
+	#cuerpo h3 {
+		padding: 0;
+		margin-bottom: 10px;
+		padding-left: 7px;
+		border-left: 7px solid #f68618;
+	}
+
+	#cuerpo h4 {
+		padding: 15px 0 0 15px;
+		font-size: 110%;
+		color: #49499A;
+	}
+	
+	#cuerpo p {
+		padding: 0 30px 5px 30px;
+	}
+	
+	#cuerpo ul {
+		padding: 0 30px;	
+	}
+
+#inicio_izquierda {
+	float: left;
+	margin: 0;
+	padding: 0;
+	width: 560px;
+}
+
+	#inicio_izquierda p {
+		margin-bottom: 10px;
+	}
+
+#inicio_derecha {
+	float: right;
+	margin: 0;
+	padding: 0;
+	width: 300px;
+}
+
+	#inicio_derecha p {
+		margin-bottom: 15px;
+	}
+	
+	#inicio_derecha h4 {
+		padding: 0 0 5px 15px;
+		font-size: 120%;
+		color: #485E04;
+	}
+
+.gris {
+	background-color: #eef;
+}
+
+#proyectos_izquierda {
+	float: left;
+	margin: 0;
+	padding: 0;
+	width: 320px;
+}
+
+#proyectos_derecha {
+	float: right;
+	margin: 0;
+	padding: 0;
+	width: 580px;
+	text-align: left;
+}
+
+	#proyectos_derecha a {
+		text-decoration: none;
+	}
+
+	#proyectos_derecha img {
+		margin-right: 8px;
+		margin-bottom: 8px;		
+		padding: 5px;
+		background-color: #fff;
+		border: 1px solid #ccc;
+	}
+
+	#proyectos_derecha a:active img,
+	#proyectos_derecha a:hover img {
+		border: 1px solid #400080;
+	}
+
+
+#contacto_izquierda {
+	float: left;
+	margin: 0;
+	padding: 0;
+	width: 640px;
+}
+
+#contacto_derecha {
+	float: right;
+	margin: 0;
+	padding: 0;
+	width: 320px;
+}
+
+	#contacto_derecha p {
+		font-size: 110%;
+	}
+
+.clear {
+	clear:both;	
+}
+
+#pie_layout {
+	margin: 0 -30px;
+	padding: 20px 10px;
+	clear:both;
+	height: 130px;
+	background: url("images/ciudad3.gif") repeat-x right bottom;
+	text-align: left;	
+}	
+
+#pie {
+	line-height: normal;	
+	margin: 0 auto;
+	padding: 85px 10px 0px 10px;
+	color: #95c408;
+}
+
+	#pie a {
+		color: #95c408;
+		text-decoration: underline;
+	}
+	
+	#pie a:hover {
+		color: #b5e034;
+		text-decoration: underline;		
+	}
+
+	#pie h2 {
+		font-size: 12px;
+		margin: 0;
+		padding: 0;
+		width: auto;
+		color: #5da3ef;
+		text-align: center;
+	}
+
+	#pie h3 {
+		text-transform:none;
+		background: none;
+		margin: 0 0 10px 0;
+		font-size: medium;
+		font-weight:normal;
+	}
+
+    #pie strong {
+		font-size: small;
+	}
+
+	#pie p {
+		margin: 0 0 15px 0;
+		padding: 0;
+		font-size:x-small;		
+	}
+	
+	#pie a img {
+		border: 0;
+	}
+	
+	
+.divisor {
+	border: 0;
+	border-bottom: 1px solid #CCCCCC;
+	clear: both;
+	height: 1px;
+	margin: 15px 0;
+}
+
+ul.doscolumnas {
+	margin-top: 5px;
+	margin-bottom: 15px;
+}
+.doscolumnas li {	
+  	float: left;
+  	width: 50%;
+  	margin: 0;
+  	padding: 0;
+}
+
+.fotos {
+	width: 100%;
+	margin: 8px 0;
+	text-align: center;
+}
+
+.fotos img {
+	margin: 5px;
+	padding: 8px;
+	background-color:#eee;
+	border: 1px solid #ccc;
+	
+}
--- a/src/forms.css
+++ b/src/forms.css
@ -0,0 +1,42 @@
+/**********************************
+
+Name: cmxform Styles
+Author: Nick Rigby 
+
+***********************************/
+
+form.cmxform {
+	margin: 0 0 0 50px;
+	width: auto;
+	font-size: 110%;
+	color:#666;	
+}
+	
+form.cmxform legend { }
+	
+form.cmxform label { 
+	margin-right: 20px;
+	width: 85px;
+	vertical-align: top;
+	display: inline-block;		
+	color: #333;	
+}
+
+form.cmxform fieldset {
+	border: none;
+}
+	
+form.cmxform fieldset fieldset { }
+
+	
+form.cmxform fieldset li {
+	padding: 5px 10px 7px;
+}
+
+form.cmxform input {
+}
+
+.campo {
+	border: 1px solid #999;
+	background-color: #eee;
+}
--- a/src/fotos/poceria-1.jpg
+++ b/src/fotos/poceria-1.jpg
--- a/src/fotos/poceria-1_small.jpg
+++ b/src/fotos/poceria-1_small.jpg
--- a/src/fotos/poceria-2.jpg
+++ b/src/fotos/poceria-2.jpg
--- a/src/fotos/poceria-2_small.jpg
+++ b/src/fotos/poceria-2_small.jpg
--- a/src/fotos/poceria-3.jpg
+++ b/src/fotos/poceria-3.jpg
--- a/src/fotos/poceria-3_small.jpg
+++ b/src/fotos/poceria-3_small.jpg
--- a/src/fotos/poceria-acabado.jpg
+++ b/src/fotos/poceria-acabado.jpg
--- a/src/fotos/poceria-acabado_small.jpg
+++ b/src/fotos/poceria-acabado_small.jpg
--- a/src/fotos/poceria-antes.jpg
+++ b/src/fotos/poceria-antes.jpg
--- a/src/fotos/poceria-antes_small.jpg
+++ b/src/fotos/poceria-antes_small.jpg
--- a/src/fotos/poceria-despues.jpg
+++ b/src/fotos/poceria-despues.jpg
--- a/src/fotos/poceria-despues_small.jpg
+++ b/src/fotos/poceria-despues_small.jpg
--- a/src/fotos/trabajos-verticales-1.jpg
+++ b/src/fotos/trabajos-verticales-1.jpg
--- a/src/fotos/trabajos-verticales-1_carousel.jpg
+++ b/src/fotos/trabajos-verticales-1_carousel.jpg
--- a/src/fotos/trabajos-verticales-1_small.jpg
+++ b/src/fotos/trabajos-verticales-1_small.jpg
--- a/src/fotos/trabajos-verticales-2.jpg
+++ b/src/fotos/trabajos-verticales-2.jpg
--- a/src/fotos/trabajos-verticales-2_carousel.jpg
+++ b/src/fotos/trabajos-verticales-2_carousel.jpg
--- a/src/fotos/trabajos-verticales-2_small.jpg
+++ b/src/fotos/trabajos-verticales-2_small.jpg
--- a/src/fotos/trabajos-verticales-3.jpg
+++ b/src/fotos/trabajos-verticales-3.jpg
--- a/src/fotos/trabajos-verticales-3_carousel.jpg
+++ b/src/fotos/trabajos-verticales-3_carousel.jpg
--- a/src/images/ciudad3.gif
+++ b/src/images/ciudad3.gif
--- a/src/images/closelabel.gif
+++ b/src/images/closelabel.gif
--- a/src/images/fondo.gif
+++ b/src/images/fondo.gif
--- a/src/images/fondo_contenido.gif
+++ b/src/images/fondo_contenido.gif
--- a/src/images/header.gif
+++ b/src/images/header.gif
--- a/src/images/loading.gif
+++ b/src/images/loading.gif
--- a/src/images/logo.gif
+++ b/src/images/logo.gif
--- a/src/images/nextlabel.gif
+++ b/src/images/nextlabel.gif
--- a/src/images/prevlabel.gif
+++ b/src/images/prevlabel.gif
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,65 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+    <link rel="stylesheet" href="menu/menu_style.css" type="text/css" />
+</head>
+<body>
+<div id="layout">
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Trabajos de pocería, conservación y mantenimiento de redes sanitarias<br/>Rehabilitaciones - Trabajos verticales con y sin andamios<br/>Inspección técnica de edificios</h2>
+            <div id="menu">
+                <ul id="navmenu">
+                   <li><a href="index.html" target="_self" title="Inicio" class="current">Inicio</a></li>
+                   <li><a href="servicios.html" target="_self" title="Servicios">Servicios</a></li>
+                   <li><a href="empresa.html" target="_self" title="La Empresa">La Empresa</a></li>
+                   <li><a href="contacto.html" target="_self" title="Contacto">Contacto</a></li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+	        	<h3>Bienvenido a Intedi</h3>
+				<p>Intedi es una empresa que ofrece todos los servicios tanto de interior como exterior con el firme propósito de mantener los pilares básicos en la ejecución de cada proyecto: <strong>asesoramiento continuo, calidad, cumplimiento de plazos, relación calidad-precio y satisfacción del cliente</strong>.</p>
+<p>Intedi se limita a terminar los proyectos respetando todas las condiciones acordadas. Ponemos nuestro empeño en obtener el mejor resultado ya que su proyecto es nuestro escaparate para que sus familiares y amigos puedan convertirse en futuros clientes.</p>
+<p>
+Intedi realiza todo tipo de trabajos relacionados con <strong>pocerías, humedades, tejados, impermeabilizaciones en cubiertas, interiores (portales, viviendas, ...), pintura, albaliñería en general y fontanería (ascendentes, bajantes, etc.)</strong>.<br/>Consulta <a href="servicios.html">nuestros servicios</a>.</p>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<div class="gris">
+            	<h4>Acerca de Intedi</h4>
+                <p><strong>Realizamos todo tipo de reformas integrales.</strong> Intedi pone a su disposición nuestros amplios conocimientos en este campo y a profesionales altamente cualificados, con el objeto de asegurar la correcta ejecución de la reforma. Todo trabajo que se realice siempre contará con la <strong>supervisión constante</strong> de un encargado, persona responsable de la coordinación y ejecución.<br/>
+				<a href="empresa.html">Saber más...</a></p>
+                </div>
+	    		<h4>Contacto</h4>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+        <h2>Cerrajería - Carpintería - Inspección de redes sanitarias - Desatrancos - Picado de zanjas - Realización de trasteros - Localización de fugas<br/> Limpieza de fosas sépticas - Limpieza de sumideros - Instalación de bajadas de agua y canalones - Sellado de juntas<br/>Anclaje de piedras - Revestimientos y pinturas - Alicatados - Solados - Enlucidos - Pintura y decoración de interiores<br/>Pocería - Rehabilitaciones - Trabajos verticales - Inspección técnica de edificios</h2>
+	    	<!--<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a></p>-->
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+	    </div >            
+	</div>    
+</div>
+</body>
+</html>
--- a/src/litebox/css/lightbox.css
+++ b/src/litebox/css/lightbox.css
@ -0,0 +1,104 @@
+#lightbox{
+	position: absolute;
+	top: 40px;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+	}
+
+#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: transparent url(../images/blank.gif) no-repeat; /* 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;
+	}
+
+#imageData{
+	padding:0 10px;
+	}
+#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;	}	
+		
+#overlay{
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+	background-color: #000;
+	filter:alpha(opacity=60);
+	-moz-opacity: 0.6;
+	opacity: 0.6;
+	}
+	
+
+.clearfix:after {
+	content: "."; 
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+	}
+
+* html>body .clearfix {
+	display: inline-block; 
+	width: 100%;
+	}
+
+* html .clearfix {
+	/* Hides from IE-mac \*/
+	height: 1%;
+	/* End hide from IE-mac */
+	}	
+	
--- a/src/litebox/css/style.css
+++ b/src/litebox/css/style.css
@ -0,0 +1,20 @@
+html, body { height:100%; }
+body {
+font-family:Verdana,arial,Tahoma;
+font-size:.8em; 
+color:#222;
+margin:0;
+padding:0;
+background:#fff;
+text-align:justify;
+}
+a { color:#557FFF; }
+a:hover { text-decoration:none; }
+p, li { margin:2px; color:#555; padding:2px}
+ul { padding-left:1em; }
+img { border: none; }
+.bordered { border:1px solid #aaa; }
+h1 { text-align:right; margin:2px; color:#000; font-family:Georgia,Arial,Tahoma; font-size: 3em;}
+h3, h5 { margin-bottom:4px; }
+textarea { background:#ccc; color:#333; border:1px solid #aaa; }
+#content { width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:10px solid #ccc; border-right:10px solid #ccc; }
--- a/src/litebox/js/litebox-1.0.js
+++ b/src/litebox/js/litebox-1.0.js
@ -0,0 +1,603 @@
+// -----------------------------------------------------------------------------------
+//
+//	Litebox v1.0
+//	A combined effort between detrate and gannon
+//	07/03/06
+//
+//	Source edited from Lightbox v2.02
+//	by Lokesh Dhakar - http://www.huddletogether.com
+//
+//	For more information on this script, visit:
+//	http://doknowevil.net/litebox
+//
+//	Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
+//	
+//	Credit also due to those who have helped, inspired, and made their code available to the public.
+//	Including: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.org), Thomas Fuchs(mir.aculo.us), and others.
+//
+// -----------------------------------------------------------------------------------
+
+//
+//	Configuration
+//
+var fileLoadingImage = "images/loading.gif";		
+var fileBottomNavCloseImage = "images/closelabel.gif";
+var resizeSpeed = 6;	// controls the speed of the image resizing (1=slowest and 10=fastest)
+var borderSize = 10;	//if you adjust the padding in the CSS, you will need to update this variable
+
+// -----------------------------------------------------------------------------------
+
+//
+//	Global Variables
+//
+var imageArray = new Array;
+var activeImage;
+
+if(resizeSpeed > 10){ resizeSpeed = 10;}
+if(resizeSpeed < 1){ resizeSpeed = 1;}
+resizeDuration = (11 - resizeSpeed) * 100;
+
+// -----------------------------------------------------------------------------------
+
+//
+//	Additional methods for Element added by SU, Couloir
+//	- further additions by Lokesh Dhakar (huddletogether.com)
+//
+Object.extend(Element, {
+	hide: function() {
+		for (var i = 0; i < arguments.length; i++) {
+			var element = $(arguments[i]);
+			element.style.display = 'none';
+		}
+	},
+	show: function() {
+		for (var i = 0; i < arguments.length; i++) {
+			var element = $(arguments[i]);
+			element.style.display = '';
+		}
+	},
+	getWidth: function(element) {
+	   	element = $(element);
+	   	return element.offsetWidth; 
+	},
+	setWidth: function(element,w) {
+	   	element = $(element);
+		element.style.width = w +"px";
+	},
+	getHeight: function(element) {
+		element = $(element);
+		return element.offsetHeight;
+	},
+	setHeight: function(element,h) {
+   		element = $(element);
+		element.style.height = h +"px";
+	},
+	setTop: function(element,t) {
+	   	element = $(element);
+		element.style.top = t +"px";
+	},
+	setSrc: function(element,src) {
+		element = $(element);
+		element.src = src; 
+	},
+	setInnerHTML: function(element,content) {
+		element = $(element);
+		element.innerHTML = content;
+	}
+});
+
+// -----------------------------------------------------------------------------------
+
+//
+//	Extending built-in Array object
+//
+Array.prototype.removeDuplicates = function () {
+	for(i = 1; i < this.length; i++){
+		if(this[i][0] == this[i-1][0]){
+			this.splice(i,1);
+		}
+	}
+}
+
+Array.prototype.empty = function () {
+	for(i = 0; i <= this.length; i++){
+		this.shift();
+	}
+}
+
+// -----------------------------------------------------------------------------------
+//
+//	Structuring of code inspired by Scott Upton (http://www.uptonic.com/)
+//
+var Lightbox = Class.create();
+
+Lightbox.prototype = {
+	
+	// initialize()
+	// Constructor runs on completion of the DOM loading. Loops through anchor tags looking for 
+	// 'lightbox' references and applies onclick events to appropriate links. The 2nd section of
+	// the function inserts html at the bottom of the page which is used to display the shadow 
+	// overlay and the image container.
+	//
+	initialize: function() {
+		if (!document.getElementsByTagName){ return; }
+		var anchors = document.getElementsByTagName('a');
+
+		// loop through all anchor tags
+		for (var i=0; i<anchors.length; i++){
+			var anchor = anchors[i];
+			
+			var relAttribute = String(anchor.getAttribute('rel'));
+			
+			// use the string.match() method to catch 'lightbox' references in the rel attribute
+			if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))){
+				anchor.onclick = function () {myLightbox.start(this); return false;}
+			}
+		}
+
+		var objBody = document.getElementsByTagName("body").item(0);
+		
+		var objOverlay = document.createElement("div");
+		objOverlay.setAttribute('id','overlay');
+		objOverlay.onclick = function() { myLightbox.end(); return false; }
+		objBody.appendChild(objOverlay);
+		
+		var objLightbox = document.createElement("div");
+		objLightbox.setAttribute('id','lightbox');
+		objLightbox.style.display = 'none';
+		objBody.appendChild(objLightbox);
+	
+		var objOuterImageContainer = document.createElement("div");
+		objOuterImageContainer.setAttribute('id','outerImageContainer');
+		objLightbox.appendChild(objOuterImageContainer);
+
+		var objImageContainer = document.createElement("div");
+		objImageContainer.setAttribute('id','imageContainer');
+		objOuterImageContainer.appendChild(objImageContainer);
+	
+		var objLightboxImage = document.createElement("img");
+		objLightboxImage.setAttribute('id','lightboxImage');
+		objImageContainer.appendChild(objLightboxImage);
+	
+		var objHoverNav = document.createElement("div");
+		objHoverNav.setAttribute('id','hoverNav');
+		objImageContainer.appendChild(objHoverNav);
+	
+		var objPrevLink = document.createElement("a");
+		objPrevLink.setAttribute('id','prevLink');
+		objPrevLink.setAttribute('href','#');
+		objHoverNav.appendChild(objPrevLink);
+		
+		var objNextLink = document.createElement("a");
+		objNextLink.setAttribute('id','nextLink');
+		objNextLink.setAttribute('href','#');
+		objHoverNav.appendChild(objNextLink);
+	
+		var objLoading = document.createElement("div");
+		objLoading.setAttribute('id','loading');
+		objImageContainer.appendChild(objLoading);
+	
+		var objLoadingLink = document.createElement("a");
+		objLoadingLink.setAttribute('id','loadingLink');
+		objLoadingLink.setAttribute('href','#');
+		objLoadingLink.onclick = function() { myLightbox.end(); return false; }
+		objLoading.appendChild(objLoadingLink);
+	
+		var objLoadingImage = document.createElement("img");
+		objLoadingImage.setAttribute('src', fileLoadingImage);
+		objLoadingLink.appendChild(objLoadingImage);
+
+		var objImageDataContainer = document.createElement("div");
+		objImageDataContainer.setAttribute('id','imageDataContainer');
+		objImageDataContainer.className = 'clearfix';
+		objLightbox.appendChild(objImageDataContainer);
+
+		var objImageData = document.createElement("div");
+		objImageData.setAttribute('id','imageData');
+		objImageDataContainer.appendChild(objImageData);
+	
+		var objImageDetails = document.createElement("div");
+		objImageDetails.setAttribute('id','imageDetails');
+		objImageData.appendChild(objImageDetails);
+	
+		var objCaption = document.createElement("span");
+		objCaption.setAttribute('id','caption');
+		objImageDetails.appendChild(objCaption);
+	
+		var objNumberDisplay = document.createElement("span");
+		objNumberDisplay.setAttribute('id','numberDisplay');
+		objImageDetails.appendChild(objNumberDisplay);
+		
+		var objBottomNav = document.createElement("div");
+		objBottomNav.setAttribute('id','bottomNav');
+		objImageData.appendChild(objBottomNav);
+	
+		var objBottomNavCloseLink = document.createElement("a");
+		objBottomNavCloseLink.setAttribute('id','bottomNavClose');
+		objBottomNavCloseLink.setAttribute('href','#');
+		objBottomNavCloseLink.onclick = function() { myLightbox.end(); return false; }
+		objBottomNav.appendChild(objBottomNavCloseLink);
+	
+		var objBottomNavCloseImage = document.createElement("img");
+		objBottomNavCloseImage.setAttribute('src', fileBottomNavCloseImage);
+		objBottomNavCloseLink.appendChild(objBottomNavCloseImage);
+		
+		overlayEffect = new fx.Opacity(objOverlay, { duration: 300 });	
+		overlayEffect.hide();
+		
+		imageEffect = new fx.Opacity(objLightboxImage, { duration: 350, onComplete: function() { imageDetailsEffect.custom(0,1); }});
+		imageEffect.hide();
+		
+		imageDetailsEffect = new fx.Opacity('imageDataContainer', { duration: 400, onComplete: function() { navEffect.custom(0,1); }}); 
+		imageDetailsEffect.hide();
+		
+		navEffect = new fx.Opacity('hoverNav', { duration: 100 });
+		navEffect.hide();
+	},
+	
+	//
+	//	start()
+	//	Display overlay and lightbox. If image is part of a set, add siblings to imageArray.
+	//
+	start: function(imageLink) {	
+
+		hideSelectBoxes();
+
+		// stretch overlay to fill page and fade in
+		var arrayPageSize = getPageSize();
+		Element.setHeight('overlay', arrayPageSize[1]);
+		overlayEffect.custom(0,0.8);
+		
+		imageArray = [];
+		imageNum = 0;		
+
+		if (!document.getElementsByTagName){ return; }
+		var anchors = document.getElementsByTagName('a');
+
+		// if image is NOT part of a set..
+		if((imageLink.getAttribute('rel') == 'lightbox')){
+			// add single image to imageArray
+			imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));			
+		} else {
+		// if image is part of a set..
+
+			// loop through anchors, find other images in set, and add them to imageArray
+			for (var i=0; i<anchors.length; i++){
+				var anchor = anchors[i];
+				if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))){
+					imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
+				}
+			}
+			imageArray.removeDuplicates();
+			while(imageArray[imageNum][0] != imageLink.getAttribute('href')) { imageNum++;}
+		}
+
+		// calculate top offset for the lightbox and display 
+		var arrayPageSize = getPageSize();
+		var arrayPageScroll = getPageScroll();
+		var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 15);
+
+		Element.setTop('lightbox', lightboxTop);
+		Element.show('lightbox');
+		this.changeImage(imageNum);
+	},
+
+	//
+	//	changeImage()
+	//	Hide most elements and preload image in preparation for resizing image container.
+	//
+	changeImage: function(imageNum) {
+		
+		activeImage = imageNum;	// update global var
+
+		// hide elements during transition
+		Element.show('loading');
+		imageDetailsEffect.hide();
+		imageEffect.hide();
+		navEffect.hide();
+		Element.hide('prevLink');
+		Element.hide('nextLink');
+		Element.hide('numberDisplay');
+		
+		imgPreloader = new Image();
+		// once image is preloaded, resize image container
+		imgPreloader.onload=function(){
+			Element.setSrc('lightboxImage', imageArray[activeImage][0]);
+			myLightbox.resizeImageContainer(imgPreloader.width, imgPreloader.height);
+		}
+		imgPreloader.src = imageArray[activeImage][0];
+	},
+
+	//
+	//	resizeImageContainer()
+	//
+	resizeImageContainer: function( imgWidth, imgHeight) {
+
+		// get current height and width
+		this.wCur = Element.getWidth('outerImageContainer');
+		this.hCur = Element.getHeight('outerImageContainer');
+
+		// calculate size difference between new and old image, and resize if necessary
+		wDiff = (this.wCur - borderSize * 2) - imgWidth;
+		hDiff = (this.hCur - borderSize * 2) - imgHeight;
+		
+		// Resize the outerImageContainer very sexy like
+		reHeight = new fx.Height('outerImageContainer', { duration: resizeDuration });
+		reHeight.custom(Element.getHeight('outerImageContainer'),imgHeight+(borderSize*2)); 
+		reWidth = new fx.Width('outerImageContainer', { duration: resizeDuration, onComplete: function() { imageEffect.custom(0,1); }});
+		reWidth.custom(Element.getWidth('outerImageContainer'),imgWidth+(borderSize*2));
+
+		// if new and old image are same size and no scaling transition is necessary, 
+		// do a quick pause to prevent image flicker.
+		if((hDiff == 0) && (wDiff == 0)){
+			if (navigator.appVersion.indexOf("MSIE")!=-1){ pause(250); } else { pause(100);} 
+		}
+
+		Element.setHeight('prevLink', imgHeight);
+		Element.setHeight('nextLink', imgHeight);
+		Element.setWidth( 'imageDataContainer', imgWidth + (borderSize * 2));
+		Element.setWidth( 'hoverNav', imgWidth + (borderSize * 2));
+		
+		this.showImage();
+	},
+	
+	//
+	//	showImage()
+	//	Display image and begin preloading neighbors.
+	//
+	showImage: function(){
+		Element.hide('loading');
+		myLightbox.updateDetails(); 
+		this.preloadNeighborImages();
+	},
+
+	//
+	//	updateDetails()
+	//	Display caption, image number, and bottom nav.
+	//
+	updateDetails: function() {
+
+		Element.show('caption');
+		Element.setInnerHTML( 'caption', imageArray[activeImage][1]);
+		
+		// if image is part of set display 'Image x of x' 
+		if(imageArray.length > 1){
+			Element.show('numberDisplay');
+			Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);
+		}
+
+		myLightbox.updateNav();
+	},
+	//
+	//	updateNav()
+	//	Display appropriate previous and next hover navigation.
+	//
+	updateNav: function() {
+
+		// if not first image in set, display prev image button
+		if(activeImage != 0){
+			Element.show('prevLink');
+			document.getElementById('prevLink').onclick = function() {
+				myLightbox.changeImage(activeImage - 1); return false;
+			}
+		}
+
+		// if not last image in set, display next image button
+		if(activeImage != (imageArray.length - 1)){
+			Element.show('nextLink');
+			document.getElementById('nextLink').onclick = function() {
+				myLightbox.changeImage(activeImage + 1); return false;
+			}
+		}
+		
+		this.enableKeyboardNav();
+	},
+
+	//
+	//	enableKeyboardNav()
+	//
+	enableKeyboardNav: function() {
+		document.onkeydown = this.keyboardAction; 
+	},
+
+	//
+	//	disableKeyboardNav()
+	//
+	disableKeyboardNav: function() {
+		document.onkeydown = '';
+	},
+
+	//
+	//	keyboardAction()
+	//
+	keyboardAction: function(e) {
+		if (e == null) { // ie
+			keycode = event.keyCode;
+		} else { // mozilla
+			keycode = e.which;
+		}
+
+		key = String.fromCharCode(keycode).toLowerCase();
+		
+		if((key == 'x') || (key == 'o') || (key == 'c')){	// close lightbox
+			myLightbox.end();
+		} else if(key == 'p'){	// display previous image
+			if(activeImage != 0){
+				myLightbox.disableKeyboardNav();
+				myLightbox.changeImage(activeImage - 1);
+			}
+		} else if(key == 'n'){	// display next image
+			if(activeImage != (imageArray.length - 1)){
+				myLightbox.disableKeyboardNav();
+				myLightbox.changeImage(activeImage + 1);
+			}
+		}
+	},
+
+	//
+	//	preloadNeighborImages()
+	//	Preload previous and next images.
+	//
+	preloadNeighborImages: function(){
+
+		if((imageArray.length - 1) > activeImage){
+			preloadNextImage = new Image();
+			preloadNextImage.src = imageArray[activeImage + 1][0];
+		}
+		if(activeImage > 0){
+			preloadPrevImage = new Image();
+			preloadPrevImage.src = imageArray[activeImage - 1][0];
+		}
+	
+	},
+
+	//
+	//	end()
+	//
+	end: function() {
+		this.disableKeyboardNav();
+		Element.hide('lightbox');
+		imageEffect.toggle();
+		overlayEffect.custom(0.8,0);
+		showSelectBoxes();
+	}
+}
+
+// -----------------------------------------------------------------------------------
+
+//
+// getPageScroll()
+// Returns array with x,y page scroll values.
+// Core code from - quirksmode.org
+//
+function getPageScroll(){
+
+	var yScroll;
+
+	if (self.pageYOffset) {
+		yScroll = self.pageYOffset;
+	} else if (document.documentElement && document.documentElement.scrollTop){	 // Explorer 6 Strict
+		yScroll = document.documentElement.scrollTop;
+	} else if (document.body) {// all other Explorers
+		yScroll = document.body.scrollTop;
+	}
+
+	arrayPageScroll = new Array('',yScroll) 
+	return arrayPageScroll;
+}
+
+// -----------------------------------------------------------------------------------
+
+//
+// getPageSize()
+// Returns array with page width, height and window width, height
+// Core code from - quirksmode.org
+// Edit for Firefox by pHaez
+//
+function getPageSize(){
+	
+	var xScroll, yScroll;
+	
+	if (window.innerHeight && window.scrollMaxY) {	
+		xScroll = document.body.scrollWidth;
+		yScroll = window.innerHeight + window.scrollMaxY;
+	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
+		xScroll = document.body.scrollWidth;
+		yScroll = document.body.scrollHeight;
+	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
+		xScroll = document.body.offsetWidth;
+		yScroll = document.body.offsetHeight;
+	}
+	
+	var windowWidth, windowHeight;
+	if (self.innerHeight) {	// all except Explorer
+		windowWidth = self.innerWidth;
+		windowHeight = self.innerHeight;
+	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
+		windowWidth = document.documentElement.clientWidth;
+		windowHeight = document.documentElement.clientHeight;
+	} else if (document.body) { // other Explorers
+		windowWidth = document.body.clientWidth;
+		windowHeight = document.body.clientHeight;
+	}	
+	
+	// for small pages with total height less then height of the viewport
+	if(yScroll < windowHeight){
+		pageHeight = windowHeight;
+	} else { 
+		pageHeight = yScroll;
+	}
+
+	// for small pages with total width less then width of the viewport
+	if(xScroll < windowWidth){	
+		pageWidth = windowWidth;
+	} else {
+		pageWidth = xScroll;
+	}
+
+	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
+	return arrayPageSize;
+}
+
+// -----------------------------------------------------------------------------------
+
+//
+// getKey(key)
+// Gets keycode. If 'x' is pressed then it hides the lightbox.
+//
+function getKey(e){
+	if (e == null) { // ie
+		keycode = event.keyCode;
+	} else { // mozilla
+		keycode = e.which;
+	}
+	key = String.fromCharCode(keycode).toLowerCase();
+	
+	if(key == 'x'){
+	}
+}
+
+// -----------------------------------------------------------------------------------
+
+//
+// listenKey()
+//
+function listenKey () {	document.onkeypress = getKey; }
+
+// ---------------------------------------------------
+
+function showSelectBoxes(){
+	selects = document.getElementsByTagName("select");
+	for (i = 0; i != selects.length; i++) {
+		selects[i].style.visibility = "visible";
+	}
+}
+
+// ---------------------------------------------------
+
+function hideSelectBoxes(){
+	selects = document.getElementsByTagName("select");
+	for (i = 0; i != selects.length; i++) {
+		selects[i].style.visibility = "hidden";
+	}
+}
+
+// ---------------------------------------------------
+
+//
+// pause(numberMillis)
+// Pauses code execution for specified time. Uses busy code, not good.
+// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602
+//
+function pause(numberMillis) {
+	var now = new Date();
+	var exitTime = now.getTime() + numberMillis;
+	while (true) {
+		now = new Date();
+		if (now.getTime() > exitTime)
+			return;
+	}
+}
+// ---------------------------------------------------
+
+function initLightbox() { myLightbox = new Lightbox(); }
--- a/src/litebox/js/moo.fx.js
+++ b/src/litebox/js/moo.fx.js
@ -0,0 +1,133 @@
+/*
+moo.fx, simple effects library built with prototype.js (http://prototype.conio.net).
+by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE.
+for more info (http://moofx.mad4milk.net).
+Sunday, March 05, 2006
+v 1.2.3
+*/
+
+var fx = new Object();
+//base
+fx.Base = function(){};
+fx.Base.prototype = {
+	setOptions: function(options) {
+	this.options = {
+		duration: 500,
+		onComplete: '',
+		transition: fx.sinoidal
+	}
+	Object.extend(this.options, options || {});
+	},
+
+	step: function() {
+		var time  = (new Date).getTime();
+		if (time >= this.options.duration+this.startTime) {
+			this.now = this.to;
+			clearInterval (this.timer);
+			this.timer = null;
+			if (this.options.onComplete) setTimeout(this.options.onComplete.bind(this), 10);
+		}
+		else {
+			var Tpos = (time - this.startTime) / (this.options.duration);
+			this.now = this.options.transition(Tpos) * (this.to-this.from) + this.from;
+		}
+		this.increase();
+	},
+
+	custom: function(from, to) {
+		if (this.timer != null) return;
+		this.from = from;
+		this.to = to;
+		this.startTime = (new Date).getTime();
+		this.timer = setInterval (this.step.bind(this), 13);
+	},
+
+	hide: function() {
+		this.now = 0;
+		this.increase();
+	},
+
+	clearTimer: function() {
+		clearInterval(this.timer);
+		this.timer = null;
+	}
+}
+
+//stretchers
+fx.Layout = Class.create();
+fx.Layout.prototype = Object.extend(new fx.Base(), {
+	initialize: function(el, options) {
+		this.el = $(el);
+		this.el.style.overflow = "hidden";
+		this.iniWidth = this.el.offsetWidth;
+		this.iniHeight = this.el.offsetHeight;
+		this.setOptions(options);
+	}
+});
+
+fx.Height = Class.create();
+Object.extend(Object.extend(fx.Height.prototype, fx.Layout.prototype), {	
+	increase: function() {
+		this.el.style.height = this.now + "px";
+	},
+
+	toggle: function() {
+		if (this.el.offsetHeight > 0) this.custom(this.el.offsetHeight, 0);
+		else this.custom(0, this.el.scrollHeight);
+	}
+});
+
+fx.Width = Class.create();
+Object.extend(Object.extend(fx.Width.prototype, fx.Layout.prototype), {	
+	increase: function() {
+		this.el.style.width = this.now + "px";
+	},
+
+	toggle: function(){
+		if (this.el.offsetWidth > 0) this.custom(this.el.offsetWidth, 0);
+		else this.custom(0, this.iniWidth);
+	}
+});
+
+//fader
+fx.Opacity = Class.create();
+fx.Opacity.prototype = Object.extend(new fx.Base(), {
+	initialize: function(el, options) {
+		this.el = $(el);
+		this.now = 1;
+		this.increase();
+		this.setOptions(options);
+	},
+
+	increase: function() {
+		if (this.now == 1 && (/Firefox/.test(navigator.userAgent))) this.now = 0.9999;
+		this.setOpacity(this.now);
+	},
+	
+	setOpacity: function(opacity) {
+		if (opacity == 0 && this.el.style.visibility != "hidden") this.el.style.visibility = "hidden";
+		else if (this.el.style.visibility != "visible") this.el.style.visibility = "visible";
+		if (window.ActiveXObject) this.el.style.filter = "alpha(opacity=" + opacity*100 + ")";
+		this.el.style.opacity = opacity;
+	},
+
+	toggle: function() {
+		if (this.now > 0) this.custom(1, 0);
+		else this.custom(0, 1);
+	}
+});
+
+//transitions
+fx.sinoidal = function(pos){
+	return ((-Math.cos(pos*Math.PI)/2) + 0.5);
+	//this transition is from script.aculo.us
+}
+fx.linear = function(pos){
+	return pos;
+}
+fx.cubic = function(pos){
+	return Math.pow(pos, 3);
+}
+fx.circ = function(pos){
+	return Math.sqrt(pos);
+}
--- a/src/litebox/js/prototype.lite.js
+++ b/src/litebox/js/prototype.lite.js
@ -0,0 +1,132 @@
+/*  Prototype JavaScript framework
+ *  (c) 2005 Sam Stephenson <sam@conio.net>
+ *  Prototype is freely distributable under the terms of an MIT-style license.
+ *  For details, see the Prototype web site: http://prototype.conio.net/
+/*--------------------------------------------------------------------------*/
+
+//note: modified & stripped down version of prototype, to be used with moo.fx by mad4milk (http://moofx.mad4milk.net).
+
+var Class = {
+	create: function() {
+		return function() {
+			this.initialize.apply(this, arguments);
+		}
+	}
+}
+
+Object.extend = function(destination, source) {
+	for (property in source) destination[property] = source[property];
+	return destination;
+}
+
+Function.prototype.bind = function(object) {
+	var __method = this;
+	return function() {
+		return __method.apply(object, arguments);
+	}
+}
+
+Function.prototype.bindAsEventListener = function(object) {
+var __method = this;
+	return function(event) {
+		__method.call(object, event || window.event);
+	}
+}
+
+function $() {
+	if (arguments.length == 1) return get$(arguments[0]);
+	var elements = [];
+	$c(arguments).each(function(el){
+		elements.push(get$(el));
+	});
+	return elements;
+
+	function get$(el){
+		if (typeof el == 'string') el = document.getElementById(el);
+		return el;
+	}
+}
+
+if (!window.Element) var Element = new Object();
+
+Object.extend(Element, {
+	remove: function(element) {
+		element = $(element);
+		element.parentNode.removeChild(element);
+	},
+
+	hasClassName: function(element, className) {
+		element = $(element);
+		if (!element) return;
+		var hasClass = false;
+		element.className.split(' ').each(function(cn){
+			if (cn == className) hasClass = true;
+		});
+		return hasClass;
+	},
+
+	addClassName: function(element, className) {
+		element = $(element);
+		Element.removeClassName(element, className);
+		element.className += ' ' + className;
+	},
+  
+	removeClassName: function(element, className) {
+		element = $(element);
+		if (!element) return;
+		var newClassName = '';
+		element.className.split(' ').each(function(cn, i){
+			if (cn != className){
+				if (i > 0) newClassName += ' ';
+				newClassName += cn;
+			}
+		});
+		element.className = newClassName;
+	},
+
+	cleanWhitespace: function(element) {
+		element = $(element);
+		$c(element.childNodes).each(function(node){
+			if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) Element.remove(node);
+		});
+	},
+
+	find: function(element, what) {
+		element = $(element)[what];
+		while (element.nodeType != 1) element = element[what];
+		return element;
+	}
+});
+
+var Position = {
+	cumulativeOffset: function(element) {
+		var valueT = 0, valueL = 0;
+		do {
+			valueT += element.offsetTop  || 0;
+			valueL += element.offsetLeft || 0;
+			element = element.offsetParent;
+		} while (element);
+		return [valueL, valueT];
+	}
+};
+
+document.getElementsByClassName = function(className) {
+	var children = document.getElementsByTagName('*') || document.all;
+	var elements = [];
+	$c(children).each(function(child){
+		if (Element.hasClassName(child, className)) elements.push(child);
+	});  
+	return elements;
+}
+
+//useful array functions
+Array.prototype.iterate = function(func){
+	for(var i=0;i<this.length;i++) func(this[i], i);
+}
+if (!Array.prototype.each) Array.prototype.each = Array.prototype.iterate;
+
+function $c(array){
+	var nArray = [];
+	for (var i=0;i<array.length;i++) nArray.push(array[i]);
+	return nArray;
+}
--- a/src/menu.css
+++ b/src/menu.css
@ -0,0 +1,49 @@
+@charset "utf-8";
+
+/* CSS Document */
+#menu {
+	float: left;
+	margin: 60px 0 0 0;
+	padding: 0;
+	width: auto;
+	font-family: Tahoma, Geneva, sans-serif;
+	font-size: 130%;
+	letter-spacing: 1px;
+	height: 30px;
+}
+
+#menu ul {
+	list-style-type:none;
+	margin:0;
+	padding:0;
+	
+}
+
+#menu ul li {
+	float: left;
+	margin: 0 40px 0 0;
+	padding: 0;
+	width: auto;
+	padding: 0 0 5px 0;	
+}
+
+#menu ul li a {
+	display: block;
+	text-decoration: none;	
+	font-weight: normal;	
+	color: #555;
+	padding: 0 0 5px 0;		
+}
+
+#menu ul li a:hover {
+	border-bottom: 3px solid #6CF;
+}
+
+#menu ul li.active a {
+
+}
+
+.current{
+	color: #000;
+	border-bottom: 3px solid #006;
+}
--- a/src/menu/images/current-bg.gif
+++ b/src/menu/images/current-bg.gif
--- a/src/menu/images/menu-bg.gif
+++ b/src/menu/images/menu-bg.gif
--- a/src/menu/images/menu-bg_2.gif
+++ b/src/menu/images/menu-bg_2.gif
--- a/src/menu/menu_style.css
+++ b/src/menu/menu_style.css
@ -0,0 +1,5 @@
+ul#navmenu { width: 100%; height: 43px; background: url("images/menu-bg.gif") top left repeat-x; font-size: 16px; font-family: "Lucida Grande", Verdana, sans-serif; font-weight: normal; list-style-type: none; margin: 0; padding: 0; }
+ul#navmenu li { display: block; float: left; margin: 0 0 0 20px; }
+ul#navmenu li a { height: 43px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 2px 15px 0; font-weight: normal; }
+ul#navmenu li a:hover { color: #333; }
+ul#navmenu li a.current{ color: #FFF; background: #FFF url("images/current-bg.gif") top left repeat-x; padding: 2px 15px 0; }
--- a/src/obras/GraublauWeb.otf
+++ b/src/obras/GraublauWeb.otf
--- a/src/obras/GraublauWebBold.otf
+++ b/src/obras/GraublauWebBold.otf
--- a/src/obras/index.html
+++ b/src/obras/index.html
@ -0,0 +1,77 @@
+<!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>INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<style type="text/css"> 
+	 
+		* {
+			margin:0;
+			padding:0;
+		}
+
+		@font-face {
+		    font-family: GraublauWeb;
+		    src: url(GraublauWeb.otf) format("opentype");
+		}
+
+		@font-face {
+		    font-family: GraublauWeb;
+		    src: url(GraublauWebBold.otf) format("opentype");
+			font-weight: bold;
+		}
+	 
+		html, body {
+			height:100%;
+			font-family: "GraublauWeb", "Lucida Grande", Verdana,Arial,Helvetica,sans-serif;
+		}
+	 
+		body {
+			background-color: #fff;
+			color: #333366;
+			text-align:center;
+			}
+	 
+		#distance { 
+			width: 1px;
+			height: 50%;
+			margin-bottom: -240px;
+			float:left;
+		}
+	 
+		#container {
+			margin:0 auto;
+			position: relative;
+			text-align: center;
+			height: 480px;
+			width: 640px;
+			clear:left;
+		}
+	 
+	 	#container img {
+	 	}
+	 
+	 	#container h1 {
+	 		margin: 20px 0;
+	 		font-size: 130%;
+	 	}
+		
+		#container p {
+		}
+	 
+	</style>
+</head>
+<body>
+	<div id="distance"></div>
+	<div id="container">
+		<img src="logo.gif" />
+		<h1>Inspecci&oacute;n t&eacute;cnica de edificios (ITE)<br/>
+		Pocer&iacute;a - Rehabilitaciones</h1>
+		<p>C/ El Torno, n. 17 - 28529 Rivas Vaciamadrid (MADRID) <br/>
+		Tel&eacute;fonos: 91 670 25 62 - 607 202 703<br/>
+		intedimadrid@gmail.com
+		</p>
+	</div>
+ 
+</body>
+</html>
--- a/src/obras/logo.gif
+++ b/src/obras/logo.gif
--- a/src/proyectos.html
+++ b/src/proyectos.html
@ -0,0 +1,59 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>Obras realizadas - INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+	<link rel="stylesheet" type="text/css" href="menu.css"/>
+
+</head>
+<body>
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Pocería - Rehabilitaciones - Trabajos verticales<br/>Inspección técnica de edificios</h2>
+            <div id="menu">
+                <ul>
+                   <li><a href="proyectos.html">Inicio</a></li>
+                   <li><a href="servicios.html">Servicios</a></li>                    
+                   <li class="current">Obras realizadas</li>
+				   <li><a href="empresa.html">La Empresa</a></li>
+                   <li><a href="contacto.html">Contacto</a></li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+	        	<h3>Obras realizadas</h3>
+				<p>Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque elementum turpis eget quam mattis sit amet vestibulum nisi feugiat. Aenean consequat, nibh eu pretium mattis, tortor nisl elementum lorem, ac tempor nulla ligula porta nulla. Phasellus malesuada, lorem vel fringilla pharetra, purus lacus elementum nisi, vitae sagittis purus nulla nec nunc. Nullam suscipit commodo sollicitudin. Aliquam sed adipiscing dui. Suspendisse iaculis laoreet lorem, a placerat enim consectetur et. Donec ut lobortis magna. Aenean hendrerit pulvinar ante vitae congue. </p>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<h3>Acerca de Intedi</h3>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sollicitudin velit nec justo vehicula lobortis faucibus ante rutrum. Sed aliquet rhoncus sollicitudin.</p>
+	    		<h3>Contacto</h3>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+	    	<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a>
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+			</p>
+	    </div >            
+	</div>
+</body>
+</html>
--- a/src/reset.css
+++ b/src/reset.css
@ -0,0 +1,50 @@
+@charset "utf-8";
+
+html, body, div, span, applet, object, iframe, table, caption,
+tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
+kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
+acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend {
+    vertical-align: baseline;
+    font-family: inherit;
+    font-weight: inherit;
+    font-style: inherit;
+    font-size: 100%;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    border: 0;
+}
+
+:focus {
+    outline: 0;
+}
+
+body {
+    background: white;
+    line-height: 1;
+    color: black;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+table {
+    border-collapse: separate;
+    border-spacing: 0;
+}
+
+caption, th, td {
+    font-weight: normal;
+    text-align: left;
+}
+
+blockquote:before, blockquote:after, q:before, q:after {
+    content: "";
+}
+
+blockquote, q {
+    quotes: "" "";
+}
--- a/src/send.php
+++ b/src/send.php
@ -0,0 +1,63 @@
+<?php
+	$error = false;
+	$nombre = $_POST['nombre'];
+	$email = $_POST['email'];
+	$texto = $_POST['consulta'];	
+
+	/*if (empty($name)) $error = true;
+	if (empty($email)) $error = true;
+    if (empty($texto)) $error = true;*/
+
+    if ($error == false) {
+        if(isset($email)) {
+            if (preg_match('/^[-!#$%&\'*+\\.\/0-9=?A-Z^_`{|}~]+@([-0-9A-Z]+\.)+([0-9A-Z]){2,4}$/i',trim($email))) {
+            } else {
+                $error = true;
+            }
+            $ok = TRUE;
+            $ok = eregi( "^[_.0-9a-z-]+@([0-9a-z][0-9a-z-]+.)+[a-z]{2,3}$", $email, $check);
+            $ok = getmxrr(substr(strstr($check[0], '@'), 1), $dummy);
+            if($ok === false) {
+                $host = substr($email, strpos($email, '@') + 1);
+                if(gethostbyname($host) != $host) {
+                    $ok = true;
+                }
+                if ($ok != true) {
+                    $error = true;
+                }
+            }
+        }
+    }
+
+    if ($error == false) {
+		$para = 'intedimadrid@gmail.com';
+    
+		$header = 'From: ' . $email . " \r\n";
+		$header .= 'To: ' . $para . " \r\n";		
+		$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
+		$header .= "Mime-Version: 1.0 \r\n";
+		$header .= "Content-Type: text/plain";
+		
+		$msg = "------------------------------- \n";
+		$msg.= "         Comentarios            \n";
+		$msg.= "------------------------------- \n";
+		$msg.= "NOMBRE:   ".$nombre."\n";
+		$msg.= "EMAIL:    ".$email."\n";
+		$msg.= "FECHA:    ".date("D, d M Y")."\n";
+		$msg.= "HORA:     ".date("h:i:s a ")."\n";
+		$msg.= "IP:       ".$REMOTE_ADDR."\n";
+		$msg.= "------------------------------- \n\n";
+		$msg.= $texto."\n\n";
+		$msg.= "------------------------------- \n";
+
+		$asunto = 'Mensaje desde página web de Intedi';
+		
+		mail($para, $asunto, utf8_decode($msg), $header);
+		
+		// Redirect
+		header("Location: contacto_ok.html");
+	}
+	else {
+		header("Location: contacto.html");	
+	}
+?>
--- a/src/servicios.html
+++ b/src/servicios.html
@ -0,0 +1,130 @@
+<!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=utf-8" />
+	<meta name="description" content=""/>
+	<meta name="keywords" content=""/>
+	
+	<title>Servicios ofrecidos - INTEDI - Inspecci&oacute;n t&eacute;cnica de edificios (ITE) - Pocer&iacute;a - Rehabilitaciones</title>
+	<link rel="stylesheet" type="text/css" href="reset.css"/>
+	<link rel="stylesheet" type="text/css" href="estilos.css"/>
+    <link rel="stylesheet" href="menu/menu_style.css" type="text/css" />
+    
+    <link rel="stylesheet" href="litebox/css/lightbox.css" type="text/css" media="screen" />
+    <script type="text/javascript" src="litebox/js/prototype.lite.js"></script>
+    <script type="text/javascript" src="litebox/js/moo.fx.js"></script>
+    <script type="text/javascript" src="litebox/js/litebox-1.0.js"></script>   
+</head>
+<body onload="initLightbox()">
+<div id="layout">
+	<div id="cabecera_layout">
+		<div id="cabecera">
+	    	<div id="logotipo"><span>Intedi</span></div>
+	        <h2>Trabajos de pocería, conservación y mantenimiento de redes sanitarias<br/>Rehabilitaciones - Trabajos verticales con y sin andamios<br/>Inspección técnica de edificios</h2>
+
+            <div id="menu">
+                <ul id="navmenu">
+                   <li><a href="index.html" target="_self" title="Inicio">Inicio</a></li>
+                   <li><a href="servicios.html" target="_self" title="Servicios" class="current">Servicios</a></li>
+                   <li><a href="empresa.html" target="_self" title="La Empresa">La Empresa</a></li>
+                   <li><a href="contacto.html" target="_self" title="Contacto">Contacto</a></li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+	        	<h3>Servicios ofrecidos</h3>
+                <h4>Inspección técnica de edificios (I.T.E.)</h4>
+                <br/>
+                <h4>Rehabilitaciones</h4>
+                <ul class="doscolumnas">
+                    <li>Frentes de balcones</li>
+                    <li>Revocos y enfoscados</li>
+                    <li>Trabajos de pintura</li>
+                    <li>Limpieza y reconstrucción de ladrillo visto y fachadas en general</li>
+                    <li>Barnices hidrófugos</li>
+                    <li>Impermeabilizaciones de cubiertas</li>
+                    <li>Limpieza de canalones</li>
+                    <li>Limpieza de desagües</li>
+                    <li>Cerrajería</li>
+                    <li>Carpintería</li>
+                    <li>Trabajos en lugares de difícil acceso con técnicas de descuelgue</li>                    
+                    <li>Sellado de juntas</li>
+                </ul>
+                <div class="clear"></div>                 
+                <h4>Pocería</h4>
+                <ul class="doscolumnas">
+                    <li>Inspección de redes sanitarias</li>
+                    <li>Desatrancos manuales y por agua a presión</li>
+                    <li>Eliminación de humedades en sótanos y bajos</li>
+                    <li>Realización de trasteros</li>
+                    <li>Localización de fugas</li>
+                    <li>Limpieza de fosas asépticas</li>
+                    <li>Limpieza de sumideros</li>
+					<li>Inspecciones con cámara-TV con grabaciones en DVD y CD. Informes por escrito y digitales.</li>
+                    <li>Reconstrucción de galerías</li>
+                    <li>Construcción de pozos y arquetas</li>
+                    <li>Cambio de bajantes</li>
+                    <li>Urgencias 24 horas</li>                    
+                </ul>
+                <div class="clear"></div>                    
+                <p><strong>5 AÑOS DE GARANTIA</strong></p>
+                <div class="fotos">
+                	<a href="fotos/poceria-antes.jpg" rel="lightbox"><img src="fotos/poceria-antes_small.jpg" width="100" height="100" alt="Servicios de pocería"/></a>
+                	<a href="fotos/poceria-despues.jpg" rel="lightbox"><img src="fotos/poceria-despues_small.jpg" width="100" height="100" alt="Servicios de pocería"/></a>
+                	<a href="fotos/poceria-acabado.jpg" rel="lightbox"><img src="fotos/poceria-acabado_small.jpg" width="100" height="100" alt="Servicios de pocería"/></a>
+                </div>
+                
+                <br/>
+                <h4>Trabajos verticales</h4>
+                <ul class="doscolumnas">
+                	<li>Instalación de bajadas de agua </li>
+                    <li>Instalación de canalones e impermeabilización y limpieza</li>
+                    <li>Sellado de juntas</li>
+                    <li>Anclaje de piedras</li>
+                    <li>Revestimientos y pinturas</li>
+                    <li>Chimeneas y salidas de humo</li>
+                    <li>Reparación de goteras</li>
+                    <li>Limpieza de fachadas</li>
+				</ul>
+                <div class="clear"></div>                    
+                <div class="fotos">
+                	<a href="fotos/trabajos-verticales-1.jpg" rel="lightbox"><img src="fotos/trabajos-verticales-1_small.jpg" width="100" height="100" alt="Trabajos verticales"/></a>
+                	<a href="fotos/trabajos-verticales-2.jpg" rel="lightbox"><img src="fotos/trabajos-verticales-2_small.jpg" width="100" height="100" alt="Trabajos verticales"/></a>
+                </div>
+	        </div>
+	    	<div id="inicio_derecha">
+            	<h4>Garantías</h4>
+                <p>Todos nuestros trabajos están garantizados por escrito. En obras, ofrecemos hasta 10 años. </p>
+                <p>Disponemos de <strong>seguro de responsabilidad civil</strong>. Todos nuestros trabajos e instalaciones están realizadas por <strong>profesionales homologados</strong> y bajo <strong>garantía</strong>, expresada en el contrato.</p>
+				<h4>Ayudas a la rehabilitación</h4>
+                <ul>
+                    <li>Financiación a Comunidades</li>
+                    <li>Subvenciones</li>
+                    <li>Tramitaciones</li>
+                    <li>Gestión de tasas y licencias de obra</li>
+                </ul>
+	    		<h4>Contacto</h4>
+                    <p><strong>C/ El Torno, nº 17<br/>
+						28529 - Rivas 	- Madrid</strong><br/><br/>
+                    	Teléfono: <strong>91 670 25 62</strong><br/>
+						M&oacute;vil: <strong>607 202 703</strong><br/>
+						E-Mail: <strong>intedimadrid@gmail.com</strong></p>
+	        </div>              			
+		</div>	
+		<div class="clear"></div>
+	</div>
+    <div id="pie_layout">
+		<div id="pie">
+        <h2>Cerrajería - Carpintería - Inspección de redes sanitarias - Desatrancos - Picado de zanjas - Realización de trasteros - Localización de fugas<br/> Limpieza de fosas sépticas - Limpieza de sumideros - Instalación de bajadas de agua y canalones - Sellado de juntas<br/>Anclaje de piedras - Revestimientos y pinturas - Alicatados - Solados - Enlucidos - Pintura y decoración de interiores<br/>Pocería - Rehabilitaciones - Trabajos verticales - Inspección técnica de edificios</h2>
+	    	<!--<p><a href="">Aviso legal</a> | <a href="">Pol&iacute;tica de privacidad</a></p>-->
+			<!--<br/>Diseñado por <a href="http://www.rodax-software.com" title="Rodax Software S.L.">Rodax Software S.L.</a> - 2009-->
+	    </div >            
+	</div>
+</div>
+</body>
+</html>
Author	SHA1	Message	Date
david	bd64de4b65	- Nueva apariencia git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@12 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-26 15:06:30 +00:00
david	9c81fb86db	Subida a la web real. git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@11 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-19 07:34:15 +00:00
david	a3dc0753d5	- Carrusel en la página de inicio. git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@10 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-14 09:36:40 +00:00
david	133bf85869	- Cambios en el texto git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@9 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-09 13:55:27 +00:00
david	479717c871	Más texto y fotos git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@8 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-07 16:13:22 +00:00
david	bb6bc77fa7	Texto de servicios ofrecidos y algunas fotos. git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@7 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-10-01 18:53:10 +00:00
david	40f9bb5aea	git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@6 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-08-04 09:12:58 +00:00
david	4e184436cc	git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@5 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-08-03 16:40:04 +00:00
david	a243014df3	git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@4 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-06-30 14:19:29 +00:00
david	a840f8aa4f	git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@3 bb8bf09b-a688-453b-8f8d-2c74b69f9b56	2009-06-30 14:19:23 +00:00