/* CSS Document */
/* Estilos para a página inicial, otimizada para acessibilidade
   Moyzes Braz, 31/05/2007*/
body{
	margin:0px;
	padding:0px;
	height:100%;
	/*background-image:url(../images/fundo_site.jpg);
	background-position:top left;
	background-repeat:repeat-x;*/
}
hr{
	display:none;
}

/*Configuracoes comuns ao cabecalho e container*/
#header, #container{
	/*border:1px solid black;*/
	position:absolute;
	left:50%;
	width:770px;
	margin-left:-385px;
	background-color:#FFFFFF;
	padding-bottom:15px;
}

/*CABECALHO*/
#header{
	top:0px;
	height:78px;
}
#header h1{
	margin:0px;
	padding:0px;
}
#header img{
	border:none;
}
#header #navrap{
	position:absolute;
	top:26px;
	right:102px;
	font-family:tahoma, arial;
	font-size:11px;
	width:126px;
}

/*BANNER: QDO TEM LINK*/
#link_on_banner{
	position:absolute;
	float:left;
	top:80px;
	left:340px;
	width:462px;
	height:130px;
	_background-color:#fff;
	filter:alpha(opacity=0);
}

/* Navegação rápida: ESCOLHA A UNIDADE*/
#escolhe_unidade{
	position:absolute;
	top:-30px;
	left:488px;
	background-image:url(../images/escolha_a_unidade.gif);
	width:183px;
	height:68px;
	z-index:100;
}
#escolhe_unidade select{
	font-family:tahoma, arial;
	font-size:11px;
	width:160px;
	margin-left:10px;
	margin-top:29px;
	
}
#escolhe_unidade a{/*link fechar*/
	display:block;
	position:relative;
	top:5px;
	left:162px;
	width:15px;
	height:15px;
}

/*CONTAINER*/
#container{
	top:78px;
}

/*Configuracoeµes comuns as tres colunas*/
#esquerda, #centro, #direita{
	position:relative;
	top:0px;
	left:0px;
	float:left;
	height:auto;
}

/*ESQUERDA: MENU*/
#esquerda{
	width:140px;
	padding:5px;
	background-color:#E5EFF6;
}
	
	/*MENU ------------------------ */ 
	#esquerda ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#esquerda li a{
		width:125px;
		display:block;
		background-color:#5284BA;
		padding:6px;
		font-family:tahoma, arial;
		font-size:0.7em;
		text-decoration:none;
		color:#FFFFFF;
		border-bottom:1px solid #98B7D8;
		float:left;
	}
	html>body #esquerda li a{/*w3c*/
		width:auto;
		padding:6px;
		float:none;
	}
	#esquerda li a:hover{
		background-color:#769DC9;
	}
	
	/*BUSCA------------------------ */ 
		/*titulos*/
		#esquerda .busca #unidades, #esquerda .busca #buscativ{
			
			background-position:top left;
			background-repeat:no-repeat;
			height:34px;
			margin:5px 0px 5px 0px;
			border:1px solid #E5EFF6;
		}
		#esquerda .busca #unidades span, #esquerda .busca #buscativ span{
			display:none;
		}
		#esquerda .busca #unidades{
			background-image:url(../images/busca_unidade.gif);
		}
		#esquerda .busca #buscativ{
			background-image:url(../images/busca_programacao.gif);
		}
		
		/*RESULTADOS DA BUSCA*/
		.busca_result{
			width:95%;
			margin-bottom:8px;
			border-top:1px solid #ccc;
			margin-left:10px;
		}
		.busca_result td{
			vertical-align:top;
			padding:4px;
			_line-height:19px;
		}
		.busca_result .titulo{
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			color:#326D99;
		}
		.busca_result a{
			color:#416FC5;
		}
		.busca_result_titulo img{
			float:left;
			margin-right:20px;
		}
		.busca_result_titulo{
			margin-left:8px;
			width:95%;
			_margin-top:20px;
			font-family:arial;
			font-size:12px;
			color:#333;
			margin-bottom:10px;
		}
		#loading{
			background-image:url(../images/busca_aguarde.gif);
			width:85px;
			height:29px;
			position:absolute;
			top:360px;
			left:50%;
			margin-left:-240px;
		}
		#loading span{
			display:none;
		}
		
	
	/*campos*/
	#esquerda .busca select, .busca input, .busca button{
		font-family:tahoma;
		font-size:11px;
		color:#666;
	}
	#esquerda .busca select{
		width:135px;
		margin-bottom:5px;
	}
	#esquerda .busca input{
		width:85px;
		margin-bottom:4px;
		margin-right:5px;
	}
	#esquerda .busca button{
		width:39px;
		margin-bottom:4px;
		border:1px solid #666;
		height:18px;
	}
	html>body #esquerda .busca button{/*w3c*/
		margin-bottom:0px;
		position:relative;
		top:-3px;
		left:0px;
	}
	html>body #esquerda .busca{/*w3c*/
		margin-top:10px;
		margin-bottom:10px;
	}
	

