body{
    font-family: Arial;
    font-size: 16px;
}
.wrap { max-width: 1320px; margin: 0 auto;}
#topo {
	width: 100%;
    height: auto;
    margin: 0px 0px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
#topo img { margin-left: 10px; max-width: 100%; }

#layerslider{
	background: url(../img/banner-topo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    align-content: space-between;
    flex-wrap: nowrap;
}


#layerslider h2{
	float: right;
    padding-right: 16%;
    /* padding: 1px 1px 1px 1px; */
    font-size: 52px;
    color: #ffffff;
    font-family: sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-shadow: -3px 3px 4px #00000040;
    background-color: #b40000cf;
    margin-top: 170px;
    padding-left: 30px;
    padding-bottom: 17px;
    padding-top: 17px;
    /* border-radius: 60px; */
    border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
}

#layerslider p{
	color: #fff;
    padding: 17px 52px 1px 1px;
    font-size: 32px;
    width: 39%;
    margin: 0 auto;
    clear: both;
    margin-left: 666px;
    text-shadow: -2px 2px 4px #000000a3;
    font-family: sans-serif;
    font-weight: 600;
}

#div-logo-topo {
	width: 290px;
    /* height: 100px; */
    /* float: left; */
    /* margin-top: 7px; */
}
#div-menu-topo {
	/*width: 51%; */
    /* height: 100px; */
    /* margin-right: 2%; */
    float: right;
    /* margin-top: 16px; */
}

