body { /* configurações do documento todo */
	text-align:center;
	line-height:130%;
	margin:0;
	padding:0;
	font-size:15px;
	letter-spacing:1px;
	font-family:Candara, Arial, Helvetica, sans-serif;
	background:#6e290a;
}		
#topo { /* div grande de cima */
	width:100%;
}
#topo_m { /* div que centraliza o topo */
	margin:0 auto; /* jamais esquecer esse */
	text-align:center;
	width:960px;
	height:240px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}
#topo_right strong { /* configuração da fonte do topo à direita */
	color: #fff; 
	font-size:120%;
}
#menu_h { /* configurações da div do menu horizontal abaixo do topo */
	width:100%;
	background:#7693cd;
	border-bottom:4px solid #ccc;
	border-top:1px solid #555;
}
#menu_h_m { /* div que centraliza o menu */
	margin:0 auto;
	text-align:center;
	width:960px;
}
#menu_h_m_left { /* conteúdo da esquerda do menu centralizado */
	width:280px;
	height:100px;
	float:left;
	padding-top:15px;
}
#menu_h_m_right{ /* conteúdo da direita do menu centralizado */
	width:640px;
	float:right;
}
#tarja { /* tarja da divisória entre topo e menu e conteúdo */
	width:100%;
}
#tarja_m { /* div centralizadora da tarja */
	margin:0 auto;
	text-align:center;
	width:960px;
}
#tudo { /* div grandona do conteúdo do site */
	width:100%;
}
#tudo_m { /* conteúdo centralizado */
	margin:0 auto;
	text-align:center;
	width:960px;
	height:auto;
	background:#fff;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
#anima { /* div de animação grande */
	width:100%;
}
#anima_m { /* div de animação menor */
	margin:0 auto;
	text-align:center;
	width:960px;
}

#principal { /* div principal de conteúdo único */
	width:940px;
	padding:10px;
	height:auto;
}
#principal_p { /* div de conteúdo pequeno - vem junto do menu */
	width:710px;
	padding:50px 0 0 10px;
	float:left;
	text-align:center;
}
#menu { /* div do menu vertical que fica no corpo do site junto ao principal p */
	width:190px;
	float:right;
	padding:10px 0 10px 10px;
}
.separa, .clear{ /* classes pra arrumar o float */
	clear:both;
}
.float_left { /* explicação dispensável */
	width:auto;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
}
.float_right { /* explicação dispensável */
	width:auto;
	height:auto;
	float:right;
	margin: 0 0 10px 10px;
}
#rodape { /* div do rodapé grande */
	width:100%;
	background:transparent;
	padding:0 0 200px 0;
}
#rodape_m { /* div centralizadora do rodapé */
	margin:0 auto;
	text-align:center;
	height:auto;
	width:960px;
	padding-bottom:10px;
	/*background:url(imagens/rodape.jpg) bottom center no-repeat;*/
	background:#fff;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}
.rodape_float{ /* divs de colunas do rodapé - configurada pra 3 colunas, se mudar tem que mudar os valores */
	width:29%;
	padding:0 1%;
	margin:1%;
	float:left;
}
#rodape strong { /* fonte do rodapé */
	font-size:115%;
	letter-spacing:2px;
	color: #c00;
}
#rodape a { 
	color:#060;
}
#parceiros { /* div parceiros, abaixo do conteúdo do rodapé */
	width:100%;
	height:60px;
	overflow:auto;
}
.box_thumb { /* miniatura da foto */
  	width:110px; /* tem que ter PELO MENOS o tamanho da miniatura */
	height:140px;/* a altura varia de acordo com a quantidade de texto a ser exibido */
	float:left;
	padding:4px;
	margin: 8px;
	border:1px solid #ccc;
	text-align:center;
	overflow: scroll;
	font-size: 12px;/* definindo em pixel fica mais fácil determinar as linhas que serão exibidas no box*/
	line-height:120%;
}
.thumb {/* tem que ter medidas exatas para manter padrão - está vinculado com o php que gera as miniaturas da galeria*/
	width:110px;
	height:110px;
	overflow:hidden;
}
	
.thumb_float {/* miniatura da foto flutuante */
	width:110px;
	height:110px;
	overflow:hidden;
	float:left;
	margin: 6px;
	border:3px solid #ccc;
}
img {
	border:0;
	padding:0;
}
.img{ /* classe que configura imagens */
	padding: 6px;
	border: 1px solid #CAE1E1;
}
.promo { /* configura div romoção */
	font-size:24px;
	color:#ff9900;
	font-style:italic;
	margin: 10px 0;
}
/* CONFIGURAÇÕES DE FONTES */
p {
	font-family: Helvetica;
	text-align:justify;
	font-size:15px;
}
h1 {
	font-size:18px;
	color: #65819e;
	text-align:left;
	font-family: Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
	line-height:1.4em;
}
h2 {
	font-family: Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
	font-size:17px;
	text-align:left;
	color:#65819e;
}
h3 {
	font-family: Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;
	color:#65819e;
	text-align:left;
}
ul{
	text-align:left;
	list-style:circle;
	text-indent:2%;
}
em{
	font-style:italic;
	color: #660000;
}
strong{
	color:#334960;
}
a {color: #F60;
	text-decoration:none;
}
a:hover {
	color: #00CC00;
}