//* === 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 { border: 2px solid #777; } #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. ================================================================== */