/* ..................................................................................................... */
/* ..................................................................................................... */
/* ........................ CSS DA ESTRUTURA PRINCIPAL DAS PÁGINAS ..................................... */
/* ..................................................................................................... */
/* ..................................................................................................... */


/* ... propriedades gerais do corpo das páginas e dos forms ... */
body, form {
	margin: 0;
	padding: 0;
}

/* ... propriedades gerais do corpo da página ... */
body {
	background:#F3FDD2 url(../imgs/fundo_site.gif) repeat-x center top;
}

/* ... propriedades gerais de todas as divs ... */
div {
	margin: 0 auto 0 auto;
	padding:0;
	background-color:#FFFFFF;
}

/* ... propriedades da tabela geral ... */
.geral {
	width:760px;
}

/* ... propriedades da div no topo, com o flash das fotos ... */
.banner {
	margin-left:252px;
	width:508px;
	height:276px;
	position:absolute;
	background:none;
	text-align:right;
}

/* ... propriedades gerais dos textos h ... */
h1, h2, h3, h4, h5, h6, p, a, input, select, textarea, .submit, .index_linha_marca_h1, .index_linha_marca_span, .index_linha_marca_h2 {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:justify;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/* ... propriedades gerais de todos os botões submit ... */
.submit {
	padding:3px 9px;
	color:#666666;
	border:1px solid #888888;
	margin-top:5px;
	margin-right:15px;
	height:25px;
	text-align:center;
	font-weight:bold;
}

/* ... propriedades gerais dos campos textarea ... */
textarea {
	padding:2px;
}

/* ... propriedades gerais das hr ... */
hr {
	margin:10px 30px 10px 40px; 
}

/* ... link padrão ... */
a, a:link {
	font-weight:bold;
	color:#63A401;
}

/* ... link mouseover padrão ... */
a:hover {
	color:#F20214;
}

/* ... propriedades da div no topo, com a URL do site ... */
.topo {
	padding:12px 0 16px 0;
	background: url(../imgs/fundo_topo.gif) repeat-x center top;
}

/* ... propriedade do link da div no topo, com a URL do site ... */
.topo a, .topo a:link {
	padding-left:25px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/* ... propriedade mouseover do link da div no topo, com a URL do site ... */
.topo a:hover {
	color:#fdff7f;
}

/* ... propriedades gerais da div com a logo ... */
.coluna_logo {
	float:left;
	width:250px;
}
.coluna_logo img{
	padding:20px 0 53px 0;
}

/* ... propriedades gerais da div com o nome da etapa ... */
.coluna_etapa {
	float:right;
	width:500px;
	background: #FFFFFF url(../imgs/barra_logo_dir.gif) repeat-y right;
}

/* ... propriedade para fechar div com colunas ... */
.fechar_coluna {
	clear:both;
}

/* ... propriedades dos textos h1 da div com o nome da etapa ... */
.coluna_etapa h1 {
	font-size:18px;
	letter-spacing:-1px;
	font-weight:normal;
	text-align:left;
	padding-top:150px;
	padding-left:100px;
	margin-bottom:0px;
	color:#0B8E49;
}

/* ... propriedades dos textos h2 da div com o nome da etapa ... */
.coluna_etapa h2 {
	text-transform:uppercase;
	font-size:24px;
	letter-spacing:-2px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	color:#F48207;
}

/* ... propriedades da div do menu principal ... */
.menu {
	clear:both;
	height:18px;
	padding: 12px 0 13px 0;
	background: url(../imgs/fundo_menu.gif) repeat-x;
	text-align:center;
	color:#FFFFFF;
}

/* ... propriedades dos botões da div do menu principal ... */
.menu a, .menu a:link {
	padding: 0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFFFFF;
	text-decoration:none;
}

/* ... propriedades mouseOver dos botões da div do menu principal ... */
.menu a:hover {
	color:#dcff87;
	padding: 14px 10px 14px 10px;
	background: url(../imgs/fundo_menu_on.gif) repeat-x;
}

/* ... propriedades gerais da div com o conteudo ... */
.conteudo {
	padding:30px 40px 30px 40px;
}

/* ... alinhamento na esquerda dos títulos das páginas ... */
.titulos {
	float:left;
}

/* ... propriedades dos textos h1 dos títulos das páginas ... */
.titulos h1	{
	color:#FFFFFF;
	text-transform:uppercase;
	font-style:italic;
	font-size:15px;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	background: url(../imgs/fundo_titulos.gif) repeat-x;
	margin-right:20px;
}

/* ... propriedades do enunciado das páginas ... */
.enunciados {
	float:right;
}

/* ... propriedades dos textos h1 do enunciado das páginas ... */
.enunciados h1 {
	padding:8px 0 2px 0;
}

/* ... propriedades da div base ... */
.base {
	clear:both;
	height:50px;
	background: url(../imgs/fundo_base.gif) repeat-x;
}
.base h1 {
	text-align:center;
	padding-top:20px;
	color:#FFFFFF;
	font-weight:bold;
}
.base a, .base a:link {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

/* ... propriedades das tabelas com o aviso de "Não há registro cadastrado" ... */
.sem_registros {
	text-align:center;
	font-weight:bold;
	padding:30px;
}

/* ..................................................................................................... */
/* ..................................................................................................... */
/* ................................. CSS DA TELA INDEX.PHP ............................................. */
/* ..................................................................................................... */
/* ..................................................................................................... */


/* ... propriedades do topo da página ... */
.index_topo {
	margin-bottom:10px;
	height:220px;
	background: url(../imgs/index_topo.jpg) no-repeat center top;
}

/* ... alinhar àdas divs à esquerda ... */
.index_intro, .index_marcas, .linha_marcas, .index_linha_marca, .index_linha_marca_h2 {
	float:left;
}

/* ... propriedades da div com o texto de introdução ... */
.index_intro {
	width:225px;
}

/* ... propriedades dos textos h1 da div de introdução ... */
.index_intro h1 {
	font-weight:bold;
	color:#936C58;
	margin:0 20px 0 30px;
}

/* ... propriedades da div com a linha da marcas e informaçoes ... */
.index_linha {
	width:505px;
	background:url(../imgs/titulos_index.gif) repeat-x center top;
	height:85px;
	margin:0; 
}

/* ... propriedades da div com a marca ... */
.index_linha_marca {
	background:none;
}

/* ... propriedades da imagem da marca ... */
.index_linha_marca img {
	border:0;
	margin:0 10px 0 15px;
}

/* ... propriedades dos textos h1 da linha com a marca ... */
.index_linha_marca_h1 {
	font-size:14px;
	color:#008933;
	padding-top:15px;
}

/* ... propriedades dos span da linha com a marca ... */
.index_linha_marca_span {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}

/* ... propriedades dos textos h2 da linha com a marca ... */
.index_linha_marca_h2 {
	margin:1px 0 0 15px;
	font-size:12px;
	font-weight:bold;
}





/* ... propriedades da div com a marca ... */
.index_marca {
	width:176px;
	height:176px;
}

/* ... propriedades das tabelas com as marcas ... */
.tabela_marca {
	margin:0;
	padding:0;
	width:170px;
	height:170px;
	background:url(../imgs/fundo_foto.gif) repeat;
}

/* ..................................................................................................... */
/* ..................................................................................................... */
/* ................................. CSS DA TELA HOME.PHP .............................................. */
/* ..................................................................................................... */
/* ..................................................................................................... */


/* ... propriedades da coluna de notícias ... */
.home_noticias {
	float:left;
	width:309px;
	text-align:left;
	padding:15px;
	margin:0;
}

/* ... propriedades dos textos h1 da coluna de notícias ... */
.home_noticias h1 {
	text-transform:uppercase;
	text-align:left;
	letter-spacing:-1px;
	font-weight:bold;
	font-size:22px;
	font-style:italic;
	color:#F48207;
	padding-top:10px;
}

/* ... propriedades dos textos h2 da coluna de notícias ... */
.home_noticias h2 {
	font-size:18px;
	text-align:left;
	font-weight:normal;
	margin-left:15px;
	color:#BB6201;
	padding-bottom:15px;
}

/* ... propriedades da barra de últimas notícias ... */
.home_barra_ultimas {
	margin-top:0px;
	background: url(../imgs/fundo_icone_noticias.gif) repeat-x;
}

/* ... propriedades da div com o icone notícias ... */
.home_barra_ultimas img {
	float:left;
	margin-right:5px;
}

/* ... propriedades dos textos h3 da coluna de notícias ... */
.home_noticias h3 {
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	font-size:20px;
	padding-top:18px;
	padding-bottom:13px;
	color:#4E4E4E;
}

/* ... propriedades do span da coluna de notícias ... */
.home_noticias span {
	font-size:12px;
	color:#949494;
}

/* ... propriedades da tabela com a última notícia ... */
.home_ultima_noticia {
	padding:5px 0 10px 10px;
}

/* ... propriedades dos textos h1 da tabela com a última notícia ... */
.home_ultima_noticia h4 {
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
	color:#4E4E4E;
	padding-top:10px;
}

/* ... propriedades gerais dos parágrafos ... */
.home_ultima_noticia p, .home_sobre p {
	font-size:11px;
	font-weight:normal;
	color:#4E4E4E;
	padding-top:10px;
}

/* ... alinhar o link de "Leia Mais" à direita da div ... */
.home_ultima_noticia h5 {
	text-align:right;
}

/* ... propriedades do link de "Leia Mais" ... */
.home_ultima_noticia a, .home_ultima_noticia a:link {
	font-size:11px;
	font-weight:bold;
	color:#F48207;
	margin-top:20px;
}

/* ... propriedades mouseover do link de "Leia Mais" ... */
.home_ultima_noticia a:hover {
	color:#FFD7AC;
}

/* ... propriedades gerais da coluna "Sobre a Etapa" ... */
.home_sobre {
	float:right;
	padding:15px;
	width:389px;
	text-align:left;
	border-left:thin dashed #999999;
}

/* ... propriedades dos textos h1 e h2 da coluna "Sobre a Etapa" ... */
.home_sobre h1, .home_sobre h2{
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	margin:0;
	padding:0;
}

/* ... propriedades específicas dos textos h1 da coluna "Sobre a Etapa" ... */
.home_sobre h1{
	padding-top:10px;
	font-size:20px;
	color:#4E4E4E;
}

/* ... propriedades específicas dos textos h2 da coluna "Sobre a Etapa" ... */
.home_sobre h2{
	font-size:14px;
	color:#929292;
	font-style:italic;
	padding-bottom:10px;
}

/* ... propriedades da foto da cidade, da coluna "Sobre a Etapa" ... */
.home_sobre_foto {
	background: url(../imgs/fundo_foto_home.gif) no-repeat 25px;
	height:163px;
	padding:30px 0 0 43px;
}

/* ..................................................................................................... */
/* ..................................................................................................... */
/* ................................. CSS DA TELA VISITAS.PHP ........................................... */
/* ..................................................................................................... */
/* ..................................................................................................... */

/* ... propriedades gerais do conteudo da tela visitas ... */
.visitas {
	margin:0 30px 0 70px; 
}

/* ... propriedades gerais dos parágrafos do conteudo da tela visitas ... */
.visitas p {
	padding:3px;
}

/* ..................................................................................................... */
/* ..................................................................................................... */
/* ................................. CSS DA TELA PROGRAMACAO.PHP ....................................... */
/* ..................................................................................................... */
/* ..................................................................................................... */

/* ... propriedades gerais das div dia e programacao ... */
.programacao_dia, .programacao {
	margin:0 30px 0 40px; 
}

/* ... propriedades gerais das div com as horas e o evento ... */
.programacao_hora, .programacao_evento {
	float:left;
}

/* ... propriedades gerais da div com o dia da programacao ... */
.programacao_dia {
	margin-top:10px; 
	margin-bottom:2px; 
	background: url(../imgs/fundo_dia.gif) repeat-x;
}

/* ... propriedades gerais da img da div com o dia da programacao ... */
.programacao_dia img{
	position:absolute;
	float:left;
	margin:2px 10px 0 15px; 
}

/* ... propriedades gerais dos textos h1 da div com o dia da programacao ... */
.programacao_dia h1 {
	padding:8px 8px 8px 60px;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

/* ... propriedades gerais da div com as horas ... */
.programacao_hora {
	width:100px;
	background-color:#DCDCDC;
	margin-right:2px; 
	margin-bottom:1px; 
}

/* ... propriedades gerais da img da div com o dia da programacao ... */
.programacao_hora img{
	float:right;
	margin:2px 2px 2px 5px;
}

/* ... propriedades gerais dos textos h1 da div com as horas ... */
.programacao_hora h1 {
	padding:8px;
	font-size:12px;
	font-weight:bold;
	color:#487302;
	float:right;
}

/* ... propriedades gerais da div com as horas ... */
.programacao_evento {
	width:588px;
	background-color:#E9E9E9;
	margin-bottom:1px; 
}

/* ... propriedades gerais dos textos h1 da div com o evento ... */
.programacao_evento h1 {
	padding:8px;
	font-size:12px;
	color:#487302;
}

/* ................................................................................................. */
/* ................................................................................................. */
/* ................................. CSS DA TELA CONTATO.PHP ....................................... */
/* ................................................................................................. */
/* ................................................................................................. */

/* ... propriedades gerais da div principal ... */
.contato {
	margin: 30px 30px 30px 40px;
}

/* ... propriedades gerais da coluna esquerda ... */
.contato_esq {
	float:left;
	border-right:1px dotted #000000;
	width:350px;
}

/* ... propriedades gerais dos textos h1 da coluna esquerda ... */
.contato_esq h1 {
	text-align:justify;
	padding:0 20px 0 20px;
}

/* ... propriedades gerais dos textos h2 da coluna esquerda ... */
.contato_esq h2 {
	text-align:center;
}

/* ... propriedades gerais da coluna direita ... */
.contato_dir {
	float:right;
	width:320px;
}

/* ... propriedades gerais da coluna esquerda do form ... */
.contato_form_esq {
	float:left;
	width:70px;
	margin-right:1px;
	margin-top:1px;
}

/* ... propriedades gerais dos textos h1 da coluna esquerda do form ... */
.contato_form_esq h1 {
	padding:3px;
}

/* ... propriedades gerais da coluna direita do form ... */
.contato_form_dir {
	float:left;
	width:249px;
}

/* .............................................................................................. */
/* .............................................................................................. */
/* ................................. CSS DA TELA MAPA.PHP ....................................... */
/* .............................................................................................. */
/* .............................................................................................. */

/* ... propriedades gerais da div mapa ... */
.mapa {
	text-align:center;
	margin-bottom:30px;
}

/* .............................................................................................. */
/* .............................................................................................. */
/* ........................... CSS DA TELA GALERIA DE FOTOS.PHP ................................. */
/* .............................................................................................. */
/* .............................................................................................. */

/* ... propriedades gerais da div foto ... */
.fotos {
	margin: 5px 30px 30px 55px;
}

/* ... propriedades gerais da div com o icone ... */
.icones {
	float:left;
	width:167px;
	height:128px;
	background: url(../imgs/fundo_galeria.jpg) no-repeat left top;
}

/* ... propriedades gerais da img dentro da div icone ... */
.icones img {
	margin:12px 0 0 11px;
	border:0;
}

/* ... propriedades das divs com a legenda e a foto ampliada ... */
.popup_foto, .popup_legenda {
	width:550px;
}

/* ... propriedades gerais da div com a foto ampliada ... */
.popup_foto {
	height:450px;
	background:url(../imgs/fundo_foto.gif) repeat;
	text-align:center;
}

/* ... propriedades gerais da div com a legenda da foto ampliada ... */
.popup_legenda {
	height:40px;
}

/* ... propriedades gerais dos textos h1 da div com a legenda da foto ampliada ... */
.popup_legenda h1 {
	text-align:center;
	padding:5px 20px 0 20px; 
}

/* ........................................................................................ */
/* ........................................................................................ */
/* ........................... CSS DA TELA NOTICIAS.PHP ................................... */
/* ........................................................................................ */
/* ........................................................................................ */

/* ... propriedades gerais da div noticias ... */
.noticias {
	margin: 5px 45px 4px 65px;
	background-color:#ECECEC;
}

/* ... propriedades da imagem dentro da div noticias ... */
.noticias img {
	position:absolute;
	float:left;
}

/* ... propriedades dos textos h1 da div noticias ... */
.noticias h1 {
	margin-left:30px;
	padding:5px 10px 5px 0; 
}

/* ... propriedades gerais da noticia interna ... */
.noticia {
	margin:15px 70px 4px 90px; 
}

/* ........................................................................................ */
/* ........................................................................................ */
/* ........................... CSS DA TELA ESCRITORES.PHP ................................. */
/* ........................................................................................ */
/* ........................................................................................ */

/* ... propriedades gerais da div escritores ... */
.escritores, .escritores_hr {
	margin: 5px 45px 4px 65px;
}

/* ... propriedades gerais das divs com a foto e o texto sobre o escritor ... */
.escritor_foto, .escritor_descricao {
	float:left;
}

/* ... propriedades gerais da div com a foto do escritor ... */
.escritor_foto {
	width:130px;
}

/* ... propriedades gerais da imagem do escritor ... */
.escritor_foto img {
	border:1px solid #999999;
	padding:4px;
}

/* ... propriedades gerais da div com o texto sobre o escritor ... */
.escritor_descricao {
	width:520px;
	margin-bottom: 10px;
}