/* CSS Document */

/* PREVISION prevision */
#graficos { width:640px; padding-bottom: 15px; border-bottom:1px dotted #CCC; margin-bottom:15px }
#graficos h3 { font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; padding-bottom:0px }
#graficos span { font-size:10px; color:#999; font-weight:normal }
#graficos .contenedor { position:relative }
#graficos .contenido img { margin-bottom:10px }

#prevision_puertos { width:640px; padding-bottom: 15px; border-bottom:1px dotted #CCC; margin-bottom:15px }
.tabla_prevision thead th { border-right:2px solid #FFF; font:bold 11px Arial; background-color:#E9E9E5; text-align:center;	padding:5px 1px }
.tabla_prevision td { font:normal 10px Arial; padding:2px 2px; text-align:center }
.tabla_prevision img { width:13px; height:13px }
.tabla_prevision thead td, .tabla_prevision th { border-right:2px solid #FFF; text-align:right;	font:normal 10px Arial;	padding:0 8px 0 18px; background-color:#F4F4F4 }
.titulo th { text-align:left; background-color:#FFF; font-size:22px; color:#F60 }
.hora td { font:normal 10px Trebuchet MS, Arial Narrow, Arial; background-color:#F7F7F5 }
.olas_grafico th { background:#F4F4F4 url(../img/prevision/tablas/mts_grafico.gif) no-repeat bottom right }
.olas_grafico td { height:90px; vertical-align:bottom; background:url(../img/prevision/tablas/fnd_grafico.gif) repeat bottom; overflow:hidden }
.olas_grafico td div.fondo { background-color:#AAA; margin:0px -2px -2px -2px; line-height:0px; font-size:0px }
.olas_grafico td div.fondo:hover { background-color:#999 }
.olas_grafico td div.viento { background-color:#CCC; margin:10px -2px -2px -2px; border-top:1px solid #FFF; line-height:0px; font-size:0px }
.olas_grafico td div.viento:hover{ background-color:#BBB }
.olas_tamano td { font:bold 10px Trebuchet MS }
.tabla_prevision td.borde { border-right:2px solid #FFF }
.tabla_prevision h3 { font:bold 18px Arial, Helvetica, sans-serif }
.tabla_prevision p { color:#888; font-size:10px }

#prevision_wam { width:640px; font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-bottom: 15px; border-bottom:1px dotted #CCC; margin-bottom:15px; text-shadow: #FFF 1px 1px 0px }
#prevision_wam h3 { font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; padding-bottom:0px }
#prevision_wam span { font-size:10px; color:#999; font-weight:normal }
#prevision_wam .jornada { position:relative; overflow:hidden }
#prevision_wam .fila { height:26px; position:relative; overflow:hidden }
#prevision_wam .fila:hover { background-color:#f6ede8; color:#000 }
#prevision_wam .titulos:hover { background-color:#FFFFFF !important }
#prevision_wam .transparente { color:#8A8A8A }
#prevision_wam .transparente img { opacity:0.5; filter:alpha(opacity=50) }
#prevision_wam .inpar { background-color:#f5f5f5 }
#prevision_wam .dia { position:absolute; left:5px; top:5px; line-height:13px }
#prevision_wam .dia span { font-size:11px }
#prevision_wam .hora { position:absolute; left:33px; top:0px; width:60px; height:26px; padding:4px 12px 4px 0px; text-align:right; border-right:1px dotted #CCC }
#prevision_wam .barra { position:absolute; height:26px; padding:2px 1px 2px 1px; top:0px; left: 108px; width:120px; overflow:hidden; border-right:1px dotted #CCC  }
#prevision_wam .barra_interior { height:22px; background-color:#CCC }
#prevision_wam .inpar .barra_interior { background-color:#BBB }
#prevision_wam .tamano { position:absolute; left:230px; top:0px; width:54px; height:26px;padding:4px 0px 4px 0px; text-align:right }
#prevision_wam .direccion { position:absolute; left:285px; top:0px; height:26px; padding:4px 0px 4px 0px; width:40px; text-align:center }
#prevision_wam .direccion img { margin:2px }
#prevision_wam .intervalo { position:absolute; left:318px; width:57px; top:0px; height:26px; padding:4px 6px 4px 0px; text-align:right; border-right:1px dotted #CCC  }
#prevision_wam .viento_velocidad { position:absolute; left: 384px; top:0px; height:26px; padding:4px 0px 4px 0px; width:55px; text-align:right }
#prevision_wam .viento_direccion { position:absolute; left: 440px; top:0px; height:26px; padding:4px 0px 4px 0px; width:50px; text-align:center; border-right:1px dotted #CCC  }
#prevision_wam .viento_direccion img { margin:2px }
#prevision_wam .valoracion { position:absolute; left: 500px; top:4px; overflow:hidden; font-size:11px }
#prevision_wam acronym { border-bottom:1px dotted #999 }

#lo_ultimo {width:640px; font-family: Arial, Helvetica, sans-serif; font-size:16px; padding-bottom: 15px; border-bottom:1px dotted #CCC; line-height:24px; margin-bottom:15px}
#lo_ultimo h3 { font:bold 18px Arial, Helvetica, sans-serif; margin-bottom:10px; padding-bottom:0px }
#lo_ultimo a { font-size:13px; font-weight:bold}