@charset "utf-8";

@import url("left.css"); 
@import url("right.css"); 


/*************************************************************************
	las dos lineas siguientes contienen elementos de grafica central 
**************************************************************************/
	
h3#opinion span,
h3#grafica span {
	display: none;
}
	
h3#opinion a, 
h3#grafica a {
	display: block;
	height: 26px;
}
	
	
/*****************************************************
		GRAFICA
*****************************************************/

h3#grafica {
/*	background: url(/img/frontend/bg_grafica.png) no-repeat left top;*/	
	clear: both;
	background:#f4f4f4;
	border-top:1px solid #e9e9e9;
	margin-top:10px;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	height:23px;
	padding:5px 0 0 10px;
}

div.videos {
	width: 312px;
	float: left;
	margin:0 10px 10px 10px;
}

div.videos embed {
	width:312px;
	height:170px;
}

div.caricaturas-portada {
	width: 588px;
	font-size: 1.2em;
	float: right;
	margin: 0 10px 10px 10px;
	border: 1px solid #f5f3ef;
}

/*		GALERIA DE FOTOS
*****************************************************/

div.galeria-portada {
	width:316px;
	font-size:1.2em;
	float:left;
	margin:0 8px 10px 18px;
	_margin:0 5px 10px 8px;
}

	div.galeria-portada ul {
		padding:10px;
		border:1px solid #e9e9e9;
	}
	
	div.galeria-portada li {
		float: left;
		margin: 0px 0 1px 1px;
		height:74px;
		overflow:hidden;
	}
	
	div.galeria-portada li a img {
		background: #FFFFFF;
		opacity:.50;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
		width:146px;
	}
	
	div.galeria-portada li a:hover img {
		opacity:1;
		filter:alpha(opacity=none);
		-moz-opacity:none; 
	}
	
div.graficos-portada {
	width:312px;
	font-size:1.2em;
	margin:0 0 10px 10px;
	_margin:0 0 0 5px;
	float:left;
}

div.graficos-portada h3,
div.galeria-portada h3,
div.videos h3 {
	text-transform: uppercase;
	padding:7px 0 2px;
	font-size:12px;
}

div.graficos-portada h3 a,
div.galeria-portada h3 a,
div.videos h3 a {color:#333;line-height:13px;}

div.graficos-portada div.bloque {
	background:#f4f4f4;
}

div.graficos-portada a img {
		background:#fff;
		opacity:.50;
		filter:alpha(opacity=50);
		-moz-opacity:.50;
	}
	
	div.graficos-portada a:hover img {
		opacity:1;
		filter:alpha(opacity=none);
		-moz-opacity:none;
	}
	
	div.graficos-portada img {
		border:1px solid #e9e9e9;
		width:146px;
		float:left;
		margin-right:10px;
	}
	div.graficos-portada p {
		padding:10px;
	}
	
	div.graficos-portada p em {display:block;}
	
/*****************************************************
		EL TIEMPO
*****************************************************/

div.weather-container{
	position:relative;
	height:84px;
	background:url(/img/35.gif) center no-repeat;
}

div#time h3 {
	text-transform: uppercase;
	font-weight: bold;
	padding:3px 0px 0;
	clear:both;
	font-size:12px;
	border-top:1px solid #e9e9e9;
	margin:0 10px;
}

div#banner {
	clear:both;
	margin:0 10px 10px;
	height:74px;
	padding-top:8px;
	font-size:1.2em;
	padding-right:4px;
	position:absolute;
	width:970px;
}

