@charset "UTF-8";

.content {max-width: 1104px; padding: 48px 48px 0px 48px;}
.sessao {padding-bottom: 48px;}
h1 {font-size: 2.8em; margin-bottom: 16px; color: #0C7F7C;}
h2 {font-size: 2.8em; margin-bottom: 16px; color: #0C7F7C;}
p {line-height: 1.6em; margin-bottom: 8px;}
#logo p {margin: 0px; line-height: normal;}
#destaque {background-color: #EEF5F3;}
#slogan { color: #000; }
#slogan p {margin-top: 16px; margin-bottom: 16px;}
#slogan h1 {font-size: 3.2em;}

#destaqueVideo .conteudo { width: 560px; margin: 0 auto; float: none;}
#destaqueVideo #video { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0px; float: none;}
#destaqueVideo #video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#metodosAgeis { background-color: #EEE;}
#metodosAgeis a {color: #0A6A67;}
#listaDuvidas {margin-top: 24px;}
#listaDuvidas .duvida { background-color: #FFF; background-image: url("../images/SimboloCinza.png"); background-repeat: no-repeat; background-position: 98% 10%; background-size: 32px; padding: 24px; width: 172px; height: 37px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25); margin-right: 16px; margin-bottom: 16px; }
#listaDuvidas .duvida p {line-height: 1.1em;}

#depoimentos {background-color: #FFF; width: 100%; }
#depoimentos div.esquerda {width: 312px; height: 204px; }
#depoimentos div.direita {width: 50%;}
#lista-depoimentos {padding-left: 48px;}
#lista-depoimentos .item img { vertical-align: middle;}
#lista-depoimentos .item p {margin-bottom: 8px;}
#lista-depoimentos .item img {margin-right: 8px;}
#lista-depoimentos .item p.depoImg {width: 88px; float: left; margin-bottom: 24px;}
#lista-depoimentos .item p.texto {margin-bottom: 24px; font-style: italic; float: left; width: 70%; line-height: 1.5em;}
#lista-depoimentos .item .titulo {font-weight: bold;}
#lista-numeros { margin-top: 20px; padding-left: 48px;}
#lista-numeros .item {width: 152px; font-size: .7em; background-color: #FFF; margin-right: 16px; margin-bottom: 16px; padding: 16px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25);}
#lista-numeros .item .titulo {font-size: 1.4em; margin-top: 12px;}

#conheca {background-color: #EEE; min-height: 376px; }
#conheca .esquerda {padding: 0px 0px 24px 0px; width: 460px;}
#conheca #video {width: 400px; height: 280px; float: right; background-color: cadetblue; margin: 0px 48px 0px 48px; }
#conheca #lista-beneficios { margin: 48px 0px 0px 0px; }
#conheca #lista-beneficios .item {width: 240px; min-height: 248px; background-color: #FFF; margin-right: 16px; margin-bottom: 16px; padding: 24px; border-radius: 4px; box-shadow: 0px 4px 16px rgba(129, 129, 129, 0.25);}
#conheca #lista-beneficios .item p {margin-bottom: 16px;}
#conheca #lista-beneficios .item h3 {margin-bottom: 8px;}

#instrutor {background-image: url("../images/FundoSessaoCinza.png"); background-repeat: no-repeat; background-position: 100% 50%;}
.instrutor-item {margin-top: 24px;}
#instrutor .esquerda {width: 220px;}
#instrutor .direita {width: 480px; padding-top: 8px;}
#instrutor .direita p {margin-bottom: 16px;line-height: 1.4em;}
#instrutor .direita p.nome {font-weight: bold; margin-bottom: 8px;}
#instrutor .direita p.nome img {vertical-align: bottom;}
#instrutor .direita p.cargo {color: #666;}

@media(min-width: 1200px) {
	.content {float: none; width: 1104px; margin: 0 auto;}
	
	#destaqueVideo .content {width: 100%; }
	
	#depoimentos div.direita { width: 788px;}
	#depoimentos .item p.texto {width: 648px;}
}

@media(max-width: 959px) {
	.content {padding: 24px 24px 0px 24px;}
	.sessao {padding-bottom: 24px;}
	h2 {font-size: 2em;}
	#slogan {width: auto;}
	#slogan h1 {font-size: 2.4em;}
	
	#depoimentos div.esquerda {width: 260px; height: 168px; }
	
	#lista-depoimentos {padding-left: 24px;}
	#lista-numeros {padding-left: 24px;}
	
	#conheca #video {width: 232px; height: 162px;}
	#conheca #lista-beneficios {width: auto;}
	
	#instrutor { background-image: none;}
	#instrutor .direita {width: auto;}
}

@media(max-width: 775px) {
}

@media(max-width: 619px) {
	.content {padding: 16px 16px 0px 16px;}
	.sessao {padding-bottom: 12px;}
	
	#destaqueVideo .conteudo { width: 316px; }
	
	#depoimentos div.esquerda { margin: 12px 48px 24px 12px; width: auto; height: auto;}
	#depoimentos div.direita {width: 100%;}
	#lista-depoimentos {padding-right: 24px;}
	#lista-numeros {padding: 0px; width: 100%; margin-top: 0px;}
	#lista-numeros .item { margin: 16px auto; float: none;}

	#conheca .esquerda {padding: 12px 48px 24px 12px; width: auto;}
	#conheca #lista-beneficios {width: 100%; margin-top: 0px;}
	#conheca #lista-beneficios .item {margin: 16px auto; float: none;}
	
	#instrutor .esquerda {padding: 24px 24px 0px 24px; width: 200px;}
	#instrutor .direita {padding: 24px 24px 0px 24px;}
	
	#rodape .item {padding: 0px;}
}

@media(max-width: 359px) {
	.content {padding: 16px 16px 0px 16px;}
	.sessao {padding-bottom: 16px;}
	h2 {font-size: 1.6em;}
	#slogan h1 {font-size: 1.8em;}
	
	#destaqueVideo .conteudo { width: 240px; }
	
	#metodosAgeis .content {padding: 16px 16px 0px 16px;}
	
	#depoimentos div.esquerda {width: 232px; height: 120px;}
	
	#conheca .esquerda {width: 232px;}
	
	#conheca #lista-beneficios .item {width: 180px;}
}