/* ++++++++++++ GERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



body		{ background-color:#FFFFE8; margin:0; width:100%; height:100%; font-family:Arial; font-size:12px; line-height:160%;
		  scrollbar-face-color:#C9C9C9;
		  scrollbar-highlight-color:#C9C9C9;
		  scrollbar-3dlight-color:#C9C9C9;
		  scrollbar-darkshadow-color:#C9C9C9;
		  scrollbar-shadow-color:#C9C9C9;
		  scrollbar-arrow-color:#939393;
		  scrollbar-track-color:#DDD;
	        }	/* cor do fundo e das barras de rolagem*/

.xh1		{color:#663300}

/* ++++++++++++++++++++++ MENU CABEÇALHO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#barramenufundo	         { background-color:#663300; height:auto } /* cor do fundo da barra do menu horizontal */
          
   #barra	         {}

     #barra td		 { padding:11px 0px 10px 0px } /* margens da coluna */
 
     #barra a            { padding:13px 10px 12px 5px; color: #fff; text-decoration:none; background-color:#663300; } /* margens, cor da fonte e cor do fundo para o link */
   
     #barra a:hover      { color:#FFFFCC; font-weight:700} /* quando passar o mouse - link */



/* ++++++++++++ CABECALHO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#cabcor		{ background-color:#FFFFCC}	/* cor do fundo do cabeçalho */

#cabdim		{ padding:20px 0px 20px 20px; clear:both; width:auto; }	/* margens para o logotipo e para o slogan */

  .logo	        { margin-right:20px}	/* posição do logotipo em relação a margem-direita */

  .slogan	{ margin-bottom:20px }	/* posição do slogan em relação a borda-fundo */



/* ++++++++++++++++++++++ TARJA ULTIMA PUBLICACAO / CHAT +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
      

#tarjaultima             {background-color:#663300; padding:6px 0px 6px 50px; color:#fff} /* cor do fundo e posicionamento da tarja abaixo do cbeçalho */

#tarjaultima a           {text-decoration:none; color:#fff}

#tarjaultima a:hover     {text-decoration:underline}

   .tarjachat            {float:right; padding-right:20px} /* posição e espaçamento lateral-dirieto do chat *
  




/* ++++++++++++ MENU ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#menu ul	{ background-color:#FFFFE8; margin-left:1px; list-style:none; padding:10px 10px 10px 0px; width:168px }  /* cores do quadro */

#menu li	{ border-bottom:1px solid #663300; border-top:1px solid #663300 }	/* cor da borda inferior dos itens */

#menu a		{ color:#663300; display:block; text-decoration:none; padding:8px 0px 8px 0px; }	/* cor da fonte */

#menu a:hover	{ color:#663300; background-color:#FFFFCC; text-decoration:none; }		/* efeito hover */



/* ++++++++++++ CENTRO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#centro h1	       { border-bottom:1px solid #663300; font-weight:normal; margin:0px; padding:5px 0px 5px 0px; color:#black; font-family:Arial; font-size:18px; } /* cor dos títulos de todas as páginas */

#centro a	       { text-decoration:none; color:#000; } /* cor do texto central */
  
#centro a:hover        { color:#A94B2C; text-decoration:none; }	/* cor da fonte no efeito hover para os links da página */

#quemsomos	       { background-color:#FFFFE8; color:#000; margin-top:20px; padding-bottom:25px }  /* cores do quadro "quem somos" da página inicial */

   #quemsomos h1       { border:none; padding:5px 0px 5px 10px; background-color:#663300; color:#fff; font-size:15px; font-weight:700 }  /* cores do h1 do menu "quem somos" */

#quadro                { background-color:#F1EBD8; color: #000000; margin-top:30px}   /* cores dos quadros "noticias e fale conosco" da página inicial */

#quadro a                {color: #000000;}   /* cores dos quadros "noticias e fale conosco" da página inicial */
 
   #quadro h1          { border:none; padding:5px 0px 5px 10px; background-color:#663300; font-size:15px; color: #fff; font-weight:700 }  /* cores dos h1 dos menus "noticias e fale conosco" */      


/* ++++++++++++ BARRA DIREITA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#dirquadro	  { border:1px solid #FFFFF9; padding:15px; margin-bottom:20px; background-color:#FFFFF9 }	/* cor da borda */

  #dirquadro table { width:120px}

  #dirquadro h2   { font-size:11px; margin:0px; padding:0px } /* margens e fonte do cabeçalho dos indicadores */

  .overflow       { width:150px; overflow:auto; overflow-x:hidden; overflow-y:auto; height:130px; font-size:11px; text-align:left; margin-bottom:10px; padding-bottom:10px;padding-right:10px; border-bottom:1px solid #dedcc7 } /* scroll dos indicadores e cor da borda que os separa */



/* ++++++++++++ RODAPE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#rodcor		{ color:#333; height:60px; margin-top:20px;background-color:#FFFFCB}	/* cor do fundo e da fonte */

#rodcor a	{ color:#0071b6; text-decoration:none; }	/* cor da fonte do link */

#rodcor a:hover	{ color:#0071b6; text-decoration:none; }        /* cor quando passa o mouse */



#links           { padding:0px; margin-top:30px; }

  #links ul      { padding:0px; margin:0px;}

  #links li      { display:inline; padding:0px; margin:0px; }
 
  #links a       { padding:0px 18px 0px 18px }





/* ++++++++++++ FORMULÁRIOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#formquadro	{ background-color:#F1EBD8; padding:0px 0px 20px 20px;}	/* cores do quadro de formulario */

.campo		{ background-color:#fff; border:1px solid #CECECE; font-family:Arial; font-size:12px; }	/* cores do campo input */

.campotitulo	{ color:#000; font-size:16px; font-weight:700; padding:20px 0px 20px 0px; }	/* cor dos substitulos dos formularios */

.botao		{ background-color:#663300; border:1px solid #663300; color:#fff; font-weight:bold }	/* cores do botão */


/* +++++++++++ CONTATO DA PAGINA INICIAL ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#formcontato	{ background-color:#F1EBD8; padding:0px 0px 0px 0px; width:auto; font-size:11px}	/* cores do quadro de formulario do contato da pagina inicial */

.campocont      { background-color:#fff; border:1px solid #CECECE; font-family:Arial; font-size:12px; }	/* cores do campo input */

.botaocont      { background-color:#663300; border:1px solid #663300; color:#fff; font-weight:bold; }	/* cores do botão */

.linha_cont     { border-top:1px solid #663300; border-bottom:1px solid #663300; margin:15px 35px 15px 35px } /* cores das bordas que separam o contato do endereço */






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++ NÃO HÁ NECESSIDADE DE ALTERAR AS PROPRIEDADES ABAIXO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.max		{ max-width:1003px; width:expression(document.body.clientWidth > 1003? "1003px": "auto" ); text-align:left; }    /* largura máxima do do corpo do site */

.off_margin	{ margin-bottom:-3px; } /* margem negativa que tira a margem pre-estabalecida pela img src */

form		{ padding:0px; margin:0px; }

#cont		{  }

#menu		{ padding:20px 10px 20px 20px; width:168px; float:left; }

#centro		{ padding:20px 20px 0px 0px; margin-left:230px; text-align:justify;  }

  #centro p			{ margin:20px 0px 20px 0px; }

  #centroprinc			{ margin-left:0px; margin-right:210px; }

    #quemsomos p		{ padding:10px; margin:0px; }

#direita	{ float:right; width:170px; }

#rodape		{ padding:10px 40px 0px 20px; }