@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/*  HEADER                  		               */
/* ----------------------------------------------- */	
/* necesario para posicionar elementos y z-index
 para layer index 								   */
#hd {position:relative; z-index: 1000;} 
/* ----------------------------------------------- */
/*  HEADER 	HOME								   */
/* ----------------------------------------------- */
.home #hd .hd-top { background:#014e82 url(../images/bg-hd.jpg) bottom repeat-x;}
.home #hd .top-navs { height:25px; background:url(../images/bg-border-dotted-white-blue.gif) bottom repeat-x;}
.home #hd .top-navs li a { color:#FFF}
#hd .top-navs ul { float:left; padding-top:4px}
#hd .top-navs ul.more { float:right}
#hd .top-navs ul li { font-size:93%; line-height:116%; font-weight:bold; display:inline; background:url(../images/bg-border-solid-FFF-vert.gif) center left no-repeat; padding:0 11px;}
#hd .top-navs ul li.first { background:none}
#hd .top-navs li.clasiweb a { color:#F3A700}
#hd .middle_content { display:table; height:1%; width:100%}
.home #hd h1 {background:url(../images/bg-logo_home.gif) 0 0 no-repeat;
float:left;
display:inline;
height:85px;
width:475px;
margin:10px 0 5px 11px
}
.home #hd h1 a {height:85px; width:475px; display:block;}
#hd .data {width: 40%; float: right; text-align: right; margin:20px 11px 0 0;}
/* buscador */
#hd .search {float: left; width:100%; clear:both; text-align: right; margin-bottom:10px}
#hd .search p.input {background:transparent url(../images/bg-input-hd.gif) 0 0 no-repeat; display:inline}
#hd .search input { display:inline; width:200px; height:16px; text-indent:5px; font-size:85%; line-height:123.1%; color:#525252; background:transparent;  border:none}
#hd .search a { display:inline-block; width:16px; height:16px; float:right; margin:1px 0 0 5px; background:transparent url(../images/ic-hd-search.gif) 0 0 no-repeat}
/* weather */
#hd .weather { float:left; width:100%; clear:both;}
#hd .weather div { float:right; background:url(../images/bg-border-dotted-white-blue-vert.gif) top left repeat-y; padding:0 8px; height:30px}
#hd .weather .date { background:none}
#hd .weather .date p { font-size:85%; line-height:123.1%; color:#FFF; font-weight:bold;}
#hd .weather .date p span { color:#5EC5ED; margin-left:3px}
#hd .weather .temp h4 { font-size:182%; line-height:123.1%; color:#5EC5ED}
#hd .weather .presentado { text-align:left}
#hd .weather .presentado p { font-size:69%; line-height:85%; font-weight:bold; color:#FFF; margin-bottom:3px}
#hd .weather .other { background:none; padding:0 0 0 2px}
#hd .other p{ font-size:77%; color:#FFF;  padding-left:12px; line-height:131%; margin:-2px 0 4px 0}
#hd .other p.h { background:url(../images/ic-weather-h.gif) 0 0 no-repeat}
/* ----------------------------------------------- */
/*  NAVS ( menus)								   */
/* ----------------------------------------------- */
#hd .hd-navs {width: 100%; float:left; clear:both; background-color:#00AAD3; border-top:1px solid #FFF}
#hd .hd-navs .nav-main { float:left; font-size:93%; line-height:108%; color:#FFF; font-weight:bold}
#hd .hd-navs .nav-main li{float:left; height:22px; text-transform: uppercase;  border-right:1px solid #fff;}
#hd .hd-navs .nav-main .first{border-left:none;}
#hd .hd-navs .nav-main li a{color:#fff; padding:4px 4px 0 4px; height:18px; display:inline-block;}	
#hd .hd-navs .nav-main li a:hover,
#hd .hd-navs .nav-main li.active a{color:#fff; text-decoration:none; background:url(../images/bg-hd-nav-hover.jpg) center top repeat-x;}
#hd .hd-navs .more { float:right; padding:7px 4px 0 0}
#hd .hd-navs .more li{ float:left; display:inline; font-size:69%; line-height:85%; font-weight:bold; border-left:1px solid #001A36; padding:0 7px}
#hd .hd-navs .more li.first { border:none;}
#hd .hd-navs .more li a { color:#001A36}
/****** DESCTACADO ********/
#hd .destacado { display:table; height:1%; width:100%; clear:both; margin:10px 0 12px 0; background:#f3f4f4 url(../images/bg-destacado.gif) 96px top repeat-y;}
#hd .destacado h4 { float:left; margin-right:5px; width:96px; height:21px; font-size:85%; line-height:21px; text-indent:4px; font-weight:bold; color:#ffed00; text-transform:uppercase; background:url(../images/bg-urgent.gif) left no-repeat;}
#hd .destacado h2 { display:inline; font-family:Georgia; float:left; font-size:108%; line-height:116%; color:#333333}
#hd .destacado h2 a { color:#333333}
#hd .destacado span { font-size:69%; text-align:center; float:right; height:21px; width:146px; line-height:21px; text-indent:4px; font-weight:bold; color:#ffed00; background:url(../images/bg-urgent-right.gif) 0 0 no-repeat}
/* destacado sin rojo */
#hd .destacado.lite { float:left; width:100%; clear:both; padding:10px 0 12px 0; background:none; margin:0px!important; }
#hd .destacado.lite h4 { display:inline; margin-right:3px; line-height:116%; color:#B70718; background:none; float:none; }
#hd .destacado.lite h2 { font-size:116%; float:none; }

