/* === IMPORTANTE ===================================================
No cambie estos estilos, son obligatorios para ver la página correctamente.
================================================================== */
/*-- Base ----------------------------------------------------------*/
ul, ul li { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p, form { margin: 0; padding: 0; }
.gardena { clear: both; }
img { border: none; }
/*-- Diseño ----------------------------------------------------------*/
#contenedor {
width: 90%;
max-width: 900px;
width: 900px;
margin: 0 auto;
}
#cabecera, #menu, #lado, #contenido, #contenido #principal, #contenido #segundoNivel, #pie {
}
#cabecera { clear: both; }
#menu { clear: both; }
#lado { float: left; width: 20%; }
#contenido { float: right; width: 78%; }
#contenido #principal { float: left; width: 78%; }
#contenido #segundoNivel { float: right; width: 20%; }
#pie { clear: both; }
/*-- Cabecera --------------------------------------------------------*/
#cabecera #logo { float: left; }
#cabecera #buscador { float: right; }
/*-- Menu ------------------------------------------------------------*/
#menu ul#menu_principal li { display: inline; float: left; }
/*-- Sección Principal -----------------------------------------------*/
#contenido #principal .articulo img { width: 100px; float: left; }
/*-- Orri oina ---------------------------------------------------*/
#pie .enlace { float: left; }
#pie .copyright { float: right; }
/* === IMPORTANTE ===================================================
A partir de ahora puedes añadir los estilos que quieras.
================================================================== */
#cabecera,
#menu,
#lado,
#lado #noticias,
#lado #anuncios,
#contenido,
#contenido #principal,
#contenido #segundoNivel,
#pie {
padding: .5em;
}
#lado {
padding: 0;
}
#cabecera {
padding: 1em;
}
#menu {
margin-bottom: .5em;
border-bottom:1px solid #004C99;
}
#contenido {
width: 77%;
padding: 0;
}
#contenido #principal {
width: 73%;
}
#contenido #segundoNivel{
border: 1px solid #Cc6600;
}
#pie {
padding: .5em 0;
margin-top: 1em;
border-top: 1px solid #C5C5C5;
border-bottom: 1px solid #C5C5C5;
}
#contenido #principal .articulo {
margin-bottom: 1em;
}
#contenido #principal .articulo img {
margin: .5em;
}
#lado #noticias {
border: 1px solid #C5C5C5;
}
#lado #anuncios {
margin-top: 1em;
border: 1px solid #Cc6600;
}