div.weather-1 {background:url(/img/frontend/weather/1.jpg) no-repeat left top;}
div.weather-2 {background:url(/img/frontend/weather/2.jpg) no-repeat left top;}
div.weather-3 {background:url(/img/frontend/weather/3.jpg) no-repeat left top;}
div.weather-4 {background:url(/img/frontend/weather/4.jpg) no-repeat left top;}
div.weather-11 {background:url(/img/frontend/weather/11.jpg) no-repeat left top;}
div.weather-20 {background:url(/img/frontend/weather/20.jpg) no-repeat left top;}
div.weather-21 {background:url(/img/frontend/weather/21.jpg) no-repeat left top;}
div.weather-22 {background:url(/img/frontend/weather/22.jpg) no-repeat left top;}
div.weather-26 {background:url(/img/frontend/weather/28.jpg) no-repeat left top;}
div.weather-27 {background:url(/img/frontend/weather/28.jpg) no-repeat left top;}
div.weather-28 {background:url(/img/frontend/weather/28.jpg) no-repeat left top;}
div.weather-29 {background:url(/img/frontend/weather/21.jpg) no-repeat left top;}
div.weather-30 {background:url(/img/frontend/weather/21.jpg) no-repeat left top;}
div.weather-31 {background:url(/img/frontend/weather/34.jpg) no-repeat left top;}
div.weather-32 {background:url(/img/frontend/weather/32.jpg) no-repeat left top;}
div.weather-34 {background:url(/img/frontend/weather/34.jpg) no-repeat left top;}
div.weather-37 {background:url(/img/frontend/weather/37.jpg) no-repeat left top;}
div.weather-38 {background:url(/img/frontend/weather/38.jpg) no-repeat left top;}
div.weather-39 {background:url(/img/frontend/weather/39.jpg) no-repeat left top;}

div#banner h3 {
	font-size:16px;
	margin-bottom:8px;
	color:#E38121;
}

div#banner div.name {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#000;
	background:#fff;
	text-align:center;
	width:146px;
	float:left;
	margin-right:10px;
	margin-top:-8px;
	padding:3px 0;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
}

div#banner ol {
	width:485px; 
	overflow:hidden;
	margin-left:155px;
}

div#banner ol li {
	float:left;
	width:160px;
}

div#banner div.days {
	width:323px;
	height:74px;
	float:right;
	margin-top:-70px;
	position:relative;
}

div#banner div.days p {
	position:absolute;
	right:0px;
	bottom:-2px;
	background:url(/img/frontend/bg_suple_li_all.png) no-repeat 28px 5px;
	width:37px;
}

div#banner ul {
	padding-top:3px;
}

div#banner ul img {
	border:none;
	margin:5px auto 0;
	width:29px;
}

div#banner ul li {
	float:left;
	color:#0278a6;
	border-left:2px solid #e6f1f6;
	width:159px;
	height:70px;
	text-align:center;
}

div#banner ul li em {
	text-transform:none;
	color:#454545;
	font-style:normal;
}

/*****************************************************
		CARTELERA
*****************************************************/

div#services {
	/*width: 646px;
	float: left;*/
	border: 1px solid #e9e9e9;
	margin: 10px 0 20px 10px;
	_margin: 10px 0 0 5px;
	font-size: 1.2em;
}

div#services ol li a {
	padding-right: 8px;
	padding-left: 10px;
}

div.loading {
	background:#fff url(/img/35.gif) no-repeat center center;
	height:370px;
	width:auto;
	position:relative;
	z-index:999;
}

div#tables {
	border-left:5px solid #f3f3f3;
	border-bottom:5px solid #f3f3f3;
	border-right:3px solid #f3f3f3;
	position:relative;
	padding-bottom:30px;
	padding-right:40px;
	height:376px;
	overflow:hidden;
}

#tableScroll{
	position:absolute;	
}

#tableScroll table th {
	font-weight:bold;
	vertical-align:top;
}

th.hora {
	width:70px;
}

div#tableScroll table td {
	padding-bottom:15px;
}

div.head-cartelera {
	background:#666;
	color:#fff;
	padding:3px 5px 5px 10px;
}

div.head-cartelera h3 {
	font-size:15px;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left;
	padding-top:3px;
}

div.head-cartelera p {
	font-size:16px;
	float:right;
}

