body { background: #6b6b6b; }

.cabecera h1 a { height: 166px; background: url(header.jpg) no-repeat; }

.cuerpo { background: #fff url(aro.jpg) no-repeat bottom right; }

.anotacion { background: url(post.jpg) no-repeat; }
.comentarios { padding-left: 17px; background: url(comentarios.gif) no-repeat 0px 3px; font-weight: bold; }
.comentario { border: 1px solid #F0F0F0; background: #FAFAFA; padding: 5px; -moz-border-radius: 8px; }
.investigacion { background: #F0F0DC url(lupa.gif) top right no-repeat; }
.comentario .info { margin-bottom: 0.5em; font-size: 14px; }
.comentario .info a { font: bold 167% 'Helvetica', Arial, sans-serif; text-decoration: none; color: #000; }
.comentario .info cite { padding-left: 2em; color: #333; font: bold 108% 'Helvetica', Arial, sans-serif; }
.comentario .info em { float: right; color: #782821; }
.comentario .cuerpo { float: none; width: auto; font-size: 13px; }
.fecha { color:#858377; font-size:95%; margin: 0 0 1em 0; padding-left: 80px; }
.fecha a { color:#858377; text-decoration: none; }
.fecha a:hover { text-decoration: underline; }
h1 {color:#ac2623; font-weight:normal; font-size:150%; margin: 0; padding: 10px 0 0 80px; }
h1 a {color:#ac2623; text-decoration:none; }
h1 a:hover { text-decoration:underline; }
h1.archivo { text-align: right; border-bottom: 1px solid white; margin-bottom: 1em; font-size: 130%; }

.varios { padding-bottom: 315px; }
.varios .lista { background: url(h3.jpg) no-repeat; }
.varios .lista h2 { padding: 18px 0 10px 65px; font-size: 24px; font-weight: bold; color: #fff; margin: 0; }
.varios .lista ul { margin: 15px 0 1.2em 22px; list-style: none; }
.varios .lista ol { margin-top: 15px; padding-left: 14px; }
.varios .lista ul li { padding: 2px 0 5px 30px; background: url(bullet.jpg) no-repeat 0 3px; font-size: 16px; }
.varios .lista ul li a, .varios .lista ol li a { text-decoration: none; color: #333; }
.varios .lista ul li a:hover, .varios .lista ol li a:hover { text-decoration: underline; }
.varios .lista ol li { padding: 2px 0 5px 5px; font-size: 16px; }
.varios .libros { height: 150px; background: url(libros-ldp.jpg) no-repeat; position: relative; }
.varios .libros ul, .varios .libros ul li { margin: 0; padding: 0; list-style: none; }
.varios .libros ul li a { position: absolute; height: 150px; top: 0; text-indent: -9999px; }
.varios .libros ul li a.golpe { left: 0; width: 100px; }
.varios .libros ul li a.enigmas { left: 100px; width: 100px; }
.varios .libros ul li a.mentiras { left: 200px; width: 100px; }
.varios .lista div.anuncio { width: 300px; }
