/* CSS Document */

body { background:#457687; margin:0; padding:0; font-family:"Trebuchet MS", Arial, Verdana; }

a { color:#437283; text-decoration:none; }
a:hover { color:#000; }

a.ver_mas { display:block; clear:both; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:10px; color:#666600; background:url(../images/arrow_green.gif) no-repeat center right; padding-right:15px; }
a:hover.ver_mas { text-decoration:underline; }

a.ver_mas2 { display:block; clear:both; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:10px; color:#C1427E; background:url(../images/arrow_green.gif) no-repeat center right; padding-right:15px; }
a:hover.ver_mas2 { text-decoration:underline; }

h1 { font-size:20px; margin:0; padding:5px; color:#26444A; font-weight:normal; }
h2 { font-size:16px; margin:0; padding:5px 0; color:#26444A; font-weight:normal; }
 
p { font-size:12px; margin:0; padding:5px 0; }


#top { background:#ccc url(../images/bg_top.jpg) repeat-x; }
#middle { background:#457687 url(../images/bg_middle.jpg) repeat-x; padding-bottom:10px; }
#middle2 { background:#457687 url(../images/bg_middle2.jpg) repeat-x; padding-bottom:10px; }
#bottom { background:#A1A1A1 url(../images/bg_bottom.jpg) repeat-x; }

#encabezado, #menu, #main_content, #footer {display:block; margin:0; vertical-align:bottom; }

#encabezado { padding:8px 0; }
#encabezado .banner_top { float:right; }

/* MAIN MENU */
#menu { display:block; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu ul li { float:left;}

#menu ul li a { color:#fff; text-transform:uppercase; display:block; width:99px; background:url(../images/link_home.jpg) no-repeat; height:29px; text-align:center; padding:10px 0 0 0; }

#menu ul li a#pro { background:url(../images/link_prog.jpg) no-repeat; width:215px; }
#menu ul li a#cha { background:url(../images/link_chat.jpg) no-repeat; width:150px; }
#menu ul li a#con { background:url(../images/link_consejos.jpg) no-repeat; width:114px; }
#menu ul li a#vid { background:url(../images/link_videoteca.jpg) no-repeat; width:124px; }
#menu ul li a#cont { background:url(../images/link_contacto.jpg) no-repeat; width:133px; }


#menu ul li a:hover { background:url(../images/link_home_h.jpg) no-repeat; text-decoration:underline; }
#menu ul li a:hover#pro { background:url(../images/link_prog_h.jpg) no-repeat; }
#menu ul li a:hover#cha { background:url(../images/link_chat_h.jpg) no-repeat; }
#menu ul li a:hover#con { background:url(../images/link_consejos_h.jpg) no-repeat; }
#menu ul li a:hover#vid { background:url(../images/link_videoteca_h.jpg) no-repeat; }
#menu ul li a:hover#cont { background:url(../images/link_contacto_h.jpg) no-repeat; }
/* --------------------------------------------------------------------------------------------------------------------------------- */


/* CONTENIDO PRINCIPAL */
#main_content { background:#EDF0F1 url(../images/bg_round_main_cont.gif) bottom no-repeat; padding:5px 0 10px 0; }
#main_content2 { background:#EDF0F1; padding:5px 0 10px 0; }

#fechaw{ float:right;  width:365px; margin-right:5px; }
#fecha{ padding-top:5px; vertical-align:middle; text-align:right; }

#consejos{ float:right;  width:365px; margin-right:5px; }
.consejo { display:block; padding:5px 0; margin:0 10px 10px 10px; font-family:Arial, Helvetica, sans-serif; }
.consejo img { float:left;  }
.consejo div { float:left; width:280px; padding-left:10px; }
.consejo h2, .programa h3 { font-size:12px; margin:0; padding:0 0 3px 0; color:#666; font-weight:bold; }
.consejo h3 { color:#000; padding:0; }
.consejo h3.new { background:url(../images/ico_new.gif) no-repeat left center; padding-left:30px; color:#000; }
.consejo p { font-size:11px; color:#333; margin:0; padding:3px 0; }
.consejo p strong { color:#666; }

#columna_derecha { float:right; width:200px; padding:5px; vertical-align:top;}

#programacion_del_dia { float:right; background:#F7F8F8 url(../images/bg_top_programacion.gif) top no-repeat; width:365px; margin-right:5px; margin-top:0px; }
.programa { display:block; padding:5px 0; margin:0 10px 10px 10px; border-bottom:1px dashed #666; font-family:Arial, Helvetica, sans-serif; }
.programa img { float:left; width:50px; height:50px; }
.programa div { float:left; width:280px; padding-left:10px; }
.programa h2, .programa h3 { font-size:12px; margin:0; padding:0 0 3px 0; color:#666; font-weight:bold; }
.programa h4 { font-size:12px; margin:0; padding:0 0 3px 0; color:#666; font-weight: normal; }
.programa h3 ,.programa h4 { color:#000; padding:0; }
.programa h3.new { background:url(../images/ico_new.gif) no-repeat left center; padding-left:30px; color:#000; }
.programa p { font-size:11px; color:#333; margin:0; padding:3px 0; }
.programa p strong { color:#666; }

#columna_guia { margin:0 5px; background:url(../images/bg_blue_gradient_all.gif) no-repeat top; padding:5px; padding-left:20px; vertical-align:top; }
#columna_news { width:500px; margin:0 5px; background:url(../images/bg_blue_gradient_news.gif) no-repeat top; padding:5px; vertical-align:top; }
#columna_izq { width:367px; margin:0 5px; background:url(../images/bg_blue_gradient.jpg) no-repeat top; padding:5px; vertical-align:top; margin-right:5px;}
#columna_cent{ width:367px; margin:0 5px; background:url(../images/bg_blue_gradient.jpg) no-repeat center top; padding:5px; vertical-align:top; }
#video_bienvenida, .video { width:358px; margin:0 auto; vertical-align:middle; }
#video_bienvenida a.pantalla, .video a.pantalla { background:url(../images/ico_pantalla.jpg) no-repeat left center; font-size:10px; font-weight:bold; padding:15px 0 15px 25px; font-family:Arial, Helvetica, sans-serif;  }

.foto_medico { float:left; border: solid 1px #CCCCCC; }
#consejo_medico { float:left; width:253px; background:url(../images/bg_consejo.jpg) no-repeat top; padding:10px 10px 10px 30px; font-size:11px; display:block; font-family:Arial, Helvetica, sans-serif; margin-left:10px; }
#consejo_medico strong { font-size:12px; font-weight:bold; color:#333; }
#consejo_medico em { color:#CE6C92; font-weight:bold; font-style:normal; }

ul.top5 { margin:0; padding:0; list-style:none;  }
ul.top5 li { background:url(../images/bg_ranking.gif) no-repeat; padding:4px 3px 5px 3px; margin:5px 0; color:#333; letter-spacing:1px; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
ul.top5 li span { float:right;padding:2px 10px; text-align:right; }

#auspicios { background:#437283 url(../images/top_auspicios.gif) no-repeat top; width:990px; margin:0 auto; vertical-align:middle; display:block; clear:both; padding:20px 0 0 0; }
#auspicios span { display:block; clear:both; height:15px; background:url(../images/cor_bottom_auspicios.gif) no-repeat left bottom; }
#auspicios img { float:left; margin:15px 10px 0 10px; }



.top5_5 li {margin:0; padding:0; list-style:none; background:url(../images/bg_ranking.gif) no-repeat; padding:4px 3px 5px 3px; margin:5px 0; color:#333; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
top5_5  span { float:right; width:70px; padding:2px 10px; text-align:right; }

/* Formulario */

form { padding:10px 0; }
form strong { font-size:14px; font-weight:normal; color:#666600; background:url(../images/arrow_green.gif) no-repeat center right; padding-right:15px; display:block; text-align:right; margin-right:4px; }
form input, textarea { background:#fff; border:1px solid #899A9D; width:200px; font-size:12px; color:#333; padding:2px; }
form textarea { width:200px; }

.smaller { font-size:11px; color:#666; }
/* --------------------------------------------------------------------------------------------------------------------------------- */
.boton { background:#fff; border:1px solid #899A9D; width:200px; font-size:12px; color:#333; padding:2px; }


/* BOTTOM (bottom_links + footer) */
.bottom_links { display:block; text-align:center; font-size:13px; letter-spacing:1px; padding:15px 0; color:#666; border-bottom:1px dashed #666; }
.bottom_links a { padding:0 3px; }

.firma { padding:10px 0; font-size:11px; color:#666; }
.firma img, .firma strong { float:left; font-weight:normal; padding:0 5px 0 0; }
.firma em { display:block; clear:both; font-style:normal; padding-top:5px; }
img.macroaldea { float:right; }

/* --------------------------------------------------------------------------------------------------------------------------------- */