@charset "utf-8";
/* CSS Document */

div#left {
	width:644px;
	margin:10px 0 0px 10px;
	border:none;
}

div#left img {
	border:none;
	margin:auto;
	width:auto;
}

div#satelite {
	background:#e6f1f6;
	padding:10px 5px;
	font-size:12px;
	text-align:center; 
	position:relative;
	min-height:260px;
}

div#satelite img {
	position:absolute;
	clip:rect(240px, 640px, 480px, 40px);
	top:-220px;
	left:-20px;
}

div#satelite p {padding:10px;}

div#pronostico h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;
}

div#pronostico {
	background:#e6f1f6;
	padding:10px 20px 0 20px;
	font-size:14px;
}

div#pronostico p {
	padding-bottom:10px;
}

div#left h1 {
	padding:5px 0 7px 10px;
	font-size:2.8em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(/img/frontend/bg_time_top.png) repeat-x left top;
}

div#left h1 span {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}

div.time-all {
	margin-top:5px;
	margin-bottom:10px;
}

div.time-all ol {
	margin-left:5px;
}

div.time-all ol li {
	text-transform:uppercase;
	font-size:12px;
	display:inline;
}

div.time-all ol li a {
	padding:10px 5px;
}

div.time-all ol li.current {
	background:#e6f1f6;
}

div.time-all ol li.current a,
div.time-all ol li.current a:visited {
	color:#454545;
}

div#mapa {position:relative;}

div#mapa ul li span {
	display:none;
}

div#mapa ul li a {
	display:block;
	width:23px;
	height:23px; 
}

div#mapa ul li {
	position:absolute;
}

div#mapa ul li.pinar {left:63px; top:65px;}
div#mapa ul li.habana {left:145px; top:26px;}
div#mapa ul li.varadero {left:208px; top:30px;}
div#mapa ul li.giron {left:208px; top:86px;}
div#mapa ul li.cienfuegos {left:255px; top:85px;}
div#mapa ul li.villa {left:290px; top:75px;}
div#mapa ul li.sancti {left:315px; top:105px;}
div#mapa ul li.ciego {left:360px; top:110px;}
div#mapa ul li.camaguey {left:405px; top:145px;}
div#mapa ul li.tunas {left:460px; top:160px;}
div#mapa ul li.granma {left:455px; top:210px;}
div#mapa ul li.bayamo {left:485px; top:205px;}
div#mapa ul li.holguin {left:505px; top:170px;}
div#mapa ul li.santiago {left:520px; top:220px;}
div#mapa ul li.guantanamo {left:567px; top:210px;}
div#mapa ul li.baracoa {left:610px; top:205px;}

div#right {
	width:312px;
	float:right;
	padding:10px 10px 0 10px;
}

div#right img {border:none;}

div#right h2 {
	font-size:1.4em;
	text-transform:uppercase;
	padding:0 0 5px 0;
	border-bottom:1px solid #e9e9e9;
	margin-bottom:10px;
}

div#right ol {
	height:1%;
	overflow:hidden;
	font-size:1.2em;
}

div#right ol li {
	float:left;
	width:156px;
	line-height:14px;
	margin-bottom:9px;
}

div#right ol li a {
	background:url(/img/frontend/bg_time_right.png) no-repeat left center;
	padding-left:10px;
}	

div#right ol li em {
	display:block;
	font-style:normal;
}

div#right ol li img {
	float:right;
}

div#right ol li.left img {
	margin-right:20px;
}

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;
	width:970px;
	height:84px;
}

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;}

li.weather-map-1 {background:url(/img/frontend/weather_min_map/1.png) no-repeat left top;}
li.weather-map-3 {background:url(/img/frontend/weather_min_map/3.png) no-repeat left top;}
li.weather-map-4 {background:url(/img/frontend/weather_min_map/4.png) no-repeat left top;}
li.weather-map-20 {background:url(/img/frontend/weather_min_map/20.png) no-repeat left top;}
li.weather-map-21 {background:url(/img/frontend/weather_min_map/21.png) no-repeat left top;}
li.weather-map-22 {background:url(/img/frontend/weather_min_map/22.png) no-repeat left top;}
li.weather-map-29 {background:url(/img/frontend/weather_min_map/22.png) no-repeat left top;}
li.weather-map-26 {background:url(/img/frontend/weather_min_map/28.png) no-repeat left top;}
li.weather-map-27 {background:url(/img/frontend/weather_min_map/38.png) no-repeat left top;}
li.weather-map-28 {background:url(/img/frontend/weather_min_map/28.png) no-repeat left top;}
li.weather-map-30 {background:url(/img/frontend/weather_min_map/30.png) no-repeat left top;}
li.weather-map-31 {background:url(/img/frontend/weather_min_map/32.png) no-repeat left top;}
li.weather-map-32 {background:url(/img/frontend/weather_min_map/32.png) no-repeat left top;}
li.weather-map-34 {background:url(/img/frontend/weather_min_map/32.png) no-repeat left top;}
li.weather-map-37 {background:url(/img/frontend/weather_min_map/37.png) no-repeat left top;}
li.weather-map-38 {background:url(/img/frontend/weather_min_map/38.png) no-repeat left top;}
li.weather-map-39 {background:url(/img/frontend/weather_min_map/39.png) 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;
}

div#moon div {
	font-size:12px;
	line-height:14px;
	float:left;
	margin:0 10px 10px 10px;
}

div#moon div p {margin-bottom:7px;}

div#moon div img {
	float:left;
	border:none;
	margin-right:10px;
}

div#moon div h3 {
	font-size:14px;
	text-transform:uppercase;
}

div#moon div.principal {width:322px;}

div#moon div.principal img {margin-right:20px;}