@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');



* {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	font-family: inherit;
	font-size: 100%;
}

body {
	font-size: 62.5%;
	font-family: 'Open Sans', sans-serif;
}

ol, ul { list-style: none; }
a, button { outline: none; }
a:hover { text-decoration: underline; }
table { border-collapse: collapse; border-spacing: 0; }

/* -------------|
/* - CABECALHO
/* ----- */

#wrapper-top {
	width: 100%;
	border-bottom: 15px solid #ffb332;
	background: url(../images/bkg/geral.jpg) center top no-repeat;
}

#header {
	width: 940px;
	height: 726px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	position: absolute;
	left: -99999px;
}
#header #logo {
	position: absolute;
	top: 0;
	left:-55px;
}
#header #funcef {
	position: absolute;
	top: 0;
}
#header h2 {
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 5.9em;
	color: #ffb332;
	line-height: 49px;
	position: absolute;
	top: 205px;
	left: 0;
}
#header h2 span { font-size: 0.7em; }
#header span.subtitulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.0em;
	color: #333;
	line-height: 29px;
	position: absolute;
	top: 279px;
	left: 0;
}
#header #adesao {
	width: 247px;
	height: 55px;
	position: absolute;
	top: 402px;
	left: 0;
	cursor: pointer;
	background: url(../images/btn/adesao.jpg) no-repeat;
}
#header #vantagens {
	width: 940px;
	position: absolute;
	top: 513px;
	left: 0;
}
#header #vantagens h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #ffb432;
}
#header #vantagens .anterior {
	width: 50px;
	height: 105px;
	cursor: pointer;
	position: absolute;
	top: 48px;
	left: 0;
	background: url(../images/btn/controle_a.png) 0 0 no-repeat;
}
#header #vantagens .proximo {
	width: 50px;
	height: 105px;
	cursor: pointer;
	position: absolute;
	top: 48px;
	right: 0;
	background: url(../images/btn/controle_a.png) 0 -155px no-repeat;
}
#header #vantagens .scrollable {
	width: 840px;
	height: 105px;
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 50px;
}
#header #vantagens ul {
	width: 9999em;
	height: 100%;
	position: absolute;
}
#header #vantagens ul li {
	width: 168px;
	height: 105px;
	float :left;
}
#header #vantagens ul li button {
	width: 100%;
	height: 105px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	display: block;
	text-shadow: 1px 1px 1px #0f5d7c;
	background: url(../images/btn/botao_b.png) no-repeat;
}
#header #vantagens ul li button:hover,
#header #vantagens ul li button.ativo {
	text-shadow: 1px 1px 1px #cf7a0e;
	background-position: 0 -155px;
}

/* -------------|
/* - CONTEUDO
/* ----- */

#wrapper-bottom {
	width: 100%;
	background: #004d9f url(../images/bkg/geral_rodape.png) center top repeat-y;
}
#content {
	width: 940px;
	margin: 0 auto;
	padding-top: 47px;
	overflow: hidden;
}
#content h2 {
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 5em;
	color: #ffb332;
	font-weight:800;
}

#depoimentos {
	position: relative;
	float: left;
}
#depoimentos h3 {
	padding-bottom: 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #fff;
}
#depoimentos ul { width: 520px; }
#depoimentos ul li {
	width: 100%;
	display: none;
	overflow: hidden;
	background: none !important;
}
#depoimentos ul li.ativo { display: block;  }
#depoimentos ul li img {
	margin-right: 20px;
	display: block;
	float: left;
	border: 3px solid #1b83dd;
	border-radius: 3px;
}
#depoimentos ul li .texto {
	width: 340px;
	float: left;
}
#depoimentos ul li .texto strong {
	font-weight: normal;
	font-style: italic;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	line-height: 19px;
	display: block;
}
#depoimentos ul li .texto span {
	padding-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: #fff;
	display: block;
}
#depoimentos ul li .texto p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	line-height: 19px;
}
#depoimentos .controle {
	width: 100px;
	position: absolute;
	top: 194px;
	left: 27px;
	z-index: 8900;
}
#depoimentos .controle .anterior {
	width: 50px;
	height: 49px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/btn/controle_b.png) 0 0 no-repeat;
}
#depoimentos .controle .proximo {
	width: 50px;
	height: 49px;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/btn/controle_b.png) 0 -99px no-repeat;
}
#depoimentos .controle span {
	padding-top: 54px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	display: block;
}
#depoimentos .controle span span {
	padding-top: 0;
	font-size: 1.0em;
	display: inline;
}

