/* CSS Cabezal 2010*/

/*Metanavegacion*/
/*
#cabezal2010, #cabezalCanal2010 { font-size: 12px; }
#cabezal2010 {
	border-top: 3px solid rgb(0,0,0);
	background: url(../i/cabezal2010/bg-main-nav.gif) repeat-x left bottom;
	margin: 0 auto;
	padding-bottom: 14px;
	width: 980px;
	}

#cabezalCanal2010 {
	border-top: 3px solid rgb(0,0,0);
	margin: 0 auto;
	padding: 0.5em 0 0 0;
	width: 980px;
	}
	
#cabezal2010 a:active, #cabezalCanal2010 a:active { position: relative; top: 1px; 
*/
	
#metaNav {
	font-size: 11px;
	height: 2em;
	line-height: 2em;
	margin: 0 auto;
	position: relative;
	text-transform: uppercase;
	width: 940px;
	}
	

#mediaCenter, #navServicios { position: relative; }
#mediaCenter { left: 0; top: 0; width: 600px;}


#navServicios { top: 0; right: 0; }
#mediaCenter li { display: inline; }

#mediaCenter {padding:4px 0 0 120px}

#mediaCenter span,
#mediaCenter .moveLeft,
#mediaCenter .moveRight { display: block; }

#mediaCenter span,
#mediaCenter .moveLeft,
#mediaCenter .moveRight,
#mediaCenter ul { font-size: 11px; float: left; }

#mediaCenter ul { text-align: left; width: 680px; }

#mediaCenter li { padding-right: 0.75em; }
#mediaCenter a { color: #999; text-transform: none; }
#mediaCenter li a:hover { background: #ccc; color: #666; }

#mediaCenter span { color: #C00; }

#mediaCenter .moveLeft,
#mediaCenter .moveRight { text-align: center; width: 20px; }

#mcSlider { float: left; overflow: hidden; width: 490px; }
#sliderItems { width: 3000px}

/*Navegacion de servicios*/
#navServicios { background: rgb(225,225,225);}
#navServicios li { float: left; padding: 0 0.5em; position: relative; }

#navServicios ul {
	background: rgb(210,210,210);
	border-top: 1px solid rgb(190,190,190);
	left: 0; margin: 0;
	padding: 0 10px; 
	position: absolute;
	top: 22px;
	width: 80px;
	z-index:6;
	}
#navServicios li li { display: block; float: none; padding: 0; }
#navServicios .dropDown { background: url(i/cabezal2010/flecha-dropdown.gif) no-repeat right center; padding-right: 0.5em; }

/*barra corporativa mas buscador*/
#corp { height: 4.5em; margin-bottom: 14px; padding: 1.5em 20px 0 20px; }
#logo { display: block; float: left; width:125px; margin:8px 30px; padding:0;}

h1#logoMundial	{display: block; position:relative; overflow:hidden; float:left; width: 270px; height: 101px; padding:10px 10px 0 0; text-indent:-9999em; background: url(i/logos/logoMundial.png) left top no-repeat;}
h1#logoMundial a {width: 270px; height: 101px;}

.canalMundo, .canalPais, .canalNacional, .canalPolitica, .canalCultura { border-bottom: 5px solid #333; }
.canalEducacion {border-bottom: 5px solid #FF9900;}
.canalViajes {border-bottom: 5px solid #FF9900;}
.canalEntretenimiento {border-bottom: 5px solid #7E1BB3;}
.canalEstilo {border-bottom: 5px solid #99CC00;}

/*Buscador*/
#buscador { float: right; padding-top:1em; }
/*#buscador button { background: url(i/cabezal2010/btn-buscar.gif) no-repeat; }*/
#buscador input { width: 270px; }
#buscador button { background: none; border: 0; cursor: pointer; padding: 0; margin: 0; }
#buscador img { vertical-align: text-bottom; } 

/*Navegacion principal*/
#mainNav, #subNav { 
	font: normal 1.166em/1em Georgia, "Times New Roman", Times, serif;
	padding: 0 20px;
	}
#mainNav li {
	/*border-right: 1px solid #000;*/
	background: url(../i/cabezal2010/bg-main-nav-li.gif) no-repeat center right;
	display: inline;
	padding:0 0.4em 0 0.2em;
	}

#mainNav li:last-child { background: none; }

#mainNav a { color: #000; }

#mainNav .tresBlogs { color: #146DBF; }
#mainNav .tresCiudadano { color: #C30D7B; }
#mainNav .tresTv { color: #85219B; }
#mainNav .tresRadio { color: #00871A; }

#subNav { line-height: 2em; }
#subNav li { display: inline; padding-right: 1em; }
#subNav a { color: #fff; }
#subNav .active { border-bottom: 6px solid #fff; }

.canalNegocios #subNav { background: #006666; }
.canalDeportes #subNav { background: #D61D00; }
.canalTendencias #subNav { background: #568AAF; }
.canalOpinion #subNav { background: #333; }
.canalBlog #subNav { background: #444; }

/*Temas destacados*/
#temas {
	margin: 0 auto;
	height: 26px;
	padding: 3px 0;
	width: 940px;
	}
	
#temas .adIzq { float: left; }
#temas .adDer { float: right; }

#temas ul { float: left; }
#temas ul { font-size: 12px; /*width: 520px;*/}
#temas li {
	display: inline;
	line-height: 26px;
	padding: 0 1em;
	}
#temas li a {
	background: url(../i/cabezal2010/flecha-tema.gif) no-repeat left center;
	padding-left: 16px;
	}