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

* {
	margin: 0;
	border: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

body {
	background: #f0e7d5 url(../img/background-tribo.jpg) center top no-repeat; 	
}


/* FORMATANDO A CHAMADA, OU SEJA, O TOPO DO SITE, ONDE LOCALIZA-SE O ACESSO RESTRITO... */
#geral_chamada {
	background: #806F88;
	height: 33px;
	overflow: hidden;
}

#chamada {
	margin: 0 auto;
	width: 860px;
	position: relative;
}

#chamada form {
	position: relative;
	float: left;
	width: 279px;
	height: 30px;
}

#chamada form fieldset {
	margin-left: -9px;
}
	
#chamada form input {
	font-size: 11px;
	padding: 2px 4px;
	background: #FFF;
	border: 1px solid #6f6077;
}

#chamada .chamada_btn_enviar {
	background: #6f6077 url(../img/chamada-btn-ok.gif) no-repeat center center;
	width: 25px;
}

#chamada .chamada_btn_enviar:hover {
	background: url(../img/chamada-btn-ok-hover.gif) no-repeat center center;
}

/* FORMATANDO O LINK "ESQUECI MINHA SENHA" */
#chamada .chamada_lembrar_senha a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	float: left;
	top: 8px;
}

#chamada .chamada_lembrar_senha a:hover {
	color: #eddfba;
}

/* FORMATANDO A ÁREA DE ACESSO RESTRITO ATIVA */
#chamada .bem_vindo {
	color: #FFF;
	font-size: 11px;
	position: relative;
	float: left;
	top: 8px;
	margin-left: 5px;
}
	
#chamada .bem_vindo a {
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	float: left;
	top: 0px;
	margin-left: 10px;
}

#chamada .bem_vindo a:hover {
	color: #eddfba;
}


/* FORMATANDO OS "LOJA ON-LINE, HOME, CONTATO" */
#chamada ul {
	position: relative;
	float: right;
	width: 260px;
	height: 30px;
	padding-top: 4px;
}

#chamada ul li {
	list-style-type: none;
	float: left;
	margin-left: 7px;
}
	
#chamada ul li a {
	color: #FFF;
	display: inline;
	position: relative;
	float: left;
}


/* DEFININDO UMA LARGURA PARA O SITE */
#geral {
	width: 863px;
	margin: 0 auto;
	overflow: hidden;
}


/* FORMATANDO O CABEÇALHO */
#geral #cabecalho {
	width: 860px;
	height: 81px;
}

/* ESCONDENDO O ESCRITO DO H1 E INSERINDO O LOGOTIPO - PARA MELHOR INDEXAÇÃO */
#geral #cabecalho h1 a {
	display: block;
	width: 144px;
	height: 72px;
	background: url(../img/logo-tribo.jpg) no-repeat;
	text-indent: -9999px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
	float: left;
	overflow: hidden;
}

/* FORMATANDO OS LINKS DO MENU */
#geral #cabecalho #menu {
	position: relative;
	float: right;
	bottom: 0;
	margin-top: 46px;
}

#geral #cabecalho ul li {
	background: url(../img/cabecalho-barra-menu.gif) center left no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	float: left;
	display: inline;
	list-style-type: none;
	margin-left: 15px;
	padding-left: 15px;
}

#geral #cabecalho ul li a {
	color: #58406e;
	text-decoration: none;
	font-size: 15px;
}

#geral #cabecalho ul li a:hover {
	color: #b36920;
}



/* AS PROPRIEDADES ABAIXO FARÃO COM QUE A DIV LATERAL - DA MENSAGEM - ACOMPANHE A ALTURA DA DIV CONTEÚDO */
/*#geral_mensagem, #conteudo {
	padding-bottom: 32767px;
	margin-bottom: -32767px;
}*/

/* FORMATANDO A DIV QUE ENGLOBA TODO O CONTEÚDO DA MENSAGEM - ESCRITOS, IMAGENS, LINKS */
#geral_mensagem {
	background: #f6f2e7 url(../img/background-tribo-mensagem.jpg) no-repeat top center;
	width: 220px;
	position: relative;
	float: left;
}

#geral_mensagem #mensagem {
	background: #ffffff url(../img/mensagem-background.gif) left bottom no-repeat; 
	border: 1px solid #ecdfbc;
	width: 197px;
	margin-top: 6px;
	padding: 8px 8px 25px 8px; 
	position: relative;
	float: right;
}

#geral_mensagem #mensagem h4 {
	color: #58406e;
	font-weight: bold;
}

#geral_mensagem #mensagem img {
	margin: 8px 0;

}

#geral_mensagem #mensagem h5 {
	color: #58406e;
	font-weight: bold;
	margin-bottom: 5px;
}

#geral_mensagem #mensagem p {
	color: #b36920;
	line-height: 17px;
	font-size: 13px;
}

/* FORMATANDO O MENU LOCALIZADO DENTRO DA MENSAGEM */
#geral_mensagem #mensagem ul {
	margin-top: 20px;
}

#geral_mensagem #mensagem ul li {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	list-style-type: none;
	border-bottom: 1px solid #ecdfbc;
	display: inline;	
	margin-bottom: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	position: relative;
	float: right;
	width: 195px;
}

#geral_mensagem #mensagem ul li a {
	color: #58406e;
	text-decoration: none;
	font-size: 10px;
	position: relative;
	float: none;;
}

#geral_mensagem #mensagem ul li a:hover {
	color: #b36920;
}