div.head-cartelera a {
	color:#fff;
	background:url(/img/frontend/bg_cartelera_top.png) repeat-x 0 3px;
	padding:3px 20px;
}

div.head-cartelera a:hover {
	color:#666;
	background:url(/img/frontend/bg_cartelera_top_active.png) repeat-x 0 3px;
}

div.head-cartelera a.active {
	background:url(/img/frontend/bg_cartelera_top_active.png) repeat-x 0 3px;
	color:#666;
	font-weight:bold;
}

div#services ol {
	height:1%;
	overflow:hidden;
	padding:5px 0;
	background:#f3f3f3 url(/img/frontend/bg_cartelera_top_days.png) repeat-x 0 0px;
}

div#services ol li:first-child {
	border-left:none;
}

div#services ol li {
	border-left:2px solid #ccc;
	padding:5px 13px;
	font-size:14px;
	float:left;
}

div#services ol li a,
div.canales_bottom a {color:#666;}

div#services ol li a.active {color:red;}

div#services ol li a:hover {color:red;}

div#services ul.canales {
	background:#f4f4f4;
	padding-top:5px;
}

div#services ul.canales li {
	float:left;
	text-align:center;
}

div#services ul li a {color:#0278a6;}

div.canales_bottom {
	font-size:14px;
	padding:3px 0;
}

div.canales_bottom p.pdf {
	background:url(/img/frontend/i_pdf.png) no-repeat left center;
	padding:5px 0 5px 20px;
	width:50%;
	float:left;
	margin-left:10px;
}

div.canales_bottom p.vivo {
	float:right;
	background:url(/img/frontend/i_cubavision_int.png) no-repeat center right;
	padding:5px 35px 5px 0;
	margin-right:10px;
}

div.servi-suple {
	width:656px;
	float:left;
}

div.suplementos-p {
	margin:10px 0px 20px 10px;
	font-size:1.2em;
}

div.suplementos-p div {
	width:146px;
	padding-left:20px;
	float:left;
	margin-top:10px;
	background:url(/img/frontend/point.png) repeat-y 10px 0;
	min-height:208px;
	position:relative;
}

div.suplementos-p div.first {padding-left:0; background:none;}

div.suplementos-p div p { padding:10px 0 40px;}

div.suplementos-p h3 a {float:right; text-transform:none; _margin-top:-22px;}

div.suplementos-p ul {position:absolute; bottom:0;}

div.suplementos-p ul li {
	float:left;
	background:#f4f4f4;
	border:1px solid #eaeaea;
	padding:2px 5px;
	margin-right:5px;
}




div#bed {clear:both;}

/*****************************************************
		CARROUSEL
*****************************************************/

div.carrousel {
	clear:both;
	margin:10px 10px 20px 10px;
	background:#f4f4f4;
}

div.carrousel ul {
	height:1%;
	overflow:hidden;
}

div.carrousel ul li {
	float:left;
	margin-left:4px;
	width:304px;
	position:relative;
	padding:10px 0 10px 3px;
	border-right:2px solid #fff;
}

div.carrousel ul li span {
	display:none;
}

div.carrousel ul li em {
	font-size:14px;
	display:block;
}

div.carrousel ul li em a {
	font-size:12px;
	background:#fff;
	padding:3px 10px;
}

div.carrousel ul li em.links {
	position:absolute;
	bottom:12px;
	left:156px;
}

div.carrousel ul li img {
	float:left;
	margin-right:10px;
}



/*****************************************************
		BLOGS
*****************************************************/

div#blogs {
	width:310px;
	margin:0 10px 10px 0;
	font-size:1.2em;
	padding-bottom:5px;
	height:1%;
	overflow:hidden;
}

/*****************************************************
		ESPECIALES
*****************************************************/

