body {
  margin: auto;
  padding: 0;
  background: #ffffff;
  font: 70%/160% "verdana", sans-serif;
  color: #192666;
}
 
a {
  color:#192666;
}
a:hover {
  color:#d4846a;
}
 
p {
  margin: 1em 0;
  padding: 0;
}
 
.clear {
  clear: both;
}
 
h1, h2, h3, h4, h5 {
  margin: 1em 0;
  padding:0;
}
 
h1 {
  font-size: 257%;
  font-family: "georgia", serif;
  font-weight: normal;
  margin: 0 0 0 10;
}
 
h2 {
  font-size:180%;
  font-family: "georgia", serif;
  font-weight:normal;
}
 
h3 {
    font-size: 160%;
    font-weight: bold;
}
 
ul, ol {
  margin: 1em 0 1em 2em;
  padding:0;
}
 
 #marco{
  color: ffffff;
  background:#3f51b5;
  margin: 0 0px;
  padding: 1px 0 7px 421;

 }
/* ---- Layout ------------------------------------------------------------- */
 
#contenedor {
  width:770px;
  margin: 50px auto 0 auto;
}
 
#cabecera {
  width: 770px;
  position: relative;
  height: 110px;
  margin: 0 0 5px 13px;
  padding: 0;
  background: url(logo1.png)no-repeat;
  color: #FFF;
}
 
#contenido {
  width: 760px;
  margin: 0 5px;
  background: #FFF;
}
 
#contenido #principal {
  float: left;
  width: auto;
  margin-top: 15px;
  padding:0 0 0 60px;
  background: #FFF;
}
 
#contenido #secundario {
  float: left;
  width: 210px;
  margin: 166px 0 0 0;
  padding: 0;
  background: #dee5fd;
}

 

/* ---- Menú --------------------------------------------------------------- */
#menu {
  background: #3F51B5;
  margin: 0 -291px;
  padding: 10px 0 10px 274px;
}
 
#menu ul {
  margin: 0 80px;
  padding: 0;
  list-style:none;
}
 
#menu ul li {
  margin: 0 5px 0 0;
  padding: 0;
  float:left;
}
 
#menu ul li a {
  display: block;
  position: relative;
  padding: 5px 46px;
  border: 0;
  background: #dee5fd;
  color: #100e12;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}
 
#menu ul li a:hover {
  background: #31479B;
}
 
#menu ul li.seleccionado a {
  background: #FFF;
  color: #FF9000;
}
 
/* ---- Contenidos --------------------------------------------------------- */
#contenido .articulo {
  clear: both;
  margin: 0 0 0 75;
  padding: 20px;
  background: url("../imagenes/fondo_articulo.jpg") no-repeat;
}
 
#contenido .articulo h2 {
  margin: 0 -315 0 -468;
  padding: 10px;
  background: #DEE5FD;
  color: #192666;
}
 
#contenido .info {
  margin: 10px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #DEE5FD;
  color:#6685CC;
}
 
#contenido .info a { color:#6685CC; }
#contenido .info a:hover { color:#FF9000; }
 
#contenido .info span.fecha, #contenido .info span.categoria, #contenido .info span.autor, #contenido .info span.comentarios {
  padding-left:15px;
}

#contenido #secundario h3 {
  padding: 10px 0 10px 10px;
  margin-top: 0px;
  background: #3F51B5;
  color: #ffffff;
}
 
#contenido #secundario #sobremi img {
  float: left;
  margin: 4px 5px 0 0;
}
 
#contenido #secundario #sobremi p {
}
 
#contenido #secundario div {
  padding: 0 10px;
}
 
#contenido #secundario ul {
  margin: 15px 0;
  padding: 0;
  list-style:none;
}
 
#contenido #secundario li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dee5fd;
}
 
#contenido #secundario li a {
  display: block;
  padding: 3px 0 3px 22px;
  background:#dee5fd;
  text-decoration: none;
}
 
#contenido #secundario li a:hover {
  background-color: #3F51B5;
  color: #192666;
}
 
#contenido #secundario li.seleccionado a {
  background: #d4846a;
  font-weight: bold;
}
.clear{
  margin: 0 0 0 368;
}