body { background-color:white; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0 20px; }
h1, h2, h3, h4, h5, h6, form { margin:0; padding:0; }
img { border:0; }
a { text-decoration:none; color:#082135; }
a:hover { text-decoration:underline; }
.clear { clear:both; }
.clearer { overflow:hidden; width:100%; }
/* estructura */
#envoltura { width:940px; margin:0 auto; }
#cabecera { position:relative; height:180px; }
#cuerpo { padding:18px 0; }
.principal { float:left; padding-right:10px; }
#lado-izq { float:left; width:250px; padding-left:10px; border-left:1px dotted #999999; }
#lado-der { float:left; width:300px; padding-left:10px; border-left:1px dotted #999999; margin-left:10px; }
#pie { background:url(../img/sprite.gif) repeat-x 0 -307px; border-top:1px solid #DDDDDD;height: 41px; line-height:2em; padding:10px 12px; position:relative; }

/* cabecera */
#barra-arriba { position:relative; top:0; height:22px; background:url(../img/sprite.gif) repeat-x 0 -224px; border-bottom:1px solid #E2E2E2; }
#pag-inicio { position:absolute; top:4px; left:12px; background:url(../img/sprite.gif) no-repeat -252px 0; padding-left:22px; color:black; }
#menu-info { position:absolute; top:4px; right:0; }
#menu-info a { color:black; margin:0 12px; }
#menu-info a#rss { background:url(../img/sprite.gif) no-repeat 0 -32px; padding:1px 0 1px 22px; }
#menu-info a#twitter { background:url(../img/ico-twitter.gif) no-repeat; padding:1px 0 1px 22px; }
#menu-info a#facebook { background:url(../img/ico-facebook.gif) no-repeat; padding:1px 0 1px 22px; }

#publi-arriba { position:absolute; top:36px; left:0; width:155px; height:75px; }
#publi-banner { position:absolute; top:28px; right:0; width:640px; height:120px; }
#publi-banner img{ display: block; width:640px; height:120px; }

#logo { height:112px; padding-top:16px; text-align:center; }
#logo h1 { width:268px; height:55px; display:block; margin: 15px auto 0 auto; }
#logo h1 a { background:url(../img/sprite.gif) no-repeat 5px -392px; width:268px; height:55px; display:block;}
#logo h1 a span { display:none; }
#logo p { color:#7F7F7F; margin-top:2px; margin-left: 10px; }
#logo p span { margin:0 6px; }
#logo p strong#hora { color:#2193C6; }

#clima { position:absolute; top:38px; right:15px; width:170px; height:68px; background-repeat:no-repeat; background-position:bottom right; }
#clima img { float:left; margin-right:10px;  }
#clima p { font-family:Tahoma,Helvetica,Arial,Garuda,Sans,sans-serif; font-size:12px; margin:0 0 8px 0; }

#menu-cate { position:relative; height:29px; border-top:1px solid #77111B; background:url(../img/sprite.gif) repeat-x 0 -246px; }
#menu-cate ul, #menu-cate li { margin:0; padding:0; list-style:none; }
#menu-cate ul { margin-left:6px; }
#menu-cate li { float:left; }
#menu-cate li a { color:white; font-size:12px; padding:7px 14px 6px 14px; float:left; text-decoration:none; }
#menu-cate li#actual a, li#mas:hover a, li#mas.sfhover a { border:1px solid #6A111B; border-bottom:none; padding:5px 13px 4px 13px; background-color:#FFFFFF; color:#77111B; font-weight:bold; margin-top:4px; text-decoration:none; }

li#mas:hover a, li#mas.sfhover a { color:white; background:#77111B; }
li#mas ul { position:absolute; left:-999em; top:28px; margin-left:0; width:128px; border:1px solid #6A111B; border-top:none; }
li#mas:hover ul, li#mas.sfhover ul { left:auto; }
li#mas:hover li, li#mas.sfhover li { float:none; display:inline; }
li#mas:hover li a, li#mas.sfhover li a { float:none; display:block; border:none; padding:4px 13px; margin-top:0; font-weight:normal; }

#buscador { position:absolute; right:1px; bottom:1px; height:25px; padding:3px 6px 0 0; }
#buscador input#q { width:150px; height:18px; border:1px solid #55090F; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
#buscador a { background:url(../img/sprite.gif) no-repeat 0 -62px; margin-left:6px; padding:3px 2px 2px 22px; color:white; text-decoration:none; }

/* cuerpo */
h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h2 { font-size:32px; }
h3 { font-size:30px; }
h4 { font-size:28px; }
h5 { font-size:18px; }
#lado-izq h5 { font-size:17px; }
h6 { font-size:14px; font-weight:bold; }

.datos { margin:6px 0; }
.datos a { font-weight:bold; }
.datos span, span.fecha { color:#CC0000; font-size:11px; }
#portada2 span, span.fecha { color:#CC0000; font-size:11px; font-weight: bold; }
#portada p,#portada2 p, #lado-izq p, #categoria p, #busqueda p { font-size:12px; line-height:1.6em; color:#082135; margin:0; }
#portada2 p{ font-size: 14px; }
#categoria p { margin-top:5px; }
a.mas { font-size:11px; font-weight:bold; }
a.comentarios { font-size:11px; background:url(../img/sprite.gif) no-repeat -252px -98px; padding-left:20px; }
hr { display:none; }
.hr { border-bottom:1px dotted #999999; margin:6px 0; }

a.foto-D1 { float:left; margin-right:10px; }
a.foto-D2, a.foto-D5 { margin:5px 0; display:block; }
a.foto-D3, a.foto-D4 { margin-bottom:5px; display:block; }
a.foto-izq { float:left; margin:0 10px 5px 0; }

/* portada */
#portada { width:348px; }
#portada .relacionadas ul { margin:5px 0; padding:0; }
#portada .relacionadas li { list-style:none; background:url(../img/sprite.gif) no-repeat -252px -140px; padding:1px 0; }
#portada .relacionadas li a { border-left:1px dotted #444444; color:#444444; display:block; margin-left:20px; padding:0 4px; }
#portada .relacionadas li.izq { float:left; width:50%; }
#portada .relacionadas li.der { float:right; width:50%; }

#portada2 .relacionadas ul { margin:5px 0; padding:0; }
#portada2 .relacionadas li { list-style:none; background:url(../img/sprite.gif) no-repeat -252px -140px; padding:1px 0; }
#portada2 .relacionadas li a { border-left:1px dotted #444444; color:#CC0000; display:block; margin-left:20px; padding:0 4px; font-size: 12px; }
#portada2 .relacionadas li a:hover { color:#004ebc; }
#portada2 .relacionadas li.izq { float:left; width:50%; }
#portada2 .relacionadas li.der { float:right; width:50%; }

/* lado-der */
#lado-der h6, h6#archivo { font-family:Arial, Helvetica, sans-serif; color:#AE1507; border-bottom:1px solid #E3E3E2; margin-bottom:5px; }

#edicion-dig { border:1px solid #C1BFBF; border-left:none; border-right:none; }
#edicion-dig h6 { font-size:12px; height:20px; margin:0; padding:5px 0 0 36px; border-top:1px solid white; border-bottom:1px solid #C1BFBF; background:#EFEFEF url(../img/sprite.gif) no-repeat -242px -121px; }
#edicion-dig .btns { position:relative; }

#edicion-dig #ed-izq, #edicion-dig #ed-der
{ position:absolute; top:-22px; width:13px; height:13px; border:1px solid #7798B2; }
#edicion-dig #ed-izq { background:#EFEFEF url(../img/sprite.gif) no-repeat 4px -135px; right:28px; }
#edicion-dig #ed-der { background:#EFEFEF url(../img/sprite.gif) no-repeat 4px -183px; right:8px; }

#edicion-dig #ediciones { border-top:1px solid white; border-bottom:1px solid #E3E2E2; background-color:#EFEFEF; padding:0 10px; height:180px; }
#edicion-dig #ediciones div { float:left; text-align:center; font-size:12px; font-weight:bold; padding:16px; }
#edicion-dig #ediciones div strong { color:#D73A57; }

#galeria-fotos h6 { padding-left:22px; background:url(../img/sprite.gif) no-repeat -251px -63px; }
#galeria-fotos #scroll { position:relative; height:63px; }

#galeria-fotos #izq, #galeria-fotos #der
{ border:1px solid #C6CFE1; position:absolute; top:0; width:12px; height:61px; }
#galeria-fotos #izq { background:#DFE4EE url(../img/sprite.gif) no-repeat 4px -110px; left:0; }
#galeria-fotos #der { background:#DFE4EE url(../img/sprite.gif) no-repeat 4px -158px; right:0; }
#galeria-fotos #fotos { position:absolute; left:15px; top:0; width:270px; height:100%; overflow:hidden; }
#galeria-fotos img { float:left; margin-right:1px; }

#opinion .titulo { height:45px; background:url(../img/sprite.gif) repeat-x 0 -347px; }
#opinion h6 { background:url(../img/sprite.gif) no-repeat 85px -447px; height:100%; border:none; }
#opinion h6 span { display:none; }
#lado-der .contenido { margin-top:2px; border:3px solid #EFEFEF; padding:0 10px 5px 10px; }
#opinion .contenido span { font-weight:normal; border-bottom:1px solid #CDCDCD; margin:12px 0 5px 0; font-size:10px; text-transform:uppercase; display:block; }
#opinion .contenido em { font-size:14px; font-weight:bold; }
#opinion .contenido em a { color:#023473; }

#opinion .contenido a.foto { display:block; margin:5px 0; }
#opinion .contenido p { margin:2px 0 0 0; }

.encuesta .titulo { height:24px; background:url(../img/sprite.gif) repeat-x 0 -368px; }
.encuesta h6 { background:url(../img/sprite.gif) no-repeat -247px -27px; border:none; font-size:12px; padding:5px 0 0 24px; }
.encuesta p { margin:6px 0; }
.encuesta .opcion { padding:4px 0; }
.encuesta .opcion input { float:left; margin:0; .margin:-3px 0 0 -3px; }
.encuesta .opcion span { display:block; margin-left:20px; }
.encuesta .boton { padding-top:4px; }
.encuesta .boton a { float:right; margin-top:6px; color:#023473; }
.encuesta .boton input { padding:0 30px; overflow:visible; }
.encuesta .fondo { background:#E5E5E5; margin-top:10px; }
.encuesta .barra { display:block; height:6px; }
.encuesta .brojo { background:#AE1507; }
.encuesta .projo { color:#AE1507; }
.encuesta .bazul { background:#2193C6; }
.encuesta .pazul { color:#2193C6; }
.encuesta .gris { color:#999999; }

#lo-mas ul { border-bottom:2px solid #E3E3E2; margin:0; padding:0 0 23px 0; }
#lo-mas ul li { display:inline; float:left; list-style:none; margin:0; }
#lo-mas ul li a { display:block; padding:3px 1em; margin-right:1px; border:1px solid white; border-top:none; background:#E3E3E2; }
#lo-mas ul li a:hover { background:white; text-decoration:none; }
#lo-mas ul li a#actual { padding-bottom:6px; border:2px solid #E3E3E2; border-bottom:none; background:white; }
#lo-mas div { display:none; }
#lo-mas .lista { border:2px solid #E3E3E2; border-top:none; display:block; }
#lo-mas ol { margin:0; padding:4px 10px 4px 30px; }
#lo-mas ol li { font-weight:bold; margin:6px 0; }
#lo-mas ol li a { font-weight:normal; }

#archivo #calendario, .encuesta
{ min-height:118px; height:auto !important; height:118px; }

/* noticia completa */
#noticia, #busqueda, #categoria { width:609px; }
#busqueda h6#archivo, #categoria h6#archivo { margin-bottom:10px; }
#noticia p { font-size:16px; line-height:1.5em; color:#082135; }
#noticia ol{ font-size:16px; line-height:1.5em; color:#082135; }
#noticia ul{ font-size:16px; line-height:1.5em; color:#082135; }
#noticia p#resumen { margin:5px 0; }

#opciones { position:relative; height:20px; color:#444444; }
#opciones span#votacion { position:absolute; left:2px; top:3px; }
#opciones span#votos { position:absolute; left:147px; top:3px; }
#opciones #mas { position:absolute; right:-6px; top:2px; }
#opciones #mas a { color:#444444; text-decoration:none; padding:1px 0 1px 22px; margin:0 8px; display:block; float:left; }
a#comentar { background:url(../img/sprite.gif) no-repeat -252px -470px; }
a#imprimir { background:url(../img/sprite.gif) no-repeat; }
/*a#enviar { background:url(../img/sprite.gif) no-repeat 0 -96px; }*/

#noticia .datos { margin:20px 0 15px 0; font-size:14px; }
#noticia .datos span { font-size:14px; }
#noticia .contenido p{ margin-top:0; }
#noticia .foto { padding:3px; border:1px solid #E1E0E0; background-color:#F4F4F4; }
#noticia #foto-D1, #noticia #foto-D2 { float:left; width:370px; margin-right:12px; }
#noticia #foto-D3 { width:400px; margin:0 auto 12px auto; }
#noticia #foto-humor { width:600px; margin:0 auto 12px auto; }
#noticia .foto small { font-size:10px; color:#666666; margin:4px 0; line-height:normal; display:block; }
#noticia h3 { font-size:14px;  }
#noticia .notas { border-left:7px solid #BABABA; background:#F2F2F2; padding:18px; font-size:15px; font-style:italic; line-height:22px; }
#noticia .publi { text-align:center; }

#relacionadas li { padding:1px 0  1px 22px; background:url(../img/sprite.gif) no-repeat -252px -138px; margin:5px 0; }
#relacionadas li a { color:#082135; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; }

#comentarios h6, #relacionadas h6 { font-family:Arial, Helvetica, sans-serif; }
#comentarios ul, #relacionadas ul { margin:0; padding:0; }
#comentarios li, #relacionadas li { list-style:none; }

#comentarios li { padding-left:22px; margin:12px 0; background:url(../img/sprite.gif) no-repeat -252px -470px; }
#comentarios li a { color:black; font-size:12px; font-weight:bold; text-transform:uppercase; }
#comentarios li a.mas { text-transform:none; }
#comentarios li strong { color:#353535; font-size:12px; text-transform:uppercase; }
#comentarios li em { display:block; margin-top:5px; }
#comentarios li p { margin-top:10px; font-size:12px; }
#comentarios li span { display:none; }
#comentarios li small { color:red; }

p#advertencia { margin:10px 0; font-size:11px; }

#fcomentar #izq { float:left; width:320px; }
#fcomentar #der { float:right; width:276px; }

#fcomentar .campo { padding:2px; }
#fcomentar .texto input, #fcomentar .area textarea { border:1px solid #7F9EB9; padding:1px; }
#fcomentar .texto input { width:270px; }
#fcomentar textarea { width:99%; height:162px; }
#fcomentar .boton { position:relative; height:35px; }
#fcomentar .boton input#enviar { width:120px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; border:1px solid #C3C3C3;
									background:url(../img/sprite.gif) repeat-x 0 -275px; position:absolute; right:0; bottom:0; }
#fcomentar .boton input#check { position:absolute; left:0; top:13px; }
#fcomentar .boton label { position:absolute; left:24px; top:16px; font-weight:bold; }

#categoria #cols #left { float:left; width:294px; padding-right:10px; border-right:1px dotted #999999; }
#categoria #cols #right { float:right; width:294px; }

#paginacion { margin:14px 0 4px 0; text-align:right; }
#paginacion span, #paginacion a{ padding:2px 6px; margin-left:1px; font-weight:bold; text-decoration:none; }
#paginacion span { border:1px solid #999999; color:#999999; }
#paginacion span#actual { color:white; background-color:#023473; border:1px solid #023473; }
#paginacion a { border:1px solid #2580A2; color:#023473; }
#paginacion a:hover { color:black; border:1px solid #999999; text-decoration:none; }

.info p { font-size:13px; line-height:1.3em; }

/* calendario */
#cale { border:1px solid #C4BDC2; color:#545666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:1px; width:296px; }
#cale .table{ color:#545666; font-size:9px; width:100%; }
#cale td { text-align:center; padding:3px; font-weight:bold;  }
#cale .curr { background-color:#023473; }
#cale .curr a { color:#FFF; }
#cale .curr a:hover { text-decoration:none; }
#cale td a { color:#023473; display:block; text-decoration:none; }
#cale td a:hover { text-decoration:underline; }
#cale .monthName { border-bottom:1px solid #C4BDC2; margin:0 2px 4px 2px; padding:3px 1px; text-align:center; font-size:11px; font-weight:bold; }
#cale .monthName a { color:#023473; text-decoration:none; }
#cale .next {float:right;}
#cale .prev {float:left;}
#cale th { color:#000; font-size:11px; font-weight:normal; }
/* fin calendario */

/* star rating code - use lists because its more semantic */
.rating{ width:80px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:absolute; left:57px; top:1px; background: url(../img/star-matrix.gif) no-repeat 0 0; }
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide text-indent:-999em;*/ }
ul.rating li a span { display:none; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../img/star-matrix.gif) no-repeat 0 0; }
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */

/* pie */
#creditos { position:absolute; right:12px; top:32px; }
#creditos a { color:black; text-decoration:underline; }

@media print{
#cabecera, #lado-der, #lado-izq, #comentarios, #opciones, #pie, .hr, .publi { display:none; }
}

div#latizq {
    float: left;
    width: 150px;
    position: fixed;
    display: block;
}
div#latder {
    display: block;
    float: right;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 150px;
}