#geral_mensagem #mensagem .mensagem_item_dir01, #geral_mensagem #mensagem .mensagem_item_dir02 {
	text-align: left;
}

#geral_mensagem #mensagem .mensagem_item_dir01 a, #geral_mensagem #mensagem .mensagem_item_dir02 a {
	font-weight: bold !important;
	font-size: 11px !important;
}

#geral_mensagem #mensagem .mensagem_item_dir02 {
	padding-bottom: 10px;
	border-bottom: none;
}

#geral_mensagem #mensagem .mensagem_item_esq01, #geral_mensagem #mensagem .mensagem_item_esq02 {
	text-align: right;
}

#geral_mensagem #mensagem .mensagem_item_esq01 {
	padding-top: 5px;	
}
#geral_mensagem #mensagem .mensagem_item_esq02 {
	border-bottom: none;
}


/* DEFININDO O LOCAL ONDE O CONTEÚDO DAS PÁGINAS INTERNAS SERÁ INSERIDO */
#conteudo02 {
	background: #FFF;
	border: 1px solid #ecdfbc;
	margin-top: 6px;
	margin-left: 6px;
	width: 630px;
	min-height: 515px;
	position: relative;
	float: left;
}

/* FORMATANDO O TÍTULO DAS PÁGINAS INTERNAS */
#conteudo #conteudo02 {
	margin-bottom: 6px;
	padding: 20px;
	width: 590px;
	min-height: 475px;
	position: relative;
}

#conteudo #conteudo02 .conteudo02_titulo {
	background: url(../img/atribo-conteudo02-titulo.gif) no-repeat left bottom;
	color: #58406E;
	width: 535px;
	height: 43px;
	padding: 0 0 0 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#conteudo #conteudo02 .conteudo02_titulo h2 {
		font-size: 15px;
}


/* DIV QUE ENGLOBA TODO O RODAPÉ - EXCETO AS INFORMAÇÕES: OS CRÉDITOS E DIREITOS*/
#geral_rodape01 {
	background: #f0e7d5 url(../img/rodape-background.jpg) no-repeat bottom center;
	width: auto;
	height: 170px;
	position: relative;
	clear: both;
}

/* DIV QUE ENGLOBA O MAPA DO SITE E INFORMAÇÃO PARA CONTATO */
#geral_rodape01 #rodape01 {
	margin: 0 auto;
	width: auto;
	width: 863px;
	position: relative;
}

#geral_rodape01 #rodape01 ul {
	position: relative;
	float: left;
	width: 610px;
	margin-top: 20px;
	margin-left: 89px;
	margin-bottom: 20px;
}

#geral_rodape01 #rodape01 ul li {
	color: #58406E;
	background: url(../img/rodape-barra.gif) no-repeat center right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	float: left;
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	margin-right: 15px;
	margin-bottom: 5px;
}

#geral_rodape01 #rodape01 ul li a {
	color: #a75d15;
	font-size: 12px;
	text-decoration: none;
}

#geral_rodape01 #rodape01 ul li a:hover {
	color: #58406E;	
}

/* FORMATANDO OS BOTÕES: "QUERO SER ASSINANTE" E "INDIQUE O SITE" - FORMATANDO OS DADOS PARA CONTATO*/
#geral_rodape01 #rodape01 .rodape01_botoes {
	position: relative;
	float: left;
	width: 535px;
	margin-left: 155px;
	margin-bottom: 20px;
}

#geral_rodape01 #rodape01 .rodape01_btn_queroserassinante a, #geral_rodape01 #rodape01 .rodape01_btn_indiqueosite a {
	color: #A75D15;
	background: #E8D286 no-repeat;
	border: 1px solid #F5EEDE;
	text-decoration: none;
	font-size: 11px;
	width: 118px;
	height: 21px;
	display: block;
	text-align: center;
	padding-top: 5px;
	margin-top: 17px;
}

#geral_rodape01 #rodape01 p a:hover {
	background:#E8D286;
	border:1px solid #715F77;
	color:#715F77;	
}

#geral_rodape01 #rodape01 .rodape01_btn_queroserassinante {
	position: relative;
	float: left;
}

#geral_rodape01 #rodape01 .rodape01_btn_indiqueosite {
	position: relative;
	float: right;
}
	
#geral_rodape01 #rodape01 h6 {
	display: none;
}

#geral_rodape01 #rodape01 .rodape01_contato {
	color: #A75D15;
	width: 240px;	
	background: url(../img/rodape_logo.gif) no-repeat top center;
	position: relative;
	float: left;
	margin-left: 30px;
	text-align: center;
	height: 22px;
	padding-top: 40px;
	font-size: 12px;
}

#geral_rodape01 #rodape01 .rodape01_contato a {
	color: #A75D15;
	font-size: 12px;
	text-decoration: none;
}

#geral_rodape01 #rodape01 .rodape01_contato a:hover {
	color: #58406E;
	border: none;
	background: none;
	
}


/* DIV QUE ENGLOBA TODO O RODAPÉ INFERIOR - AS INFORMAÇÕES: OS CRÉDITOS E DIREITOS */
#geral_rodape02 {
	height: 47px;
	background: #806F88;
	position: relative;
	clear: both;
}

/* DIV QUE ENGLOBA O CONTEÚDO DO RODAPÉ INFERIOR */
#geral_rodape02 #rodape02 {
	width: 643px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

#geral_rodape02 #rodape02 address {
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	position: relative;
	top: 7px;
}

#geral_rodape02 #rodape02 address strong {
	font-size: 11px;
}