git-svn-id: https://192.168.0.254/svn/Proyectos.Intedi_Web/trunk@5 bb8bf09b-a688-453b-8f8d-2c74b69f9b56

src/estilos.css

@@ -0,0 +1,317 @@
+@charset "utf-8";
+/* CSS Document */
+
+html, body {
+	margin:0;
+	padding:0;
+	font-family: Verdana,Arial,Helvetica,sans-serif;
+	color:#666;
+	font-size: 85%;
+	font-style: normal;
+	font-variant: normal;
+	font-weight: normal;
+	line-height: 170%;
+	background: #fff url("images/ciudad2.gif") repeat-x fixed center bottom;
+}
+
+body{
+	background-color: #fff;
+	text-align: center;
+	min-width: 960px;
+	min-height: 600px;
+	background: #fff url("images/fondo.jpg") no-repeat fixed left top;
+	
+}
+
+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: #a15206; /*#4d4994;*/
+}
+
+h1 {
+	font-weight: normal;	
+	font-size:280%;
+}
+
+h2 {
+	font-weight: normal;		
+	font-size: 240%;
+}
+
+h3 {
+	text-transform: lowercase;
+	font-size: 160%;
+	font-weight: normal;
+}
+
+h4 {
+	font-weight: normal;		
+	font-style: normal;	
+	font-size: 120%;
+	color: #444;
+}
+
+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 {
+}
+
+strong {	
+	font-weight: bold;
+}
+	
+
+#cabecera_layout {
+	margin: 0;
+	padding: 20px 0;
+	width: 100%;
+}
+
+#cabecera {
+	margin: 0 auto;
+	padding: 0;
+	width: 960px;
+	text-align: right;
+}
+
+	#logotipo {
+		background-image: url('images/logo.gif');
+		background-repeat: no-repeat;
+		width: 300px;
+		height: 150px;
+		float: right;
+	}
+	#logotipo span {
+		display: none;
+	}
+	
+	#cabecera h2 {
+		font-size: 14px;
+		margin: 20px 20px 0 0;
+		padding: 0;
+		float: right;
+		width: auto;
+	}
+
+#banner {
+	display: none;
+	margin: 0 auto 20px auto;
+	padding: 0;
+	width: 960px;
+	height: 300px;
+}
+
+	#banner #foto {
+		float: left;
+		width: 600px;
+	}
+	
+	#banner #foto #texto_foto {
+		display: none;
+	}
+
+	#banner #seleccion {
+		color: #777;
+		float: right;
+		text-align: left;
+		width: 300px;
+		padding: 20px 20px 0 0;
+	}
+	
+	#banner #seleccion p {
+		margin-right: 50px;
+	}
+	
+	#banner #seleccion h3 {
+		margin-bottom: 30px;
+		text-align: right;
+		width: 100%;
+		color: #ccc;
+		font-size: 300%;
+		font-weight: normal;
+		line-height: normal;
+	}
+
+#cuerpo_layout {
+	width: 100%;
+	padding-bottom: 40px;
+}
+
+#cuerpo {
+	text-align: left;		
+	margin: 0 auto;
+	padding: 0;
+	width: 960px;
+}
+	#cuerpo h3 {
+		padding: 0;
+		margin-bottom: 10px;
+		padding-left: 7px;
+		border-left: 7px solid #faba33;
+	}
+
+	#cuerpo p {
+		padding: 0 30px 5px 30px;
+	}
+	
+	#cuerpo ul {
+		padding: 0 30px;	
+	}
+
+#inicio_izquierda {
+	float: left;
+	margin: 0;
+	padding: 0;
+	width: 640px;
+}
+
+#inicio_derecha {
+	float: right;
+	margin: 0;
+	padding: 0;
+	width: 320px;
+}
+
+	#inicio_derecha p {
+		margin-bottom: 15px;
+	}
+	
+
+
+#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 {
+	text-align: left;
+	clear:both;
+	height: 40px;
+	margin: 0 auto;
+	padding: 10px 0 0 0;
+	width: 100%;
+	color: #777;
+}	
+
+#pie {
+	line-height: normal;	
+	width: 960px;
+	margin: 0 auto;
+	padding: 12px 0 0 0;
+	color: #723900;
+}
+
+	#pie a {
+		color: #723900;
+		text-decoration: underline;
+	}
+	
+	#pie a:hover {
+		color: #cc9966;
+		text-decoration: underline;		
+	}
+
+	#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;
+}

src/forms.css

@@ -0,0 +1,38 @@
+/**********************************
+
+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 {
+
+}

src/index.html

@@ -0,0 +1,58 @@
+<!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="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 class="current">Inicio</li>
+                   <li><a href="servicios.html">Servicios</a></li>                    
+                   <li><a href="proyectos.html">Obras realizadas</a></li>
+                   <li>Contacto</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>Sed orci magna, consequat a adipiscing non, auctor non ante. Etiam condimentum dolor ac urna placerat ultricies. Donec eu feugiat ante. Nulla id mollis magna. Suspendisse tellus sapien, aliquam non venenatis eget, consectetur ut lorem. Nam ultricies hendrerit dui eget vehicula. Cras imperdiet neque nec diam condimentum non blandit purus lobortis. Maecenas ornare interdum erat, a laoreet nunc bibendum at. Ut cursus placerat lacus sed condimentum. Vivamus lacinia mauris id neque consectetur tincidunt. Morbi vitae libero tellus, a rhoncus sapien. Nunc cursus mi ac sem ultricies fringilla. Nulla mattis condimentum egestas. Donec venenatis, libero sit amet molestie auctor, purus elit egestas sapien, consequat luctus odio quam eget ligula. Fusce rhoncus arcu et enim laoreet faucibus. In purus mi, placerat nec tempus id, porttitor vitae enim. Donec vitae risus condimentum nibh auctor lacinia. </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>

src/menu.css

@@ -0,0 +1,48 @@
+@charset "utf-8";
+
+/* CSS Document */
+#menu {
+	float: left;
+	margin: 50px 0 0 0;
+	padding: 0;
+	width: auto;
+	font-family: Tahoma, Geneva, sans-serif;
+	font-size: 130%;
+	letter-spacing: 1px;
+}
+
+#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;
+}

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>

src/proyectos.html

@@ -0,0 +1,58 @@
+<!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="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>Contacto</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>

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: "" "";
+}

src/servicios.html

@@ -0,0 +1,64 @@
+<!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="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="index.html">Inicio</a></li>
+                   <li class="current">Servicios</li>                    
+                   <li><a href="proyectos.html">Obras realizadas</a></li>
+                   <li>Contacto</li>
+                </ul>
+            </div>
+			<div class="clear"></div>                    
+        </div>                    
+	</div>		
+
+	<div id="cuerpo_layout">
+		<div id="cuerpo">
+	    	<div id="inicio_izquierda">
+	        	<h3>Servicios ofrecidos</h3>
+				<p>Morbi velit enim, elementum vitae pretium non, pellentesque laoreet sem. Sed placerat, urna vitae iaculis imperdiet, lectus magna vulputate felis, eget fringilla metus purus in enim. Etiam vitae turpis diam. Donec nibh diam, faucibus a rhoncus non, tempus id urna.<p>
+                <ul>
+                    <li>Rehabilitaciones</li>
+                    <li>Pocería</li>
+                    <li>Inspección técnica de edificios (I.T.E.)</li>
+                    <li>Trabajos verticales</li>
+                </ul>
+	        </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>