@charset "UTF-8";
/*
Theme Name: Portal ANPI
Description: 
Version: 1
Author: Baruch Vitorino
Author URI: http://baruchvitorino.com
Tags: clear, custom header, fixed width, tree columns, widgets
Text Domain: Baruch
*/

/* Começo de tipografias e cores */
body {font-size: 62.5%; /* Reset 1em para 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;background: #fff url('imagens/bgtopo.png') center top no-repeat;color: #005AAA;text-align: left;margin: 0;padding: 0}
a:link, a:visited {color: #005AAA}
h2{margin:.5em;display:normal}
/*Page*/
#page {text-align: left;margin: 0 auto;padding:0 10px;width: 980px;overflow:hidden}
	#page p#data {color:#FFF;margin:0 0 1em 0;padding:.5em;text-align:right;display:block;clear:both}
	#page #logo {margin:0 0 0 1.5em;float:left}
	/*Links Gerais*/
	#page a:link ,#rodape a:link {text-decoration: none}
	#page a:visited ,#rodape a:visited {text-decoration: none}
	#page a:active ,#rodape a:active {text-decoration: none}
	#page a:hover,#rodape a:hover  {text-decoration: underline}
/* /Page*/

	/*Banners*/
	#bannerhorizontal{float:right;height:110px;width:730px;margin: 1.5em 1.5em 0 0;color:#FFF}
		.ie6 #bannerhorizontal {margin:.7em .7em 0 0}
		#bannervertical{width:170px;height:300px;text-align:center}
	/* /Banners*/
	
	/*Migalhas*/
	#migalhas{height:1.6em;list-style:none;margin:1em 1em 1em 1em;padding:0}
		#migalhas li {height:1.6em;float:left;background:#FFF url(imagens/seta_s1.png) no-repeat left center;padding:.3em 1em 0 1.2em}
		#migalhas li.home {background:url(imagens/home_s1.png) no-repeat left center;padding:.3em 1em 0 1.6em;font-weight:bold}
	/* /Migalhas*/
	
	/*Menu*/
	#menu {float:left;width:160px;list-style:none;margin:0 0 0 1em;padding:0}
		#menu li{height:1.8em;padding:0 0 0 1.2em}
		#menu li a:link,#menu li a:visited{display:block;padding:.2em 0}
		
		#menu li a:visited{padding-left:2px}
		#menu li a:hover{padding-left:3px}
		#menu li.titulo{background:url(imagens/seta_s1.png) no-repeat left center;font-size:1.2em;padding: .5em 0 0 1em;font-weight:bold}
	/* /Menu*/
	
	/*Barra Adicional*/
	#adicional {float:right;width:170px;height:300px;margin-right:1.1em}
	/*Conteudo*/
	#conteudo{float:left;width:605px;margin:0 1em 1em 0;border-right:1px solid #CCDEEE;padding-left:0;padding-right:1em;min-height:400px}
		#conteudo h1 {font-weight:normal;margin:0 0 .2em 0; padding:0;border-bottom:1px solid #CCDEEE;width:592px;font-size:20px}
		#conteudo h3 {font-weight:normal;margin:0 0 .2em 0; padding:0;border-bottom:1px solid #CCDEEE;width:592px;font-size:17px}
		#conteudo p {margin:0 0 .5em 0!important;text-align:justify}
		
		/*Noticia principal*/
		.noticia_imagem {border:1px solid #CCDEEE;width:298px;height:198px;overflow:hidden;float:left;margin:0 0 4px 0;position:relative;display:block;}
		.noticia_imagem #titulo {position:absolute;top:0;left:0;background:#FFF;width:100%;height:40px;display:block;margin:166px 0 0 0;padding: 3px 4px;color:#054774;z-index:500}
			.noticia_imagem #titulo strong{padding:0 10px 0 0;text-transform:uppercase;font-stretch:bold}
			.noticia_imagem	.fixa {position:absolute; top:0;left:0;z-index:10}
		/* /Noticia principal*/
			
		/*Outras noticias*/
		#conteudo .outrasnoticias {list-style:none;width:600px;float:left;margin:0 0 1em 0;padding:0;overflow:hidden}
			#conteudo .outrasnoticias li {background:url(imagens/on_li_s1.png) center bottom;height:16px;margin:0 0 3px 0;border-bottom:1px solid #CCDEEE}
			#conteudo .outrasnoticias li.outras{padding: 0 0 .2em 0;height:20px;background:none;font-weight:normal;margin:0 0 .2em 0;border-bottom:1px solid #CCDEEE;font-size:20px}
				#conteudo .outrasnoticias li a{background:url(imagens/seta_s2.png) no-repeat left center;padding: 0 0 0 11px;display:block;margin:0 5px}
					#conteudo .outrasnoticias li a:link{text-decoration:none}
					#conteudo .outrasnoticias li a:hover{text-decoration:underline}
		/* /Outras noticias*/
		
		/*Destaque*/
		#conteudo #destaques{border-bottom:1px solid #CCDEEE;float:left;list-style:none;margin:0 0 10px 5px;padding:0 5px 0 0;width:288px;height:200px;overflow:hidden}
			#conteudo #destaques li {margin:.2em 0}
			#conteudo #destaques li a {display:block}
			#conteudo #destaques li.secao {color:#F47E1F;font-weight:bold;margin:1em 0 0 0!important;font-size:1em}
			#conteudo #destaques li.pri {margin-top:0!important}
		/* /Destaque*/

		/*Tempo*/
		#conteudo #tempo {width:298px;float:left;border-right:1px solid #CCDEEE}
			#conteudo #tempo h2,#conteudo #dolar h2{margin:0;padding:0;font-size:20px;font-weight:normal;display:block}
			#conteudo #tempo h2 strong{margin:0;font-size:12px;font-weight:normal;background:url(imagens/seta_s2.png) no-repeat left center;padding: 0 0 0 9px}
			#conteudo  p {margin:0;padding:0}
				#conteudo #tempo p.agora {margin:0 0 0 0;width:165px;float:right}
				#conteudo #tempo p.agora span {float:left;margin:0 6px 0 8px;text-align:center}	
			#conteudo #tempo ul{float:left;list-style:none;margin:1.3em 1em 1em 3em;padding:0;width:80px}
			.ie6 #conteudo #tempo ul {margin: 1.3em .5em .5em 1.5em}
				#conteudo #tempo ul li.max,#conteudo #tempo ul li.min {font-size:12px;background:url(imagens/max_s1.png) no-repeat left center;padding:0 0 0 18px;color:#FF0000;font-weight:bold}
				#conteudo #tempo ul li.min {background:url(imagens/min_s1.png) no-repeat left center;color:#3366FF}
		/* /Tempo*/
		
		/*Dolar*/
		#conteudo #dolar {width:288px;margin: 0 0 0 1em;float:left;}
		#conteudo #dolar p.valor {margin:1em;font-size:14px}
			#conteudo #dolar p.valor strong {font-size:10px;margin:0 0 0 10px}
		/* /Dolar*/
		
		/*Webmail*/
		#webmail {width:170px;margin:0 0 1em 0;}
			#webmail p{margin:0 0 5px 0;padding:0}
			#webmail h2{margin:0 0 5px 0;padding:0;font-size:20px;font-weight:normal;display:block}
				#webmail label {width:50px;display:block;float:left;text-align:right;padding: 3px 3px 0 0 }
					#webmail input {height:20px;background:url(imagens/input.png) no-repeat;border:0;width:110px;padding:0 2px;color:#306883}
						#webmail input:focus {background-position:center bottom}
						#webmail input.lowcase {text-transform: lowercase}
					#webmail input.entrar {height:16px;background:none;border:0;width:58px;padding:2px 0;color:#306883;cursor:pointer;}
		/* /Webmail */
		
		/*Via Radio*/
		#vantagens ul,#definicoes ul,#viaradiocidades{width:100%;float:left;margin:0}
			#vantagens ul,#definicoes ul,#viaradiocidades ul{list-style-type: square;list-style-position: inside;float:left}
			
		#vantagens,#definicoes, #viaradiocidades {margin-right:10px;width:48%;float:left}
			#vantagens ul,#definicoes ul{margin:0;padding:0;width:100%}
				#vantagens ul li,#definicoes ul li {background:#E1ECF5;margin:0 0 1px 0; padding:2px 5px}

		#viaradiocidades {width:56%;}
			#viaradiocidades ul { margin:0 0 0 5px;padding:0;width:48%;list-style-type: none;}
				#viaradiocidades ul li a {background:#E1ECF5;margin:0 0 1px 0; padding:2px 5px;width:auto;display:block}
				#viaradiocidades ul li a:hover{cursor:pointer;}
				#viaradiocidades ul li a.selecionada {color:#fff;background:#F57E20;margin:0 0 1px 0; padding:2px 5px}
				#viaradiocidades h2{margin-bottom:0;padding:0}
				#viaradiocidades p {margin-bottom:1.5em;padding:0}
		
		/*Tabela com os planos~
		Para 2 tabelas, usar 40%*/
		.planosviaradio{float:left;width:40%;display:block;}

		.planosviaradio table {width:100%;border:none;border-spacing: 1px;border-collapse: 0;margin:0}
			.planosviaradio table th{vertical-align: middle; height: 25px;padding:3px 2px 0 0;margin:0}
				.planosviaradio table th.mossoro{background:url(images/hospedagem/th_bg.png) no-repeat;border:none!important;text-align:center}
			.planosviaradio table td{height: 29px;text-align:left;vertical-align: middle;border-top: 1px solid #E1ECF5;padding-left:1em;padding-right:1em}
			.planosviaradio table tr:hover td{background:#F57E20;color:#fff}
				.planosviaradio table td.primeira{text-align:right;padding-right:2em}
		/* /Via Radio*/

		/*Contato*/
		#contato {margin: 1em 0;}
			#contato p {margin: 0 0 .5em 0}
			#contato label {width:90px;display:block;float:left;text-align:right;padding: 3px 3px 0 0 }
			#contato textarea {width:65%;height:100px;}
			#contato input ,#contato select{height:18px;width:114px;padding:0 3px}
			#contato input,#contato select,#contato textarea {border:1px solid #CCDEEE;color:#005AAA}
				#contato input:focus,#contato select:focus,#contato textarea:focus {border:1px solid #F57E20}
		#contato button.entrar {height:28px;background:url(imagens/bnt_cnt_s1.png) no-repeat;border:0;width:100px;padding:0;color:#306883}
			#contato p.botoes {text-align:right}
			#contato button.entrar:hover {background-position:center bottom;cursor:pointer}
			#contato .reset {border:none;background:none;}
			#contato .reset:focus {border:none;background:none;outline:0}
		/* /Contato*/
		
		/*Central do Assinante*/
		#central{padding:.5em;width:95%;margin:0 auto;background:#005BAA;color:#FFF}
		#central fieldset {border:0}
			#central p {margin:0 .5em 0 0}
			#central label {width:60px;display:block;float:left;text-align:right;padding: 3px 3px 0 0 }
			#central textarea {width:65%;height:100px;}
			#central input ,#central select{height:16px;width:108px;padding:0 2px}
			#central input,#central select,#central textarea {border:1px solid #005BAA;background:#FFF;color:#005AAA}
				#central input:focus {background:#F9DAC1}
		#central input.centralentrar {position:relative;top:2px;background:url(imagens/central_entrar.png) no-repeat;border:0;width:80px;padding:0;color:#306883;cursor:pointer;}
		#dicadeseguranca{background:#FFF url(imagens/dica_seguranca.png)no-repeat left bottom;height:154px;margin:1em auto}
		#dicadeseguranca p{padding:50px 0 0 108px;}
		
		form.fpadrao {width:90%;z-index:5000}
		form.fpadrao fieldset {border:none;padding:1em;width:auto}
			form.fpadrao fieldset p{margin:5px 0 5px 0}
				form.fpadrao fieldset label{float:left;display:block;width:10em;text-align:right;cursor: pointer;font-weight:bold;padding-top:3px}
				form.fpadrao fieldset legend {font-weight:bold;font-size:1.5em;padding: 2px 5px;margin:0}
			form.fpadrao fieldset input{margin:0 0 0 .5em;border:1px solid #005BAA;background:#ECF3F9;color:#004992;cursor: pointer;}
		
		/* /Central do Assinante*/	

		/*Horarios*/
		#horarios {width: 95%;border:none;border-spacing: 1px;border-collapse: 0;margin:1em 0}

		#horarios th{vertical-align: middle; height: 25px;padding:3px 2px 0 0;margin:0}
			#horarios th.diadasemana{width:120px;border:none!important;text-align:center}
		#horarios td{height: 29px;text-align:center;vertical-align: middle;border-top: 1px solid #CFE1F4}
			#horarios td.descricao{text-align:right;padding-right:2em}
		/* /horarios*/
		
		/*Rodape*/
		#rodape {height:75px;width:100%;clear:both;background:url(imagens/rodape_bg.png) no-repeat center bottom;color:#FFF}
			#rodape #c {text-align: left;margin:0 auto;padding:57px 10px 0 10px;width: 980px;overflow:hidden;}
			#rodape a:link,#rodape a:visited{color:#FFF}
				#rodape #c p {padding:0;margin:0}
				#rodape #c span {float:right;}
		/* /Rodape*/

		
		/*Acelerador*/

			#acelerador,ul.padrao{list-style-type: square;list-style-position: inside;float:left;margin:1em auto;padding:0;width:auto}
				#acelerador li ,ul.padrao li{background:#E1ECF5;margin:0 0 1px 0; padding:2px 5px}
		/* /Acelerador*/

.erro,.ok, .deuerrado {background:#FFECCC url(imagens/advertencia.png) no-repeat left center;padding: 10px 0 0 38px!important;min-height:24px;border:1px solid #FF8900;text-align:left!important}
.ok {background:#CCFFCC url(imagens/deucerto.png) no-repeat left center;border-color:#68FF68}

.clear{clear:both;}
img {border:none}
.centro{text-align:center!important}
.direita{text-align:right!important}
.floatleft {float:left;width:55%}
.floatesquerda {float:left;}
.metade {width:49%;text-align:center!important}
.floatdireita {float:right;}
abbr, acronym{border-bottom:1px dotted #FFF!important;cursor: help}