/*  sub menu   */
#hd .hd-navs .nav-second {
background:url(../images/bg-hd-nav-hover.jpg) top repeat-x;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
float: left;
width: 100%;
height:22px;
font-size: 93%;
font-weight:bold;
} 
.nav-second ul li{ float:left; padding: 4px 14px 0 14px; background:url(../images/bg-border-second-nav.gif) 0 6px no-repeat} 
.nav-second ul li.first{background:none;}	
.nav-second ul li a {color:#fff; text-decoration:none}
.nav-second ul li a:hover,
.nav-second ul li.active a{color:#F3A700;}
/***  centramos el submenu para hacerlo coincidir con items del menu superior ***/
.deportes .nav-second .first{padding-left:70px;}
.vida .nav-second .first{ padding-left:383px!important;}
.multimedia .nav-second .first{padding-left:500px;}
/* ------------------------------------------------------------*/
/* HEADER SECTION                                             */
/*-------------------------------------------------------------*/
.section #hd .hd-top { background:#fff url(../images/bg-border-dotted-707173.gif) top repeat-x; padding-top:1px}
.section #hd .hd-top ul { padding:0}
.section #hd h4.print { font-size:131%; line-height:131%; height:21px; color:#00AAD3; font-weight:bold; text-align:right; margin-bottom:10px}
.section #hd h4.print a { color:#00AAD3; display:inline-block; background:url(../images/ic-print.gif) 0 0 no-repeat; padding-left:25px}
.section #hd .top-navs { height:23px; background:url(../images/bg-border-dotted-707173.gif) bottom repeat-x;}
.section #hd .top-navs li a { color:#101F57; display:inline-block; height:18px; padding:4px 11px 0 10px; text-decoration:none}
.section #hd .top-navs li a:hover,
.section #hd .top-navs li.active a { background:url(../images/bg-hd-nav-hover.jpg) center top repeat-x; color:#FFF}
.section #hd .top-navs ul li { font-size:93%; line-height:116%; height:22px; float:left; font-weight:bold; display:inline; background:url(../images/bg-border-section-top_nav.gif) 0 7px no-repeat; padding:0 }
.section #hd .top-navs ul.more li { border:none;}
.section #hd .top-navs ul li.first { border:none; background:none}
.section #hd .top-navs ul li.first a { padding-left:1sapx}
.section #hd .top-navs ul.more li.first a { padding-left:10px; color:#F1923A}
/* buscador */
.section #hd .search p.input {background:transparent url(../images/bg-input-hd_white.gif) 0 0 no-repeat; display:inline; padding-bottom:2px}
.section #hd .search input { display:inline; width:201px; height:16px; text-indent:5px; font-size:85%; line-height:123.1%; color:#525252; background:transparent;  border:none}
.section #hd .search a { display:inline-block; width:17px; height:17px; float:right; margin:1px 0 0 5px; background:transparent url(../images/ic-hd-search_white.gif) 0 0 no-repeat}
.section #hd h1 { width:315px; height:56px; background:url(../images/bg-hd-section-logo.gif) 0 0 no-repeat; float:left; margin:10px 0 3px 0}
.print-section #hd h1 { width:270px; height:47px; float:left; margin:10px 0 3px 0}
.section #hd .section_title { height:53px; width:26px; float:left; position:relative; margin:7px 0 3px 7px; background:url(../images/bg-hd-section-title.gif) left top no-repeat;}
.print-section #hd .section_title { height:43px; width:26px; float:left; position:relative; margin:7px 0 3px 7px; background:url(../images/bg-hd-section-title.gif) left top no-repeat;}
.section #hd .section_title h2,
.section #hd .section_title h2 a { font-size:230%; width:600px; line-height:100%; color:#4D4D4D; font-weight:bold; position:absolute; bottom:0; left:10px; display:inline}
.section #hd .section_title h2 a { font-size:100%; position:relative; left:0; top:0}
.print-section #hd .section_title h2,
.print-section #hd .section_title h2 a { font-size:131%; width:600px; line-height:100%; color:#4D4D4D; font-weight:bold; position:absolute; bottom:0; left:10px; display:inline}
.print-section #hd .section_title h2 a { font-size:100%}
.section #hd .section_title h2 span,
.section #hd .section_title h2 span a { color:#808080;}
.section #hd .data  { margin:10px 0 0 0}
/*********** MAPA DEL SITIO ****************/
.mapa_sitio { background-color:#EAE5E2; height:220px; *height:240px; padding:10px 0}
.mapa_sitio .bb-mu { float:left; height:220px; *height:240px; width:135px; background:url(../images/bg-border-dotted-263D64-vert.gif) left repeat-y;}
.mapa_sitio .bb-mu.first-mu { background:none}
.mapa_sitio .bb-mu ul { margin-left:10px}
.mapa_sitio .bb-mu li.first h2 { margin:0}
.mapa_sitio .bb-mu h2 { font-size:85%; line-height:123.1%; font-weight:bold; margin-top:12px; color:#263D64}
.mapa_sitio .bb-mu h2 a { color:#263D64}
.mapa_sitio .bb-mu p { font-size:85%; line-height:131%;}
.mapa_sitio .bb-mu p a { color:#263D64}