#simulador {
	width: 292px;
	float: right;
}
#simulador h3 {
	padding-bottom: 18px;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #fff;
}
#simulador span {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	line-height: 19px;
}
#simulador a {
	width: 292px;
	height: 55px;
	margin-top: 32px;
	text-decoration: none;
	display: block;
	background: url(../images/btn/simulacao.png) no-repeat;
}

#opcoes {
	width: 800px;
	padding: 90px 0 90px 140px;
	float :left;
	position: relative;
}
#opcoes li {
	width: 134px;
	height: 59px;
	float: left;
}
#opcoes li a,
#opcoes li button {
	width: 100%;
	height: 34px;
	padding-top: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size: 1.2em;
	color: #fff;
	text-shadow: 1px 1px 1px #367077;
	text-align: center;
	text-decoration: none;
	display: block;
	cursor: pointer;
	background: url(../images/btn/botao_a.png) 0 0 no-repeat;
}
#opcoes li button {
	height: 59px;
	padding-top: 0;
}
#opcoes li a:hover,
#opcoes li button:hover,
#opcoes li.ativo button {
	text-shadow: 1px 1px 1px #d47e17;
	background-position: 0 -109px;
}
#opcoes li .conteudo {
	width: 940px;
	position: absolute;
	top: 227px;
	left: 0;
	display: none;
}
#opcoes li.ativo .conteudo { display: block; }
#opcoes li .conteudo span {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	display: block;
}
#opcoes li .conteudo a.email {
	width: auto;
	height: auto;
	padding: 0;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #fff;
	display: inline;
	text-shadow: none;
	background: none;
}
#opcoes li .conteudo a.email:hover { text-decoration: underline; }

/* Area de conteudo escondido */

#opcoes #historia .coluna-1 {
	width: 280px;
	float: left;
}
#opcoes #historia .coluna-1 em {
	font-style: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #fff;
	line-height: 40px;
}
#opcoes #historia .coluna-2 {
	width: 600px;
	float: right;
}
#opcoes #historia .coluna-2 p {
	padding-bottom: 27px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	line-height: 27px;
}
#opcoes #historia .coluna-2 a {
	width: auto;
	height: auto;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #ffb332;
	text-shadow: none;
	display: inline;
	background: none;
}
#opcoes #historia .coluna-2 a:hover { text-decoration: underline; }
#opcoes #duvidas .coluna {
	width: 300px;
	float: left;
}
#opcoes #duvidas .coluna + .coluna { padding-left: 20px; }
#opcoes #duvidas .coluna strong {
	padding-bottom: 13px;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #fff;
	line-height: 28px;
	display: block;
}
#opcoes #duvidas .coluna strong span {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	color: #ffb332;
	display: inline;
}
#opcoes #duvidas .coluna p {
	padding-bottom: 27px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	line-height: 27px;
}
#opcoes #duvidas .coluna em {
	padding-bottom: 3px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.6em;
	color: #fff;
	display: block;
}

/*
- MODAL
*/

.modal {
	width: 500px;
	padding: 34px 60px 34px 60px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	background-color: #ffb332;
}

/*
 Botao Fechar
*/

.modal .fechar {
	width: 28px;
	height: 28px;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../images/btn/fechar.png) no-repeat;
}

/*
 Texto
*/

.modal p,
.modal ul li  {
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.4em;
	color: #fff;
	line-height: 29px;
	letter-spacing: -0.2px;
}
.modal p,
.modal ul { padding-bottom: 10px; }
.modal a {
	font-weight: bold;
	font-size: 2.4em;
	color: #fff;
	text-decoration: underline;
}
.modal p a { font-size: 1.0em; }
.modal ul { list-style: inside; }
.media { margin: 0 auto; }

/*
 Fundo
*/

#fundo {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}

/*
- ADESAO
*/

body.formulario { background: #004d9f url(../images/bkg/geral_rodape.png) center top repeat-y; }
body.formulario #wrapper-top { background: #fff; }
body.formulario #header { height: 138px; }
body.formulario #content { padding-top: 36px; }

/* Image Replacement */

.image-replace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

/* Image Replacement para Inputs */

.input-replace {
	display: block;
	content: "";
	line-height: 0;
	text-indent: -9999px;
	cursor: pointer;
	border: none !important;
}