div#especiales {
	width:648px;
	margin:0 5px 10px 0;
	font-size:1.2em; 
	height:1%;
	overflow:hidden;
	background:#f4f4f4;
}
div#especiales div.top {
	width:100%;
	background:#666;
	margin-bottom:20px;
	padding-left:0;
}

div#especiales div.top p {
	font-size:12px;
	color:#fff;
}

div#especiales div.top img,
div#especiales div a:hover img {
	opacity:1;
	filter:alpha(opacity=none);
	-moz-opacity:none;
}

div#especiales div a img {
	float:left;
	margin-right:10px;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
}

div#especiales div.top a {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#especiales div.top h4 a {font-size:26px;}

div#especiales div.top a:hover,
div#especiales p.all a:hover {text-decoration:underline;}

div#especiales div.top h4 {
	margin-top:15px;
	font-weight:normal;
}

div#especiales div {
	float:left;
	width:303px;
	padding:0 10px;
	margin-bottom:20px;
}

div#especiales h3 {margin-left:5px;}

div#especiales p.all {
	clear:both;
	background:#666; 
	padding:3px 10px;
	margin:-15px 5px 5px;
	float:right;
}

div#especiales p.all a {color:#fff;}

/*****************************************************
		AREA DE OPCIONES - OTROS SITIOS Y 3 DEL DOMINGO
*****************************************************/

div.opciones-sites-another {
	height:1%;
	overflow:hidden; 
	clear:both;
}

div.opciones-sites-another div.sites,
div.opciones-sites-another div.opciones,
div.opciones-sites-another div.domingo {
	font-size:14px;
	width:305px;
	float: left;
	padding:0px 10px 0 10px;
	color:#333;
}

div.opciones-sites-another h3, 
div#especiales h3,
div#blogs h3 {
	color:#333;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 5px 5px 0px;
}

/*****************************************************
		OTROS SITIOS
*****************************************************/

div.sites ul {
	border-top:1px solid #ccc;
	padding-top:15px;
}

div.sites ul li {
	background:transparent url(/img/frontend/i_rel.png) no-repeat scroll 0 3px;
	padding-left:18px;
	padding-bottom:10px;
}

/*****************************************************
		OPCIONES
*****************************************************/

div.opciones img {
	/*background:#e9e9e9;
	padding:10px;*/		
}

/*****************************************************
		3 DEL DOMINGO
*****************************************************/

div.opciones-sites-another div.domingo {
	width:310px;
}

div.domingo div {
	background:url(/img/frontend/bg_domingo.png) no-repeat 0 0px;
	border:1px solid #e9e9e9;
	padding:10px 0px 15px 0;
}

div.domingo div p {padding:0 10px;}

div.domingo div h4 {font-size:16px; padding-left:10px;}

div.domingo div p.date {font-size:12px; padding-left:10px;}

div.domingo div h3 {
	font-size:16px;
	text-transform:none;
	padding-left:10px;
	margin-bottom:5px;
}

div.domingo div ol {
	padding:10px 0 0 10px;
	border-bottom:1px solid #e9e9e9;
	position:relative;
	z-index:0;
	margin:5px 0;
}

div.domingo div ol li {
	float:left;
	font-size:12px;
	border-left:1px solid #e9e9e9;
	padding:0px 6px;
	background:#fff;
	position:relative;
	z-index:10; top:1px;
	display:block;
}

div.domingo div ol li.active {
	border-top:1px solid #e9e9e9;
	font-weight:bold;
}

div.domingo div ol li.active a,
div.domingo div ol li a:hover {color:#e47509;}

/*****************************************************
		AJUSTES 
*****************************************************/

div#blogs,
div#especiales {
	margin-left:10px!important;
	_margin: 0px 5px 0 5px;
}

div#tags,
div#blogs,
div#especiales  {
	float:left;
}
div#tags {
	margin: 20px 0 10px 20px!important;
}

div#calendario {
	margin: 10px 0 0px 15px!important;
	float: left;
}
div.opciones {
	margin-right:10px;
}