* Menu do topo */
.nav {
	position: relative;
}
.nav ul {
	margin: 0;
	padding: 0;
	height: 100px;
}
.nav li {
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style: none;
	float: left;
}
.nav a {
	padding: 67px 10px;
	text-decoration: none;
	color: #6b6a6c;
	line-height: 100px;
}
.nav a:hover {
	color: #414143;
}
.nav .current a {
	color: #6b6a6c;
}
.nav .current a:hover { color:#414143;}

#slide-topo { width: 100%; float: left;}



.utilitarios{ width: 100%; background: #b40000; float: left; color: #FFF; text-align: center;padding:50px 0px;}
.utilitarios-2{ width: 100%; background: #ececec; float: left; color: #FFF; text-align: center;}
.utilitarios img{padding: 20px 0px;}
.utilitarios-2 img{padding: 20px 0px;}
.utilitarios h1 {font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.utilitarios-2 h1 {font-size: 24px; margin-bottom: 10px; font-weight: bold;}
.utilitarios p { line-height: 22px;}
.utilitarios-2 p { line-height: 22px;}

#sistema-personalizado, #pagamento-relatorio, #certificados { width: 33%;  float: left; position: relative;}
#configure{ width: 15%;}
#cadastre{ width: 27%;}
#finalize{ width: 22%;}
#acesse{ width: 20%;}
.mobile{display:none;}

#configure img{ max-width: 100%;}
#cadastre img{ max-width: 100%;}
#finalize img{ max-width: 100%;}
#acesse img{ max-width: 100%;}
#configure, #cadastre, #finalize,#acesse {float: left; position: relative;padding: 10px 0px; margin-left: 3%;}
#configure h1, #cadastre h1, #finalize h1 , #acesse h1 { color:#666;  }
#configure p, #cadastre p, #finalize p, #acesse p { color:#999;  }
#configure hr, #cadastre hr, #finalize hr , #acesse hr{ width: 90%; border:2px solid #333; margin-bottom: 10px; }
#idocumentos, #inewsletter, #atendimento-online, #igaleria { width: 25%; float:left; position: relative; }


#conheca-mais{width: 100%; float:left; padding: 50px 0px;}
#conheca-mais-esq{width:65%;float:left; text-align: left;}
#conheca-mais-esq img{ max-width: 100%;padding-bottom: 150px;}
#conheca-mais-esq p { font-size: 50px;  line-height: 77px;color:#7e7e7e}
#conheca-mais-dir{width:25%;float:left;}
#conheca-mais-dir img{ max-width: 100%;}
#chat{background:#bb1c1e;width:80%; padding:20px 10px;text-align:center;}
#chat a{color:#fff;text-decoration:none;font-size:30px;}

#conheca-mais-esq h2{
    font-size: 61px;
    width: 90%;
    padding: 3% 0%;
    font-weight: 600;
}


.TabControl{ width:100%; overflow:hidden; height:320px} 
.TabControl #header{ width:100%; overflow:hidden; cursor:hand;} 
.TabControl #header h1{font-weight:bold;color:#b40000;font-size:18px;padding-bottom:10px;} 
.TabControl #content{ width:100%; overflow:hidden; height:100%; } 
.TabControl .abas{display:inline;} 
.TabControl .abas li{float:left; list-style: none;} 
.aba{width:150px; height:30px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#b71e20; color:white; } 
.aba span{font-size:16px;}
.ativa{width:150px; height:30px;  border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#eee; } 
.ativa span, .selected span{color:#999;} 
.TabControl #content{background:#eee;} /*cor caixa central*/
.TabControl .conteudo{width:100%; background:#eee; display:none; height:100%;color:#999;} /*cor caixa central*/
.selected{width:150px; height:30px; border-radius:5px 5px 0 0; text-align:center; padding-top:5px; background:#eee;}


#form_login{width:280px; height:260px; margin:0 auto; margin-top:20px; margin-left:23px;}
#form_login label{display:block; font:bold 12px Arial;}
#form_login input{width:260px; height:34px; font-size:16px; line-height:34px; margin-bottom:10px;}
#form_login button{width:215px; height:53px; position: absolute; margin-left:25px; background:url(../images/bg-bt1.jpg) left top no-repeat; border:none; font:bold 14px Arial; color:#FFF;}
#form_login button:hover{color:#000;}

#depoimento{width:100%;min-height:50px;float:left;margin-top:20px;}

#contato { padding: 50px 0px 80px 0px; float: left; width:100%; }
#contato-wrap {max-width: 1320px;margin: 0 auto;}
#contato-parte1{width: 20%; float:left;}
#contato-parte2{width: 23%; float:left; margin-left:5%;}
#contato-parte3{width: 32%; float:left; margin-left:5%;min-height: 320px;}
#contato-parte4{width: 15%; float:right; text-align: center;}
#contato-parte5{width: 15%; float:right; text-align: center;}
#contato-parte6{width: 15%; float:right; text-align: center;}
#contato{background:#bb1c1e;}
#contato h1{color:#FFF; font-size: 24px; font-weight: bold;}
#contato p{ font-size: 12px;}
#contato-parte1 li {margin:5px 0px;}
#contato-parte1 img { max-width: 100%;}
#contato-parte1 hr {
	margin-top: 30px;
    margin-bottom: 30px;
}
#contato-parte1 a {color:#FFF; text-decoration: underline; font-size: 12px}
.redesocial{ max-width: 42px; margin-right: 10px; }
#contato-chat-rd{margin:45px 0px}
#contato-parte2 input, #contato-parte2 textarea {  margin: 2px 0px; padding: 0px; border: 1px solid #666;font-family:Arial;}
.input-contato { width: 100%; height: 30px;}
.textarea-contato { width: 100%;}
.botao-contato { width: 100%; height: 40px; background:#498BF4; cursor: pointer;}
#contato-parte3 p {color:#FFF;margin-bottom: 7px;}
#contato-parte3 h1 {margin-bottom: 5px;}
#mapa-ideal{max-width: 99%;}
#contato-parte3 a { color: #FFF;}


#msg_contato { font-size: 12px;}
.darkred { color: #FF0000; }
.darkgreen { color: #00FF00; }












#preview{position:absolute;border:1px solid #ccc;background:#333;padding:5px;display:none;color:#fff;}
/*#preview img {max-width: 100%;}*/

#comece_ja { width: 100%; margin-bottom: 50px;float:left;}
#comece_ja_topo { width: 100%; margin-top: 50px; margin-bottom: 50px;}
#comece_ja_topo h1 { font-size: 50px; color: #333;}
#comece_ja_topo p { font-size: 24px; color: #666;}
#opcoes_escolha_site { width: 1304px; height: 50px; border-bottom: 2px solid #666; margin: 0 auto; }
#opcoes_escolha_site_1, #opcoes_escolha_site_2, #opcoes_escolha_site_3 { width: 149px; border-left: 2px solid #666; border-top: 2px solid #666; float: left; font-size: 18px; text-align: center; line-height: 48px; cursor: pointer; }
#opcoes_escolha_site_2 {  border-right: 2px solid #666; }
.opcoes_escolha_site_ativo { height: 50px; border-bottom: 0px;  background: #FFF; color: #000; }
.opcoes_escolha_site_nativo { height: 48px; border-bottom: 2px solid #666;  background: #777; color: #FFF; }
#escolha_site { width: 100%; height: 550px; clear: both;}
#escolha_site_parte1 { width: 1300px; height: 550px; border: 2px solid #666; border-top: 0px; margin: 0 auto; }
#seta_esquerda, #seta_direita { width: 27px; height: 100%;}
#seta_esquerda { background: url('../img/seta_esquerda.png') no-repeat center; float: left; cursor: pointer;}
#seta_direita{ background: url('../img/seta_direita.png') no-repeat center; float: right; cursor: pointer;}
#escolha_de_site { width: 1240px; height: 100%; float: left; overflow: hidden; z-index: 998;}

#conteudo_escolha_de_site_cont { margin-left: 0px;clear:both;}
#conteudo_escolha_de_site_juri { display:none; }
#conteudo_escolha_de_site_exclu { display:none; }
.conteudo_escolha_de_site { margin-left: 0px;}
.conteudo_escolha_de_site_linha1_cont, .conteudo_escolha_de_site_linha2_cont, .conteudo_escolha_de_site_linha3_cont,
.conteudo_escolha_de_site_linha1_juri, .conteudo_escolha_de_site_linha2_juri, .conteudo_escolha_de_site_linha3_juri,
.conteudo_escolha_de_site_linha1_excl, .conteudo_escolha_de_site_linha2_excl, .conteudo_escolha_de_site_linha3_excl
 { clear: both;}
 
 
 /*Solicitado para aparecer no maximo 4 colunas*/
#opcoes_escolha_site {width: 1054px;}
#escolha_site_parte1 { width: 1050px;}
#escolha_de_site { width: 990px;  }


#box-form-rd{
	background: #fff;
    width: 300px;
    position: absolute;
    top: 220px;
    left: 145px;
    min-height: 297px;
    z-index: 9999999;
    padding: 20px 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 2px 28px 3px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 2px 28px 3px rgba(0,0,0,0.75);
    box-shadow: -3px 4px 15px 0px rgb(0 0 0 / 35%);
}
#box-form-rd h1{
	color: #2a2a2a;
    font-size: 1.5em;
    text-align: center;
    margin: 0 auto;
    line-height: 25px;
    font-weight: 600;
    padding-bottom: 20px;
}
#box-form-rd input{
	min-height: 20px;
    width: 100%;
    margin: 5px auto;
    color: #2a2a2a;
    font-size: 15px;
    padding: 8px 0px;
    text-align: center;
}
#bt_submit{
	cursor: pointer;
    background: #b40000;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    margin: 10px 15%;
    width: 200px;
    border-radius: 90px;
    border: none;
    font-size: 1.15em;
}

#loadchat-2{bottom:2%!important;right:2%!important;}
.lcp-chat-icon-p1{margin-right:0!important;}

#fab-wpp{position:fixed;width:64px;right:2%;bottom:14%;z-index:9998;}
#fab-wpp .fab-action{
  transition:all 225ms ease-in-out;
  position:absolute;
  cursor:pointer;
  bottom:0;
  display:flex;
  align-items:center;
  width:64px;
  height:64px;
  background-color:#34AF23;
  border-radius:50%;
  text-align:center;
  box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
#fab-wpp .fab-action:hover{background-color:#2d991e}
#fab-wpp .fab-action i{margin:0 auto;color:#fff;font-size:2.5rem;}