*{

  margin:0;

  padding:0;

  text-decoration:none;

  border:none;

  outline: 0;

  list-style-type: none;

}

/*BASE DO CSS*/

body{

  text-align: center;

  font-family:  Georgia, Arial, Verdana, "Trebuchet MS";

  background-color: #303030;

}

#topo{

  width: 100%;

  height: 168px;

  text-align: center;

  margin-top: 10px;

  background: #97D66B url(images/bg-topo.gif) repeat-x;

}

#topo2{

  margin: 0 auto;

  text-align: left;

  width: 755px;

}

#logo{

  padding-top: 8px;

  float: left;

}

#menu{

  float: right;

  padding-top: 107px;

}



#conteudo{

  width: 100%;

  text-align: center;

  background: #303030 url(images/bg-conteudo.jpg) repeat-x;

  padding-top: 26px;

  padding-bottom: 20px;

  float: left;

}

#conteudo2{

  margin: 0 auto;

  text-align: left;

  width: 755px;

}

#rodape{

  width: 100%;

  clear: both;

  text-align: center;

  background: #97D66B url(images/bg-rodape.gif) repeat-x;

  height: 132px;

}

#rodape2{

  margin: 0 auto;

  text-align: left;

  width: 755px;

}

#info{

  float: left;

  padding-top: 33px;

}

#creditos{

  float: right;

  padding-top: 76px;

}



/*ELEMENTOS*/

p{

  color: #C6C6BA;

  line-height: 22px;

  font-size: 14px;

}

a{

  line-height: 22px;

  font-size: 14px;

}

/*CLASSES*/

.espaco{

  padding-top: 8px;

  padding-bottom: 8px;

}

/*TOPO*/



#logo h1{

  text-indent:-9000px;

  overflow:hidden;

  height: 150px;

  width: 269px;

  background:url('images/logo-trans.png') no-repeat;

}

#logo h1 a{

  display: block;

  height: 150px;

  width: 269px;

}

#menu ul li{

  display: inline;

  color: #202020;

  font-size: 16px;

  padding-left: 22px;

}

#menu ul li a{

  color: #202020;

  font-size: 16px;



}

#menu ul li a:hover{

  text-decoration: underline;

}

/*CONTEUDO*/



#conteudo a{

  text-decoration: underline;

  color: #D3E0C2;

  font-weight: bold;

}

#conteudo a:hover{

  text-decoration: underline;

  color: #9AB773;

}

#conteudo h2{

  margin-bottom: 15px;

  padding-bottom: 15px;

  border-bottom: 1px solid #7C7C72;

}



#intro-cartorio{

  margin-bottom: 20px;

  width: 755px;

}

#intro-cartorio h2{

  text-indent:-9000px;

  overflow:hidden;

  height: 27px;

  background:url('images/intro-cartorio-trans.png') no-repeat;

}

#intro-servicos h3{

  text-indent:-9000px;

  overflow:hidden;

  height: 24px;

  background:url('images/intro-servicos-trans.png') no-repeat;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px solid #7C7C72;

}

#intro-contato h3{

  text-indent:-9000px;

  overflow:hidden;

  height: 24px;

  background:url('images/intro-contato-trans.png') no-repeat;

  margin-bottom: 10px;

  padding-bottom: 10px;

  border-bottom: 1px solid #7C7C72;

}

#intro-servicos{

  float: left;

  width: 67%;

}

#intro-contato{

  float: right;

  width: 29%;

}

/*SOBRE */

#sobre-cartorio{

  margin-bottom: 20px;

  width: 755px;

}

#sobre-cartorio h2{

  text-indent:-9000px;

  overflow:hidden;

  height: 27px;

  background:url('images/intro-cartorio-trans.png') no-repeat;

}

#sobre-cartorio p{

  padding-bottom: 20px;

}

#sobre-atendimento{

  width: 100%;

  border-top: 1px solid #7C7C72;

  padding-top: 20px;

}

#sobre-atendimento ul li{

  color: #C6C6BA;

  line-height: 22px;

  font-size: 14px;

}

#sobre-atendimento p{

  padding-bottom: 0px;

}

/*SERVICOS*/

#servicos-cartorio p{

  padding-bottom: 10px;

  padding-top: 10px;

}

#servicos-cartorio h2{

  text-indent:-9000px;

  overflow:hidden;

  height: 27px;

  background:url('images/servicos-nossos-trans.png') no-repeat;

}

#servicos-cartorio ul li{

  color: #C6C6BA;

  line-height: 22px;

  font-size: 14px;

}

#servicos-certidao{

  float: left;

  width: 49%;

}

#servicos-cancelamento{

  float: right;

  width: 49%;

}

#servicos-certidao h3{

  text-indent:-9000px;

  overflow:hidden;

  height: 23px;

  width: 100%;

  background:url('images/servicos-certidao-trans.png') no-repeat;

}

#servicos-cancelamento h3{

  text-indent:-9000px;

  overflow:hidden;

  height: 23px;

  width: 100%;

  background:url('images/servicos-cancelamento-trans.png') no-repeat;

}

/*TABELA*/

#tabela h2{

  text-indent:-9000px;

  overflow:hidden;

  height: 26px;

  width: 100%;

  background:url('images/tabela-custas-trans.png') no-repeat;

}

#tabela-info p{

  padding-bottom: 20px;

}



#tabela-visualizar{

  width: 758px;

  height: 1988px;

  background:url('images/tabela.jpg') no-repeat;

}



/*CONTATO*/

#contato h2{

  text-indent:-9000px;

  overflow:hidden;

  height: 26px;

  background:url('images/contato-trans.png') no-repeat;

}

#contato ul li{

  color: #C6C6BA;

  line-height: 22px;

  font-size: 14px;

}

#contato-atendimento{

  width: 100%;

  border-top: 1px solid #7C7C72;

  padding-top: 10px;

  margin-top: 10px;

}

#contato-atendimento ul li{

  color: #C6C6BA;

  line-height: 22px;

  font-size: 14px;

}

.caution        { color: red; font-weight: bold; }

label.highlight { color:red; }

input, textarea{

  border: 1px solid #CCCCCC;

}

input.submit{

  border: 1px solid #CCCCCC;

  height: 30px;

  width: 100px;

  margin-top: 10px;

}

#email, #subject{

  width: 300px;

  height: 20px;

}

#formulario{

  float: left;

  width: 320px;

}

#informativo{

  float: right;

  width: 410px;

  padding-top: 18px;

}



/*RODAPE*/

#rodape ul li{

  color: #202020;

  font-size: 13px;

  line-height: 22px;

}

#rodape ul li a{

  color: #202020;

  font-size: 13px;

  padding-left: 10px;

}

#menu ul li a:hover{

  text-decoration: underline;

}

#creditos p{

  color: #202020;

  font-size: 13px;

}

#creditos p a{

  color: #202020;

  font-size: 13px;

}

#creditos p a:hover{

  text-decoration: underline;

}