/* Principais 
------------------------------------------------- */
html { 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
}


html, body{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 12px; 
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}

.pre-header {
	width: 100%;
	height: 23px;
	background: #EBECE6;
	color: #B3B3A2;
	padding-top: 7px;
}

.data {
	width: 100%;
	max-width: 800px;
	min-width: 200px;
	margin: 0 auto;
}

.mail { float: right; }

.mail a { text-decoration: none; color: #B3B3A2; }

.mail a:hover { color: #8E8E8A; transition: color 0.3s linear; }

header {
	height: 250px;
	background-color: #F3F4F0;
	background-image: url(../images/fundo-header.png);
}

.contheader {
	width: 838px;
	height: 220px;
	margin-left: -419px;
	left: 50%;
	position: absolute;
	z-index: 4;
}

.logo {
	margin: 32px 0 0 0;
	float: left;
	position: absolute;
	z-index: 5;
	cursor: pointer;
	cursor: hand;
}

.titulo {
	margin: 10px 0 0 200px;
	position: absolute;
	z-index: 6;
}

.titulo h1 {
	font-size: 70px;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	color: #444444;
}

.titulo h2 {
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	margin: -40px 0 0 4px;
}

.container { }
.clear:before,.clear:after{content:'';display:table; }
.clear:after{clear:both;}
.clear{zoom:1;}

.menu-wrapper{ max-width:880px; margin:0 auto; }
.menu-fundo { background: #EBECE6; width: 100%; }

.corpo {
	width: 100%;
	max-width: 878px;
	min-width: 200px;
	margin: 0 auto;
}

.corpo h1 {
	text-align: left;
	font-size: 25px;
	text-transform: uppercase;
	margin: 20px 0 10px 20px;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	color: #666666;
}

.corpo h2 {
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	margin: -10px 0 0 0;
}

.corpo h5 {
	text-align: left;
	font-size: 20px;
	text-transform: uppercase;
	margin: 20px 0 10px 20px;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	color: #666666;
}

.corpo p { margin-left: 20px; text-align: justify; font-size: 14px; line-height: 150%; }

.corpo ul { text-align: justify; font-size: 14px; line-height: 150%; }

.crumbs{
	margin: 40px 0 20px 0;
	font-size: 12px;
	color: #333333;
	padding: 0 0 0 20px;
}

.crumbs a {
	text-decoration: none;
	color: #555555;
	font-weight: bold;
}

.crumbs a:hover {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}

.serv {
	width: 266px;
	height: 158px;
	/* Para Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #DADCD1, #fff) repeat-X;
    /* Para WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#DADCD1), to(#fff)) repeat-X;
    /* Para IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADCD1, endColorstr=#FFFFFFFF)";
    /* Para IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADCD1, endColorstr=#FFFFFFFF);
	margin: 40px 0 0 20px;
	float: left;
}

.icone {
	width: 266px;
	height: 107px;
	background-color: #DADCD1;
	color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
}

.icone h3 {
	font-size: 48px;
	margin-top: 0px;
	padding-top: 30px;
	height: 77px;
	text-align: center;
}

.serv h3:hover {
	background: #B8BBA6;
	text-transform: uppercase;
	transition: background-color 0.5s linear;
}

.serv h2 {
	margin: 10px 0 0 10px;
	text-transform: uppercase;
	text-align: left;
	color: #666666;
	font-size: 12px;
}

.serv h2 a {
	text-decoration: none;
	color: #666666;
}

.serv h2 a:hover {
	color: #999999;
	transition: color 0.3s linear;
}

.links {
	width: 100%;
	float: left;
	margin: 60px 0 0 0;
	padding: 40px 0 0 0;
	color: #666666;
	background-color: #F3F4F0;
}

.center-links {
	width: 100%;
	max-width: 878px;
	margin: 0 auto;
}

.links a  {
	color: #666666;
	text-decoration: none;
}

.links a:hover {
	color: #333333;
	text-decoration: underline;
}

.tjms {
	background-image: url(../images/tjms-logo.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 55px;
	height: 100px;
	width: 211px;
	float: left;
}

.selos {
	background-image: url(../images/lupa.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 55px;
	height: 100px;
	width: 211px;
	float: left;
}

.anoregms {
	background-image: url(../images/anoreg-ms.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 100px;
	height: 100px;
	width: 166px;
	float: left;
}

.anoregbr {
	background-image: url(../images/anoreg-br.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 61px;
	height: 100px;
	width: 205px;
	float: left;
}

.receita {
	background-image: url(../images/logo-receita-federal.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 83px;
	height: 100px;
	width: 182px;
	float: left;
}

.consec {
	background-image: url(../images/logo-consec.png) ;
	background-repeat: no-repeat;
	margin: 0 0 0 20px;
	padding: 0 0 0 99px;
	height: 100px;
	width: 165px;
	float: left;
}

.rodape {
	width: 100%;
	height: 300px;
	float: left;
	background-image: url(../images/fundo-rodape.png);
}

.rodape-sub {
	width: 878px;
	margin: 0 auto;
}

.rodape figure {
	border: 4px solid rgba(0,0,0,.1);	
	height: 180px;
	width: 256px;
	margin: 40px 0 0 20px;
	float: left;
}

.texto {
	color: #FFFFFF;
	float: left;
	margin: 20px 0 0 40px;
    font-size: 14px;
    line-height: 150%;
}

.texto h2 {
	font-size: 35px;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}

.creditos {
	width: 100%;
	background-color: rgba(0,0,0,.1);
	height: 20px;
	padding: 8px 0 5px 0;
	text-align: center;
	color: #EBECE6;
	margin-top: 38px;
	float: left;
}

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

.creditos a:hover{
	font-weight: bold;
}

.form-contato {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: #F3F4F0;
	padding: 0;
}

.form-contato h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: none;
	color:  #484B38;
	text-align: left;
	padding: 10px 0 0 0;
	margin: -20px 0 20px 40px;
}

.mapa {
	float: left;
	width: 50%;
}

/* Início do estilo de navegação
--------------------------------------------- */

.nav{ 
	height:30px; 
	position:relative; 
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
}


.nav ul, 
.nav ol, 
.nav dl, 
.nav li { 
	line-height:1.5em;
	list-style:none; 
}

/* Escondendo o menu responsivo
--------------------------------------------- */
.menu-icon { display:none; }

/* Inicio do estilo de menu normal 
--------------------------------------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul { 
	margin: 0; 
	padding: 0; 
	
}

ul.dropdown{
	float:left;
	width:100%; 
	position: relative; 
}

ul.dropdown li { 
	float: left; 
	vertical-align: middle; 
	zoom: 1; /* IE6 */
}

/* General list styling 
-------------------------------------------- */
ul.dropdown li {  
	font-size:12px; 
	text-transform:normal; 
}

/* General links styling 
-------------------------------------------- */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active { 
	text-decoration: none; 
}

ul.dropdown a, 
ul.dropdown span { 
	display: block;
	outline:none; 
	cursor:pointer; 
	padding:6px 40px; 
}

ul.dropdown ul a,
ul.dropdown ul span {  
	padding: 9px; 
}	

ul.dropdown li:hover, 
ul.dropdown li.hover { 
	position: relative; 
	cursor:pointer; 
}

/* Level I+ 
--------------------------------------- */
ul.dropdown ul { 
	display:none; 
	position: absolute;
	z-index: 598;
	width: 220px; 
	top: 100%; 
	left: 0; 
}

 
ul.dropdown li:hover > ul{ 
	display:block;
}

ul.dropdown ul li { 
	float: none;
	font-size:12px;
	font-weight: normal; 
	text-transform:none;
	position:relative; 
}

ul.dropdown ul li.hover, 
ul.dropdown ul li:hover { /* background-color:#1ABC9C; color: #fff; */ }
ul.dropdown ul li a:hover { /* color: #fff; */ }
	
/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:0; left:100%; }


/* Add trailing arrows 
---------------------------------------- */	
ul.dropdown *.sub { 
	padding-right:15px; 
	background-image: url(../images/nav-arrow-down-thin.gif); 
	background-position: 95% 50%; 
	background-repeat: no-repeat; 
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(../images/nav-arrow-right-thin.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}

/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover{  background-image: url(../images/nav-arrow-down.gif); } 
ul.dropdown ul li.sub:hover{ background-image: url(../images/nav-arrow-right.gif);  }

/* Main menu seperator 
---------------------------------------------- */																		  								  
ul.dropdown li.divider{ 
	padding:0!important; 
	margin:0; 
	border:0!important;
	display:block; 
	height:30px; 
	float:left;
	width:1px; 
}

ul.dropdown li.rtl ul { position: absolute; top: 100%; right:0; z-index: 598; left:auto; }
ul.dropdown li.rtl ul ul { top:0; right:100%; left:auto; }
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul { top:0; left:100%!important; right:auto!important; }

/* Theme settings - Change your menu colors, bgcolors, border-colors
---------------------------------------------------------------------- */

/* Theme green black */
.green-black, 
.green-black ul.dropdown { background:#EBECE6; }
.green-black ul.dropdown ul { background:#4A4E3A; } 

.green-black ul.dropdown a,
.green-black ul.dropdown a:visited,	
.green-black ul.dropdown a:hover, 		
.green-black ul.dropdown a:active, 
.green-black ul.dropdown li  { color: #B3B3A2; FONT-WEIGHT: BOLD; }

.green-black ul.dropdown li:hover, 
.green-black ul.dropdown li.hover {  background-color:#4A4E3A; color: #F5F5F3; }
.green-black ul.dropdown ul li {   border-bottom:1px solid #F5F5F3;  }

.green-black ul.dropdown ul li.hover, 
.green-black ul.dropdown ul li:hover { background-color: #4A4E3A;  color: #F5F5F3; }
.green-black ul.dropdown ul li a:hover { color: #F5F5F3; }
.green-black ul.dropdown li.divider{ background: #FFFFFF; }


/* Responsiveness 
------------------------------------- */

@media screen and (max-width: 950px) {

.titulo h1 {
	font-size: 60px;
}

.titulo h2 {
	font-size: 14px;
}

}

@media screen and (max-width: 900px) {

.corpo {
	width: 592px;
	margin: 0 auto;
}

.center-links {
	width: 592px;
	margin: 0 auto;
}

.form-contato {
	height: 900px;
}

.form-contato h1 {
	margin: -20px 0 20px 20px;
}

.mapa {
	width: 100%;
}

}

@media screen and (max-width: 898px) {

.rodape-sub {
	width: 90%;
}

	}

@media screen and (max-width: 850px) {

.titulo h1 {
	font-size: 50px;
}

.titulo h2 {
	font-size: 14px;
	margin-top: -30px;
}

.contheader {
	width: 700px;
	height: 220px;
	margin-left: -350px;
	left: 50%;
	position: absolute;
	z-index: 4;
}

}

/* All device screens < = 768px */
@media screen and (max-width: 768px) {

.contheader {
	width: 500px;
	height: 220px;
	margin-left: -250px;
	left: 50%;
	position: absolute;
	z-index: 4;
}

header {
	height: 350px;
	background-color: #F3F4F0;
	background-image: url(../images/fundo-header.png);
}

.data {
	width: 90%;
}

.logo {
	position: absolute;
	left: 50%;
	margin-left: -75px;
}

.titulo {
	position: absolute;
	top: 200px;
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
}

.titulo h1 {
	font-size: 35px;
	text-align: center;
}

.titulo h2 {
	font-size: 13px;
	text-align: center;
	margin-top: -15px;
}

.rodape {
	height: 500px;
}

.rodape figure {
	position: absolute;	
	left: 50%;
	margin-left: -132px;
}

.texto {
	position: absolute;
	text-align: center;
	width: 264px;
	left: 50%;
	margin-left: -132px;
	margin-top: 250px;
}

.texto h2 {
	font-size: 27px;
}

.creditos {
	margin-top: 468px;
}

/* Responsive menu trigger 
------------------------------------ */
.menu-icon, 
.menu-icon span, 
.menu-icon { 
	color: #fff; 
	width:100%; 
	height:30px; 
	line-height:40px; 
	padding:5px; 
	font-size:1.3em; 
	font-weight:bold; 
	cursor: pointer; 
	display:block;
	position:relative;	
}

.menu-icon span{ 
	width: 120px;
	padding:0 15px;
	padding-left:40px; 
	height:20px; 
	background:url(../images/nav-toggle.png) center no-repeat ; 
	color:#FFFFFF;
	text-align: center;
	text-indent:-999em; 
	display: inline-block;
	position:absolute;
	top:5px;
	right:5px;
	 
}

/* Style these as desired 
 * - colors, bgclors etc 
------------------------------- */
.menu-icon:hover { }
.menu-icon:hover span{ }
.menu-icon.active { }
.menu-icon.active span{ }


/* Responsive menu styling  
--------------------------------- */
.nav{ position:relative; }
.nav,
ul.dropdown, 
.menu-icon, 
.menu-icon span, 
ul.dropdown *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 	
ul.dropdown{  display:none; position: relative; top:-1px; border-top:1px solid #B8BBA6 ; }
ul.dropdown  li { position:relative; float:none; display:block; border-bottom:1px solid #B8BBA6 ;}
ul.dropdown  li li{ border-top:0;}
ul.dropdown  ul a{ padding-left:25px; }
ul.dropdown  ul ul a{ padding-left:45px; }
ul.dropdown  ul a:hover  { }
ul.dropdown  li.sub ul > li{ /*border-top:1px solid;*/ }
ul.dropdown *.sub { padding:0!important; background-image: none!important; }
ul.dropdown ul{ overflow: hidden; max-height: 0; width:auto; display:block; position: static; }
ul.dropdown ul.current { display:block; max-height:100em; }
ul.dropdown li.sub > a{ padding-right:25px; }
ul.dropdown li.sub > a.current{ background:#EFF0EC;  }
ul.dropdown li.sub > ul a.current{ background: #2F3025; border-bottom: 1px solid #FFFFFF ; }
ul.dropdown li.sub > a:after, 
ul.dropdown li.sub > a.current:after { position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em; }
ul.dropdown li.sub > a:after { content: '\002B'; }	
ul.dropdown li.sub > a.current:after { content: "\2013"; top:-2px; }	
ul.dropdown li.rtl ul, 
ul.dropdown li.ltr ul, 
ul.dropdown li.ltr ul ul, 
ul.dropdown li.rtl ul ul { position:static; }
ul.dropdown li.divider{ display:none!important; }

}


@media screen and (max-width: 610px) {

.pre-header {
	height: 46px;
}

.data { text-align: center; }

.mail { float: none; text-align: center; margin-top: 5px; }

.titulo h1 {
	font-size: 30px;
}

header {
	height: 400px;
}

.contheader {
	width: 306px;
	height: 220px;
	margin-left: -153px;
	left: 50%;
	position: absolute;
	z-index: 4;
}

.corpo {
	width: 306px;
	margin: 0 auto;
}

.center-links {
	width: 306px;
	margin: 0 auto;
}
	 
}

/* All device screens >  768px */
@media screen and (min-width: 769px) {
	/* Avoid responsive menu hiding on browser window resize 
	-------------------------------------------------------------- */
	ul.dropdown{ display:block !important ; }
	 
}

.formulario{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 50%;
	padding: 40px 0 40px 0;
}

.formulario-texto{
	width: 80px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-right:10px;
	margin: 0 0 8px 40px;
	font-size:12px;
}

.formulario-campo{
	width:300px; 
	float:left;
	margin-bottom:8px;
}

.textfield-nome{
	width:250px;
}

.textfield-ddd{
	width:40px;
}

.textfield-telefone{
	width:200px;
}

.btn-contato-enviar{
	width: 59px;
	height:18px;
	border:solid 0px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	background-image:url(../img/btn.jpg);
	font-size:12px;
}

.btn-contato-reset{
	margin-left:170px;
	width: 59px;
	height:18px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	margin-top:10px;
	font-weight:bold;
	background-image:url(../img/btn.jpg);
	border: solid 0px;
	font-size:12px;
}

.box-campo{
	width:400px; 
	float:left;
	padding-bottom:8px;
}

.area {
	width: 250px;
}

@media screen and (max-width: 900px) {

.formulario{
	width: 200px;
	padding: 40px 0 0 0;
}

.formulario-texto{
	width: 60px;
	text-align: left;
	margin: 0 0 0 20px;
}

.formulario-campo{
	width:200px; 
	float:left;
	margin-bottom:8px;
}

.textfield-nome{
	width:170px;
	margin: 0 0 0 20px;
}

.textfield-ddd{
	width:20px;
	margin: 0 0 0 20px;
}

.textfield-telefone{
	width:142px;
}

.btn-contato-enviar{
	width: 59px;
	height:18px;
	border:solid 0px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	background-image:url(../images/btn.jpg);
	font-size:12px;
}

.btn-contato-reset{
	margin-left:40px;
}

.box-campo{
	width:200px; 
}

.area {
	width: 200px;
	margin: 0 0 0 20px;
}

}