* Página de inicio:

- Fondo en azul oscuro mejor que en el azul que está.

- Plano de fondo un poco de más presencia

    * Textos: Mejor JUSTIFICADOS que alineados a la izquierda.
    * Proyectos singulares: En página de inicio, quitar la foto y este título si no se puede pinchar en él, y poner en su lugar “Áreas principales de actuación”.
    * Oficinas y Delegaciones: también en azul marino
    * Reducir un poco el ancho de la banda azul del inicio con las fotos
    * Bajar un punto el tamaño de letra, para intentar que la página de inicio sea un resumen global de la filosofía de la empresa ? a simple “golpe de vista”.

git-svn-id: https://192.168.0.254/svn/Proyectos.Cyvacsa_Web/trunk@17 583017cb-8bbc-4616-bb79-af8c6d247e7b

src/contacto.htm

@@ -26,7 +26,7 @@
                 </ul>
             </div>
     	</div>        
-       	<div id="banner"><img src="images/banner1.jpg" width="960" height="293" alt=""/></div>
+       	<div id="banner"><img src="images/banner1.jpg" width="958" height="218" alt=""/></div>
         
         <a name="madrid"></a>
     	<div id="principal">

src/estilos.css

@@ -8,15 +8,16 @@ html {
 	background-color: #fff;
 	text-align: center;	
 	font-family: Verdana,Arial,Helvetica,sans-serif;
-	color:#808080;
-	font-size: 80%;
+	color:#606060;
+	font-size: 75%;
 	font-style: normal;
 	font-variant: normal;
 	font-weight: normal;
+	text-align: justify;	
 }
 
 p, h1, h2, h3, h4 , ul, li {
-	line-height: 1.5em;
+	line-height: 1.4em;
 }
 
 p, h1, h2, h3, h4 {
@@ -32,16 +33,16 @@ h1, h2, h3, h4 {
 
 h1 {
 	font-weight: normal;	
-	font-size:195%;
+	font-size:175%;
 }
 
 h2 {
 	font-weight: normal;		
-	font-size:180%;
+	font-size:160%;
 }
 
 h3 {
-	font-size:140%;
+	font-size:120%;
 	color: #E46825;
 	font-weight: normal;
 }
@@ -63,6 +64,7 @@ a:hover, a:active {
 }
 
 p {
+	text-align: justify;
 }
 
 ul {
@@ -92,7 +94,7 @@ li {
 	margin: 0 auto;
 	padding: 0;
 	width: 960px;
-	height: 133px;
+	height: auto;
 	text-align: left;		
 }
 
@@ -101,7 +103,7 @@ li {
 		background-repeat: no-repeat;
 		background-position: 20px 30px;
 		width: 480px;
-		height: 125px;
+		height: 100px;
 		float: left;
 	}
 	#cabecera h1, #cabecera h2 {
@@ -259,7 +261,7 @@ ul.clientes li img {
 	}
 	
 	#pie_layout a {
-		color: #d0bca8;
+		color: #8cb6ca;
 	}
 
 
@@ -270,7 +272,7 @@ ul.clientes li img {
 		margin: 0 0 10px 0;
 		font-size: 1.2em;
 		font-weight:bold;
-		line-height: 1.5em;		
+		line-height: 1.4em;		
 	}
 
     #pie_layout strong {
@@ -280,7 +282,7 @@ ul.clientes li img {
 	#pie_layout p {
 		margin: 0 0 15px 0;
 		padding: 0;
-		color: #ae9f89;
+		color: #6994a8;
 		line-height: 1.35em;
 	}
 	

src/index.htm

@@ -25,21 +25,21 @@
                 </ul>
             </div>
     	</div>        
-       	<div id="banner"><img src="images/banner1.jpg" width="960" height="293" alt=""/></div>
+       	<div id="banner"><img src="images/banner1.jpg" width="958" height="218" alt=""/></div>
     	<div id="principal">
         	<div id="inicio_izquierda">
                 <h2>Bienvenido a Cyvacsa</h2>
                 <p>El objeto social de CYVACSA se concreta fundamentalmente en la asistencia técnica necesaria para la realización, en todas sus fases, de expedientes de expropiación forzosa de bienes y derechos motivados por la construcción de gasoductos, oleoductos, líneas eléctricas, parques eólicos, embalses, carreteras, conducciones de agua, etc., así como la obtención de servidumbres forzosas de acueducto y de otros tipos, ocupaciones temporales, etc.</p>
                 <p>Todos nuestros proyectos son desarrollados por un equipo multidisciplinar compuesto por técnicos especialistas en las diversas materias de cada área que afecten a la redacción de los mismos.</p>
-                <p><a href="servicios.htm">Ver más...</a></p>
+                <p><a href="servicios.htm" title="¿Qué hacemos y ofrecemos?">Ver más...</a></p>
                 <hr class="divisor"/>
-            	<h3>Áreas principales de actuación</h3>
+            	<h3><a href="servicios.htm" title="¿Qué hacemos y ofrecemos?">Áreas principales de actuación</a></h3>
                 <ul><li>Líneas eléctricas</li><li>Parques eólicos y solares</li><li>Gaseoductos y oleoductos</li><li>Obras lineales</li><li>Carreteras y autopistas</li><li>Conducciones de agua y embalses</li></ul>
                 <!--<h3>¿Quieres trabajar con nosotros?</h3>
                 <p>Si deseas trabajar con nosotros, puedes enviarnos tu currículum vitae. Trataremos tus datos con total confidencialidad y acudiremos a ellos cuando necesitemos incrementar nuestra plantilla.</p><p><a href="contacto.html">Más información...</a></p>-->
             </div>
         	<div id="inicio_derecha">
-            	<h3>Proyectos singulares</h3>
+            	<h3><a href="servicios.htm" title="Nuestros proyectos y clientes">Proyectos singulares</a></h3>
 				<p><img src="fotos/proyecto2.jpg" alt=""/><br/>
 				<!--Donec eleifend turpis at risus volutpat tempus. Vestibulum eget urna vitae metus venenatis porttitor eu sit amet nunc.-->
 				</p>

src/menu.css

@@ -4,11 +4,12 @@
 
 #menu{
 	float: right;
-	height: auto;
-	padding: 52px 0 0 0;
+	height: 80px;
+	padding: 30px 0 0 0;
 	width: auto;
 	font-family:Tahoma, Geneva, sans-serif;
 	font-size: 75%;
+	line-height: 1.3em;	
 }
 
 #menu ul{
@@ -67,6 +68,7 @@
 	height: 53px;
 	letter-spacing: 0.05em;	
 	line-height: 0;
+	
 }
 .current span{
 	display:block;
@@ -77,4 +79,8 @@
 	font-weight:normal;
 	line-height: 1.2em;
 	
+}
+
+.current li {
+	background-color: #033;
 }

src/proyectos.htm

@@ -25,7 +25,7 @@
                 </ul>
             </div>
     	</div>        
-       	<div id="banner"><img src="images/banner1.jpg" width="960" height="293" alt=""/></div>
+       	<div id="banner"><img src="images/banner1.jpg" width="958" height="218" alt=""/></div>
         <div id="principal">
         		<h2 class="servicios_izquierda">Áreas de especialización</h2>	
         	<div class="servicios_izquierda">

src/servicios.htm

@@ -25,7 +25,7 @@
                 </ul>
             </div>
     	</div>        
-       	<div id="banner"><img src="images/banner1.jpg" width="960" height="293" alt=""/></div>
+       	<div id="banner"><img src="images/banner1.jpg" width="958" height="218" alt=""/></div>
         <div id="principal">
         	<div class="servicios_izquierda">
         		<h2>Servicios ofrecidos</h2>