@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------- */
/*  HEADER                  		               */
/* ----------------------------------------------- */	
/* necesario para posicionar elementos y z-index
 para layer index 								   */
#hd {position:relative; z-index: 1000;} 
/* ----------------------------------------------- */
/*  HEADER 	HOME								   */
/* ----------------------------------------------- */

#hd .hd-top { height:17px; padding:5px 0; _padding-bottom:3px;}
#hd .hd-top .nav-date_login { float:left; height:17px}
#hd .hd-top .nav-date_login li { display:inline; float:left; border-left:1px solid #6e6e6e; padding:0 13px; height:17px; line-height:17px; font-size:77%; text-transform:uppercase; font-weight:bold; color:#1a1a1a}
#hd .hd-top .nav-date_login li.first { border:none; padding-left:0}
#hd .hd-top .nav-date_login li a { text-decoration:none; color:#1a1a1a; font-size:108%}
#hd .hd-top .nav-date_login li a.login { height:17px; display:inline-block; padding-left:30px; background:url(../images/ic-nav-top.gif) 0 -150px no-repeat}
#hd .hd-top .nav-date_login li a.logout { font-weight:normal; color:#185c8b; text-transform:none; margin-left:10px; padding-left:10px; border-left:1px solid #1a1a1a;}

#hd .hd-top .nav-services { float:right}
#hd .hd-top .nav-services li { padding-left:15px; display:inline; float:left;}
#hd .hd-top .nav-services li a { display:inline-block; width:27px; height:17px; background:url(../images/ic-nav-top.gif) 0 0 no-repeat}
#hd .hd-top .nav-services li a.horoscope { background-position:0 -25px;}
#hd .hd-top .nav-services li a.weather { background-position:0 -50px;}
#hd .hd-top .nav-services li a.plain { background-position:0 -75px;}
#hd .hd-top .nav-services li a.hospital { background-position:0 -100px;}
#hd .hd-top .nav-services li a.river { background-position:0 -125px; width:20px;}

#hd .hd-middle { height:77px; position:relative}
#hd .hd-middle h1 { position:relative; width:234px; height:77px; background:url(../images/logo.jpg) 0 0 no-repeat; float:left; }
#hd .hd-middle h1 a { display:block; width:100%; height:100%; }
#hd .hd-middle h2 { position:absolute; left:230px; bottom:0; _bottom:-1px; width:175px; height:56px; text-align:center; font-size:280%; line-height:146.5%; color:#fff; font-weight:bold; font-family:Georgia; }
#hd .hd-middle .section-name {background-color:#000; filter: alpha(opacity=15); opacity: .15; position:absolute; left:230px; bottom:0; _bottom:-1px; width:175px; height:56px;}
#hd .hd-middle .search-links { float:right; height:77px; position:relative;}
#hd .hd-middle .search-links .nav-links { position:relative; height:20px; width:275px; margin-top:17px; }
#hd .hd-middle .search-links .nav-links .bg { position:absolute; top:0; left:0; height:18px; width:275px; border-top:1px solid #7287a7; border-bottom:1px solid #3f4752; background-color:#444c59; filter: alpha(opacity=60); opacity: .6;}
#hd .hd-middle .search-links .nav-links ul { position:absolute; top:0; left:0;}
#hd .hd-middle .search-links .nav-links ul li { display:inline; float:left; height:20px; line-height:20px; font-size:77%; color:#fff; text-transform:uppercase; padding:0 11px 0 14px; background:url(../images/bg-hd-nav_links-border-blue.gif) left bottom no-repeat;}
#hd .hd-middle .search-links .nav-links ul li.first { padding-left:7px; background:none} 
#hd .hd-middle .search-links .nav-links ul li a { color:#fff; text-decoration:none}

#hd .hd-middle .search-links .bg-bd-shadow { width:6px; height:396px; position:absolute; right:-6px; top:45px; background:url(../images/bg-bd-shadow.png) 0 0 no-repeat; _background:none}
#hd .hd-middle .search-links .bg-search {position:absolute; bottom:0; _bottom:-1px; right:0; _right:-1px; width:274px; height:31px; background-color:#000; filter: alpha(opacity=30); opacity: .3;}
#hd .hd-middle .search-links .search { position:absolute; bottom:0; right:0; width:274px; height:31px;}
#hd .hd-middle .search-links .search input { width:160px; height:17px; padding:3px 5px 0 5px; float:left; margin:11px 0 0 14px; border:0 none; font-size:85%; color:#5d5d5d}
#hd .hd-middle .search-links .search a { background:url(../images/bg-btn.gif) top repeat-x; height:20px; float:right; padding:0 10px; display:inline; margin:11px 10px 0 0; font-size:85%; line-height:20px; color:#97d9f2; font-weight:bold; text-decoration:none}