/*CENTRO: CONTEUDO*/
#centro{
	width:470px;
	/*height: 731px;*/
	padding:5px 5px 0px 5px;
	/*border:1px solid green;*/
}

	/*destaques ---------------- */
	#centro #destaques{
		width:255px;
		padding:5px;
		float:left;
	}
	#centro #destaques h3, #centro #acontece h3{
		font-family:tahoma, arial;
		font-size:11px;
		font-weight:normal;
		text-decoration:none;
		color:#fff;
		background-color:#89ADD1;
		padding:4px;
		margin:0px;
	}
	#centro #acontece br, #destaques br{
		display:none;
	}
	#centro #destaques img, #destaques object{
		float:left;
		padding:3px;
		margin-right:10px;
		background-color:#fff;
	}
	#centro #destaques p{
		float:left;
		width:243px;
		padding:10px 8px 10px 4px;
		background-color:#f2f2f2;
		margin:0px 0px 2px 0px;
	}
	#centro #destaques span{
		display:block;
		margin-top:5px;
	}
	#centro #destaques a{
		font-family:arial;
		font-size:11px;
		text-decoration:none;
		color:#777;
	}
	#centro #destaques a:hover{
		text-decoration:underline;
	}
	#centro #destaques b{
		color:#666666;
	}
	html>body #centro #destaques p a{/*w3c*/
		display:block;
	}
	#centro #destaques #ant{
		float:left;
		width:244px;
		padding:4px;
		_padding:0px 4px 4px 4px;
		background-color:#f2f2f2;
		margin:5px 0px 2px 0px;
		border:1px solid #ccc;
	}
	
	
	/*acontece ------------------- */
	#centro #acontece{
		width:195px;
		padding:5px;
		float:left;
	}
	#centro #acontece a{
		display:block;
		padding:5px 10px 5px 10px;
		background-color:#F8F4E8;
		margin-bottom:1px;
	
		font-family:arial;
		font-size:11px;
		text-decoration:none;
		color:#666;
	}
	#centro #acontece a:hover{
		text-decoration:underline;
		background-color:#F3ECDA;
	}


/*DIREITA: CHAMADAS*/
#direita{
	width:130px;
	padding:5px;
	background-color:#E5EFF6;
	text-align:center;
}
	#direita #turismo{
		background-color:#FFF;
		width:122px;
		margin-bottom:5px;
		margin-left:4px;
		padding-bottom:5px;
	}
	#direita #turismo a{
		display:block;
		color:#5284BA;
		text-align:left;
		margin:6px;
	}
	#direita a img{
		border:none;
	}
	#direita a, #direita object{
		margin-bottom:12px;
	}

/* RODAPE */
#rodape{
	clear:left;
	position:relative;
	width:770px;
	height:40px;
	border-top:1px solid #ccc;
	padding-top:8px;
	text-align:center;
	top:4px;
	color:#999;
	padding-bottom:10px;
	/*border:1px solid red;*/
	left:50%;
	margin-left:-385px;
}
#rodape address, a{
	font-family:Arial;
	font-size:11px;
	color:#999;
	font-style:normal;
}
#rodape a{
	color: #7CA3CC;
	text-decoration:none;
}

#rodape a:hover{
	color: #C3C3C3;
	text-decoration:underline;
}
/*película*/
#pelicula{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:Alpha(Opacity=50);
	opacity:0.5;
	display:none;
}

/*RESULTADOS DA BUSCA*/
#results_container{
	/*position:absolute;*/
	/*border:3px solid black;*/
	z-index:100;
	width:453px;
	margin:8px;
	/*float:left;*/
}
#results_container .result_div{
	/*border:1px solid red;*/
	background-image:url(../images/fundo_result_busca.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px;
	height:80px;
	margin:0px 0px 8px 0px;
}
#results_container h1{
	color:#5284BA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 0px 5px 0px;
}
#results_container img{
	border:1px solid #ccc;
	padding:3px;
	background-color:#FFFFFF;
	float:left;
	margin:0px 10px 10px 5px;
}
#results_container a{
	color:#5284BA;
	font-size:12px;
	/*margin:0px 0px 5px 0px;*/
}
#results_container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}
#results_container #link_search_all{
	display:block;
	margin:-10px 0px 15px 0px;
}

#bannerFlutuante{
	/*background:url(../images/influenza.jpg);*/
	background:url(../images/foz_fp.jpg);
	background-repeat:no-repeat;
	position:absolute;
	z-index:10;
	margin:50px 0px 0px 85px;
	width:300px;
	font-family:Arial;
	font-size:11px;
	height:355px;
}
#bannerFlutuante p{
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	width:50px;
	cursor:pointer;
	color:#203761;
	float:right;
}

.success{
	color:#009900;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
}
.error{
	color:#FF3300;
	font-size:14px;
	font-family:Tahoma;
	font-weight:bold;
}
#pErro{
	color:#FF3300;
	font-size:11px;
	font-family:Tahoma;
	font-weight:bold;
}