@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; 	
}

/************************* ALTERAÇÃO DIA 01/02/2010 - INÍCIO ******************************/

/* 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;
	position: relative;
	float: left;
}
	
#chamada form input {
	font-size: 11px;
	padding: 2px 4px;
	background: #FFF;
	border: 1px solid #6f6077;
	position: relative;
	float: left;
}

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

/************************* ALTERAÇÃO DIA 01/02/2010 - FIM ******************************/

/*#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: 328px;
	height: 30px;
	padding-top: 4px;
}

#chamada ul li {
	list-style-type: none;
	float: left;
	margin-left: 3px;
}
	
#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;
}


/* DIV QUE ENGLOBA TODO O CONTEÚDO DO SITE, OU SEJA, TUDO O QUE ESTIVER NO CENTRO DA PÁGINA, EXCETO A MENSAGEM */
#conteudo {
	background: #f6f2e7 url(../img/conteudo-background.jpg) no-repeat;
	width: 643px;
	position: relative;
	float: left;
}


/* DIV QUE ENGLOBA O DESTAQUE PRINCIPAL - AS AGENDAS */
#conteudo #destaque_principal {
	border-top: 1px solid #ecdfbc;
	border-right: 1px solid #ecdfbc;
	margin-top: 6px;
	margin-left: 6px;
	width: 630px;
	height: 205px;
	position: relative;
	float: left;
}

#conteudo #destaque_principal .destaque_principal_agenda {
	width: 283px;
	height: 200px;
	position: relative;
	float: left;
	margin-left: 25px;
}

#conteudo #destaque_principal .destaque_principal_agenda img {
	position: relative;
	float: left;
	margin-top: 26px;
}

#conteudo #destaque_principal h2 {
	color: #58406E;
	font-size: 15px;
	position: relative;
	float: right;
	width: 115px;
	margin-right: 40px;
	margin-top:35px;
}

#conteudo #destaque_principal h2 span {
	color: #B36920;
	font-size: 17px;
	position: relative;
	float: right;
}

#conteudo #destaque_principal p {
	margin-top: 20px;
	width: 155px;
	position: relative;
	float: right;
}

#conteudo #destaque_principal a {
	color: #58406E;
	font-size: 13px;
	text-decoration: none;
	line-height: 15px;
}

#conteudo #destaque_principal a:hover {
	color: #B36920;
}


/* DIV QUE ENGLOBA OS DESTAQUSE MENORES */
#conteudo #destaques {
	border: 1px solid #ecdfbc;
	margin-top: 6px;
	margin-left: 5px;
	margin-bottom: 6px;	
	width: 631px;
	height: 303px;
	position: relative;
	float: left;
}

#conteudo #destaques .destaques01, #conteudo #destaques .destaques02 {
	border: 1px solid #ecdfbc;
	margin: 6px 0 0 6px;
	padding: 5px;
	width: 138px;
	height: 279px;	
	position: relative;
	float: left;}

#conteudo #destaques .destaques01 img, #conteudo #destaques .destaques02 img {
	border: 1px solid #715F77;
	float: left;
	height: 114px;
	margin: 0 0 7px 0;
	position: relative;
	width: 136px;
}

#conteudo #destaques .destaques01 h3, #conteudo #destaques .destaques02 h3 {
	color: #58406e;
	font-size: 13px;
	font-weight: bolder;
	margin: 0 0 5px 0;
}

#conteudo #destaques .destaques01 p, #conteudo #destaques .destaques02 p {
	color: #b36920;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#conteudo #destaques .destaques01 {
	background: #ebd798;
}

#conteudo #destaques .destaques01 .destaques01_btn_saibamais a {
	background: #f2e7c9;
	color: #b2681f;
	border: 1px solid #e4b55b;
	text-decoration: none;
	text-align: right;
	padding: 3px 6px 3px 0;
	display: block;
	width: 130px;
	position: absolute;
	bottom: 6px;
}

#conteudo #destaques .destaques01 .destaques01_btn_saibamais a:hover {
	background: #f2e7c9;
	color: #715F77;
	border: 1px solid #715F77;
}

#conteudo #destaques .destaques02 {
	background: #f2e7c9;
}

#conteudo #destaques .destaques02 .destaques02_btn_saibamais a {
	background: #e8d286;
	color: #b2681f;
	border: 1px solid #f5eede;
	text-decoration: none;
	text-align: right;
	padding: 3px 6px 3px 0;
	display: block;
	width: 130px;
	position: absolute;
	bottom: 6px;
}

#conteudo #destaques .destaques02 .destaques02_btn_saibamais a:hover {
	background: #e8d286;
	color: #715F77;
	border: 1px solid #715F77;
}


/* 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, #geral_rodape02 #rodape02 address a {
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	position: relative;
	top: 7px;
	text-decoration: none;
}

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

#geral_rodape02 #rodape02 address a {
	color: #FFF;
	font-size: 11px;
	font-style: normal;
	position: relative;
	top: 0px;
	text-decoration: none;
}

#geral_rodape02 #rodape02 address a strong {
	font-size: 11px;
}	
	
	.inputInvalid { border: 1px solid #C30 !important; }
em.inputInvalid { display: none !important; }