#hd .hd-bottom { position:relative;}
#hd .hd-bottom .bg { height:26px; width:100%; background-color:#000; filter: alpha(opacity=30); opacity: .3;}
#hd .hd-bottom .nav-main { position:absolute; left:0; top:0}
#hd .hd-bottom .nav-main ul { float:left}
#hd .hd-bottom .nav-main ul li { float:left; display:inline; height:26px;  font-size:100%; color:#fff; background:url(../images/bg-border-nav-main-blue.gif) left bottom no-repeat; padding-left:3px}
#hd .hd-bottom .nav-main ul li a { color:#fff; display:inline-block; height:26px; line-height:26px; padding:0 14px}
#hd .hd-bottom .nav-main ul li a:hover,
#hd .hd-bottom .nav-main ul li.active a { background:url(../images/bg-nav-main-active.gif) top repeat-x; color:#000; text-decoration:none}
#hd .hd-bottom .nav-main ul li.first { padding-left:0; background:none}

#hd .hd-bottom .more { position:absolute; top:0; right:0}
#hd .hd-bottom .more a { line-height:22px; font-size:85%; color:#fff; text-decoration:none; display:inline-block; float:right; margin:4px 0 0 0; padding:0 5px;}
#hd .hd-bottom .more a.rss { background:url(../images/ic-rss.png) right no-repeat; padding-right:15px; margin-right:10px}
#hd .hd-bottom .more a.active { background-color:#fff; color:#2e2e2e}

#hd .most_important { background:#fff;}
#hd .most_important:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#hd .most_important{zoom: 1;}
#hd .most_important li h3 { display:inline; font-size:116%; line-height:116%; font-weight:bold; color:#4b871e; background:url(../images/ic-most_important.gif) right no-repeat; padding-right:12px;}
#hd .most_important ul { margin:0 15px; background:url(../images/bg-border-dashed-dfdfdf.gif) bottom repeat-x; padding:10px 0;}
#hd .most_important li { display:inline; font-size:93%; line-height:93%; color:#5d5d5d; padding:0 5px; border-left:1px solid #5d5d5d;}
#hd .most_important li a {color:#5d5d5d;}
#hd .most_important li.first,
#hd .most_important li.title { border:none; padding-left:0}

#hd .nav-second { background:#fff;}
#hd .nav-second:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#hd .nav-second{zoom: 1;}
#hd .nav-second ul { margin:9px 0}
#hd .nav-second li { display:inline; float:left; padding:0 11px; border-left:1px solid #000; line-height:100%}
#hd .nav-second li.first { border:none}

