*{margin: 0; padding: 0}
a{border: none; color: #000000;}
img{border: none;}
body {font: 62.5% Arial, Verdana, Helvetica, sans-serif; -webkit-text-size-adjust: none;}
	body[orient="profile"] {height: 416px;}
	body[orient="landscape"] {height: 268px;}

/*GLOBAL*/
.Global{position: relative;}

/*HEADER PRINCIPAL*/
.Header{width: 100%; text-align: center; background: #000000 url(../images/FundoHeader.png) repeat-x left bottom;} /* height: 77px; ------ height: 112px; background: #000000 url(../images/FundoHeader.png) repeat-x 0 35px; */
	.Left{float: left; width: 40px; padding: 45px 0px 9px 0px; background: url(../images/FundoLeft.png) no-repeat right top;} /* padding: 45px 0px 12px 0px; */
		.Left a, .Right a{padding-top: 45px;}
	.Right{float: right; width: 40px; padding: 45px 0px 9px 0px; background: url(../images/FundoRight.png) no-repeat left top;} /* padding: 45px 0px 12px 0px; */
	.Center{text-align: center; background: url(../images/FundoHeaderCenter.png) no-repeat center bottom;} /* background: url(../images/FundoHeaderCenter.png) no-repeat center top; */
		.LogoCanal{text-align: center;}
		.TituloPagina{height: 23px; padding-top: 5px; text-align: center; text-transform: uppercase; color: #FFFFFF; font-size: 1.5em;}
		.Botoes{height: 9px;}
		.Botoes a{margin-left: -3px; padding-top: 7px;}
		.Header .Botoes a img{width: 40px;}

/* AREA DE CONTEUDOS */
#ContentArea{min-height: 342px;}
	.ContentUltimas{background: #6397A9 url(../images/FundoUltimas.jpg) no-repeat center top;}
	.ContentDesporto{background: #8A7D9B url(../images/FundoDesporto.jpg) no-repeat center top;}
	.ContentGrelha{background: #B66868 url(../images/FundoGrelha.jpg) no-repeat center top; }
	.ContentTempo{background: #5AB2C0 url(../images/FundoTempo.jpg) no-repeat center top;}
	.ContentBolsa{background: #5784BD url(../images/FundoBolsa.jpg) no-repeat center top;}
	.ContentInformacao{background: #B4B066 url(../images/FundoInformacao.jpg) no-repeat center top;}

/*ULTIMA & DESPORTO*/
	.ContentUltimas, .ContentDesporto{position: relative;}
	.ContentUltimas ul, .ContentDesporto ul{list-style: none;}
	.ContentUltimas ul li, .ContentDesporto ul li{width: 100%; padding-top: 5px;}
	.ContentUltimas ul a, .ContentDesporto ul a{display: block; text-decoration: none;}
	.ContentUltimas ul a span, .ContentDesporto ul a span{display: block;}
	.ContentUltimas ul li .Titulo, .ContentDesporto ul li .Titulo{font-size: 1.5em; padding: 0px 10px 0px 10px; color: #FFFFFF; text-decoration: none;}
	.ContentUltimas ul li .Resumo, .ContentDesporto ul li .Resumo{font-size: 1.5em; color: #CCCCCC; padding: 0px 10px 5px 10px; border-bottom: 1px solid #000000;}
	.ContentUltimas ul li.Destaque{background: #026495; opacity: .70;}
	.ContentDesporto ul li.Destaque{background: #711D5D; opacity: .70;}
	  
	.ContentUltimas .AreaNoticia{display: none; font-size: 1.5em; background: #2F6D96; opacity: .90; position: absolute; top: 0; left: 0px; width: 100%; height: 100%;}
		.ContentUltimas .AreaNoticia.Display{display: block;}
	.ContentDesporto .AreaNoticia{display: none; font-size: 1.5em; background: #8A4B79; opacity: .90; position: absolute; top: 0; left: 0px; width: 100%; height: 100%;}
		.ContentDesporto .AreaNoticia.Display{display: block}
		
		.AreaNoticia .ImagemAreaNoticia{margin: 10px 0px 10px 10px;}
			.AreaNoticia .ImagemAreaNoticia img{width: 76px;}
		.AreaNoticia .TituloAreaNoticia{padding-left: 10px; padding-right: 10px; color: #FFFFFF;}
		.AreaNoticia .ResumoAreaNoticia{color: #CCCCCC; padding: 0px 10px 10px 10px;}
		.AreaNoticia .Texto{padding: 0px 10px 10px 10px; color: #FFFFFF; line-height: 1.3;}
		.AreaNoticia .FooterBotoes a{padding: 5px 25px 5px 10px; display: inline;}
		.AreaNoticia .FooterBotoes a img{padding-top: 2px;}
		.AreaNoticia .BotaoClose{float: right; padding: 5px 12px 5px 5px;}

/* GRELHA PROGRAMACAO */
	.HeaderGrelha{height: 44px; width: 100%; text-align: center; padding-top: 3px;}
		.HeaderGrelha .SetaLeftGrelha{padding-left: 13px; padding-top: 10px; float: left; height: 44px;}
		.HeaderGrelha .SetaRightGrelha{padding-right: 13px; padding-top: 10px; float: right; height: 44px;}
		
	.DiasSemana{height: 33px; background: url(../images/FundoBotoesGrelha.gif) repeat-x top left;}
		.DiasSemana div{padding-top: 9px; height: 100%; margin: 0px auto 0px auto; text-align: center; width: 270px;}
		.DiasSemana div a{padding: 9px 13px 10px; text-decoration: none; color: #FFFFFF; font-size: 1.2em;}
		.DiasSemana div a.Activo{background: url(../images/FundoBotoesGrelhaActivo.gif) repeat-x top left; border-left: 1px solid #9F4743; border-right: 1px solid #9F4743;}
	
	.Programacao{ width: 100%; border-collapse: collapse;}
		.Programacao tr.Cor{background: #961100;}
		.Programacao .Horas{vertical-align: top; width: 30px; padding: 4px 10px 4px 10px; color: #FFFFFF; font-size: 1.5em;}
		.Programacao .Programa{width: 100%; padding: 4px 10px 4px 10px; color: #CCCCCC; font-size: 1.5em;}
	
/*TEMPO*/
	.ContentTempo .BotoesTempo{margin: 0 auto; width: 100%; clear: both; font-size: 1.2em;}
		.ContentTempo .BotoesTempo a{width: 50%; text-decoration: none; color: #FFFFFF; text-transform: uppercase;}
		.ContentTempo .BotoesTempo a span{display: block; padding: 10px 10px 9px;}
		.ContentTempo .BotoesTempo a.Hoje{text-align: right; float: left; display: block;}
		.ContentTempo .BotoesTempo a.Amanha{text-align: left; float: left; display: block; }
		.ContentTempo .BotoesTempo a.Activo{background: url(../images/FundoLinkTop.gif) repeat-x top left;}
		.ContentTempo .BotoesTempo a.Desactivo{background: #145359; opacity: .60;}
	
	.Meteorologia{clear: both; width: 100%;}
	.Meteorologia table{width: 100%; border-collapse: collapse;}
		.Meteorologia tr{height: 68px; border-bottom: 1px solid #000000;}
		.Meteorologia .Localidade{text-align: right; padding-right: 26px; width: 97px; color: #FFFFFF; font-size: 1.5em; vertical-align: middle;}
		.Meteorologia .Icon{text-align: center; width: 68px; vertical-align: middle;}
		.Meteorologia .Temperaturas{padding-left: 30px;  width: 87px; text-align: left; color: #FFFFFF; font-size: 1.5em; vertical-align: middle;}
	
	.ContentTempo .LinkBottom{text-align: center; display: block; padding-top: 11px; text-decoration: none; color: #FFFFFF; font-size: 1.3em; text-transform: uppercase; height: 23px; background: url(../images/FundoLinkTop.gif) repeat-x top left;}
		.ContentTempo .LinkBottom span{background: url(../images/LinkNoticiaBlue.gif) no-repeat right center; padding-right: 20px;} 

/*BOLSA*/
	.Bolsa{clear: both; width: 100%;}
		.Bolsa table{font-size: 1.5em; color: #FFFFFF; width: 100%; border-collapse: collapse; border-bottom: 1px solid #000000; padding-bottom: 10px;}
		.Bolsa .Bloco{height: 5px;}
		.Bolsa td{padding-bottom: 6px; }
		.Bolsa .Titulo{padding: 9px 10px 10px 10px;}
		.Bolsa .Simbolo{padding-left: 10px; width:20px;}
		.Bolsa .Nome{text-align: left;}
		.Bolsa .Valores{width: 62px; text-align: right;}
		.Bolsa .Positivo{color: #00CA74; text-align: center; width: 100px;}
		.Bolsa .Negativo{color: #F00000; text-align: center; width: 100px; }

	.LinkBottom{text-align: center; display: block; padding-top: 9px; text-decoration: none; color: #FFFFFF; font-size: 1.3em; text-transform: uppercase; height: 25px; background: url(../images/FundoLinkBottomBolsa.gif) repeat-x top left;}
		.LinkBottom span{background: url(../images/LinkNoticiaBlue.gif) no-repeat right center; padding-right: 20px;}
		
/*INFORMACAO*/
	.HeaderInformacao{height: 44px; width: 100%; text-align: center; padding-top: 3px; background: #FFCC00; opacity: .80; }
		.HeaderInformacao .SetaLeftGrelha{padding-left: 13px; padding-top: 10px; float: left; height: 30px;}
		.HeaderInformacao .SetaRightGrelha{padding-right: 13px; padding-top: 10px; float: right; height: 30px;}
		.HeaderInformacao .Logotipo{}
		
		.ContentInformacao ul{clear: both; list-style: none;}
			.ContentInformacao ul li{clear: both; width: 100%; padding-top: 5px;}
			.ContentInformacao ul a{display: block; text-decoration: none;}
			.ContentInformacao ul a span{display: block;}
			.ContentInformacao ul li .Titulo{font-size: 1.5em; padding: 0px 10px 0px 10px; color: #FFFFFF; text-decoration: none;}
			.ContentInformacao ul li .Resumo{font-size: 1.5em; color: #DDDDDD; padding: 0px 10px 5px 10px; }
	
		.ContentInformacao span.Botoes{border-bottom: 1px solid #000000; display: block; padding: 5px 0px 10px 0px; height: 14px;}
			.ContentInformacao .Botao{padding: 0px 5px 5px 8px; float: left; margin-left: 4px;}
	
/*LOADING*/
	.Loading{display: none; opacity: .85; position: absolute; top: 77px; left: 0px; z-index: 10; text-align: center; width: 100%; height: 100%;}
	.Loading.Display{display: block!important;}
	.Loading img{padding-top: 108px; clear: both;}	

/*MENSAGEM DE ERRO*/
	.Erro{display: none; background: #000000; opacity: .85; position: absolute; top: 77px; left: 0px; z-index: 10;  width: 98%; height: 100%; padding-top: 50px; padding-left: 5px; padding-right: 5px; text-align: center; font-size: 1.5em; text-transform: uppercase; color: #FFFFFF;}
		.Erro.Display{display: block!important;}
	.ErroConteudo{}
		.Erro a{display: block;}
		.Erro img{clear: both; padding: 10px; text-align: center;}
	 
/*PUBLICIDADE*/
	.PublicidadeTop{overflow: hidden; height: 35px;}
		.PublicidadeTop .linkBanner{position: absolute; z-index: 5; top: 0; left: 50%; margin: 0 auto;
			margin-left: -240px; /* half of width */
			height: 35px;
		}
		body[orient="profile"] .PublicidadeTop .linkBanner{clip: rect(0, 400px, 35px, 0); overflow: hidden; width: 400px;}
		body[orient="landscape"] .PublicidadeTop .linkBanner{width: 480px;}
		.PublicidadeTop .Banner{position: absolute; z-index: 5; top: 0; left: 50%; margin: 0 auto;
			margin-left: -240px; /* half of width */
			height: 100%;
			background: #000000;
		}
	
	.PublicidadeBottom{text-align: center; overflow: hidden; width: 100%; height: 60px;}
		.PublicidadeBottom .linkBanner{position: absolute; z-index: 5; bottom: 0; left: 50%; margin: 0 auto;
			margin-left: -240px; /* half of width */
			height: 60px;
		}
		body[orient="profile"] .PublicidadeBottom .linkBanner{clip: rect(0, 400px, 60px, 0); overflow: hidden; width: 400px;}
		body[orient="landscape"] .PublicidadeBottom .linkBanner{width: 480px;}
		.PublicidadeBottom .Banner{position: absolute; z-index: 5; bottom: 0; left: 50%; margin: 0 auto;
			margin-left: -240px; /* half of width */
			height: 100%;
			background: #000000;
		}
	
/*VOTAR*/
	.MiniVotar{float: left; margin-left: 20px;}
		.MiniVotar a img{padding-top: 0px!important; float: left;}
		.MiniVotar span{background: #6D9DB8; color: #FFFFFF; padding: 2px 3px 2px 2px; display: inline !important; float: left;}
		/*MINI VOTAR NOTICIAS DESPORTO*/
		.ContentDesporto .MiniVotar span{background: #A980A1; color: #FFFFFF; padding: 2px 3px 2px 2px; display: inline !important; float: left;}
	
	.FooterBotoes .Votar{width: 100%; text-align: center; position: absolute; left: 0px; z-index:11; bottom: 0; }
		body[orient="profile"] .FooterBotoes .Votar{top: 220px;}
		body[orient="landscape"] .FooterBotoes .Votar{top: 105px;}
	.FooterBotoes .Votar .Conteudo{position: relative;}
		.FooterBotoes .Votar .Conteudo a img{}
	.FooterBotoes .Votar .BotaoFechar{position: relative; }
		.FooterBotoes  .Votar .BotaoFechar a{z-index: 12; top: 20px; left: -125px; text-align: center; margin-left:-1px; padding:0 !important;}
