@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 pr 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;  /* distncia 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 ttulo do site. Left  para esquerda, Right  para direita */
padding-right: 30px;     /* No altere esse valor. Altere somente alinhamento para left ou para right */
padding-top: 10px;   /* Altera a distncia entre texto e logo - E altera a distncia entre o logo e parte de baixo do site no IE6,7,8*/
margin-left: 10px;   /* No altere esse valor */ 
}


#logo a {
	text-decoration: none;
	font-style: normal;
	font-size: 28px;  /* tamanho da fonte do ttulo 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;   /* distncia de cada link em relao 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;   /* distncia do texto em relao 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 ttulo 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 ttulo do texto */
color: #fefefe;     /* Cor do ttulo 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;
}

.botao {  
cursor: pointer;
font: Verdana;	
padding:0px;
text-decoration: none;
background:#E0DFE3;
text-align:center;	
color:#000000;
width:135px;  
height:25px;	
display:block;	
}