#hd .site-map { background-color:#fff; padding:10px 0}
#hd .site-map:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#hd .site-map {zoom: 1;}
#hd .site-map .bb-mu { float:left; width:15%; display:inline; min-height:125px; padding-left:15px; background:url(../images/bg-border-dotted-000-vert.gif) left repeat-y}
#hd .site-map .bb-mu.first-mu { background:none}
#hd .site-map .bb-mu li { font-size:93%; line-height:146.5%; color:#2e2e2e; min-height:15px}
#hd .site-map .bb-mu li h3 { font-weight:bold; text-transform:uppercase}
#hd .site-map .bb-mu li a {color:#2e2e2e;}
/********** COLOR THEMES *************/
/* BLOGS */
#content.section.blog #hd .hd-middle h1 {background:url(../images/logo-blog.gif) 0 0 no-repeat;}
#content.section.blog #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-violet.gif) left bottom no-repeat}
#content.section.blog #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.blog #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-violet.gif) left bottom no-repeat}
#content.section.blog #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.blog #hd .hd-bottom .nav-main ul li.active a,
#content.section.blog #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-violet.gif) top repeat-x;}
/* AMAZONIA */
#content.section.amazonia #hd .hd-middle h1 {width:181px; background:url(../images/logo-amazonia-c.jpg) no-repeat 0 0;}
#content.section.amazonia #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-green.gif) left bottom no-repeat}
#content.section.amazonia #hd .hd-bottom .nav-main ul li.first {background:none;}
#content.section.amazonia #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-green.gif) left bottom no-repeat}
#content.section.amazonia #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.amazonia #hd .hd-bottom .nav-main ul li.active a,
#content.section.amazonia #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-green.gif) top repeat-x;}
#content.section.amazonia #hd .hd-middle h2 {left:181px; width:200px }
#content.section.amazonia #hd .hd-middle .section-name {left:181px; bottom:0; width:200px;}
/* BUZZ */
#content.section.buzz #hd .hd-middle h1 {background:url(../images/logo-buzz.gif) 0 0 no-repeat;}
#content.section.buzz #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-pink.gif) left bottom no-repeat}
#content.section.buzz #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.buzz #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-pink.gif) left bottom no-repeat}
#content.section.buzz #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.buzz #hd .hd-bottom .nav-main ul li.active a,
#content.section.buzz #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-pink.gif) top repeat-x;}
#content.section.buzz #hd .hd-middle h2 { left:190px; bottom:0; _bottom:-1px; width:473px; height:77px; background:url(../images/bg-buzzz.gif) 0 0 no-repeat; text-indent:-9000px }
#content.section.buzz #hd .hd-middle .section-name { display:none}
/* ESPECIALES */
#content.section.especiales #hd .hd-middle h1 {background:url(../images/logo-especiales.jpg) 0 0 no-repeat;}
#content.section.especiales #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-yellow.gif) left bottom no-repeat}
#content.section.especiales #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.especiales #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-yellow.gif) left bottom no-repeat}
#content.section.especiales #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.especiales #hd .hd-bottom .nav-main ul li.active a,
#content.section.especiales #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-yellow.gif) top repeat-x;}
#content.section.especiales #hd .hd-middle h2 { left:228px; width:210px }
#content.section.especiales #hd .hd-middle .section-name { left:228px; bottom:0; width:210px;}
/* CRAQUE */
#content.section.craque #hd .hd-middle h1 {background:url(../images/logo-craque.gif) 0 0 no-repeat;}
#content.section.craque #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-green2.gif) left bottom no-repeat}
#content.section.craque #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.craque #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-green2.gif) left bottom no-repeat}
#content.section.craque #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.craque #hd .hd-bottom .nav-main ul li.active a,
#content.section.craque #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-green2.gif) top repeat-x;}
#content.section.craque #hd .hd-middle h2 { left:178px; bottom:0; _bottom:-1px; width:261px; height:77px; background:url(../images/bg-craque.gif) 0 0 no-repeat; text-indent:-9000px }
#content.section.craque #hd .hd-middle .section-name { display:none}
/* VIDA */
#content.section.vida #hd .hd-middle h1 {background:url(../images/logo-vida.gif) 0 0 no-repeat;}
#content.section.vida #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-red.gif) left bottom no-repeat}
#content.section.vida #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.vida #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-red.gif) left bottom no-repeat}
#content.section.vida #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.vida #hd .hd-bottom .nav-main ul li.active a,
#content.section.vida #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-red.gif) top repeat-x;}
#content.section.vida #hd .hd-middle h2 { left:228px; width:160px }
#content.section.vida #hd .hd-middle h2 span {padding-right:60px; background:url(../images/bg-imagotype-vida.gif) no-repeat 100% 50%;}
#content.section.vida #hd .hd-middle .section-name { left:228px; bottom:0; width:160px;}

/* MANAUS */
#content.section.manaus #hd .hd-middle h1 {background:url(../images/logo-manaus.gif) 0 0 no-repeat;}
#content.section.manaus #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-sky_blue.gif) left bottom no-repeat}
#content.section.manaus #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.manaus #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-sky_blue.gif) left bottom no-repeat}
#content.section.manaus #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.manaus #hd .hd-bottom .nav-main ul li.active a,
#content.section.manaus #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-sky_blue.gif) top repeat-x;}
/* MULTIMEDIA */
#content.section.multimedia #hd .hd-middle h1 {background:url(../images/logo-multimedia.jpg) 0 0 no-repeat;}
#content.section.multimedia #hd .hd-bottom .nav-main ul li { background:url(../images/bg-border-nav-main-gray.gif) left bottom no-repeat}
#content.section.multimedia #hd .hd-bottom .nav-main ul li.first { background:none}
#content.section.multimedia #hd .hd-middle .search-links .nav-links ul li { background:url(../images/bg-hd-nav_links-border-gray.gif) left bottom no-repeat}
#content.section.multimedia #hd .hd-middle .search-links .nav-links ul li.first { background:none}
#content.section.multimedia #hd .hd-bottom .nav-main ul li.active a,
#content.section.multimedia #hd .hd-bottom .nav-main ul li a:hover {background:url(../images/bg-nav-main-active-gray.gif) top repeat-x;}
#content.section.multimedia #hd .hd-middle h2 { width:250px }
#content.section.multimedia #hd .hd-middle .section-name { width:250px;}
/* ------------------------------------------------------------*/
/* HEADER SECTION                                             */
/*-------------------------------------------------------------*/

/*********** MAPA DEL SITIO ****************/