<style type="text/css">

/*------ Bsico -----------------------------------------------------------------*/

ul, ul li { margin: 0; padding: 0; list-style: none; }

h1, h2, h3, p{ 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;
overflow:hidden;
height: 1%;
}

#barradenavegacion { clear: both; }

#contenido { float: right; width: 80%;}
#informacionprincipal { float:left; width: 72%; display:inline;}
#barralateral { float:left; width: 25%; display:inline;}
#pie { clear: both; }

/*------ Cabecera
-----------------------------------------------------------------*/
#cabecera #titulo{ float:none; display:inline;}
#cabecera #buscador { float: right; display:inline;}

/*------ Barra de Navegacion-------------------------------------------------------

*/

#menu ul#barradenavegacion li { display: inline; float: left; }

/*------ Seccin Principal---------------------------------------------------------

*/

#contenido #centro .articulo img { width: 100px; float: left; }

/*------ Pie de pgina-------------------------------------------------------------

*/
#pie .enlaces {float: left;}
#pie .copyright {float: right;}

/* Estilos propios de la pgina */

#body {
font:Arial, Helvetica, sans-serif;
color:#660000;
}

#cabecera,
#barradenavegacion,
#informacionprincipal,
#barralateral,
#pie {
border:none;
}
/* ----------------Estilos propios de la cabecera
----------------------------------*/

#cabecera {
padding: .0em;
}
/* ----------------Estilos propios del menu
-----------------------------------------*/
#barradenavegacion {
padding: .2em 0;
margin-top: 0.5em;
border-top: 1px solid #660000;
}
#barradenavegacion li{
margin-right: 1em;
font-size: 1.3em;
}
#barradenavegacion li a{
color:#660000;
}
/* ----------------Estilos propios del pie
------------------------------------------*/
#pie {
padding: .2em 0;
margin-top: 1em;
border-top: 1px solid #660000;
color:#660000;
font-size: 1em;
}
#pie a {
color:#660000;
}

/* ----------------Estilos propios de la barra

lateral--------------------------------*/
#barralateral {
margin-top: 0.5em;
font-size:1em;
color:#660000;
}

}
#informacionprincipal #menuizquierda {
padding:1em;
margin-top: 0em;
border: 1px solid #660000;
background:#FFFF99;
color: #660000;
}
#barralateral {
padding:0.5em;
margin-top: 1em;
margin-bottom: 0.5em;
border: 1px dashed #660000;
background: #FFF6CD;
color:#FF3399;
}
/* ----------------Estilos propios del contenido
------------------------------------------*/
#contenido{
margin-top: 0.5em;
}
#contenido #derecha{
border: 2px solid #660000;
}

.articulo{
padding-left:0.5em;
padding-right:0.5em;
margin-bottom:0.5em;
}
.articulo p{
margin: 0.5em 0;
}
.articulo a{
color: #660000;
}
.articulo h2{
color: #660000;
font-size: 1.6em;
line-height: 1.2;
margin-bottom: 1em;
margin-top: 0em;
}
.articulo img {
margin: .5em;
}

</style>