<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>OPERADORA DE TRANSPORTES LIDURMA</title>
<link rel="stylesheet" href="reset.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<!-- INICIO CODIGO DE CABECERA - NO TOCAR -->
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
<img src="objetos/logotipo.JPG" width="270px" height="150px" alt="Haz clic aquí para volver a la página de inicio">
</a>
</div>
<div id="etiqueta">
<h1>OPERADORA DE TRANSPORTES</h1>
<h1>LIDURMA, S.L.</h1>
<p class="centrado"> Transportes</p>
<p class="centrado">Pala Cargadora</p>
<p class="centrado">Almacén</p> <!-- No cerraste la etiqueta de párrafo, abriste otra. Vamos, que te faltó la / -->
<h1><i>Paco Liébanas</i></h1>
</div>
</div>
<div id="navegacion">
<ul>
<li><a href="empresa/empresa.html">Empresa</a></li><li><a href="servicios/servicios.html">Servicios</a></li><li><a href="galeria/galeria.html">Galeria</a></li><li><a href="contacto/contacto.html">Contactos</a></li><li><a href="enlaces/enlaces.html">Enlaces</a></li>
</ul>
</div>
<!-- FIN DE CODIGO DE CABECERA -->
<div id="contenido">
<!-- INICIO CODIGO DE MENU LATERAL IZQUIERDO - NO TOCAR -->
<!-- Comentaste el menú, no se si es para que no saliera o sin querer. Lo que pasó es que no me detectaba el cierre del div contenido -->
<div id="menu">
<ul><h1>Título de Sección 1</h1><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<!-- FIN DE CODIGO DE MENU LATERAL IZQUIERDO -->
<p>Lidurma, S.L. le da la bienvenida a nuestro nuevo sitio web.</p>
<p>Desde el año 1963 José Liebanas Martos, fundador de la empresa,
lleva realizando transportes fundamentalmente de mercancías a granel
y paletizado por toda la geografía nacional.</p>
<p>En el año 2005 se funda la sociedad con un marcado carácter de expansión
e innovación.Con una instalaciones de 15.000 metros cuadrados y unos
constriudos de 3.000 metros cuadrados, lleva a cabo todas las actividades
logísticas y de almacenaje necesarias para dar un óptimo y un puntual servicio
a todos sus clientes.</p>
</div>
<!-- INICIO CODIGO PIE DE PAGINA - NO TOCAR -->
<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#">Foro Ejemplo</a></li><li><a href="mailto:[correo eliminado]">lidurma@hotmail. com</a></li><li><a href="#">(C)2012 Way</a></li>
</ul>
</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
<li><a href="#">Directorio</a></li><li><a href="#">TopSite</a></li><li><a href="#">Mapa de la Web</a></li>
</ul>
</div>
</div>
<!-- FIN CODIGO PIE DE PAGINA -->
<div id="curva-inferior"></div>
</div>
</body>
</html>* {
text-indent: 0px;
margin: 0px;
padding: 0px;
border: 0px;
}
p {
text-align: justify;
}
.centrado {
text-align: left;
}
body {
text-align: center;
}
#global {
width: 800px;
margin: 4px auto;
}
#curva-superior {
background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat;
width: 800px;
height: 12px;
overflow: hidden;
}
#curva-inferior {
background-image: url(objetos/curva-inferior.gif);
background-repeat: no-repeat;
width: 800px;
height: 12px;
overflow: hidden;
}
#cabecera {
background-color: white;
border-left: black 1px solid;
border-right: black 1px solid;
height: 155px;
}
#logotipo {
float: left;
width: 280px;
}
#publicidad {
width: 518px;
float: right;
margin-top: 25px;
}
#etiqueta {
width: 450px;
float: center;
margin: 0px 0px 0px 0px;
}
#navegacion {
background-color: gray;
border: black 1px solid;
height: 20px;
}
#navegacion li {
float: left;
list-style: none;
margin: 0px 20px 0px 20px;
}
#navegacion ul {
margin-left: 280px;
}
#contenido {
background-color: orange;
width: 800px;
float: left;
border-left: black 1px solid;
border-right: black 1px solid;
}
#contenido p {
padding: 5px 10px 5px 10px;
text-indent: 15px;
}
#menu {
width: 150px;
float: left;
text-align: left;
margin: 5px 10px 5px 5px;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom;
padding-bottom: 5px;
}
#menu li {
list-style: none;
margin: 16px 18px 14px 16px;
}
#menu h1 {
text-decoration: none;
font-size: 12px;
padding-top: 12px;
background-image: url(objetos/menu-parte-superior.gif);
text-align: center;
}
#pie {
background-color: withe;
border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid;
height: 65px;
}
#pie li {
list-style: none;
font-size: 12px;
}
#pieuno {
float: left;
width: 150px;
}
#piedos {
float: left;
width: 498px;
}
#pietres {
float: left;
width: 150px;
}
h1 {
font-size: 1.2em;
color: blue;
font-weight: bold;
text-decoration: underline;
text-align: left;
}
h2 {
font-size: 1.1em;
color: blue;
font-weight: bold;
text-decoration: none;
text-align: left;
}
h3 {
font-size: 0.8em;
color: blue;
font-weight: bold;
text-decoration: none;
text-align: left;
}
h4 {
font-size: 0.8em;
color: blue;
font-weight: bold;
text-decoration: none;
text-align: left;
}
a {
color: brown;
text-decoration: none;
display: block;
}
a:hover {
color: red;
text-decoration: underline;
background-color: silver;
}
#pie a {
color: blue;
text-decoration: none;
display: block;
}
#pie a:hover {
color: black;
text-decoration: underline;
background-color: white;
}
#pie a:active {
color: black;
}
#logotipo a:hover {
background-color: white;
}
#contenido a:hover {
background-color: white;
}