body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #430f0f url(imgs/bgPattern.gif) repeat-x left top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#layout {
	width:100%;  /* this will create a container 80% of the browser width */
	background: url(imgs/bgShadow.png) no-repeat center top;
	margin: 0 auto;
	padding: 20px 0px 0px;
}
#container {
	width:865px;
/* this will create a container 80% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0px 3px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #ECECEA url(imgs/bgFolha.jpg) repeat-y left top;
}
ul#topNav {
	background: url(imgs/navbar.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	list-style: none inside;
	height: 52px;
	display: block;
	width: 100%;
}
ul#middleNav {
	border-top: 1px dashed #88a0b4;
	padding: 3px 0px 2px;
	list-style: none;
	height: 28px;
	width: auto;
	margin: 2px 3px;
	background: url(imgs/nav2Bar.gif) no-repeat 0px 3px;

}
div#fullContent {
	margin: 0px;
	padding: 3px 4px 15px;
	position: relative;
}
div#fullContent h3.bemvindo {
	background: url(imgs/bemvindo.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.fotos {
	background: url(imgs/fotos.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.mensalista {
	background: url(imgs/mensalista.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}



div#fullContent h3.atuacao {
	background: url(imgs/atuacao.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}


div#fullContent h3.cartorio {
	background: url(imgs/cartorio.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.panoramicas {
	background: url(imgs/panoramicas.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}
.galeria a img {
	border-style: none;
	color: #FFF;
	background: #FFF;
	padding: 0px;
	margin: 10px;
}


div#fullContent h3.contatos {
	background: url(imgs/contato.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}
div#fullContent h3.servicos {
	background: url(imgs/serv.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.requerimentos {
	background: url(imgs/requerimentos.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.servbl {
	background: url(imgs/servicos_bl.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.links {
	background: url(imgs/links.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}

div#fullContent h3.local {
	background: url(imgs/localiza.gif) no-repeat left top;
	font-size: 2px;
	display: block;
	height: 28px;
	width: 211px;
	margin: 12px 0px 0px;
	padding: 0px;
	text-indent: -1000em;
}
.introd, ul.servicos, ul.servbl, form.contact , .mapa, div.req, .panos, .galeria {
	color: #6c8193;
	margin: 3px 40px 0px;
	padding: 10px;
	background: #FFF;
	font-size: 10pt;
}

.panos, .galeria {
	text-align:center;
}

.panos {
	background: #FFF url(imgs/lightbox-ico-loading.gif) no-repeat center center;
	width: 751px;
	padding: 10px;
	height: 422px;
}

.panos * {
	margin-right: auto;
	margin-left: auto;	
}

.introd a, div.conteudo div a {
	color: #880001;

}

.ok, .erro {
	margin: 3px 40px 0px;
	padding: 10px 9px;
	font-size: 10pt;
}

.ok {
	color: #3D5F2C;
	background: #E1EEDB;
	border: 1px solid #7DB663;
}

.erro {
	color: #911A1A;
	background: #EFDADA;
	border: 1px solid #B66363;
}

form.contact {
	margin: 15px 40px 0px;
}
p.mapa {
	margin: 15px 40px 0px;
}
p.mapa small a {
	text-align: left;
	display: block;
	color: #8B0001;
	margin: 0px;
	padding: 5px;
	background-color: #FFF;
}

p.mapa small a:hover {
	color: #FFF;
	background-color: #8B0001;
	text-decoration: none;
}

form.contact label {
	display: block;
	width: 120px;
	text-align: right;
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 2px 0px 0px;
}
form.contact input[type="text"], form.contact textarea{
	display: block;
	clear: right;
	margin: 0px 0px 10px;
	width: 264px;
	background: #FFF;
	border: 1px solid #88A0B4;
	padding: 2px 3px;
}
form.contact input.enviar   {
	display: block;
	height: 26px;
	width: 100px;
	text-align: center;
	margin: 0px 0px 0px 130px;
}

.introd q {
	display: block;
	padding: 0px;
	margin: 0px 0px 15px;
}

ul.servicos {
	list-style: none inside;
	height: 130px;
	padding: 5px 10px 10px;
	margin: 3px 40px 0px;
}

ul.servicos li {
	display: block;
	float:left;
	margin: 5px 10px 5px 0px;
	padding:0;
	font-size: 10pt;
}

ul.servicos li a {
	text-decoration: none;
	color: #6c8193;
	width:100%;
	background: url(imgs/bulle.gif) no-repeat 5px 10px;
	padding: 5px 5px 5px 15px;
	margin: 0px 0px 10px;
	cursor: text;
}

ul#topNav li {
	display: block;
	float:left;
	height: 36px;
	margin-top: 10px;
	color: #FFF;
}

ul#middleNav li {
	display: block;
	float:left;
	height: 28px;
	margin:0 0 0 30px;
	padding:0;
	color: #FFF;
}

ul#middleNav li a {
	display:block;
	width:100%;
	text-indent:-1000em;
	margin: 0;
	padding: 0px;
	height: 28px;
	color: transparent;
	border-style: none;
}


ul#middleNav li a:hover {
	background: url(imgs/nav2Hover.gif) no-repeat center bottom;
	text-decoration: none;
}

ul#topNav li a {
	display:block;
	width:100%;
	text-indent:-1000em;
	margin: 0px 0px 0px 72px;
	padding: 0px;
	height: 36px;
	color: transparent;
	border-style: none;
}

div#headContent {
	border-top: 1px dashed #8b0001;
	padding-right: 1px;
	padding-left: 1px;
}

div#headContent h1, div#headContent h2 {
	padding: 0px;
	display: block;
	font-size: 10px;
}

div#headContent h1 {
	background: url(imgs/logo.jpg) no-repeat left top;
	height: 158px;
	width: 308px;
	margin: 2px;
}
div#headContent h1 a , div#headContent h2{
	display: block;
	width: 100%;
	text-indent: -1000em;
}
div#headContent h1 a { height:158px; }
div#headContent h2 {
	background: #B2C4D3 url(imgs/atendimento.gif) no-repeat left top;
	height: 70px;
	width: 308px;
	margin: 0px 2px 2px;
}
div#panoContent {
	background: url(imgs/pano.jpg);
	height: 228px;
	width: 541px;
	margin: -232px 2px 2px;
	float: right;
	clear: right;
	padding: 1px;
}

ul#topNav li a.home {
	background: url(imgs/home.gif) no-repeat left top;
	width: 52px;	
}

ul#topNav li a.cart {
	background: url(imgs/ocartorio.gif) no-repeat left top;
	width: 91px;
}

ul#topNav li a.serv {
	background: url(imgs/servicos.gif) no-repeat left top;
	width: 79px;
}
ul#topNav li a.local {
	background: url(imgs/local.gif) no-repeat left top;
	width: 104px;
}

ul#topNav li a.fale {
	background: url(imgs/faleconosco.gif) no-repeat left top;
	width: 117px;
}


ul#topNav li a.home:hover, ul#topNav li a.cart:hover, ul#topNav li a.serv:hover, ul#topNav li a.fale:hover, ul#topNav li a.local:hover {
	background-position: left -36px;
}


ul#middleNav li.req { background: url(imgs/nav2.gif) no-repeat left top; width: 93px;  }

ul#middleNav li.pesq { background: url(imgs/nav2.gif) no-repeat -92px 0px; width: 63px; }

ul#middleNav li.links { background: url(imgs/nav2.gif) no-repeat -153px 0px; width: 32px; }

ul#middleNav li.atuageo { background: url(imgs/nav2.gif) no-repeat -185px 0px; width: 125px; }

ul#middleNav li.tabela { background: url(imgs/nav2.gif) no-repeat -310px 0px; width: 104px; }

ul#middleNav li.cartorios { background: url(imgs/nav2.gif) no-repeat -414px 0px; width: 123px; }

ul#middleNav li.mensalista { background: url(imgs/nav2.gif) no-repeat -537px 0px; width: 70px; }

div.req h2 {
	text-transform: capitalize;
	font-weight: bold;
	color: #8B0001;
	font-size: 11pt;
	margin: 0px;
}
div.req p {
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 0px;
	width: 675px;
	display: block;
	float: left;
}
div.req a {
	color: #8B0001;
}

div.req a.down {
	display: block;
	width: 60px;
	height: 12px;
	text-align: center;
	padding: 32px 0px 4px;
	background: #FFF url(imgs/adobe_pdf_icon.gif) no-repeat center top;
	margin-left: 690px;
	position: relative;
	top: 0px;
}

.recfirm, .autent, .certbus, .nascimento, .averbacao, .retregciv, .recfilh, .altestciv, .optnacio, .transc, .interd, .emancipa {

}
div.conteudo {
	top: 85px;
	margin: 3px 40px 0px 0px;
	padding: 0px 0px 0px 40px;
}

div.conteudo div {
	z-index: 1000;
	color: #6c8193;
	margin: 0 0 0 241px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF;
	font-size: 10pt;
	display: none;
}
div.conteudo div.certbus {
	display: block;
}


div.conteudo h2 {
	font-size: 12pt;
	color: #8B0000;
	margin: 0px;
	padding: 0px;
}

div.conteudo h3 {
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-decoration: underline;
}
div.conteudo p {
	text-indent: 20pt;
}

div.conteudo .autlivr p {
	text-indent: 0pt;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

ul.servbl {
	float: left; /* since this element is floated, a width must be given */
	width: 218px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 10px;
	list-style: none;
	margin: 0px 0px 15px;
}
ul.servbl li {
	margin: 0px;
	text-decoration: none;
	background: url(imgs/bulle.gif) no-repeat 0px 8px;
	font-size: 10pt;
	padding: 0px 0px 0px 10px;
}

ul.servbl li a {
	color: #6c8193;
	display:block;
	width: 100%;
	text-decoration:none;
	padding: 5px 0px;
}

ul.servbl li a:hover {
	text-decoration: underline;
}
div#footer {
	background: #6F0001 url(imgs/footer.gif) no-repeat;
	height: 33px;
	margin: 0px;
	padding: 19px 0px 0px;
	width: 100%;
	color: #FFF;
	text-align: center;
	font-size: 10pt;
}