.cuerpo_top_fnd, .cuerpo_pie_fnd, .cuerpo_contenido{ background-image:url(../img/interface/fnd_contenido_inicio.gif) }
.col_izq { float:left; width:496px; padding:0 0 0 18px }
.col_drc { float:left; width:300px; padding:11px 16px 0 17px; position:relative }
.publi_lateral { position:absolute; top:13px; left:346px; width:120px; height:600px }


/* LISTADO */
.inicio_lista { margin:0 20px 0 0; padding:0; list-style:none }
.inicio_lista li { position:relative; padding:18px 20px 18px 0px; border-bottom:1px solid #EAEAEA; height:auto !important; height:60px }
.inicio_lista li .ttl { font-size:26px; color:#111; line-height:30px; margin-bottom:5px; display:block; width:100% }
.inicio_lista li .ttl:hover { text-decoration:underline }
.inicio_lista li .datos_meta { color:#AAA; line-height:20px; font-size:11px }
.inicio_lista li .datos_cuerpo { font-size:12px; line-height:20px; color:#333; margin:5px 0 }
.inicio_lista li a.imagen { position:relative; float:left; margin:8px 15px 0 0 }
.inicio_lista li a.imagen img { border:none }
.inicio_lista li a.categoria { position:absolute; top:20px; right:-22px; width:22px; height:0px; padding-top:56px; overflow:hidden; display:block; border:1px solid #FFF; background:url(../img/interface/inicio_etiquetas.gif); }
.inicio_lista li a.categoria img { border:none }

/* LISTADO NOTICIAS */
.inicio_lista li.noticias .bloque_datos { float:left; width:270px }
.inicio_lista li.noticias a.categoria { background-color:#5498C4; background-position:0px top }
.inicio_lista li.noticias a.categoria:hover { background-color:#0065A7 }
.inicio_lista li.noticias a img { height:170px; height:170px }
.inicio_lista li.noticias .datos_cuerpo a.mas { display:inline-block; height:0px; width:12px; padding-top:12px; overflow:hidden; margin-left:5px; margin-bottom:-2px; background:#66A5E4 url(../img/interface/ico_mas.gif) no-repeat }
.inicio_lista li.noticias .datos_cuerpo a.mas:hover { background:#069 url(../img/interface/ico_mas.gif) no-repeat }


/* LISTADO FOTOS */
.inicio_lista li.fotos a.categoria { background-color:#D9547E; background-position:-24px top }
.inicio_lista li.fotos a.categoria:hover { background-color:#C6003F }
.inicio_lista li.fotos .datos_cuerpo a { display:block; float:left; margin:0 10px 10px 0 }
.inicio_lista li.fotos .datos_cuerpo a img { border:none; width:75px; height:75px }
.inicio_lista li.fotos .datos_cuerpo a.envia_fotos {position:relative; display:block; width:118px; height:0px; overflow:hidden; padding-top:28px; margin:5px 0; background:url(../img/interface/btn_enviar_fotos.jpg) no-repeat 0px 0px }
.inicio_lista li.fotos .datos_cuerpo a.envia_fotos:hover { background:url(../img/interface/btn_enviar_fotos.jpg) no-repeat 0px -28px }
.esq_1, .esq_2, .esq_3, .esq_4 { background-image:url(../img/interface/esq_blanca.png) !important; background-image:none; height:10px; width:10px; }
.esq_1 { position:absolute; top:0px; left:0; background-position:0px 0px }
.esq_2 { position:absolute; top:0px; right:0; background-position:-10px 0px }
.esq_3 { position:absolute; bottom:0px; left:0; background-position:0px -10px }
.esq_4 { position:absolute; bottom:0px; right:0; background-position:-10px -10px }


/* LISTADO VIDEOS */
.inicio_lista li.videos .bloque_datos { float:left; width:205px }
.inicio_lista li.videos a.categoria { background-color:#ACCF54; background-position:-48px top }
.inicio_lista li.videos a.categoria:hover { background-color:#83B700 }
.inicio_lista li.videos a img { height:235px; height:130px }
.inicio_lista li.videos a .btn_play { position:absolute; top:51px; left:104px; width:28px; height:28px; background:url(../img/interface/btn_video_play.png) no-repeat 0px 0px }
.inicio_lista li.videos a:hover .btn_play { background-position: 0px -28px }
.inicio_lista li.videos .datos_cuerpo a.mas { display:inline-block; height:0px; width:12px; padding-top:12px; overflow:hidden; margin-left:5px; margin-bottom:-2px; background:#66A5E4 url(../img/interface/ico_play.gif) no-repeat }
.inicio_lista li.videos .datos_cuerpo a.mas:hover { background:#069 url(../img/interface/ico_play.gif) no-repeat }


/* LISTADO SURFOLOGIA */
.inicio_lista li.surfologia .bloque_datos { float:left; width:270px }
.inicio_lista li.surfologia a.categoria { background-color:#6C989F; background-position:-72px top }
.inicio_lista li.surfologia a.categoria:hover { background-color:#246570 }
.inicio_lista li.surfologia a img { height:170px; height:170px }
.inicio_lista li.surfologia .datos_cuerpo a.mas { display:inline-block; height:0px; width:12px; padding-top:12px; overflow:hidden; margin-left:5px; margin-bottom:-2px; background:#66A5E4 url(../img/interface/ico_mas.gif) no-repeat }
.inicio_lista li.surfologia .datos_cuerpo a.mas:hover { background:#069 url(../img/interface/ico_mas.gif) no-repeat }

/* LISTADO PUBLI */
.inicio_lista li.publi { padding:15px 0px; margin:auto !important; margin:0 -10px; border-bottom:1px solid #EDEDED }
.inicio_lista li.publi a img { border:none }


/* MENU LATERAL */
.col_drc_ttl { position:relative; width:280px; height:28px; padding:0px 10px; margin:0; background:url(../img/interface/fnd_ttl_lat_largo.png) no-repeat top left; color:#EEE; font-size:15px; line-height:28px }
.col_drc_ttl a { color:#EEE; padding-right:25px; background:transparent url(../img/interface/flch_enlace_inicio.png) no-repeat right center }
.col_drc_ttl a:hover { color:#FFF }
.col_drc_marco { padding:15px 0 17px 0; background:url(../img/interface/separador_horizontal.gif) repeat-x left bottom }

/* PREVISION */
.prevision { width:300px; height:300px; padding:0; margin-bottom:10px; background:transparent url(../img/interface/fnd_inicio_prevision.gif) no-repeat center top }
.prevision_menu { position:absolute; top:-2px !important; top:4px; right:5px }
.prevision_menu a { position:relative; display:inline-block; width:auto; padding:0 4px 0 4px; padding-right:4px; margin:0 1px; color:#333; font-size:10px; background:none; line-height:15px; height:16px }
.prevision_menu a:hover { color:#666 }
.prevision_menu a.on, .prevision_menu a.on:hover {  width:54px; padding:0 0 0 0; padding-right:0px; text-align:center; color:#FFF; background:transparent url(../img/interface/fnd_inicio_prevision_menu.png) no-repeat center center }

#prevision_tablas {  position:relative }
#prevision_tablas a { position:absolute; display:block; height:0px; width:10px; padding-top:10px; background:transparent url(../img/interface/punto_tabla.png) no-repeat left top; overflow:hidden }
#prevision_tablas a:hover, #prevision_tablas a:active { background-position:left -10px }

#prevision_webcams { padding:10px 0px 10px 15px; position:relative }
#prevision_webcams div { position:relative }
#prevision_webcams ul { display:none; position:absolute; top:-10px !important; *top:0px !important; top:0px; left:50px; width:190px; list-style:none; font-size:10px; overflow:hidden }
#prevision_webcams ul li { width:400px; overflow:hidden }
#prevision_webcams h3 { font-size: 12px; margin:2px 0px; display:block; width:85px }
#prevision_webcams h3 a { color:#999 }
#prevision_webcams h3 a:hover { color:#666 }
#prevision_webcams div.on ul { display:block }
#prevision_webcams div.on h3 {  background-color:#F5F5F5 }
#prevision_webcams div.on h3 a { color:#F90 }

/* FORO */
.foro ul { display:block; padding:6px 10px; margin:0; list-style:none }
.foro ul li { padding:2px 0 2px 17px; margin:0; background:transparent url(../img/interface/ico_bocadillo.gif) no-repeat left 4px }
.foro ul li a { font-size:11px; line-height:12px }
.foro strong { display:block; margin:10px 10px 0 10px; border-bottom:1px dotted #CCC; font:bold 13px Arial; color:#666; padding-bottom:5px }

/* SURFOLOGIA */
.surfologia { padding-bottom:1px }
.surfologia ul { padding:10px 10px; margin:0; list-style:none }
.surfologia ul li { padding:2px 0 2px 112px; position:relative; height:85px; color:#999; font-size:11px }
.surfologia ul li img { top:3px; left:0px; position:absolute }
.surfologia ul li a strong { display:block; font:bold 14px Arial; color:#333 }
.surfologia ul li a:hover strong { text-decoration:underline }


/* OTROS */
#overlay { background-color:#000; position:absolute; top:0px; left:0px; width:100%; z-index:2000; background:transparent url(../img/interface/fnd_overlay.png) repeat !important;  background:transparent url(../img/interface/fnd_overlay.gif) repeat }
#popup { position:relative; width:640px; height:322px; padding:30px 15px 20px 15px; margin:190px auto 0 auto; background:transparent url(../img/interface/fnd_inicio_popup.png) no-repeat center center }
#popup a.btn_cerrar { position:absolute; top:14px; right:17px; display:block; width:70px; height:0px; overflow:hidden; padding-top:22px; background:transparent url(../img/interface/btn_inicio_popup_cerrar.png) no-repeat center top }
#popup_contenido { display:block; position:absolute; top:10px; left:15px; width:637px; height:350px }
.fotos_provincia { display:none }