@CHARSET "UTF-8";

/* IE-Firefox Hack básico */
* { margin: 0px; padding: 0px; }
img { border: 0px; }
/* Fim do hack básico */

/* CSS Geral */

body {
   background: url('../imagens/background.gif') #fff;
   font-family: "verdana", "arial", "helvetica", sans-serif;
   font-size: 10pt;
   text-align: center;
}

#body {
   width: 920px;
   margin: 0px auto 0px auto;
   text-align: center;
}

	/* CSS do topo */
	#topo {
	   width: 100%;
	   /*height: 295px;*/
	   background: url(../imagens/topoSimples.jpg) center top no-repeat;
	   /*background: url(../imagens/bg_topo.jpg) center top no-repeat;*/
	}
	
	#logo {
		/*width: 262px;*/
		margin: 30px 0px 30px 80px;
		float: left;
	}
	
	#subtopo1 {
	   width: 650px;
	   height: 107px;
	   float: left;
	   /*clear: both;*/
	}
	
	#subtopo2 {
	   width: 100%;
	   height: 152px;
	   
	}
	
	#subtopoTexto {
	   width: 620px;
	   margin-right: 25px;
	   float: right;
	   text-align: justify;
	}
	
	#menuTopo {
	   width: 100%;
	   height: 40px;
	   background: url(../imagens/bg_menu.gif);
	}
	
	#menuPrincipal {
	   padding-top: 10px;
	   clear: both;
	   list-style-type: none;
	   font-weight: bold;
	}
	
	#menuPrincipal li {
	   padding: 0px 25px 0px 25px;
	   display: inline;
	}
	
	#menuPrincipal li a {
	   color: #fff;
	   text-decoration: none;
	}
	
	#menuPrincipal li a:hover {
	   text-decoration: underline;
	}
         
/* CSS do conteudo */
#corpo {
   width: 100%;
   clear: both;
   margin-top: 2px;
}

#conteudo {
   width: 100%;
   padding-top: 10px;
}

#conteudoPrincipal {
   width: 650px;
   float: left;
   text-align: justify;
}

#menuLateral {
   width: 260px;
   float: right;
}

#conteudoTitulo {
   width: 100%;
   height: 26px;
   padding-top: 8px;
   clear: both;
   color: #fff;
   font-weight: bold;
   text-align: left;
   text-indent: 20px;
   background: url(../imagens/bg_title.png) left top no-repeat;
}

.conteudoLinha {
   width: 100%;
   margin-top: 15px;
   padding-top: 3px;
   background-color: #fff;
   color: #000;
   text-align: center;
}

.secaoTitulo {
   width: 99%;
   height: 28px;
   margin:0px auto 0px auto;
   padding-top: 8px;
   font-weight: bolder;
   text-align: justify;
   text-indent: 18px;
   background: url(../imagens/bg_secao.jpg) center top repeat-x;
}

.secaoTexto {
   width: 94%;
   margin: 0px auto 0px auto;
   padding: 10px 0px 10px 0px;
   text-align: justify;
}

.leia {
   color: #60a13a;
   text-decoration: none;
}

.leia:hover {
   text-decoration: underline/
}

   /* CSS do menu lateral */
   .conteudoMenuLateral {
      width: 100%;
      padding-top: 3px;
      background-color: #fff;
      color: #000;
      text-align: center;
   }
   
   .menuTitulo {
      width: 98%;
      height: 28px;
      margin:0px auto 0px auto;
      padding-top: 8px;
      font-weight: bolder;
      text-align: justify;
      text-indent: 18px;
      background: url(../imagens/bg_secao.jpg) center top repeat-x;
   }
   
   .menuTexto {
      width: 94%;
      margin: 0px auto 0px auto;
      padding: 10px 0px 10px 0px;
      text-align: justify;
   }
   
   /* CSS do processo */
   #processo {
      width: 100%;
      margin: 20px auto 20px auto;
   }
   
   .passos {
      width: 306px;
      margin-top: 15px;
      padding-top: 3px;
      float: left;
   }
   
   #passo1 {
      margin: 0px auto 0px 0px;
   }
   
   #passo2 {
      margin: 0px auto 0px auto;
   }
   
   #passo3 {
      margin: 0px 0px 0px auto;
   }
   
   .passosLinha {
      width: 260px;
      padding-top: 3px;
      background-color: #fff;
      color: #000;
   }
   
   .processoTitulo {
      height: 28px;
      margin: 0px 3px 0px 3px;
      padding-top: 8px;
      font-weight: bolder;
      text-align: justify;
      text-indent: 18px;
      background: url(../imagens/bg_secao.jpg) center top repeat-x;
   }
   
	/* CSS dos links */
	.listaLinks {
		margin-left: 15px;
		list-style-type: none;
	}
	
	.listaLinks li {
		margin-bottom: 5px;
	}
	
	.listaLinks li a {
		text-decoration: none;
		font-weight: bold;
		color: #757575;
	}

	/* CSS do rodape */
	.rodape {
		width: 100%;
		clear:both;
	}
	
	#rodape {
	   width: 100%;
	   height: 18px;
	   padding-top: 2px;
	   color: #000;
	   font-size: 8pt;
	   font-weight: bold;
	   text-align: center;
	   background: url(../imagens/bg_rodape.jpg) center top repeat-x;
	}