/*-- Básico ----------------------------------------------------------*/
ul, ul li { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, p, form { margin: 0; padding: 0; }
.clear { clear: both; }
img { border: none; }

/*-- Layout ----------------------------------------------------------*/
/*
#contenedor {
  width: 98%;
  max-width: 1080px;
  width: expression(document.body.clientWidth > 1081? "1080px": "auto");
  margin: 0 auto;
}
*/
#contenedor {
  width: 98%;
  max-width: 800px;
  width: expression(document.body.clientWidth > 801? "800px": "auto");
  margin: 0 auto;
}

#cabecera, #menu, #lateral, #contenido, #contenido #principal, #contenido #secundario, #pie {
  border: 2px solid #777;
}

#cabecera { clear: both; }
#menu { clear: both; }
#lateral { float: left; width: 26%; }
#contenido { float: right: 74%; }
#contenido #principal { float: left; width: 73%; }
#pie { clear: both; }

/*-- Cabecera --------------------------------------------------------*/
#cabecera #logo { float: left; }


/*-- Menu ------------------------------------------------------------*/
#menu ul#menu_principal li { display: inline; float: left; }

/*-- Sección Principal -----------------------------------------------*/
#contenido #principal .articulo img { width: 100px; float: left; }

/*-- Pie de página ---------------------------------------------------*/
#pie .enlaces   { float: left; }
#pie .copyright { float: right; }

/* === IMPORTANTE ===================================================
   A partir de aquí, se pueden añadir todos los estilos propios que 
   sean necesarios.
   ================================================================== */


#cabecera,
#menu,
#lateral,
#lateral #noticias,
#lateral #publicidad,
#contenido,
#contenido #principal,

#pie {
  padding: .5em;
  border: none;
}

#lateral {
  padding: 0;
}

#cabecera {
  padding: 1em;
}

#menu {
  margin-bottom: .5em;
  border-bottom: 1px solid #004C99;
}

#contenido {
  width: 99%;
  padding: 0;
}

#contenido #principal {
  width: 69%;
}

#contenido #secundario {
  border: 1px solid #C5C5C5;
}

#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: .1em;
}

#lateral #noticias {
  border: 1px solid #C5C5C5;
}

#lateral #publicidad {
  margin-top: 1em;
  border: 1px solid #C5C5C5;
}