@import url("frases.css");

body {font:100% Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center; color:#000000; background:url(../img/bg.jpg) repeat-x #ffd90f;}
a:link {color:#005cae; font-weight: bold;}
a:visited {color:#005CAE; font-weight: bold;}
a:hover {color:#009eec;}
a:active {color: #009EEC;}
.estructura #contenedor {overflow:hidden; width:798px; margin: 0 auto; text-align:left; background:url(../img/top_divisor.gif) no-repeat;} 
.estructura #cabezal {padding:0; height:214px; position:relative; font-weight:bold}  
.estructura #cabezal h1 {margin:0; padding:0; width:231px; float:left; text-align:center; position:absolute; top:6px; font-size:34px}
.estructura #cabezal h1 a {text-decoration:none}
.estructura #cabezal h1 span {font-size:14px; margin:0; padding:0; position:absolute; top:30px; left:0; width:200px; float:left; text-align:right; color:#000; padding-right:31px}
.estructura #cabezal #slogan{position:absolute; left:231px; top:0; background:url(../img/top_divisor.gif) left no-repeat; height:62px; padding:0 20px; font-size:14px; width:544px}
.estructura #cabezal #slogan .txt{background:url(../img/top_divisor.gif) right top no-repeat; margin-top:14px; background:url(../img/top_divisor.gif) right center no-repeat; padding-right:20px}
.estructura #cabezal .ilustracion {width:798px; height:152px; padding:0; margin:0; position:absolute; bottom:0; left:0}
.estructura #cabezal .uno {background:url(../img/simpsons01.jpg)}
.estructura #cabezal .dos {background:url(../img/simpsons02_escuela.jpg)}
.estructura #cabezal .tres {background:url(../img/simpsons03_planta.jpg)}
.estructura #cabezal .cuatro {background:url(../img/simpsons04_springfield.jpg)}
.estructura #cabezal .cinco {background:url(../img/simpsons05_celebridades.jpg)}

.estructura #izquierda {margin:0; float:left; width:203px; padding:0 14px; font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif; height:100%}
.estructura #izquierda a{color:#005cae; font-weight: bold; font-size:14px;}
.estructura #izquierda a:visited {color:#005CAE;}
.estructura #izquierda a:hover {color:#009eec;}
.estructura #izquierda a:active {color:#009EEC;}
.estructura #izquierda p {margin:0 0 6px 0; font-size:11px; color:#838383; border-bottom:solid 1px #ffd90f; padding-bottom:6px; line-height:12px}
.estructura #izquierda .linkito{font-size:9px;}
.estructura #izquierda .decora a {font-size:11px;}
.estructura #izquierda .decora{width:232px; height:153px; background:url(../img/izq_decora_homero.gif); float:left; position:absolute; bottom:-1px; left:-1px}
.estructura #izquierda .decora p {font-size:9px; text-align:right; padding:100px 15px 0 0; margin:0; border-bottom:0}
.estructura #izquierda .ads {margin:15px 0}

.estructura #contenido {width:564px; margin:0; padding-bottom:24px; float:right; margin-left:-20px}
.estructura #contenido p {padding:0 20px; font-size:12px; line-height:16px; margin:0 0 10px 0}
.estructura #contenido img{float:right;}
.estructura #contenido .foto00 {float:right; margin:0 10px; width:300px; height:550px;}
.estructura #contenido .foto00 img{float:left;}
.estructura #contenido h1{margin:10px 0 10px 0}
.estructura #contenido h1 p{margin:0; padding:0}
.estructura #contenido h1, h2 {padding:0 20px;}
.estructura #contenido h2 {padding-top:24px}
.estructura #contenido h3 {padding:0; margin:0}
.estructura #contenido .fuentes {font-size:9px; line-height:10px; color:#666; margin:0; padding:5px 20px 0 20px}
.estructura #contenido .afiliados {font-size:9px; line-height:10px; color:#666; margin:0; padding:5px 20px 0 20px; text-align:left}
.estructura #contenido .afiliados img {float:left; margin:5px 10px 0 0; border:0}

.estructura #cuerpo {margin:0; background:url(../img/px_gris.gif) 231px 0px repeat-y #fff; position:relative; border-left:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5}
.estructura #pie {margin:0; padding:10px; font-size:9px; text-align:center; color:#666;} 
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block;}
.separador{border-top:solid 1px #ffd90f; height:1px; font-size:0; margin:15px 20px -15px 20px; line-height:1px;}
#cierre{background:url(../img/cdo_cierre.gif) right no-repeat; height:23px; width:565px; position:absolute; bottom:-1px; right:-1px}

.miniaturas{padding:0 20px; overflow:hidden; height:100%}
.miniaturas div{width:87px; height:120px; text-align:center; float:left; line-height:9px; margin-top:10px}
.miniaturas a {text-decoration:none; font-weight:bold; font-size:9px; text-align:center; width:100%;}
.miniaturas a:hover {text-decoration:none; color:#009eec}
.miniaturas .sin-link{height:87px;}
.galeria img{border:3px solid #fff; width:79px; height:79px; float:left;}
.galeria:hover img{border:3px solid #009eec}
.galeria:hover{color:red}

div.leer-mas{width:65px; height:21px; margin:0; background:url(../img/bt_leer-mas.gif) 0 -21px no-repeat; margin-left:20px}
div.leer-mas a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_leer-mas.gif) top left no-repeat}
div.leer-mas a:hover{background-image:none; color:yellow}
div.leer-mas a:active{color:black}
div.ver-mas{width:65px; height:21px; margin:0; background:url(../img/bt_ver-mas.gif) 0 -21px no-repeat; margin:32px 0 0 5px}
div.ver-mas a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_ver-mas.gif) top left no-repeat}
div.ver-mas a:hover{background-image:none; color:yellow}
div.ver-mas a:active{color:black}
div.leer-todas{width:73px; height:21px; margin:0; background:url(../img/bt_leer-todas.gif) 0 -21px no-repeat; margin:0 0 20px 20px}
div.leer-todas a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_leer-todas.gif) top left no-repeat}
div.leer-todas a:hover{background-image:none; color:yellow}
div.leer-todas a:active{color:black}

div.subir{width:58px; height:18px; margin:0; background:url(../img/bt_subir.gif) 0 -18px no-repeat; margin:0 auto}
div.subir a{display:block; margin:0; padding:0; width:100%; height:100%; overflow:hidden; background:url(../img/bt_subir.gif) top left no-repeat}
div.subir a:hover{background-image:none; color:yellow}
div.subir a:active{color:black}

.bnn_468x60{text-align:center; height:auto; width:524px; float:none; padding:0 20px 12px 20px;}