/* ++++++++++++ GERAL +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



body		{ background-color:#f4f5f7; 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*/



/* ++++++++++++ CABECALHO +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#bg_mensagemnatal	{ position:relative; width:100%; margin:0 auto; }

#content_natal		{ position:relative; width:1003px; margin:0 auto; z-index:999; }

#mensagemnatal		{ position:absolute; top:130px; left:230px; width:550px; height:400px; }

a#fechar_natal		{ position:absolute;  top:110px; left:690px; width:90px; height:20px; background:url(../images/botao.png); display:block; }

#cabcor		{ background:url(../images/grad.jpg) top left repeat-x #cad5e1 }	/* cor do fundo e formatacao da fonte do slogan */

#cabdim		{ padding:11px 40px 30px 40px; clear:both; width:auto; }	/* margens para o logotipo */

  .logo	        { margin-right:80px; float:left }	/* cor da borda à direita do logotipo */

  .slogan	{ margin-top:10px }	/* margem superior do slogan em relação à borda à direita do logotipo */





/* ++++++++++++ MENU ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#menu ul	{ background-color:#c8d5df; margin:0px; list-style:none; padding:20px; }  /* cores do quadro */

#menu li	{ border-bottom:1px dotted #9eb4c7; }	/* cor da borda inferior dos itens */

#menu a		{ color:#333; display:block; text-decoration:none; padding:5px 0px 5px 0px; }	/* cor da fonte */

#menu a:hover	{ color:#333; background-color:#bdcdd9; text-decoration:none; }		/* efeito hover */



/* ++++++++++++ CENTRO ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#centro h1	{ color:#51708c; border-bottom:1px dotted #C3C3C3; font-weight:normal; margin:0px; padding:12px 0px 10px 0px; font-family:Arial; font-size:20px; } /* cor dos títulos de todas as páginas */

#centro a	{ text-decoration:none; color:#000; }

#centro a:hover { color:#567594; text-decoration:none; }	/* cor da fonte no efeito hover para os links da página */

#quemsomos	{ border:1px solid #D8DBDE; background-color:#afc1d1; color:#000}		/* cores do quadro "quem somos" da página inicial */

#linksesq a	{ border:1px solid #D8DBDE; background-color:#f4f5f7; color:#000; height:48px; margin-top:10px; display:block; text-align:left; text-decoration:none; }	/* cores dos quadros de links */

#linksdir a	{ border:1px solid #D8DBDE; background-color:#f4f5f7; color:#000; height:48px; margin:10px 0px 0px 8px; width:49%; float:right; display:block; text-align:left; text-decoration:none } 	/* cores dos quadros de links */



/* ++++++++++++ BARRA DIREITA +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#dirquadro	{ border:1px solid #D8DBDE; padding:15px; margin-bottom:20px; }	/* cor da borda */



/* ++++++++++++ RODAPE ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#rodcor		{ background-color:#333; color:#fff; height:75px; margin-top:20px;}	/* cor do fundo e da fonte */

#rodcor a	{ color:#f8c300; text-decoration:none; }	/* cor da fonte do link */

#rodcor a:hover { color:#0071b6 }



/* ++++++++++++ FORMULÁRIOS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



#formquadro	{ background-color:#efeff1; border:1px solid #CECECE; padding:0px 0px 20px 20px; margin-top:20px; }	/* cores do quadro de formulario */

.campo		{ background-color:#EAEAEA; 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:#afc1d1; border:1px solid #afc1d1; color:#333; }	/* cores do botã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 */

.lattitulo	{ margin-bottom:-3px; }

form		{ padding:0px; margin:0px; }

#tarja		{ clear:both; font-family:Arial; font-size:12px; padding:5px 20px 5px 0px; text-align:right; }

#cont		{ padding-bottom:30px; }

#menu		{ padding:20px 10px 20px 20px; width:192px; float:left; }

#centro		{ padding:20px 20px 0px 40px; margin-left:200px; text-align:justify; min-height:900px; }

  #centro p			{ margin:20px 0px 20px 0px; }

  #centroprinc			{ width:auto; margin-right:210px; }

    #quemsomos p		{ padding:15px; margin:0px; }

    #quemsomos h1		{ padding:10px 0px 10px 15px; }

  #linksesq img, #linksdir img	{ float:left; margin:0px 10px 0px 10px; }

  #linksesq p, #linksdir p	{ margin:15px 0px 0px 0px; }

#direita	{ float:right; width:170px; }

#rodape		{ padding:10px 40px 0px 20px; }
