@charset "utf-8";
/* CSS Document */
*
{
margin: 0px;
padding: 0px;
}

a:link {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #CCCCCC;     /* muda a cor ao pôr o mouse sobre os links do rodapé no IE6,7,8 */
}

a:visited {
	color: #FFFFFF;
text-decoration: none;
}

body {
	
	background:#333333 url(imagens/layout/fundo.gif) repeat-x;    /* IMAGEM DO FUNDO */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;  /* cor do texto */
             font-size:13px;  /* tamanho das fontes */
}

#content
{
	margin: 0 auto;
	width: 970px;  /* 1 - largura do site */
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;	
}

#back
{
background:#FFFFFF;    /* IMAGEM DO FUNDO do site */
width: 970px;   /* 2 - largura do site */
}

#header {
	height: 310px;  /* distância entre o logo e a parte de baixo do site no Firefox */
	text-align: left;
	padding-top: 10px;		
}

/* LOGO */

#logo {
background: #FFFFFF url(imagens/layout/topo.jpg) no-repeat;
width: 920px;
height: 300px;
text-align: right;   /* Alinhamento do título do site. Left é para esquerda, Right é para direita */
padding-right: 30px;     /* Não altere esse valor. Altere somente alinhamento para left ou para right */
padding-top: 10px;   /* Altera a distância entre texto e logo - E altera a distância entre o logo e parte de baixo do site no IE6,7,8*/
margin-left: 10px;   /* Não altere esse valor */ 
}


#logo a {
	text-decoration: none;
	font-style: normal;
	font-size: 28px;  /* tamanho da fonte do título do site */
	color: #ffffff;
}
#logo H2 a
{
font-size: 15px;
font-style: normal;
}

#logo H3 a
{
font-size: 11px;
font-style: normal;
}

#left    
{
width: 223px;
margin-left: 12px;
}


#left H3
{
width: 223px;
height: 20px;   /* a imagem deve ter 35px */
font-size: 12px;
font-weight: bold;
padding-left: 20px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(imagens/layout/menus.gif) no-repeat;
}

/* Cor e espessura das bordas dos menus */
#left ul {
	list-style: none;
	border-bottom: 1px solid #000000;  /* borda de baixo */
	border-left: 1px solid #000000;   /* borda da esquerda */
	border-right: 1px solid #000000;   /* borda da direita */
}

#left li ul {
	border: 0px;
	margin-left: 13px;   /* distância de cada link em relação a borda esquerda do menu */
	margin-bottom: 13px;  /* margem de baixo da caixa de menu */
}

#left li li {
	padding: 3px 0px;  /* distanciamento vertical entre os links dos menus */
  }

#left a {
	color: #000000;    /* cor dos links dos menus */
             text-decoration: none;  /* links sem underline */
}

#left a:hover
{
color: #3277A1;    /* cor do link sob o mouse */
}

#right       /* Área de textos */
{
float: right;
width: 681px;   /* distância do texto em relação aos menus */
padding-right: 12px;
padding-left: 12px;
text-align:justify;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 30px;
	
}

/* A imagem de fundo do título do texto */
#right h2 {
background: url(imagens/layout/titulo.gif) no-repeat;
margin-left: 1px;
margin-top: 0px;
padding-left: 20px;
padding-top: 6px;
font-size:14px;
font-family: Verdana;  /* fonte do título do texto */
color: #fefefe;     /* Cor do título do texto */
height: 23px;
}


#footer {
	height: 50px;
              width: 950px;
	clear: both;
	padding-top: 2px;    /* altura dos dizeres do rodapé no gif */
	background: url(imagens/layout/rodape.gif) repeat-x;
	margin-left: 10px;
	margin-right: 10px;
             text-align: center;
             color: #FFFFFF;   /* dizeres de copyright do rodapé */
             text-decoration: none;
}

#footer p {
	margin: 0;
	font-size: 12px;   /* tamanho da fonte no rodapé */
	text-align: center;
	color: #FFFFFF;   /* dizeres de copyright do rodapé */
            }

#footer a {
	color: #FFFFFF;   /* cor dos links no rodapé */
}

#footer a:link
{
text-decoration: none;
}