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

/* CSS responsável pela página principal e elementos das paginas internas que foram aproveitados ou incluidos que estão presentes na pagina principal. */

body {
	margin:0;
	padding:0;
	text-align:center; /* hack para o IE */
	}

#tudo {
	width: 780px;
	margin: 10px auto;			
	text-align:left; /* "remédio" para o hack do IE */
	background: url(imagens/falsa_coluna_01.jpg) repeat-y;
	}

#cabecalho {
	width: 780px;
	height: 222px;
	background: url(imagens/fundo_01.jpg) repeat-x;
	background-color:#FFFFFF;
	}
	
/* Classe responsável pelo controle de imagem dentro de DIVs */
#figura_cabecalho {
	float: right;
	width: 139px;
	height: 34px;
	background: url(imagens/fundo_02.jpg) no-repeat;
	}
	
#logo {
	float:left;
	width: 291px;
	height: 208px;
	}
	
#imagem_decorativa {
	float: right;
	width: 218px;
	height: 148px;
	background:url(imagens/onibus.gif) no-repeat;
	margin: 50px 0px 0px 0px;
	}

#menu {
	width: 780px;
	height: 38px;
	background: url(imagens/fundo_04.jpg) #2592cb;
	}
	
/* Classe responsável pelo controle de imagem dentro de DIVs */
#figura_menu {
	width: 780px;
	height: 38px;
	background: url(imagens/fundo_03.jpg) no-repeat;	
	}

#menu_principal {
	float:left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color:#FFFFFF;
	padding: 20px 0px 0px 10px;
	}

#principal {
	width: 780px;
	height: 216px;
	background:url(imagens/fundo_07.jpg) repeat-x;
	}
	
/* Classe responsável pelo controle de imagem dentro de DIVs */
#figura_principal {
	float: left;
	width: 780px;
	height: 216px;
	background: url(imagens/fundo_06.jpg) no-repeat;
	}
	
#descricao {
	float: right;
	width: 450px;
	height: 123px;
	padding: 30px 0px 0px 0px;	
	}
	
#principal2 {
	float: right;
	width: 69%;
	margin-top: 10px;
	}	
	
#pontos_turisticos {
	float: right;
	width: 69%;
	margin-top: 10px;
	}	
	
#destaques {
	float:left;
	width: 30%;
	text-align: justify;
	font-family:Tahoma, Verdana;
	font-size:9px;
	line-height: 15px;
	color:#FFFFFF;
	}
	
#divisao {
	float: left;
	width: 1%;
	height: 475px;
	background: url(imagens/divisao.gif) repeat-y;
	}
	
#rodape {
	width: 780px;
	height: 25px;
	background-color: #d5302a;
	clear: both;
	font-family: Tahoma, Verdana;
	font-size: 9px;
	color:#FFFFFF;
	text-align: center;
	padding-top: 5px;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bolder;
	}
a:hover {
	text-decoration: underline; 
	color: #ffffff;
	font-weight: bold;
	}

table {
	text-align: justify;
	font-family:Tahoma, Verdana;
	font-size:12px;
	color: #ffffff;
	line-height: 20px;
	}
	
/*  A partir daqui, todo o CSS se refere as páginas internas, ou simplesmente o que necessite para o funcionamento das mesmas.  */	

#tudo2 {
	width: 780px;
	margin: 10px auto;			
	text-align:left; /* "remédio" para o hack do IE */
	background: url(imagens/falsa_coluna.jpg) repeat-y;
	}

#cab {
	width: 780px;
	height: 10px;
	background: #d5302a;
	}	
	
#principal_interna {
	width: 780px;
	height: 107px;
	background: url(imagens/interna_3.jpg)
	}
	
#logo2 {
	float: left;
	width: 240px;
	height: 107px;
	background: url(imagens/interna_1.jpg);
	}
	
#diferenca {
	float: left;
	width: 500px;
	height: 107px;
	background: url(imagens/interna_2.jpg) no-repeat;
	}
	
#local_pag {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 30px;
	color:#FFFFFF;
	margin: 33px 0px 0px 100px;
	font-weight:bold;
	}	
	
#destaques_internas {
	width: 30%;
	text-align: justify;
	font-family:Tahoma, Verdana;
	font-size:9px;
	line-height: 15px;
	}
	
#destaques_internas a:link, #destaques_internas a:visited {
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	}
	
#destaques_internas a:hover {
	text-decoration: underline; 
	color: #000000;
	font-weight: bold;
	}
	
/*conteudo {
	float: right;
	width: 69%;
	}*/
	
.div {
	text-align: justify;
	font-family:Tahoma, Verdana;
	font-size:12px;
	color: #000;
	line-height: 20px;
	padding: 10px;
	text-indent: 30px;
	}

blockquote p {
	line-height: 20px;
	text-align:justify;
	}
	
#conteudo a:link, #conteudo a:visited {
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	font-size:12px;
	}
	
#conteudo a:hover {
	text-decoration: underline; 
	color: #000000;
	font-weight: bold;
	font-size:12px;
	}

#conteudo table {
	text-align: justify;
	font-family:Tahoma, Verdana;
	font-size:12px;
	color: #000;
	text-indent: 5px;
	}
	
#logoopen {
	float:right;
	height: 20px;
	width: 57px;
	margin: 0px 5px 5px 0px;
	}