/*-- 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 ----------------------------------------------------------*/
body{ 
background:url(top_bg.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
}
#top {
width:850px;
height: auto;
margin:auto;
background-color:#FFFFFF;
border:8px #F6F6EE solid;
}
#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: 90%; }

#contenido #principal { float: left; width: 90%; }
#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; }
/*-- 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.
================================================================== */
body {
font: .9em/1.4 Arial, Helvetica, sans-serif;
color: #000;
}
#cabecera,
#menu,
#lateral,
#lateral #promocion,
#lateral #publicidad,
#contenido,
#contenido #principal,
#contenido #secundario,
#pie {
padding: .5em;
border: none;
}
#lateral {
padding: 0;
font-size: .9em;
}
#cabecera {
padding: 1em;
width:850px;
height:130px;


}
#cabecera h1 {
background:  no-repeat -5px -5px;
margin-top:auto
}
#cabecera h1 span {
visibility: hidden;
}
#menu {
margin-bottom: .5em;
border-bottom: 1px solid #004C99;
background: url(fondo_menu.gif) repeat-x;
}
#menu li {
margin-right: 1em;
font-size: 1.2em;
}
#menu li a {
color: #FFF;
}
#contenido {
width: 77%;
padding: 0;
}
#contenido #principal {
width: 95%;
}
#contenido #secundario {
border: 1px solid #C60;
}
#contenido #secundario h2 {
background: #DB905C;
padding: .2em;
font-size: 1em;
color: #FFF;
}
#contenido #secundario p {
margin: .5em 0;
}
#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: 5em;
}

#contenido #principal .articulo p {
margin: .3em 0;
}
#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 h3 {
	color:#F93;
	border-bottom: 1px #F90 solid;
}
#contenido #principal .articulo img {
margin: .5em;
}

#galeria {
/* En el navegador Internet Explorer versión 6 y anteriores no funciona la propiedad
"max-width" */
max-width: 650px;
}
#galeria img {
float: left;
margin: 1em;
padding: .5em;
border: 0px solid #CCC;
}

#lateral #promocion {

background: #FFFFFF;
}
#lateral #promocion h3 {
color: #036;
}
#lateral #promocion span.fecha {
display: block;
color: #999;
}

#lateral #webs {
margin-top: 1em;
border: 1px solid #06C;
background: #FFFFFF;
color: #555;
}

#lateral #webs h3 {
color:#F60;
}

#lateral #banners {
margin-top: 1em;
background: #FFFFFF;
color: #555;
}

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

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



#top h1 a {
color: #666666;
}
h1.arriba {
margin-left:400px;
font-size:9px;
color:#666666;
}
h2.inline {
margin-left:500px;
margin-bottom:10px;
margin-top:10px;
font-size:9px;
color:#666666;
}#web #top #contenido #principal p .Estilo23 strong {
	color: #0000A0;
}
#web #top #contenido #principal strong {
	color: #0000A0;
}