h4.fin {background:#ccc; color:#fff;font-size: 120%;}
#columnasecundaria {overflow:hidden; margin-bottom:20px}
#columnasecundaria h3 {text-transform:uppercase; font-size:110%}

.fotodeldia {background:#4987C7; padding:12px 6px;}
.fotodeldia h3 {color:#fff; padding-left:2px}
.fotodeldia img {border:1px solid #A6CAF0; padding:2px; margin-bottom:5px; max-width:200px}

.fotodeldia a {color: #fff;text-decoration:none;}
.fotodeldia a:hover {text-decoration:underline;}
.fotodeldia p {line-height:125%; margin:0px 4px}

/*listados de lo mas*/
.lomas_fino {font-size:100%; padding:10px 12px; margin-bottom:10px;}
.lomas_fino strong{font-weight:normal}
.lomas_fino h3 {padding:3px 1px; border-bottom:5px solid #fff; margin-bottom:6px}
.lomas_fino ul li {list-style:none; margin-bottom:11px}
.lomas_fino a {color: #444;text-decoration:none;}
.lomas_fino a:hover {color: #000;text-decoration:underline;}
.lomas_fino a.autor {color:#c00;}
.lomas_fino a.trozocomentario {color:#00558E;}


/* notitags */
.notitags { text-decoration:none; line-height:150%;  overflow:hidden} 
.notitags .t1 a{ font-size:130%; color:#f33}
.notitags .t2 a{ font-size:120%; color:#555}
.notitags .t3 a{ font-size:110%; color:#c00}
.notitags .t4 a{ font-size:100%; color:#333}
.notitags .t5 a{ font-size:100%; color:#111}
.notitags a {margin-right:4px;}
.notitags a:hover {text-decoration:underline}


/*fotillos colaboradores*/

.lomas_colaboradores {font-size:100%; padding:10px 12px; margin-bottom:5px; background:#f7f7f7;}
.lomas_colaboradores h3 {padding:3px 1px; margin-bottom:4px}
.lomas_colaboradores ul li {list-style:none; display:inline;}
.lomas_colaboradores a img {border:1px solid #ccc; padding:1px; margin:1px 2px; width:24px}
.lomas_colaboradores a:hover img {border:1px solid #fff;}
.newsletter {text-align:center}


/* login */
.lomas_gris {font-size:110%; border-left:1px solid #ccc; border-right:1px solid #ccc; background:url(/img/sep_lomas_caja_gris.gif) repeat-x bottom; margin-bottom:15px; padding-top:8px;padding-bottom:3px; margin-top:-6px;}
.lomas_gris table {margin:4px 15px 10px 15px; width:270px; }
.lomas_gris input[type="text"] , .lomas_gris input[type="password"] { width:158px; }
h4.gris {background:url(/img/fondo_caja_lomas_gris.gif) no-repeat;padding:12px 5px 16px 18px;color:#fff;font-size: 120%; margin-top:10px;  }
.lomas_gris .lomas_dato {background:#f2f2f2; }

/* personalizar */
.tb_personalizar {width:85%; margin:5px auto}
p.personalizar {font-size:130%; padding:10px; text-align:center }
.tb_personalizar td {font-size:120%; vertical-align:top}
input.personalizar {padding:1px; text-align:center; font-weight:bold}

/* noticia portada */
.noticia_portada {background:url(/img/sep_noticia.gif) repeat-x bottom; padding:8px 0 25px 0}
.noticia_portada .votosbox {float:left; margin-right:9px}

.noticia_portada h2 { font-size:140%; line-height:110%; font-family:Arial; padding-top:4px }
.noticia_portada h2 a {color:#222; text-decoration:none;}
.noticia_portada h2 a:hover {color:#528FcE;}
.noticia_portada h2 a:visited {color:#666;}
.noticia_portada .datos {color:#666; margin-bottom:5px}
.noticia_portada .intro {color:#000; font-size:120%; margin:3px 0px}
.noticia_portada .foto { float:right; margin-left:15px; margin-top:3px}
.noticia_portada .foto img {padding:2px; border:1px solid #ddd; max-width:100px }
/*a.votos {background: url(/img/fondo_voto.gif) no-repeat;text-align:center;display:block;color:#fff; text-decoration:none;padding: 7px 0 24px 0px;width:69px;font-size:16px;line-height:15px; height:35px}*/
.votosbox .votos  {display:block;color:#fff; font-size:16px; background:#679ED6; height:20px; width:56px; margin:auto; text-align:center; padding:6px 2px 24px 3px; line-height:110%; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius: 5px; margin-bottom:6px; -moz-box-shadow: 0px 2px 3px 0px #bbb; -webkit-box-shadow: 0px 2px 3px 0px #bbb; box-shadow: 0px 2px 3px 0px #bbb; text-decoration:none}
.votosbox .votos:hover  {background-color: #4282C1}
.votosbox .votos:visited  {color:#fff}

.votosbox .votos strong:after,
.votosbox .votada strong:after{content:"votos"; font-weight:normal}
  
.votosbox .votada {background:#FF8965; text-align:center;display:block;color:#fff;text-decoration:none; padding:8px 2px 22px 3px; width:56px;font-size:16px;line-height:15px; height:20px; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius: 5px; margin-bottom:6px; -moz-box-shadow: 0px 2px 3px 0px #bbb; -webkit-box-shadow: 0px 2px 3px 0px #bbb; box-shadow: 0px 2px 3px 0px #bbb;}

/*votos frame*/
a.votos_on{background: url(/img/fondo_voto.gif) no-repeat;text-align:center;display:block;color:#fff;
text-decoration:none;padding: 7px 0 24px 0px;width:69px;font-size:16px;line-height:15px; height:35px}
a.votos_on:hover {background: url(/img/fondo_voto_azul.gif) no-repeat;}
a.votos_on:visited {color:#fff}
a.votos_off {background: url(/img/voto_enviar.gif) no-repeat;text-align:center;display:block;color:#fff;
text-decoration:none;padding: 14px 0 17px 0px;width:69px;font-size:16px;line-height:15px; height:35px}
a.votos_off:hover {background: url(/img/voto_enviar_over.gif) no-repeat;}
a.votos_off:visited {color:#fff}


/* noticia portada */
.noticia_especial { border-bottom: solid 1px #EEEEEE; padding:15px 0 25px 0}
.noticia_especial .votosbox {float:left; margin-right:9px}
.noticia_especial h2 { font-size:140%; line-height:110%; font-family:Arial; }
.noticia_especial h2 a {color:#222; text-decoration:none;}
.noticia_especial h2 a:hover {color:#528FcE;}
.noticia_especial h2 a:visited {color:#666;}
.noticia_especial .datos {color:#666; margin-bottom:5px}
.noticia_especial .intro {color:#000; font-size:120%; margin:3px 0px}
.noticia_especial .foto { float:right; margin-left:15px; margin-top:3px}
.noticia_especial .foto img {padding:2px; border:1px solid #ddd; max-width:100px }


/* noticia preview */
.preview { padding:20px 20px 0px 20px; font-size:120%; background:none; float:left; width:320px}
.preview .datos {margin:5px 0; color:#666; font-size:11px}
.btcerrar{ text-align:right; font-size:11px; text-decoration:none; color:#000}
.leermas{ font-weight:bold; float:left; }
.cerrar{ padding:0 20px 20px 20px; font-size:11px; text-decoration:none; color:#000}
.btcerrar a{ text-decoration:none; color:#666}
.btcerrar  a:hover{  color:#000}

/*loterias portada es*/
.loterias{ margin:10px 0; padding:8px; border-top:1px dotted #D1DEEB; border-bottom:1px dotted #D1DEEB; width:284px}
.loterias ul{ margin:0; padding:0}
.loterias ul li{background:#F3F5F8; list-style:none; margin:0 0 1px 0; display:block; padding:1px; border:1px solid #D1DEEB}
.loterias ul li img{ float:left; margin:0 8px 0 0; padding:1px}
.loterias ul li a.lote{ font-weight:bold; font-size:120%; text-decoration:none;color:#4987C7; display:block; float:left; padding:3px 0 0 0}
.loterias ul li a:hover{color:#444}
