/* === IMPORTANTE ===================================================
   No modificar estos estilos, ya que son imprescindibles para
   que la pgina se vea correctamente.
   ================================================================== */

/*-- Bsico ----------------------------------------------------------*/
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: 90%;
  max-width: 900px;
  width: expression(document.body.clientWidth > 901? "900px": "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: 20%; }
#contenido { float: right; width: 78%; }
#contenido3 { float: none; width: 90%; }
#contenido #principal { float: left; width: 78%; }
/* ESTE LO HE PUESTO DESDE ACA ARRIBA PARA HACER MAS GRANDE EL AREA DE ARTICULOS */
#contenido #principal2 {float:left; width:95%}
/*********************************************************************************/

/* ESTE LO HE PUESTO DESDE ACA ARRIBA PARA HACER MAS GRANDE EL AREA DE ARTICULOS PARA PRINCIPAL 3*/
#contenido3 #principal3 {float:right; width:93%}
/*AQUI LE MUEVO AL PORCENTAJE PARA HACER MAS GRANDE EL AREA DE TEXTO PARA PRINCIPAL 3*/
/*********************************************************************************/

#contenido #secundario { 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; }

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

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

/* === IMPORTANTE ===================================================
   A partir de aqu, se pueden aadir todos los estilos propios que 
   sean necesarios.
   ================================================================== */

body {
  font: .9em/1.4 Arial, Helvetica, sans-serif;
  color: #000;
}

#cabecera,
#menu,
#lateral,
#lateral #noticias,
#lateral #publicidad,
#contenido,
#contenido #principal,
#contenido #secundario,
#pie {
  padding: .5em;
  border: none;
}

#lateral {
  padding: 0;
  font-size: .9em;
}

#cabecera {
  padding: 1em;
}

#cabecera h1 {
  background: url(imagenes/logo.jpg) no-repeat -5px -5px;
  width: 230px;
height: 80px;
/*LE AGREGE MAS ESPACIO PARA QUE ENTRARA EL LOGO*/
}

#cabecera h1 span {
  visibility: hidden;
}

#menu {
  margin-bottom: .5em;
  /* border-bottom: 1px solid #004C99; */
/*SE QUITO EL BORDE DEL MENU */
  background: url(imagenes/fondo_menu3.gif) repeat-x;
}

#menu li {
  margin-right: 1em;
  font-size: 1em;
}

#menu li a {
  color: #FFF;
}

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

#contenido #principal {
  width: 73%;
}



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

#contenido #secundario h2 {
  background: #DB905C;
  padding: .2em;
  font-size: 1em;
  color: #FFF;
}

#contenido #secundario p {
  margin: .5em 0;
}



/*ESTE LO AGREGUE PARA HACER MAS CHICOS LOS LINKS */
#contenido #secundario a {
font-size:.8em;

}

#pie {
  padding: .5em 0;
  margin-top: 1em;
  border-top: 1px solid #C5C5C5;
  border-bottom: 1px solid #C5C5C5;
  background: #F8F8F8;
  color: #555;
  font-size: .75em;
}



#contenido #principal .articulo {
  margin-bottom: 1em;
}

#contenido #principal .articulo p {
  margin: .3em 0;
 font-family: Arial;
 font-size: .9em;
 text-align:justify;
}

#contenido #principal .articulo a {
  color: #C60;
}

#contenido #principal .articulo h2 {
  color: #C60;
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: .3em;
}

#contenido #principal .articulo img { 
  margin: .5em; }
}

/*AQUI ESTAN LAS REGLAS PARA LOS ARTICULOS EXTRAS QUE SON #PRINCIPAL2 */
#contenido #principal2 .articulo {
  margin-bottom: 1em;
}

#contenido #principal2 .articulo p {
  margin: .3em 0;
 font-family: Arial;
 font-size: .9em;
 text-align:justify;
}

#contenido #principal2 .articulo a {
  color: #C60;
}

#contenido #principal2 .articulo h2 {
  color: #C60;
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: .3em;
}

#contenido #principal2 .articulo img { 
  margin: .5em;
}
/* FIN DE LAS REGLAS PARA #PRINCIPAL2 */

/* AQUI ARRANCAN LAS REGLAS PARA #PRINCIPAL3 */
#contenido3 #principal3 .articulo {
  margin-bottom: 1em;
}

#contenido3 #principal3 .articulo p {
  margin: .3em 0;
 font-family: Arial;
 font-size: .9em;
 text-align:justify;
}

#contenido3 #principal3 .articulo p .text1 {
  margin: .3em 0;
 font-family: times;
 font-size: 1em;
 text-align:justify;
 color:#343434;
}

#contenido3 #principal3 .articulo a {
  color: #C60;
}

#contenido3 #principal3 .articulo h4 {
  color:#1E0AFF; 
  font-size: 1.6em;
  line-height: 1.2;
  margin-bottom: .3em; 
}
#contenido3 #principal3 .articulo h6 {
  color:#0E8BFF; 
 font-family:monospace;
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: .3em; 
}

#contenido3 #principal3 .articulo img { 
  margin: .5em;
}
/* FIN DE LAS REGLAS PARA #PRINCIPAL3 */


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

#lateral #noticias h3 {
  color: #036;
}

#lateral #noticias span.fecha {
  display: block;
  color: #999;
}

#lateral #publicidad {
  margin-top: 1em;
  border: 1px dashed #C60;
  background: #FFF6CD;
  color: #555;
}

#lateral #publicidad a {
  color: #C60;
}