/*------------------------------------------------------------
 Formatação por Objeto
--------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
html { overflow-y: scroll; }
body {
	font: 11px Verdana, Geneva, sans-serif;
	color: #000033;
	margin: 0;
	background: #ECEDF9 url(../images/bg_body.jpg) repeat-y center !important;
}
img { border: 0px; }
a, a:link, a:hover, a:visited {
	color: #00F;
	text-decoration: none;
	font-size: 11px;
}
a:hover { text-decoration: underline; }
h1 { font-size: 18px; }
h2 {
	font-size: 16px;
	border-bottom-color: #CCC;
	border-bottom-style: double;
	margin-bottom: 10px;
}
h2 span { font-size: 9px; }
h3 {
	font-size: 11px;
	background-color: #0080FF;
	color: #FFF;
	margin: 5px 0 0;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: normal;
}
h4 {
	position: relative;
	font-size: 14px;
	color: #900;
	margin: 20px 0;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 5px 0;
}
h4 span {
	right: 0px;
	top: 6px;
	position: absolute;
	font-size: 10px;
	color: #666;
}
h4 .complementar {
	color: #999;
	position: absolute;
	left: 0px;
	top: 30px;
	size: 10px;
	font-weight: normal;
}
h5 {
	font-size: 11px;
	color: #999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 4px 0 6px;
	margin-top: 3px;
}
h5 a:link, h5 a:active, h5 a:visited { color: #666; }
h5 a:hover { color: #F00; }
h5 a:atual { color: #999; }
h5 a.versao { float: right; }
h5 a.versao:link, h5 a.versao:active, h5 a.versao:visited { color: #F30; text-decoration: none }
h5 a.versao:hover { color: #F00; text-decoration: underline }
h6 {
	font-size: 18px;
	color: #900;
	text-decoration: underline;
	margin: 20px 0;
}
ul { list-style: none; }
label { font-weight: bold; }
p { padding: 3px 0px; }
/*------------------------------------------------------------
 Layout Principal
--------------------------------------------------------------*/
#corpo {
	width: 980px;
	margin: 0px auto;
	position: relative;
	border: 0px;
	text-align: left;
	background-color: #FFF;
}
#janela {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 2px 20px;
}
#topo { /**/ }
#coluna_esquerda {
	float: left;
	width: 160px;
	margin: 5px 0 20px;
}
#coluna_direita {
	float: right;
	width: 200px;
	font-size: 10px;
	margin: 5px 0 20px;
}
#coluna_direita_home {
	float: right;
	width: 250px;
	margin: 10px 0 20px;
}
#coluna_direita_home img { margin-bottom: 10px; }
#centro {
	float: left;
	width: 590px;
	padding: 5px 10px;
	margin-bottom: 20px;
}
#centro_home {
	float: left;
	width: 550px;
	padding: 5px 0 10px 10px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.eventos {
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	width: 100%;
}
.eventos td {
	border: 0;
	padding: 0;
	margin: 0;
}
.eventos .titulo { font-weight: bold; }
.eventos .titulo a {
	color: #900;
	font-size: 10px;
}
.eventos tr.conteudo td {
	border-bottom: #666 1px dotted;
	padding: 10px 0;
}
.eventos td.separador {
	height: 15px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #F00;
	margin-top: 15px;
}
#footer {
	clear: both;
	border-top: 1px solid #F2F2F2;
}
/*
#footer .secao {
	background-color: #F2F2F2;
	border: 1px solid #CCC;
}
#footer h5 {
	font-size: 10px;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}
#footer ul { margin: 3px 15px; }
#footer ul li { list-style: armenian circle; }
*/
#centro_largo {
	float: left;
	width: 650px;
	border: 0px;
	min-height: 600px;
	padding: 10px 10px 10px 15px;
}
#centro_comercios {
	float: left;
	width: 800px;
	border: 0px;
	min-height: 500px;
	padding: 0px 0px 10px 20px;
}
#centro_full {
	float: left;
	width: 980px;
	border: 0px;
	min-height: 500px;
	padding: 3px 0px 10px 0;
}
/* for Internet Explorer */
/*\*/
* html #centro_largo { height: 500px; }
/**/
#coluna_direita_apoio {
	float: right;
	width: 300px;
	border: 0px;
	margin: 0 0 20px 0px;
}
.caxinha {
	border: solid 1px #CCC;
	padding: 10px;
}
/*----------------------------------------------------------------
 Componentes do Topo
------------------------------------------------------------------*/
/* Menu Superior */
#menu_apoio {
	height: 30px;
	margin: 5px 0 0 0;
	width: 100%;
}
#menu_apoio td {
	padding: 5px 0;
	text-align: right;
}
#topo .logo {
	text-align: left;
	padding: 5px 0px 10px;
	margin-top: 3px;
	float: left;
}
#topo .banner {
	float: left;
	margin: 0;
	height: 60px;
	width: 468px;
}
#topo .banner2 {
	float: right;
	margin: 0;
	height: 60px;
	width: 468px;
}
#topo .linha {	/**/ }
#topo ul {
	list-style: none;
	text-align: left;
	padding: 13px 4px;
	background-color: #EEE;
	margin: 10px 0 0;
}
#topo ul li { display: inline; }
#topo ul li a {
	text-decoration: none;
	font-size: 11px;
	color: #00F;
	padding: 8px;
	border: solid 1px #DDD;
	text-transform: uppercase;
}
#topo ul li a:hover {
	background-color: #00F;
	color: #FFF;
}
#topo ul li.foco a {
	font-weight: bold;
	background-color: #00F;
	color: #FFF;
}
/*---------------------------------------------------------------------------*/
/*----------------------------------------------------------------
 Componentes do barra esquerda (menu)
------------------------------------------------------------------*/
#coluna_esquerda ul { /**/ }
#coluna_esquerda ul li {
	line-height: 18px;
	border-bottom: 1px dotted #0080FF;
	vertical-align: baseline;
	width: 100%;
}
#coluna_esquerda ul li a {
	background-color: #F2F2F2;
	text-decoration: none;
	display: block;
	padding: 2px 0px 2px 10px;
	background-image: url(../images/pixel.gif);
	height: 1%;
}
#coluna_esquerda ul li a:hover {
	background-color: #F90;
	text-decoration: none;
	color: #FFF;
}
#coluna_direita #login {
	padding: 10px;
	margin-bottom: 5px;
}
#coluna_direita #login p { padding: 3px 0px; }
#coluna_direita #login label {
	padding: 2px;
	color: #666;
}
#coluna_direita #login span {
	padding: 2px;
	text-decoration: underline;
}
#paginas { 
	margin: 10px 0px 10px 180px;
}
#paginas h4 {
	margin-top: -5px;
}
/*------------------------------------------------------------
 Classes padrões
--------------------------------------------------------------*/
a.botao {
	font-size: 10px;
	font-weight: bold;
	padding: 5px 10px;
	border: solid 1px #009;
	float: left;
	margin: 10px 10px 0 0;
	background-color: #EFEFEF;
}
a:hover.botao {
	color: #F00;
	font-size: 10px;
}
.input_padrao {
	border: 1px inset #EEE;
	height: 20px;
	margin-bottom: 8px;
}
.textarea_padrao {
	font-family: Verdana, Geneva, sans-serif;
	border: 1px inset #EEE;
	margin-bottom:8px;
	width: 95%;
}
.btn_padrao {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background-color: #DDD;
	cursor: hand;
	padding: 4px;
}
.btn_enviar_foto {
	font: 12px Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #EEE;
	padding: 5px;
}
.dropdown_padrao {
	font: 11px Verdana, Geneva, sans-serif;
	border: 1px outset #EEE;
	color: #009;
}
.nome { color: #00F; }
.cidade {
	font: bold 10px Verdana;
	color: #F00;
}
.data {
	color: #CCC;
	font-size: 10px;
}
.discreto {
	color: #999;
	font-size: 11px;
}
.negrito { font-weight: bold; }
.cinzaDark { color: #999; }
.separador {
	border-style: dotted;
	height: 3px;
	color: #BBB;
}
.comentario {
	padding: 10px 0px;
	border-bottom: 1px #DDD dotted;
}
.comentario_grey { color: #666; }
.filtro {
	font-size: 10px;
	width: 180px;
	padding: 10px;
	margin-bottom: 10px;
}
.filtro a { text-decoration: none; }
.filtro p {
	line-height: 22px;
	text-indent: 5px;
	vertical-align: middle;
}
.filtro a:hover p {
	background-color: #EEE;
	text-decoration: none;
}
.loading {
	text-align: center;
	vertical-align: middle;
	background: #FFFFFF url(../images/loading.gif) no-repeat center center;
	margin: 10px;
	padding: 5px;
}
.rotulo {
	font-size: 11px;
	font-weight: bold;
	background-color: #CCC;
	text-align: right;
	white-space: nowrap;
	padding: 4px 2px 2px 0px;
	vertical-align: top;
	width: 160px;
}
.campo {
	text-align: left;
	vertical-align: top;
	padding: 4px 2px 2px;
}
.nenhum {
	text-align: center;
	color: #999999;
	padding: 10px 0px;
}
.sucesso {
	text-align: center;
	color: #006600;
	padding: 10px;
}
.erro {
	color: #FF0000;
	text-align: center;
	padding: 10px;
}
.bar_btn {
	text-align: center;
	padding: 3px;
}
.caixa_centro {
	padding: 10px;
	margin-bottom: 5px;
}
.caixa_centro img {
	margin: 0 7px 7px 0;
	padding: 3px;
	border: 1px solid #DDD;
}
.caixa {
	padding: 10px;
	margin-bottom: 5px;
}
.caixa img { padding: 3px; }
.div_miniaturas_right {
	border-width: 1px;
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}
.div_miniaturas_right img {
	padding: 3px;
	border: 1px solid #DDD;
}
img.miniatura {
	padding: 3px;
	border: 1px solid #DDD;
}
/* exibição em abas*/
ul.nav {
	margin-top: 10px;
	padding: 0px;
}
ul.nav li {
	list-style: none;
	display: inline;
}
ul.nav li a {
	float: left;
	border: 1px solid #DDD;
	width: 8.0em;
	text-align: center;
	padding: 2px;
	text-decoration: none;
	margin: 0px 1px;
}
ul.nav a:hover { background: #CEE8F7; }
ul.nav li.unsel_aba a { background-color: #FFF; }
ul.nav li.sel_aba a { background-color: #CEE8F7; }
table.excell, table.excell_alt {
	margin: 0;
}
table.excell tr.titulo td, table.excell_alt tr.titulo td {
	font-weight: bold;
	font-size: 11px;
}
table.excell tr.titulo td { background-color: #CEE8F7; }
table.excell_alt tr.titulo td { background-color: #FF3; }
table.excell tr td, table.excell_alt tr td {
	margin: 0;
	padding: 3px;
}
table.excell tr td {
	background-color: #F9F9F9;
	padding: 10px;
}
table.excell_alt tr td { background-color: #FF9; }
table.excell2 {
	
}
/* Formulário de cadastro de usuários */
#formulario { padding: 3px; }
#formulario ul {
	margin-left: 5px;
	padding: 5px 15px;
}
#formulario ul li { list-style: square; }
#formulario label {
	padding: 3px 0px;
	display: block;
}
#formulario .chk_aceito {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#formulario .div_scroll {
	width: 85%;
	height: 80px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	border: 1px solid #000;
	background-color: #EDEDED;
}
#formulario .div_scroll li {
	margin-left: 2px;
	padding: 3px 0px;
}
#formulario .chk_aceito {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
.linha { clear: both; }
.foto {
	width: 33%;
}
table.fotos {
	float: left;
	padding: 2px;
}
table.fotos td { text-align: left; }
table.fotos img, .foto img {
	padding: 3px;
	margin: 0 5px 5px 0;
}
/*------------------------------------------------------------
 Componentes específicos
--------------------------------------------------------------*/
.tarifas {
	width: 350px;
}
.tarifas .titulo {
	font-size: 12px;
	background-color: #AAA;
	font-size: 18px;
	font-weight: bold;
	height: 60px;
	text-align: center;
}
.tarifas .titulo2 {
	font-size: 14px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	height: 30px;
}
.tarifas .titulo3 {
	background-color: #E2E2E2;
	text-align: center;
	height: 40px;
}
.tarifas .lotacao {
	background-color: #E2E2E2;
	text-align: center;
	height: 22px;
}
.tarifas .preco {
	background-color: #F4F4F4;
	text-align: right;
	padding-right: 10px;
}
.tarifas .descricao {
	background-color: #F4F4F4;
	padding: 10px;
}
.comercios {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	margin-top: 15px;
}
.comercios td {
	border: 0;
	padding: 0;
	margin: 0;
}
.comercios .titulo {
	font-weight: bold;
	background-color: #EEE;
	padding: 6px;
	margin: 4px 0 10px 0;
}
.comercios tr.separador td {
	height: 15px;
	border-bottom: dotted 1px #900;
}
/* teste de menu em árvore */
#arvore { padding: 5px 0px 20px 0px; }
#arvore .item { padding: 2px; }
#arvore .item table {
	margin: 0px;
	padding: 0px 0px 1px 0px;
	border-bottom: 1px solid #06F;
}
#arvore .item table td { border: 0px; }
#arvore a {
	margin: 3px 1px;
	padding: 2px 3px;
	font-size: 11px;
}
#arvore a:hover {
	text-decoration: underline;
	background-color: #FFFFFF;
}
div.filho { margin: 2px 2px 2px 10px; }
.thumbbox { width: 340px; }
.thumbbox div {
	width: 335px;
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}