@charset "utf-8";
/* CSS Document */

@import url(../fonts/stylesheet.css);

/* Controle de Z-index */

/*

z-index:0
----------
bkgMapa
bkgVideo

z-index:1
----------
header

z-index:30
----------
modalResolucaoVideo

z-index:31
----------
resolucaoVideo
perguntaComResposta
conquistas

*/

.zIndex300{
	z-index:300;
}

.zIndex301{
	z-index:301;
}

.zIndex302{
	z-index:302;
}

.zIndex303{
	z-index:303;
}

.zIndex304{
	z-index:304;
}

.zIndex305{
	z-index:305;
}

.zIndex306{
	z-index:306;
}

.zIndex307{
	z-index:307;
}

.zIndex308{
	z-index:308;
}

.zIndex309{
	z-index:309;
}

.zIndex310{
	z-index:310;
}

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

* {
    font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    /*font-weight: 300;*/
    font-smooth: always;
    color: #706E5F;
}

body {
	overflow-x: hidden !important;
}

.background {
	width: 100%;
	margin: 0 auto;
	height: auto;
	border: 1px solid #e7e4e6;
	background: #e7e4e6 !important;
}

.semBackground{
	background:none !important;
}

.semBackground:hover{
	background:none !important;
}

h1{
	font-size:26px;
	padding:16px 0px;
}

section, nav{
	height:auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

.absolute0width100{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}

/* --- inputs --- */

.radioProgresso label {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/radioTopo.png") 40px 0;
	cursor:pointer;
}

.radioProgresso input[type=checkbox]:checked + label {
	background: url("../img/radioTopo.png") -18px 0;
}

.radioProgresso input[type=checkbox] {
	display: none;
}

.radioProgresso input, .radioProgresso label{
	cursor:pointer;
}

.checkbox label, .checkboxConclusao label {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../img/checkMapa.png") 40px 0;
}

.checkbox label{
	margin-bottom:5px;
}

.checkbox input[type=checkbox]:checked + label, .checkboxConclusao input[type=checkbox]:checked + label {
	background: url("../img/checkMapa.png") -18px 0;
}

.checkbox input[type=checkbox], .checkboxConclusao input[type=checkbox]{
	display: none;
}

.checkbox span, .checkboxConclusao span{
	position:relative;
	top:-6px;
	left:8px;
}

.checkbox span{
	top:-8px;
}

.perguntaAtividade span {
	float:left;
	cursor:pointer;
}

.perguntaAtividade p {
	font-size:17px;
	float:left;
	width:780px;
}

.perguntaAtividade label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../fases/fase2/img/respostaPergunta.png") 21px 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin-right:12px;	
	margin-left:22px;
}

.perguntaAtividade input[type=checkbox]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.perguntaAtividade input[type=checkbox] {
	display: none;
}

/* --- Fim inputs --- */


.topoFase1, .topoFase2, .topoFase3, .topoFase4, .topoFase5, .topoFase6, .topoFase7, .topoFase8, .topoFase9{ /* Background do Caminho e progresso das fases */
	position:relative;
	float:left;
	width:100%;
	height:auto;
	z-index:0;
}

.auxiliarDownload{ /* Background dos Objetivos de Aprendizagem e Situações-problema */
	position:relative;
	float:left;
	width:100%;
	background:#FFF;
	padding:0px;
	height:auto;
	z-index:0;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.conteudoAtividade{ /* Background dos Objetivos de Aprendizagem e Situações-problema */
	position:relative;
	float:left;
	width:100%;
	background:#FFF;
	padding:0px;
	height:auto;
	z-index:0;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}


.voltarRecursosComplementares{
	position:relative;
	margin-top:42px;
	float:right;
	right:80px;
}

.conteudoRecursosComplementares{
	position:relative;
	float:left;
	width:100%;
	background:#FFF;
	padding:0px;
	height:auto;
	z-index:0;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.conteudoRecursosComplementares h1{
	color:#5b594b;
	font-weight:bold;
	font-size:20px;
}

.conteudoRecursosComplementares h2{
	margin-top:16px;
	font-size:19px;
	color:#5b594b;
}

.referencias a:hover{
	color:#A5A396 !important;
}

.referencias a{
	text-decoration:none;
}

.conteudoRecursosComplementares span{
	color:#bcbaac;
}

.iconesSvg{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	margin-top:10px;
	margin-left:-20px;
	width:65px; 
	height:65px;
	display:block;
}

.referencias{
	position:relative;
	float:left;
	width:100%;
	height:auto;
}

.linhaSeparadora{
	position:relative;
	width:100%;
	height:3px;
	border-bottom:1px solid #bcbaac;
	float:left;
	margin:35px 0px;
}

.conteudoObjAprend{
	width: 1127px;
	margin: 0 auto;
	padding-bottom:10px;
	height:130px;
}

.listaObjAprend{ /* Lista com os objetivos de aprendizagem */
	position:relative;
	float:left;
	width:100%;
	height:auto;
	z-index:0;
}

.listaObjAprend h2{
	padding-top:33px;
	padding-bottom:4px;
	color:#10B28E;
}

.situacaoProblema{ /* Título e conteúdo da Situação Problema */
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	border-bottom:solid 1px #8C959D;
	border-top:solid 1px #8C959D;
	padding:0px;
	height:auto;
	z-index:0;
}

.Questao{ 
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	height:auto;
	z-index:0;
	padding:60px 0px;
}

.atv1Questao3 .Questao{
	padding-bottom:15px;
}

.fase1conclusao .Questao, .atv2Conclusao .Questao, .atv3Conclusao .Questao, .atv4Conclusao .Questao{
	padding-bottom:40px;
}

.fase1questao1 h3, .fase1questao1 p, .fase1questao2 h3, .fase1questao2 p, .atv1Questao3 h3, .atv1Questao3 p, .atv2Questao1 h3, .atv2Questao1 p, .atv2Questao2 h3, .atv2Questao2 p, .atv3Questao1 h3, .atv3Questao1 p, .atv3Questao2 h3, .atv3Questao2 p, .atv4Questao1 h3, .atv4Questao1 p, .atv4Questao2 h3, .atv4Questao2 p, .fase5Questao2 h3, .fase5Questao2 p, .fase6questao1 p, .fase6questao1 h3, .fase9Questao1 h3, .fase9Questao1 p{
	margin-bottom:30px;
}

.atv2Questao2 .Questao, .atv3Questao1 .Questao, .atv3Questao2 .Questao, .fase5Questao2 .Questao, .fase9Questao1 .Questao{
	padding-bottom:10px;
}

.atv4Questao1 .Questao, .atv4Questao2 .Questao, .fase6questao1 .Questao{
	padding-bottom:0px;
}

.atv3Questao1 .Questao, .atv3Questao2 .Questao, .atv4Questao1 .Questao, .atv4Questao2 .Questao, .fase5Questao2 .Questao, .fase6questao1 .Questao, .fase9Questao1 .Questao{
	padding-top:36px;
}

.qtdDeQuestoes{
	color:#B3B2B2;
}

.fullLine{
	position:relative;
	float:left;
	text-align:center;
	width:100%;
	border-top:1px solid #afada3;
	margin:0px;
	padding-top:14px;
	padding-bottom:5px;
	font-size:15px;
	color:#5b594b;
}

.fullLine span{
	margin:0px 20px;
}

.atv2Questao1 .fullLine{
	border:none;
	margin:0px;
	margin-top:-22px;
	top:34px;
}

.inputsAtividades{
	width:108px;
	padding:3px 12px;
	height:30px;
	margin:0px 40px;
	border-radius:4px;
	text-decoration:none;
	border: 1px solid #9B9C9D;
}

.inputsAtividades:disabled, selectAtividades:disabled{
	background:#E8E8E8;
	color:#000;
}

.selectAtividades{
	text-decoration:none;
	width:133px;
	padding:3px 6px;
	background:#fff;
	height:38px;
	margin:0px 40px;
	border-radius:4px;
	border: 1px solid #9B9C9D;
}

.conteudoSituacaoProblema {
	width: 1127px;  
	margin: 0 auto;
	height:auto;
}

.conteudoAtvQuestao, .conteudoAtvConclusao{
	width: 1127px;  
	margin: 0 auto;
	height:auto;
	line-height:160%;
}

.conteudoAtvQuestao p{
	margin:10px 0px;
}

.conteudoAtvQuestao{
	padding-bottom:20px;
}

.conteudoAtvConclusao h1, .conteudoAtv2Conclusao h1, .conteudoAtv3Conclusao h1, .conteudoAtv4Conclusao h1{
	position:relative;
	width:100%;	
	font-size:21px;
	color:#706e5f;
	margin-top:-36px;
	margin-bottom:10px;
	text-align:center;
}

.conteudoAtvConclusao h2, .conteudoAtv2Conclusao h2, .conteudoAtv3Conclusao h2, .conteudoAtv4Conclusao h2{
	color:#706e5f;
	font-size:17px;
	margin-bottom:26px;
	margin-top:-10px;
	text-align:center;
}

.conteudoAtvConclusao .checkboxConclusao span, .conteudoAtv2Conclusao .checkboxConclusao span, .conteudoAtv3Conclusao .checkboxConclusao span, .conteudoAtv4Conclusao .checkboxConclusao span{
	color:#afaeae;
	font-size:17px;
}

.conteudoAtvConclusao .checkboxConclusao, .conteudoAtv2Conclusao .checkboxConclusao, .conteudoAtv3Conclusao .checkboxConclusao, .conteudoAtv4Conclusao .checkboxConclusao{
	text-align:center;
	margin-top:-10px;
}

.conteudoCentralizado{
	width: 1127px;  
	margin: 0 auto;
	height:auto;
	padding:18px 0px;
}

.fase1questao1 .destaqueVideo h2, .fase1questao1 .destaqueVideo p, .fase1questao2 .destaqueVideo h2, .fase1questao2 .destaqueVideo p, .atv1Questao3 .destaqueVideo h2, .atv1Questao3 .destaqueVideo p,
.atv2Questao1 .destaqueVideo h2, .atv2Questao1 .destaqueVideo p{
	color:#fff;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	width:600px;
	margin-bottom:20px;
	float:left;
}

.fase1questao2 .inputsAtividades{
	width:60px;
	height:35px;
	margin:0px 15px;
	border-radius:4px;
	text-decoration:none;
	border: 1px solid #9B9C9D;
}

.videoAtv1{
	position:relative;
	float:right;
	margin-top:-30px;
}

.esqSitProblema{
	position:relative;
	float:left;
	height:80px;
	width:730px;
	padding-bottom:20px;
}

.esqSitProblema h2{
	padding-top:22px;
	padding-bottom:4px;
}

.btnDownload, .btnConfiguracao{
	position:relative;
	float:right;
	border:solid 1px #8C959D;
	border-top:0px;
	border-bottom:0px;
	height:100px;
	width:100px;
	text-align: center;
	cursor:pointer;
}

.btnConfiguracao{
	border-right:none;
}

.btnDownload img{
	margin-top:26px;
	width:52px;
}

.btnConfiguracao img{
	margin-top:26px;
	width:65px;
}

.modalResolucaoVideo{
	position:absolute;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	top:-72px;
	left:12px;
	width:78px;
	z-index:100;
}

.modalResolucaoVideo object{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 70px;
	z-index: 99;
}

.resolucaoVideo{
	position:absolute;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	color:#fff;
	top:0px;
	left:2px;
	font-size:12px;
	padding:10px;
	text-align:center;
	z-index:101;
}

.resolution{
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
    align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
}

.resolucaoVideo input{
	position:relative;
	float:left;
	clear:both;
	margin-bottom:4px;
	margin-right:4px;
}

.resolucaoVideo label{
	cursor: pointer;
	color:#fff;
}

.resolucaoVideo p{
	position:relative;
	float:left;
	color:#fff;
}

.contFase2questao2, .contFase5questao2, .contFaseQuestao{
	position:relative;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding-top:40px;
}

.contFase2questao2 img, .contFase5questao2 img, .contFaseQuestao img{
	float:left;
	position:relative;
	margin-bottom:40px;
}

.contFaseQuestao img{
	position:relative;
	margin-left:-100px;
}

.contFase2questao2 span, .contFase5questao2 span, .contFaseQuestao span{
	float:left;
	position:relative;
	color:#fff;
	padding:4px 12px;
	margin-right:200px;
}

.pFase2caso1, .pFase5caso1, .pFaseCaso{
	float:left;
	position:relative;
	margin-top:44px;
	width:384px;
	height:auto;
	line-height:180%;
}

.atv3Questao2 .pFase2caso1, .fase5Questao2 .pFase5caso1{
	margin-top:0px;
}

.bkgDestaque #prev, .bkgDestaque #next{
	background:#cecdbc;
}


/* --- Topo do site --- */

header {
	position:relative;
	float:left;
	width:100%;
	background:#fff;
	height:auto;
	z-index:1;
}

.topoTitulo{
	width:1127px;
	height:auto;
	margin:0 auto;
	padding-bottom:26px;
}

.topoRecursosComplementares{
	  background:#f4f4ef;
}  

.recursosComplementares{
	text-decoration:none;
	position:relative;
	float:right;
	margin-top:75px;
	background:#E1E1CF;
	color:#706E5F;
	font-size:14px;
	width:210px;
	height:20px;
	padding:6px 0px;
	text-align:center;
	border-radius:8px 8px 0px 0px;

}

.recursosComplementares:hover{
	background:#D9D9C4;
}

.recursosComplementares a{
	text-decoration:none;
	cursor:pointer;
}

.barraMenuFases{
	position: relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	width:1127px;
	height:30px;
	margin:0 auto;
	padding:10px 0px;
}

.progressoFase{
	position: relative;
	width:214px;
	height:25px;
	color:#fff;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.progressoFase h2{
	color:#fff;
}

.radioProgresso{
	margin-top:-20px;
	float:right;
	cursor:pointer;
}

.breadCrumb{
    position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 910px;
	height:25px;
	color:#fff;
	padding:0px;
	margin:0px;
} 

.breadCrumb span, .breadCrumb a{
	position:relative;
	color:#fff;
	text-decoration:none;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-right:8px;	
}

.breadCrumb span:hover, .breadCrumb a:hover{
	font-weight:bold;
}

.logoUnasus{
	Padding:20px 20px 20px 0px;
	float:left;
}

.tituloTopoSite{
	padding:31px 20px 0px 20px;
	float:left;
	color:#706E5F;
}

.tituloTopoSite h1{
	font-size:18px;
	padding:0px;
}

.tituloTopoRecursosComplementares h1{
	font-size:28px;
	margin-top:5px;
	margin-left:20px;
}

.tituloTopoSite h3{
	font-size:15px;
}

.telaMapa .bkgMapa{
	border-top:solid 3px #e1e1cf;
}

/* --- Conteúdo Geral --- */

.conteudo {
	width: 100%;  /* para navegadores que não suportam calc() */
	width:1127px;  /* para suporte nativo */
	margin: 0 auto;
	padding-bottom:10px;
	height:500px;
}

.conteudoFase1q3 {
	position:relative;
	width:1277px; 
	margin: 0 auto;
	padding-bottom:10px;
	height:513px;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.conteudoFase1Conclusao, .conteudoFase2Conclusao, .conteudoFase3Conclusao, .conteudoFase4Conclusao{
	position:relative;
	width:1127px; 
	margin: 0 auto;
	padding-bottom:10px;
	padding-top:4px;
	height:auto;
	line-height:180%;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.atv2Questao2 .conteudo, .atv3Questao1 .conteudo, .atv3Questao2 .conteudo, .atv4Questao1 .conteudo, .atv4Questao2 .conteudo, .fase5Questao2 .conteudo, .fase6questao1 .conteudo, .fase9Questao1 .conteudo{
	height:auto;
}

.atv3Questao2 .botoesWidthFull .conteudo{
	text-align:left;
	height:auto;
}

.conteudoFeedback{
	position:relative;
	margin-top:18px;
}

.atv2Questao2 .conteudoFeedback{
	width:780px;
}

.atv3Questao1 .conteudoFeedback p{
	margin-bottom:26px;
}

.paragrafos{
	position:relative;
	float:left;
	width:800px;
	height:auto;
	margin-right:30px;
}

.conteudoFase1Conclusao p, .conteudoFase2Conclusao p, .conteudoFase3Conclusao p, .conteudoFase4Conclusao p{
	margin-bottom:30px;
	font-size:17px;
	width:773px;
}

.canetaConclusao{
	position:relative;
	width:294px;
	float:left;
	top:70px;
}

.premioConclusao{
	position:relative;
	width:273px;
	float:right;
	top:100px;
	right:0px;
}

.conquistas{
	position:absolute;
	top:0px;
	left:0px;
	z-index:31;
	height:264px;	
}

.fase1conclusao .premioConclusao{
	top:50px;
}

.conteudoFase1Conclusao .btnPadrao{
	position:relative;
	margin-right:30px;
}

.conteudoFase2Conclusao .btnPadrao, .conteudoFase3Conclusao .btnPadrao{
	position:relative;
	margin-right:30px;
}

.botoesWidthFull{
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	margin-top:85px;
	height:32px;
}

.bolsaPc{
	position:absolute;
	left:8px;
	top:364px;
	z-index:10px;
	width:184px;
	height:139px;
}


.bolsaEsteto{
	position:absolute;
	left:27px;
	top:151px;
	z-index:10;
	width:152px;
	height:156px;
}

.bolsaMapa{
	position:absolute;
	left:212px;
	top:68px;
	z-index:10;
	width:180px;
	height:182px;
}

.bolsaGchuva{
	position:absolute;
	left:477px;
	top:31px;
	z-index:10;
	width:118px;
	height:202px;
}

.bolsaCaderneta{
	position:absolute;
	left:658px;
	top:31px;
	z-index:10;
	width:224px;
	height:189px;
}

.bolsaOculos{
	position:absolute;
	left:907px;
	top:80px;
	z-index:10;
	width:150px;
	height:154px;
}

.bolsaCaneta{
	position:absolute;
	left:1124px;
	top:197px;
	z-index:10;
	width:53px;
	height:139px;
}

.bolsaFichas{
	position:absolute;
	left:1064px;
	top:374px;
	z-index:10;
	width:209px;
	height:132px;
}

.bkgMochila{
	position:absolute;
	margin:0 auto;
	top:341px;
	left:260px;
	width:758px;
	height:211px;
	z-index:9;
}

.mochilaDefault{
	position:absolute;
	margin:0 auto;
	top:345px;
	left:560px;
	z-index:10;
}


.conteudo10{
	width: 96px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo20{
	width: 192px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo30{
	width:288px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo40{
	width:384px;
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo50{
	width:480px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo60{
	width:576px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo70{
	width:672px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo80{
	width:768px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.conteudo90{
	width: 864px; 
	padding-bottom:10px;
	height:auto;
	float:left;
}

.destaqueVideo, .destaqueQuadrinho {
	width: 100%;  /* para navegadores que não suportam calc() */
	max-width:1127px;  /* para suporte nativo */
	margin: 0 auto;
	padding-bottom:10px;
	height:400px;
	text-align:center;
}

.umCol {
	width:100%;
	margin:0 auto;
	height:450px;
	margin-top:20px;
}

.um3col {
	position:relative;
	width: 33%;              /* para navegadores que não suportam calc() */ 
	width: calc(33% - 17px); /* para suporte nativo */
	margin: 0 10px;
	height: 200px;
	border: 1px solid black ;
	float: left;
	margin-top:20px;
}

.dois3col {
	position:relative;
	width: 66%;              /* para navegadores que não suportam calc() */ 
	width: calc(66% - 20px); /* para suporte nativo */
	margin: 0 10px;
	height: 200px;
	border: 1px solid black ;
	float: left;
  	margin-top:20px;
}

.bkgMapa{ /* background da tela de Mapa com as fases */
	position:relative;
	float:left;
	width:100%;
	background:#F4F4EF;
	padding:30px 0px;
	height:auto;
	z-index:0;
}

.fase1conclusao .bkgMapa, .atv2Conclusao .bkgMapa, .atv3Conclusao .bkgMapa, .atv4Conclusao .bkgMapa{
	height:auto;
}

.bkgDestaque{
	position:relative;
	float:left;
	width:100%;
	background:#F4F4EF;
	height:auto;
	z-index:0;
}

.bkgVideo{ /* background dos vídeos e dos quadrinhos */
	position:relative;
	float:left;
	width:100%;
	background:#605E55;
	padding:30px 0px;
	height:auto;
	z-index:0;
}

.vamosComecar{
	width:600px;
}

.mapa{
	position:relative;
	height:534px;
	width:500px;
}

#cadeado-svg{
	position:absolute;
	width:12px;
	height:15px;
	z-index:5;
}

.cadeadoFase1{
	top:171px;
	right:397px;
}

.cadeadoFase2{
	top:148px;
	right:289px;
}

.cadeadoFase3{
	top:281px;
	right:309px;
}

.cadeadoFase4{
	top:249px;
	right:229px;
}

.cadeadoFase5{
	top:202px;
	right:151px;
}

.cadeadoFase6{
	top:242px;
	right:52px;
}

.cadeadoFase7{
	top:285px;
	right:127px;
}

.cadeadoFase8{
	top:368px;
	right:107px;
}

.cadeadoFase9{
	top:423px;
	right:255px;
}

.fasesCurso{
	margin-top:60px;
	font-size:16px;
	padding-right:20px;
}

.btnSetaAvancar{
	float:right;
	margin-top:150px;
	margin-top:calc(400px - 245px);
	margin-right:-80px;
}

.btnAvancarFase{
	position:relative;
	float:left;
	width:100%; 
	padding:50px 0px;
	text-align:center;
	height:auto;
	z-index:0;
}

.btnPadrao{
	text-decoration:none;
	color:#fff;
	padding:10px 26px;
	border-radius:4px;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	cursor:pointer;
}

.fase1questao2 .btnPadrao{
	margin-left:30px;
}

.perguntaAtividade{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	clear:both;
	width:1127px;
	height:auto;
	border-bottom:1px solid #ebeced;
	padding-bottom:2px;
}

.perguntaAtividade .letraPergunta{
	background:#d6d6d0;
	padding:3px 8px;
	font-size:17px;
	float:left;
	margin-right:22px;
}

.perguntaComResposta{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	right:0px;
	width:288px;
	z-index:31;
	padding-top: 8px;
}

.perguntaComResposta object{
	width:100%;
}

.atv4Questao2 .perguntaComResposta{
	width:212px;
	margin-left: 5%;
}

.fase2Questao1 .perguntaComResposta{
	width:290px;
}

.telaFichaTecnica p{
	margin-top:16px;
}

.dirFiocruz{
	margin:0px !important;
	margin-bottom:6px !important;
	margin-top:2px !important;
}

/* --- Banner da Página Inicial --- */

.bannerInicial {
	width:100%;
	background:#F4F4EF;
	float:left;
}

.bemVindoCurso {
	width:960px;
	height:240px;
	margin:0 auto;
	padding:20px 30px 0px 30px;
}

.imgTituloBannerInicial{
	margin:0px;
	padding:0px;
	padding-top:5px;
}

.h1BannerInicial {
	font-size:18px;
	color:#706E5F;
	text-align:left;
}

.imgBannerInicial {
	width:960px;
	position:relative;
	margin:0 auto;
}

.imgBannerInicial img{
	width:100%;
	position:relative;
	margin-top:-65px;
}

.tituloBannerInicial_img1{
	display:block;
	width:520px;
}

.tituloBannerInicial_img2{
	display:none;
}

/* -- Botão Iniciar -- */

.iniciarCurso{
	background:#721F22;
	padding:6px 28px;
	border-radius:4px;
	border:none;
	color:#fff;
	position:relative;
	top:-107px;
	right:150px;
	cursor:pointer;
	text-decoration:none;
	float:right;
}

.iniciarCurso:hover{
	background:#8c2f32;
}

.atv2Questao2 .botoesWidthFull .btnPadrao, .atv3Questao1 .botoesWidthFull .btnPadrao, .atv3Questao2 .botoesWidthFull .btnPadrao, .atv4Questao1 .botoesWidthFull .btnPadrao, .atv4Questao2 .botoesWidthFull .btnPadrao, .fase5Questao2 .botoesWidthFull .btnPadrao, .fase6questao1 .botoesWidthFull .btnPadrao, .fase9Questao1 .botoesWidthFull .btnPadrao{
	position:relative;
	margin:22px;
	margin-bottom:50px;
	top:-30px;
}

.atv3Questao2 .botoesWidthFull .btnPadrao{
	margin-left:0px;
	position:relative;
	float:left;
	clear:both;
	margin-top:40px;
	margin-bottom:0px;
}

.atv3Questao2 .botoesWidthFull{
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size:17px;
	height:auto;
	margin-bottom:0px;
	margin-top:36px;
	padding-bottom:20px;
}

.atv3Questao2 .botoesWidthFull h2{
	position:relative;
	color:#7dc2ca;
	float:left;
}

.atv3Questao2 .botoesWidthFull p{
	margin:0px 0px 10px 0px;
	position:relative;
	float:left;
	clear:both;
}

.atv3Questao1 .priorizar .conteudo, .fase5Questao2 .priorizar .conteudo, .fase9Questao1 .priorizar .conteudo{
	width:850px;
}

.botoesWidthFull2{
	position:relative;
	margin-bottom:30px;
	margin-top:0px;
	float:left;
	width:100%;
	text-align:center;
	height:32px;
 }
 
 .atv3Questao1 .botoesWidthFull{
	 margin-bottom:36px;
}
 
.atv2Questao1 .botoesWidthFull .btnPadrao, .atv4Questao2 .botoesWidthFull .btnPadrao{
	margin:0px;
}

.atv4Questao1 .botoesWidthFull, .fase6questao1 .botoesWidthFull{
	margin-top:55px;
}

.atv4Questao2 .botoesWidthFull{
	margin-top:60px;
}

.atv2Conclusao .botoesWidthFull .btnPadrao, .fase1conclusao .botoesWidthFull .btnPadrao, .atv3Conclusao .botoesWidthFull .btnPadrao, .atv4Conclusao .botoesWidthFull .btnPadrao{
	position:relative;
	margin:22px;
	top:-30px;
}

.fase2Questao1 .perguntaAtividade p{
	position:relative;
}

.fase2Questao1 .perguntaAtividade .left{
	position:relative;
	top:0px;
}

.fase2Questao1 .perguntaAtividade:nth-child(3){
	margin-top:30px;
}

.fase2Questao1 .perguntaAtividade:nth-child(3) p, .fase2Questao1 .perguntaAtividade:nth-child(5) p, .fase2Questao1 .perguntaAtividade:nth-child(7) p, .fase2Questao1 .perguntaAtividade:nth-child(8) p, .fase2Questao1 .perguntaAtividade:nth-child(9) p{
	padding:8px 0px;
}

.fase2Questao1 .perguntaAtividade:nth-child(9){
	border-bottom:none;
}

.fase2Questao1 .fullLine{
	border:none;
}


.atv4Questao2 .Questao label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../fases/fase2/img/respostaPergunta.png") 21px 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin-right:22px;
	margin-top:4px;	
}

.atv4Questao2 .Questao input[type=checkbox]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.atv4Questao2 .Questao input[type=radio]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.atv4Questao2 .Questao input[type=checkbox] {
	display: none;
}

.atv4Questao2 .Questao input[type=radio] {
	display: none;
}

.atv4Questao2 .perguntaAtividade p{
	font-size:17px;
	float:left;
	width:720px;
	margin-bottom:6px;
	position:relative;
}

.atv4Questao2 .perguntaAtividade .left{
	position:relative;
	top:0px;
}

.atv4Questao2 .perguntaAtividade:nth-child(3){
	margin-top:30px;
}

.atv4Questao2 .perguntaAtividade:nth-child(3) p, .atv4Questao2 .perguntaAtividade:nth-child(4) p, .atv4Questao2 .perguntaAtividade:nth-child(5) p, .atv4Questao2 .perguntaAtividade:nth-child(12) p{
	padding:8px 0px;
}

.atv3Conclusao .botoesWidthFull{
	margin-bottom:0px;
}

.atv3Conclusao .botoesWidthFull .btnPadrao{
	position:relative;
	margin-right:36px;
	top:-26px;
}

.priorizar{
	position:relative;
	text-align:center;
	width:100%;
	float:left;
	padding:16px;
}

.primeiroPasso, .segundoPasso, .segundoPasso2{
	position:relative;
	float:left;
	padding-left:56px;
	border-left:2px solid #bbb;
}

.primeiroPasso{
	border:0px none transparent;
	margin-right:100px;
}

.segundoPasso h2, .segundoPasso p, .segundoPasso li, .segundoPasso2 h2, .segundoPasso2 p, .segundoPasso2 li{
	position:relative;
	float:left;
	clear:both;
	margin-bottom:10px;
}

.segundoPasso2{
	opacity:0.4;
}

.segundoPasso2 .btnPadrao, .segundoPasso2 .btnPadrao:hover{
	background:#bbb;
	padding:10px 46px;
	cursor:no-drop;
}

.segundoPasso label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../fases/fase2/img/respostaPergunta.png") 21px 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin-right:12px;	
}

.segundoPasso input[type=checkbox]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.segundoPasso input[type=radio]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.segundoPasso input[type=checkbox] {
	display: none;
}

.segundoPasso input[type=radio] {
	display: none;
}

.segundoPasso .btnPadrao{
	background:#7dc2ca;
	padding:10px 46px;
}

.segundoPasso .btnPadrao:hover{
	background:#6BB1B8;
}

.segundoPasso2 label{
	display: inline-block;
	width: 16px;
	height: 16px;
	background:#bbb;
	cursor:pointer;
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin-right:12px;	
	cursor:no-drop;
}

.segundoPasso2 input[type=checkbox]:checked + label{
	background-repeat:no-repeat;
}

.segundoPasso2 input[type=radio]:checked + label{
	background-repeat:no-repeat;
}

.segundoPasso2 input[type=checkbox]{
	display: none;
}

.segundoPasso2 input[type=radio]{
	display: none;
}


/* --- Conteúdo da Página Inicial --- */

/* --- Footer --- */

footer{
	width:100%;
	float:left;
	margin-top:30px;
}

.rodape{
	position:relative;
	width:1127px;
	text-align:center;
	vertical-align:center;
	margin:0 auto;
	height:60px;
}

.logoFooter{
	position:relative;
	margin:0px 18px;
	margin-bottom:30px;
}


/* --- Classes das logos do Rodapé --- */
	
	.logoRodape_unasus{
		position:relative;
		width:150px;
		margin-bottom:30px;
	}
	
	.logoRodape_fiocruz{
		position:relative;
		width:130px;
		clear:right;
		margin-bottom:30px;
	}
	
	.logoRodape_atencao{
		position:relative;
		width:115px;
		margin-bottom:30px;
		clear:left;
		top:-5px;
	}
	
	.logoRodape_educacao{
		position:relative;
		width:165px;
		clear:right;
		margin-bottom:30px;
	}
	
	.logoRodape_ministerio{
		position:relative;
		width:82px;
		clear:both;
		margin-bottom:50px;
		top:10px;
	}	

/* -- outros -- */

.casosFase{
	position:relative;
	display: -webkit-flex;
    display: flex;
	margin:0 auto;
	width:530px;
	height:23px;
	text-align:center;
}

.casosFase .case{
	-webkit-flex: 1;
    flex: 1;
}

.casosFase span{
	cursor:pointer;
}

.casosFase span:hover{
	color:#2A2929;
}

.fasesCheck{
	position:relative;
	float:left;
	clear:both;
	margin-bottom:6px;
	cursor:pointer;
}

.fasesCheck1{
	color:#afaeae;
}

.imgCheck{
	position:relative;
	float:left;
	background: url(../img/checkMapa.png) no-repeat;
	background-position: 0px 0;
	width:17px;
	height:17px;
	margin-right:7px;
	top:2px;
}

.imgCheck1{
	background-position: -18px 0;
	color:#98181A;
}

.priorizoNaoPriorizo, .vulneravelNaoVulneravel{
	position:relative;
	float:left;
	width:118px;
	height:98px;
}

.priorizoNaoPriorizo{
	background: url(../fases/fase2/img/priorizoNaopriorizo.png) no-repeat;
	background-position: 0px 0;
}

.vulneravelNaoVulneravel{
	background: url(../fases/fase3/img/vulneravelNaovulneravel.png) no-repeat;
	background-position: 2px 0;
}


.priorizoNaoPriorizo2, .vulneravelNaoVulneravel2{
	position:relative;
	float:left;
	width:153px;
	height:98px;
}

.priorizoNaoPriorizo2{
	background: url(../fases/fase2/img/priorizoNaopriorizo.png) no-repeat;
	background-position: -118px 0;
}

.vulneravelNaoVulneravel2{
	background: url(../fases/fase3/img/vulneravelNaovulneravel.png) no-repeat;
	background-position: -118px 0;
}

.priorizoNaoPriorizo_paragrafo, .vulneravelNaoVulneravel_paragrafo{
	position:relative;
	float:left;
	width:600px;
	padding-left:26px;
	font-style:italic;
	text-align:left;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.calculadoraFase3 .bkgMapa, .calculadoraFase3t2 .bkgMapa{
	padding:18px 0px;
}

.calculadoraFase3 h1, .calculadoraFase3t2 h1{
	font-size:25px;
	text-align:center;
}

.tituloCalculadora{
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-align:center;
	padding:0px;
	font-size:25px;
}

.calculadoraFase3 .conteudo, .calculadoraFase3t2 .conteudo{
	position:relative;
	width:733px;
	left:33px;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.calculadoraFase3 .conteudo p, .calculadoraFase3t2 .conteudo p{
	padding-top:28px;
	position:relative;
	float:left;
	font-size:17px;
}

.calculadoraFase3 .linhaSeparadora{
	left:-19px;
}

.calculadoraFase3t2 .linhaSeparadora{
	margin-top:20px;
}

.calculadoraFase3t2 .botoesWidthFull .btnPadrao{
	margin-right:34px;
}

.calculadoraFase3 .botoesWidthFull, .calculadoraFase3t2 .botoesWidthFull{
	margin-bottom:40px;
}

.calculadoraFase3t2 .botoesWidthFull{
	margin-top:50px;
}

.calculadoraFase3t2 .conteudo h3{
	position:relative;
	float:left;
	clear:both;
	margin-top:30px;
}

.calculadoraFase3t2 .paragrafoVulneravel{
	position:relative;
	float:left;
	width:540px;
	margin-left:34px;
	top:-22px;
}

.perguntaCalculadora span{
	position:relative;
	float:left;
}

.perguntaCalculadora p{
	font-size:17px;
	float:left;
}

.perguntaCalculadora label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../fases/fase2/img/respostaPergunta.png") 21px 0;
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	padding:2px;
	border:solid 1px #ccc;
	margin-right:12px;	
	margin-left:22px;
}

.perguntaCalculadora input[type=checkbox]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.perguntaCalculadora input[type=radio]:checked + label {
	background: url("../fases/fase2/img/respostaPergunta.png") 0px 0;
	background-repeat:no-repeat;
}

.perguntaCalculadora input[type=checkbox] {
	display: none;
}

.perguntaCalculadora input[type=radio] {
	display: none;
}

.perguntaCalculadora div{
	position:relative;
	float:left;
	left:-22px;
}

.pontuacaoCalculadora{
	position:relative;
	float:left;
	margin:0px;
	top:-20px;
}

.resultadosCalculadora{
	position:relative;
	float:left;
	padding:30px 0px 20px 0px;
}

.resultadosCalculadora h2{
	font-size:24px;
}

.resultadosCalculadora p{
	margin-top:-20px;
	max-width:760px;
}

.resultadosCalculadora figure{
	position:relative;
	margin-top:14px;
}

.numerosResultCalc{
	position:absolute;
	background: url(../calculadora/img/resultadoCalc.png) no-repeat;
	background-position: 0px 0;
	top:16px;
	width:28px;
	height:28px;
}

.resultCalc0{
	background-position: 0px 0;
	left:-4px;
	display:none;
}

.resultCalc1{
	background-position: -28px 0;
	left:79px;
	display:none;
}

.resultCalc2{
	background-position: -56px 0;
	left:153px;
	display:none;
}

.resultCalc3{
	background-position: -84px 0;
	left:226px;
	display:none;
}

.resultCalc4{
	background-position: -112px 0;
	left:300px;
	display:none;
}

.resultCalc5{
	background-position: -140px 0;
	left:373px;
	display:none;
}

.resultCalc6{
	background-position: -168px 0;
	left:447px;
	display:none;
}

.resultCalc7{
	background-position: -196px 0;
	left:520px;
	display:none;
}

.resultCalc8{
	background-position: -224px 0;
	left:593px;
	display:none;
}

.resultCalc9{
	background-position: -252px 0;
	left:667px;
	display:none;
}

.resultCalc10{
	background-position: -280px 0;
	left:740px;
	display:none;
}

.linhaInvizivel{
	position:relative;
	width:100%;
	height:3px;
	float:left;
	margin:6px 0px;
}

.auxiliarItalico{
	font-size:14px;
	font-style:italic;
	margin-top:10px;
	float:left;
}

.perguntaCalculadora .subtituloCalculadora{
	background:#f4f4ef;
	width:98%;
	left:-20px;
	padding:8px 0px;
	padding-left:18px;
	font-size:17px;
	float:left;
	margin-right:22px;
	margin-bottom:8px;
	font-weight:bold;
}

.perguntaCalculadora .calculadoraCondicao label{
	position:relative;
	float:left;
	clear:both;
	margin-bottom:12px;
	font-size:14px;
}

.perguntaCalculadora .calculadoraCondicao{
	font-size:14px;
}

.barraNivel{
	position:relative;
	float:left;
	height:6px;
	width:680px;
	background:#ebeced;
	margin-top:40px;
	margin-left:50px;
}

.tableNivelCalc{
	position:relative;
	float:left;
	width:850px;
	left:-20px;
}

.tableNivelCalc td{
	padding:16px 16px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
}

.tableNivelCalc .grauCalc1, .tableNivelCalc .grauCalc2, .tableNivelCalc .grauCalc3, .tableNivelCalc .grauCalc4, .tableNivelCalc .grauCalc5, .tableNivelCalc .grauCalc6{
	padding:0px;
}

.auxiliarTdNiveis{
	position:relative;
	font-size:11px;
	top:-2px;
}

.grauCalc{
	position:absolute;
	top:-17px;
	width: 28px;
	height: 28px;
	display: inline-block;
	cursor:pointer;
}

.niveisCalculadora1, .niveisCalculadora2, .niveisCalculadora3{
	position:relative;
	float:left;
	margin:5px 0px;
}

.niveisCalculadora1 span, .niveisCalculadora2 span, .niveisCalculadora3 span, .niveisCalculadora4 span, .niveisCalculadora5 span, .niveisCalculadora6 span{
	left:22px;
	margin-top:26px;
}

.grauCalc1{
	left:66px;
	background: url(../calculadora/img/niveisDificuldade.png) 144px 0;
}
.grauCalc2{
	left:220px;
	background: url(../calculadora/img/niveisDificuldade.png) 115px 0;
}
.grauCalc3{
	left:385px;
	background: url(../calculadora/img/niveisDificuldade.png) 86px 0;
}
.grauCalc4{
	left:550px;
	background: url(../calculadora/img/niveisDificuldade.png) 57px 0;
}
.grauCalc5{
	left:730px;
	background: url(../calculadora/img/niveisDificuldade.png) 28px 0;
}
.grauCalc0{
	position:absolute;
	width: 20px;
	height: 20px;
	display: inline-block;
	top:-14px;
	background: url(../calculadora/img/niveisDificuldade.png) -4px -4px;
	border:1px solid #ebeced;
	border-radius:16px;
	cursor:pointer;
}

.checkboxConclusao label{
	position:relative;
	top:-3px;
}

.atv4Questao1 .conteudo .left, .atv4Questao2 .conteudo .left{
	width:100%;
}

.atv4Questao1 .conteudo h2 , .atv4Questao2 .conteudo h2{
	color:#00708c;
	margin-bottom:24px;
}

.feedbackDestaque{
	background:#f4f4ef;
	position:relative;
	width:calc(100% - 80px);
	max-width:880px;
	height:auto;
	padding:28px 36px 20px 36px;
	margin:0 auto;
	margin-bottom:20px;
	margin-top:10px;
	border-radius:14px;
}

.atv4Questao1 .feedbackDestaque{
	margin-top:20px;
	max-width:976px;
}

.fase2Questao1 .feedbackDestaque{
	margin-top:20px;
	max-width:1100px;
}

.conteudo .feedbackDestaque p{
	margin-bottom:10px;
}

.seteErros{
	width:100%;
	margin-top:26px;
}

.seteErros, .princSeteErros, .auxSeteErros{
	position:relative;
	float:left;
}

.princSeteErros{
	margin-left:40px;
	width:708px;
	height:555px;
}

.auxSeteErros{
	background-color:#f4f4ef;
	border:1px solid #d1d1c3;
	width:69px;
	height:67px;
	margin-left:13px;
	margin-bottom:12px;
	background:url(../fases/fase4/img/objetosPeq7erros.png) no-repeat;
}

.sakate7erros{
	background-position: -2px -1px;
	background-color:#f4f4ef;
}

.sakate7errosN{
	background-position: -83px -4px;
	background-color:#f4f4ef;
}

.brinquedo7erros{
	background-position: -2px -85px;
	background-color:#f4f4ef;
}

.brinquedo7errosN{
	background-position: -83px -85px;
	background-color:#f4f4ef;
}

.fio7erros{
	background-position: -4px -164px;
	background-color:#f4f4ef;
}

.fio7errosN{
	background-position: -83px -164px;
	background-color:#f4f4ef;
}

.chinelos7erros{
	background-position: -2px -244px;
	background-color:#f4f4ef;
}

.chinelos7errosN{
	background-position: -83px -244px;
	background-color:#f4f4ef;
}

.tapete7erros{
	background-position: -2px -324px;
	background-color:#f4f4ef;
}

.tapete7errosN{
	background-position: -83px -324px;
	background-color:#f4f4ef;
}

.balde7erros{
	background-position: -2px -403px;
	background-color:#f4f4ef;
}

.balde7errosN{
	background-position: -83px -403px;
	background-color:#f4f4ef;
}

.piso7erros{
	background-position: -3px -484px;
	background-color:#f4f4ef;
}

.piso7errosN{
	background-position: -83px -484px;
	background-color:#f4f4ef;
}

.textSeteErros{
	float:left;
	width:280px;
	height:49px;
	padding-top:20px;
	margin-left:13px;
	margin-bottom:12px;
}

/* --- Fase 1 --- */

.fase1questao1 .Questao figure{
	text-align:center;
	padding:15px 0px;
	margin:10px 0px;
}

.fase1questao1 .Questao, .fase1questao2 .Questao{
	padding:50px 0px;
}

.fase1questao3 .Questao{
	padding:50px 0px 10px 0px;
}

.fase1questao3 .bkgMapa{
	padding:10px 0px 30px 0px;
}

.fase1questao1 .selectAtividades, .fase1questao1 .inputsAtividades{
	margin-right:10px;
	margin-left:15px;
}

.fase1questao1 table, .fase1questao1 table td{
	width:auto;
	height:auto;
}

.fase1questao1 table td{
	padding:12px;
	padding-left:0px;
}

.fase1questao1 table .btnPadrao{
	margin-left:30px;
}

.fase1questao1 .destaqueVideo, .fase1questao2 .destaqueVideo, .atv1Questao3 .destaqueVideo{
	text-align:left;
	height:274px;
}

/* --- Fase 1 --- */

.fase1questao3 .botoesWidthFull{
	margin-top:50px;
}


/* --- Fase 5 --- */

/* Peças de Quebra-cabeça */
.conteudoTopo{
	position:relative;
	margin:0 auto;
	width:860px;
	height:287px;
	text-align:center;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-top:36px;
}

.conteudoBottom{
	position:relative;
	margin:0 auto;
	width:1105px;
	height:256px;
	text-align:center;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

.ptsTop{
	position:absolute;
	margin:0px 10px;
	width:195px;
	height:147px;
	border-radius:10px;
	color:#51503f;
	padding-top:23px;
	z-index:40;
	font-weight:bold;
}

.ptsBottom{
	width:210px;
	height:140px;
	float:left;
	margin:13px;
	color:#51503f;
	padding:20px;
	padding-top:70px;
	border-radius:10px;
	font-size:12px;
	line-height:160%;
}

.revTop1{
	background:url(../fases/fase5/img/pecaAzul.svg) no-repeat;
	top:0px;
	left:645px;
	padding-top:36px;
}

.revTop2{
	background:url(../fases/fase5/img/pecaAzul.svg) no-repeat;
	top:200px;
	left:-90px;
	padding-top:36px;
}

.revTopBranco{
	background:url(../fases/fase5/img/pecaBranca.svg) no-repeat;
	top:200px;
	left:-90px;
}

.diagTop1{
	background:url(../fases/fase5/img/pecaVerde.svg) no-repeat;
	top:0px;
	left:430px;
}

.diagTop2{
	background:url(../fases/fase5/img/pecaVerde.svg) no-repeat;
	top:200px;
	left:185px;
}

.diagTopBranco{
	background:url(../fases/fase5/img/pecaBranca.svg) no-repeat;
	top:200px;
	left:185px;
}

.defTop1{
	background:url(../fases/fase5/img/pecaAmarela.svg) no-repeat;
	top:0px;
	left:0px;
}

.defTop2{
	background:url(../fases/fase5/img/pecaAmarela.svg) no-repeat;
	top:200px;
	left:462px;
}

.defTopBranco{
	background:url(../fases/fase5/img/pecaBranca.svg) no-repeat;
	top:200px;
	left:462px;
}

.divisaoTop1{
	background:url(../fases/fase5/img/pecaLaranja.svg) no-repeat;
	top:0px;
	left:645px;
	top:0px;
	left:216px;
}

.divisaoTop2{
	background:url(../fases/fase5/img/pecaLaranja.svg) no-repeat;
	top:200px;
	left:736px;
}

.divisaoTopBranco{
	background:url(../fases/fase5/img/pecaBranca.svg) no-repeat;
	top:200px;
	left:736px;
}

.revBottom1{
	background:#f4f4ef;
}

.revBottom2{
	background:#daede6;
}

.diagBottom1{
	background:#f4f4ef;
}

.diagBottom2{
	background:#dcf1d0;
}

.defBottom1{
	background:#f4f4ef;
}

.defBottom2{
	background:#ffee95;
}

.divisaoBottom1{
	background:#f4f4ef;
}

.divisaoBottom2{
	background:#fedba9;
}
/* Peças de Quebra-cabeça */

.fase5Questao2 .conteudoAtvQuestao .perguntaAtividade{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	width:900px;
	margin:0px auto;
	float:inherit;
}

.fase5Questao2 .perguntaAtividade{
	border-bottom:none transparent 0;
}

.fase5Questao2 .perguntaAtividade a{
	position:relative;
	width:780px;
	height:auto;
	min-height:52px;
	padding:30px;
	background:#f4f4ef;
	border-radius:8px;
	line-height:180%;
	float:left;
	cursor:pointer;
}

.fase5Questao2 .perguntaAtividade a:hover{
	background:#e7e4e6;
}

.fase5Questao2 .perguntaAtividade .letraPergunta{
	background:#d6d6d0;
}

.fase5Questao2 .botoesWidthFull{
	margin-top:65px;
}

.contFase5questao2 span{
	margin-bottom:30px;
}

.fase5Questao2 .casosFase{
	width:176px;
}

/* --- Fase 5 --- */

/* --- Fase 6 ---*/

.fase6questao1 .perguntaAtividade p{
	font-size:17px;
	float:left;
	width:600px;
	margin-bottom:6px;
	position:relative;
}

.fase6questao1 .pFaseCaso{
	width:605px;
	margin-top:0px;
	margin-bottom:36px;
}

.fase6questao1 .perguntaAtividade .left{
	position:relative;
	top:4px;
}

.fase6questao1 .perguntaComResposta{
	width:288px;
	margin-left:14.4%;
	padding-top: 8px;
}

.fase6questao1 .perguntaAtividade .perguntaSemResposta{
	float:right
}

.fase6questao1 .perguntaAtividade:nth-child(1){
	margin-top:30px;
	padding-bottom: 4px;
}

.fase6questao1 .perguntaAtividade:nth-child(1) p{
	margin-bottom:10px;
}

.fase6questao1 .letraPergunta{
	margin-left:15px;
}

.fase6questao1 .pFaseCaso p{
	margin-bottom:7px;
}

/* --- Fase 6 --- */

/* --- Fase 8 --- */

.fase8Questao1 .fullLine{
	padding-top:40px;
}

.fase8Questao1 .Questao{
	padding-top:36px;
}

.fase8Questao1 .conteudo{
	height:auto;
}

.fase8Questao1 .botoesWidthFull{
	margin-top:0px;
	margin-bottom:30px;
}

.fase8Questao1 .fullLine .perguntaAtividade{
	position:relative;
	float:left;
	width:540px;
	text-align:left;
	clear:left;
	margin-right:0px;
	margin-top:20px;
}

.fase8Questao1 .perguntaAtividade{
	display: inherit;
}

.fase8Questao1 .fullLine .perguntaAtividade:nth-child(7){
	border-bottom:none;
	margin-bottom:0px;
	padding-bottom:0px;
}

.fase8Questao1 .fullLine .perguntaAtividade p{
	width:460px;
	text-align:left;
	padding-bottom:13px;
	display:inline-block;
	line-height:1.7;
}

.fase8Questao1 .fullLine .letraPergunta{
	position:relative;
	margin-top:22px;
	margin-left:0px;
	margin-bottom:20px;
}

.fase8Questao1 .virgula{
	position:relative;
	margin-top:10px;
	font-size:18px;
	right:-12px;
}

.fase8Questao1 .virgula2{
	position:relative;
	margin-top:30px;
	right:59px;
	font-size:18px;
}

.fase8Questao1 .paragrafo2{
	position:relative;
	margin-top: -12px;
}

.respAutomaticaCpalavras1{
	position:absolute;
	right:152px;
	top:52px;
	border-bottom:solid 1px #5b594b;
	width:120px;
	height:25px;
	text-align:center;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras2{
	position:absolute;
	right:260px;
	top:52px;
	border-bottom:solid 1px #5b594b;
	width:120px;
	height:25px;
	text-align:center;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras3{
	position:absolute;
	right:44px;
	top:24px;
	border-bottom:solid 1px #5b594b;
	width:120px;
	height:25px;
	text-align:left;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras4{
	position:absolute;
	right:26px;
	top:23px;
	border-bottom:solid 1px #5b594b;
	width:176px;
	height:25px;
	text-align:left;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras5{
	position:absolute;
	right:100px;
	top:23px;
	border-bottom:solid 1px #5b594b;
	width:176px;
	height:25px;
	text-align:left;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras6{
	position:absolute;
	right:114px;
	top:0px;
	border-bottom:solid 1px #5b594b;
	width:176px;
	height:25px;
	text-align:left;
	color:#00708c;
	font-size:15px;
	padding-bottom:0px;
}

.respAutomaticaCpalavras1 span, .respAutomaticaCpalavras2 span, .respAutomaticaCpalavras3 span, .respAutomaticaCpalavras4 span, .respAutomaticaCpalavras5 span, .respAutomaticaCpalavras6 span{
	position:relative;
	top:2px;
	color:#00708c;
	font-size:15px;
}

.respAutomaticaCpalavras1 span{
	left:-2px;
}

.respAutomaticaCpalavras2 span{
	left:10px;
}

.respAutomaticaCpalavras3 span{
	left:-11px;
}

.respAutomaticaCpalavras4 span{
	width:145px;
}

.respAutomaticaCpalavras5 span{
	left:40px;
}

.respAutomaticaCpalavras6 span{
	left:42px;
}

.conteudoCacaPalavras{
	position:relative;
	float:right;
	top:0px;
	width:510px;
	height:477px;
	text-align:center;
	padding:0px;
	margin-top:0px;
}

.feedbackCacaPalavras{
	position:relative;
	background:#f4f4ef;
	padding:20px;
	border-radius:6px;
	margin-bottom:20px;
	opacity: 0;
	transition: opacity 0.7s;
}

.cacaPalavras{
	position:relative;
	width:510px;
	height:477px;
	margin-top:0px;
	padding:0px;
}

.letra {
    position: absolute;
    width: 28.8125px;
    height: 28.8125px;
    border: 1px solid #d8d8d0;
    background: #f9f9f6;
    text-align: center;
    line-height: 28.8125px;
    cursor: url(../fases/fase8/img/cursor.png), auto;
    transition: background 0.7s;
}

.letra::selection {
    background: none;
}

.letra-selecionada {
    background: #e5e1df;
    transition: background 0.7s;
}

.letra-certa {
    background: #b6e8fb;
    transition: background 0.7s;
}

.letra-errada {
    background: #f49528;
    transition: background 0.7s;
}

/* --- Fase 8 ---*/


/* --- Fase 9 --- */

.fase9Questao1 .conteudoAtvQuestao .perguntaAtividade{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	width:900px;
	margin:0px auto;
	float:inherit;
}

.fase9Questao1 .conteudoAtvQuestao h3{
	margin-bottom:12px;
}

.fase9Questao1 .perguntaAtividade{
	border-bottom:none transparent 0;
}

.fase9Questao1 .perguntaAtividade a{
	position:relative;
	width:780px;
	height:auto;
	min-height:52px;
	padding:30px;
	background:#f4f4ef;
	border-radius:8px;
	line-height:180%;
	float:left;
	cursor:pointer;
}

.fase9Questao1 .perguntaAtividade a:hover{
	background:#e7e4e6;
}

.fase9Questao1 .perguntaAtividade .letraPergunta{
	background:#d6d6d0;
}

.fase9Questao1 .botoesWidthFull{
	margin-top:65px;
}

.fase9Questao1 .contFase5questao2 span{
	margin-bottom:30px;
}

.fase9Questao1 .casosFase{
	width:176px;
}

/* --- Fase 9 --- */

.fase9Questao1 .bkgDestaque .contFase5questao2 p{
	margin-bottom:16px;
}

.fase9Questao1 .contFase5questao2 img{
	width:500px;
}

.fase9Questao1 .pFaseCaso{
	margin-top:0px;
	margin-bottom:0px;
	width:530px;
	line-height:1.6em;
	font-size:1em;
}

.fase9Questao1 .bolinhasColoridas{
	position:relative;
	float:left;
	margin-top:-16px;
	margin-bottom:30px;	
}

.fase9Questao1 .bolinhasColoridas p{
	text-align:left;
	margin:8px 0px;	
}

.fase9Questao1 .imgSinalizada{
	position:relative;
	width:720px;
	height:720px;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}

.fase9Questao1 .sinalizacoes{
	text-align:center;
}

.bolinhaVerde{
	position:relative;
	width:10px;
	height:10px;
	border-radius:25px;
	background:#65C769;
	float:left;
	margin-right:5px;
	top:6px;
}

.bolinhaAzul{
	position:relative;
	width:10px;
	height:10px;
	border-radius:25px;
	background:#1BA5E2;
	float:left;
	margin-right:5px;
	top:6px;
}

.bolinhaLaranja{
	position:relative;
	width:10px;
	height:10px;
	border-radius:25px;
	background:#FC9232;
	float:left;
	margin-right:5px;
	top:6px;
}

.fase9Questao1 .casosFase{
	width:270px;
}

.fase1questao1 .recursosComplementares, .fase1questao2 .recursosComplementares, .atv3Questao1 .recursosComplementares, .atv3Questao2 .recursosComplementares, .atv4Questao1 .recursosComplementares, .atv4Questao2 .recursosComplementares, .fase5Questao2 .recursosComplementares, .fase6questao1 .recursosComplementares{
	margin-top: 77px;
}

/* --- Media Queries --- */

@media (max-width: 1250px) 
{
		
	/* --- gerais --- */
	.clearfix:before,
	.clearfix:after {
	   content: " ";
	   display: table;
	}
	 
	.clearfix:after {
	   clear: both;
	}
	 
	.clearfix {
	   *zoom: 1;
	}
	
	img,
	picture,
	video,
	embed {
	   max-width: 100%;
	}
	
	*, *:before, *:after {
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	}
	


	/* --- específicos --- */
	.telaMapa header{
		padding:0px 40px;
	}
	
	.telaMapa .bkgMapa{
		width:100%;	
		padding:0px 40px;
	}
	
	.telaMapa .vamosComecar{
		width:520px;	
	}
	
	.telaMapa .mapa{
		left:-60px;
	}
	
}

@media (max-width: 1127px) 
{
		
	.barraMenuFases{
		width:calc(100% - 50px);
	}
	
	.breadCrumb{
		width:calc(100% - 20px);
		float:left;
	}	
		
	.mapa{
		margin-left:0px;
	}
	
	.Questao{
		width:100%;
	}
	
	.conteudoAtvConclusao{
		width:calc(100% - 50px);
	}
	
	.conteudoAtvConclusao h1, .conteudoAtvConclusao h2{
		text-align:center;
		padding:0px 15px;
	}
	
	.checkboxConclusao{
		text-align:left;
		padding:0px 20px;
	}
	
	.conteudoFase1Conclusao{
		width:calc(100% - 50px);
	}
	
	.conteudoFase1Conclusao p{
		text-align:left;
		padding:0px 15px;
	}
	
	.rodape{
		width:calc(100% - 20px);
	}

	
}

@media (max-width: 1024px) 
{
	.clearfix:before,
	.clearfix:after {
	   content: " ";
	   display: table;
	}
	 
	.clearfix:after {
	   clear: both;
	}
	 
	.clearfix {
	   *zoom: 1;
	}
	
	.topoTitulo{
		width:100%;
		padding-left:50px;
	}
	
	.telaMapa .bkgMapa{
		padding: 20px 40px;
	}
	
	.recursosComplementares{
		height:35px;
	}
	
	.telaMapa .topoTitulo{
		padding-left: 10px;
	}
	
	.telaFase1 .recursosComplementares, .fase1questao1 .recursosComplementares, .fase1questao2 .recursosComplementares, .fase1questao3 .recursosComplementares {
		margin-right: 25px;
	}
	
	.conteudoSituacaoProblema{
		width:100%;
		padding-left:30px;
	}
	
	.breadCrumb {
		width: 78%;
	}
	
	.topoFase1 {
		height: 50px;
	}
	
	.fase1questao1 .Questao{
		padding: 50px 0px;
		width:100%;
	}
	
	.fase1questao1 .bkgVideo, .fase1questao2 .bkgVideo, .fase1questao3 .bkgVideo {
		padding: 30px 26px;
	}
	
	.conteudoAtvQuestao, .conteudoAtvConclusao {
		width: 100%;
		padding-left:26px;
		padding-right:26px;
	}
	
	.fase1questao1 .destaqueVideo p, .fase1questao2 .destaqueVideo p, .fase1questao3 .destaqueVideo p{
		width: 48% !important;
	}
	
	.conteudoCentralizado {
		width: 100%;
		padding: 18px 40px;
	}

}

@media (max-width: 1011px) 
{
	
/* --- Classes das logos do Rodapé --- */
	
	.logoRodape_unasus{
		margin:0px 15px;
	}
	
	.logoRodape_fiocruz{
		margin:0px 15px;
	}
	
	.logoRodape_atencao{
		margin:0px 15px;
	}
	
	.logoRodape_educacao{
		margin:0px 15px;
	}
	
	.logoRodape_ministerio{
		margin:0px 15px;
	}	
	
	.logoRodape_ministerio{
		top:-10px;
	}
}

@media (max-width: 1000px) 
{
	
/* --- Topo do site --- */

	.logoUnasus{
		Padding-left:20px;
	}
	
/* --- Conteúdo Geral --- */

	.fasesCurso{
		margin-top:40px;
		font-size:12px;
		padding-right:20px;
		padding-left:20px;
	}
	
}

@media (max-width: 960px) 
{

/* --- Topo do site --- */

	.topoTitulo{
		float:left;
		position:relative;
		width: 100%;		
		width: calc(100% - 5px);
		height:auto;
	}
	
	.tituloTopoSite{
		padding-left:10px;
	}
	
	.tituloTopoSite h1{
		font-size:22px;
		margin-top:-10px;
	}
	
	.tituloTopoSite h3{
		font-size:14px;
	}	
		
	.logoUnasus{
		Padding-left:20px;
	}		

/* --- Conteúdo Geral --- */
	
	.conteudo {
		width: 100%;
	}
	
	.conteudo10{
		width: 10%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo20{
		width: 20%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo30{
		width:30%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo40{
		width: 40%;               
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo50{
		width:50%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo60{
		width:60%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo70{
		width:70%;
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo80{
		width:80%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}
	
	.conteudo90{
		width: 90%; 
		padding-bottom:10px;
		height:auto;
		float:left;
	}

/* --- Banner da Página Inicial --- */
	
	.bemVindoCurso {
		width: 100%;		
		width: calc(100% - 10px);
		height:auto;
		padding:17px 26px 0px 26px;
	}
	
	
	.imgBannerInicial {
		width: 100%;		
		width: calc(100% - 10px);
	}


/* --- Conteúdo Geral --- */

	.umCol {
		width: 100%;		
		width: calc(100% - 25px);
	}

	.um3col {
	  min-width:200px;
	}
	
/* --- Footer --- */

	.logoRodape_ministerio{
		top:-10px;
	}	

}

@media (max-width: 890px) 
{
	
/* --- Topo do site --- */

	.tituloTopoSite{
		float:left;
		clear:both;
		padding-left:20px;
		padding-top:0px;
	}
	
	.topoTitulo{
		height:160px;
	}	
	
	.iniciarCurso{
		right:80px;
		top:-150px;
	}	
	
	.paragrafos{
		width:calc(100% - 50px);
	}
	
	.breadCrumb{
		display:none;
	}
	
	
}	

@media (max-width: 768px) 
{
	.clearfix:before,
	.clearfix:after {
	   content: " ";
	   display: table;
	}
	 
	.clearfix:after {
	   clear: both;
	}
	 
	.clearfix {
	   *zoom: 1;
	}
	
	.iniciarCurso{
		right:10px;
	}
	
	.telaMapa .logoUnasus{
		padding-left: 0px;
		margin-left: -17px;	
	}
	
	.telaMapa .tituloTopoSite{
		padding-left:12px;
		padding-right:0px;
	}
	
	.tituloTopoSite{
		clear:right;
		padding-top: 47px;
	}
	
	.tituloTopoSite h1{
		font-size:19px;
	}
	
	.topoTitulo{
		height:106px;
		padding-left:0px;
	}
		
	.telaMapa .topoTitulo{
		padding-left: 0px;
	}
	
	.topoFase1 {
		height: 35px;
	}
	
	.recursosComplementares{
		margin-top: 22px;
		border-radius: 0px 0px 8px 8px;
		height: 35px;
	}
	
	.telamapa .recursosComplementares{
		margin-top: 22px !important;
		border-radius: 0px !important;
	}
	
	.fasesCurso{
		margin-top: 10px;
	}
	
	.telamapa .conteudo50{
		position:relative !important;
		width:100% !important;
		text-align:center !important;
	}
	
	.telamapa .mapa{
		margin:0 auto !important;
		margin-bottom: 25px;
		left:38%;
	}
	
	.progressoFase {
		height: 32px;
		float: left;
		margin-top: -7px;
	}
	
	.bkgVideo{
		padding:0px;
	}
	
	.conteudoSituacaoProblema {
		width: 100%;
		margin: 0 auto;
		height: auto;
		padding: 0px 8px 0px 20px;
	}
	
	.esqSitProblema {
		position: relative;
		float: left;
		height: 80px;
		width: 83%;
		padding-bottom: 20px;
	}
	
	.videoFase1 .bkgVideo, .videoFase2 .bkgVideo, .videoFase3 .bkgVideo, .videoFase4 .bkgVideo, .videoFase5 .bkgVideo, .videoFase6 .bkgVideo, .videoFase7 .bkgVideo, .videoFase8 .bkgVideo {
		padding:16px 0px;
	}
	
	.videoFase1 .esqSitProblema, .videoFase2 .esqSitProblema, .videoFase3 .esqSitProblema, .videoFase4 .esqSitProblema, .videoFase5 .esqSitProblema, .videoFase6 .esqSitProblema, .videoFase7 .esqSitProblema, .videoFase8 .esqSitProblema {
		width: 70%;
	}	
	
	body, section, .Questao, .conteudoAtvQuestao{
		width:100%;
	}
	
	.fase1questao1 .Questao, .fase1questao2 .Questao, .fase1questao3 .Questao {
		padding: 50px 0px 10px 25px;
	}
	
	.fase1questao1 .destaqueVideo p, .fase1questao2 .destaqueVideo p, .fase1questao3 .destaqueVideo p{
		width:36% !important;
		padding-left:20px;
		font-size:13px;
	}
	
	.fase1questao1 .destaqueVideo h2{
		padding-top:25px;
		padding-left:20px;	
	}
	
	.fase1questao1 .recursosComplementares{
		margin-top: -8px;	
	}
	
	.fase1questao1 .destaqueVideo video{
		margin-top: -61px;
		padding-right: 20px;
	}
	
	.fase1questao1 .bkgVideo, .fase1questao2 .bkgVideo, .fase1questao3 .bkgVideo {
		padding: 30px 0px;
	}
	
	.fase1questao1 .Questao, .fase1questao2 .Questao, .fase1questao3 .Questao {
		padding: 50px 0px 10px 0px;
	}
	
	.telaMapa nav{
		width:100%;
	}
	
	.telaMapa .mapa {
		left: 0;
		margin: 0 auto;
	}
	
}	

@media (max-width: 750px) 
{
	
/* --- Banner da Página Inicial --- */
	
	.h1BannerInicial {
		font-size:22px;
	}
	
	.iniciarCurso{
		right:50px;
	}
	
}

@media (max-width: 720px) 
{
	
	
	*{
		text-align:center;
	}

/* --- Topo do site --- */	
	
	.logoUnasus{
		float:none;
	}
	
	.tituloTopoSite{
		width:calc(100% - 20px);
		padding:0px 12px;
		padding-bottom:30px;
	}
	
/* --- Conteúdo Geral --- */

	.conteudo10, .conteudo20, .conteudo30, .conteudo40, .conteudo50, .conteudo60, .conteudo70, .conteudo80, .conteudo90{
		width:calc(100% - 50px);
		padding-left:25px;
		height:auto;
	}
	
	.bkgMapa{
		padding-top:0px;
	}
	
	.fasesCurso{
		margin-top:10px;
		font-size:14px;
		padding-left:calc(20% - 50px);
		padding-bottom:20px;
		padding-top:0px;
	}
	
	.fasesCurso p{
		margin-bottom:15px;
	}
	
	.fasesCurso h1, .fasesCurso p, .checkbox label, .checkboxConclusao label{
		text-align:left;
		float:left;
	}
	

/* --- Banner da Página Inicial --- */
	
	.bemVindoCurso {
		padding:0 15px;
	}	

	.bemVindoCurso {
		padding-top:17px;
	}
	
	.imgTituloBannerInicial img{
		width: 100%;		
		width: calc(100% - 80px);
		padding-left:30px;
	}
	
	.tituloBannerInicial_img1{
		display:none;
	}
	
	.tituloBannerInicial_img2{
		display:block;
	}	
	
	.h1BannerInicial {
		font-size:18px;
		width: 100%;		
		width: calc(100% - 15px);
		text-align:center;
	}
	
	.iniciarCurso{
		top:20px;
		left:0px;
		float:none;
		margin:0 auto;
		margin-top:15px;
		padding:6px 36px;
		z-index:10;
	}
	
	.imgBannerInicial{
		margin-top:10px;
		z-index:1;
	}	
	
	.imgBannerInicial img{
		margin-top:-15px;
	}
	
}

/* modal */

	.contents {
		font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    	padding: 40px;
    	overflow: auto;
		line-height: 160%;
    }

    .btn_sim {
        color: #1f7e97;
        margin-bottom: 10px;
   	}

    .btn_nao {
        color: #f15a24;
        margin-bottom: 10px;
    }

    .boxButton {
    	text-align: center;
    	padding-top: 35px;
    	width: 95%;
    }

	.btnPadrao.corPadrao.closeModal{
		background: #aaa;
	}

@media (max-width: 680px) 
{
	
/* --- Conteúdo Geral --- */

	.conteudo {
		padding-bottom:10px;
	}	

/* --- Banner da Página Inicial --- */

	.bemVindoCurso {
		padding-top:15px;
	}
	
	.imgTituloBannerInicial img{
		width: 100%;		
		width: calc(100% - 80px);
		padding-left:30px;
		padding-top:7px;
	}
	
	.h1BannerInicial {
		font-size:18px;
		padding:5px 0px;
	}	

	.imgBannerInicial img{
		width:120%;
	}	

/* --- Conteúdo Geral --- */
	
	.um3col {
		width: 100%;	  	
		width: calc(100% - 25px);
	}
	
	.dois3col {
		width: 100%;		
		width: calc(100% - 25px);
	}
	
	.fasesCurso{
		font-size:13px;
	}
	
	.telaMapa .mapa{
		left:0px;
		width:480px;
	}
	
	.progressoFase{
		margin:0px;
		padding:0px;
	}
	
	.barraMenuFases{
		padding:10px 10px;
	}
	
	.recursosComplementares{
		margin-top:0px;
		height:31px;
	}
	
	.bkgVideo{
		padding:0px;
	}
	
	.conteudoSituacaoProblema{
		width:100%;
	}
	
	.esqSitProblema{
		width:80%;
	}
	
	.btnDownload{
		width:20%;
	}
	
	.auxiliarDownload{
		font-size:13px;
	}
	
	.auxiliarDownload h2{
		font-size:15px;
	}	
	
	
/* --- Footer --- */

		
}

@media (max-width: 650px) 
{
		
/* --- Footer --- */

	
	
/* --- Footer --- */

		
}


@media (max-width: 563px) 
{
	
/* --- Topo do site --- */
	
	.topoTitulo{
		height:190px;
	}
	
	.topoFase1, .topoFase2, .topoFase3, .topoFase4, .topoFase5, .topoFase6, .topoFase7, .topoFase8, .topoFase9{
		height:auto;
	}
	
	.barraMenuFases{
		font-size:12px;
		padding:10px 40px;
		height:auto;
	}
	
	.breadCrumb{
		position:relative;
		float:left;
	}
	
	.progressoFase{
		position:relative;
		float:left;
		width:100%;
		margin-top:20px;
		text-align:left;
	}
	
	.progressoFase h2{
		position:relative;
		float:left;
		text-align:left;
		margin-right:20px;
	}

	.radioProgresso{
		position:relative;
		width:auto;
		top:20px;
		float:left;
	}
	
	.recursosComplementares{
		margin-top:65px;
	}
	
	.conteudoAtvConclusao h1{
		margin-bottom:20px;
	}
	
	.canetaConclusao{
		margin:-30px 0px 50px 60px;
	}
	
	.botoesWidthFull{
		margin-bottom:30px;
	}
	
}


@media (max-width: 480px) 
{

	*{
		text-align:center;
	}
	
	h1{
		font-size:16px !important;
	}
	
	h3{
		font-size:13px !important;
	}
	
	.topoTitulo{
		height:170px;
	}

/* --- Topo do site --- */	
	
	.logoUnasus{
		Padding:23px 20px 20px 0px;
		float:none;
	}	
	
	.tituloTopoSite h1{
		font-size:20px;
		margin-top:-10px;
	}
	
	.tituloTopoSite h3{
		margin-top:8px;
	}	
	
	.topoTitulo figure img{
		width:160px;
	}
	
/* --- Banner da Página Inicial --- */
	
	.imgBannerInicial img{
		width:145%;
	}
	
	.imgTituloBannerInicial img{
		width: 100%;
		width: calc(100% - 35px);
		padding-left:15px;
	}
	
	.iniciarCurso{
		font-size:14px;
	}	
	
	.bemVindoCurso{
		padding:10px 8px;
	}
	
	.telaMapa .vamosComecar, .telaMapa .conteudo50, .telaMapa section{
		padding:0px;	
	}
	
	.telaMapa .bkgMapa{
		padding:0px;
	}
	
	.telaMapa header{
		font-size:12px;
		padding:0px 10px;
	}
	
	.telaMapa .vamosComecar{
		width:480px;
	}
	
	.fasesCurso{
		font-size:13px;
	}
	
	.telaMapa .mapa{
		left:0px;
		width:480px;
	}
	
		
}

@media (max-width: 424px) 
{
	
/* --- Topo do site --- */
	
	.topoTitulo{
		height:200px;
	}
	
}

@media (max-width: 360px) 
{

/* --- Topo do site --- */	
	
	.tituloTopoSite h1{
		font-size:18px;
	}
	
	.tituloTopoSite h3{
		font-size:13px;
	}
	
/* --- Banner da Página Inicial --- */

	.imgTituloBannerInicial img{
		width: 100%;
		width: calc(100% - 25px);
		padding-left:10px;
	}	

}


/* --- SVG Mapa --- */
.st0,.st0:hover{fill:#E2E2CF;}
.st1{fill:#FFFFFF;}
.st1:hover{fill:#FFFFFF;}
.Map_um{fill:#E2E2CF;}
.Map_dois{fill:#E2E2CF;}
.Map_tres{fill:#E2E2CF;}
.Map_quatro{fill:#E2E2CF;}
.Map_cinco{fill:#E2E2CF;}
.Map_seis{fill:#E2E2CF;}
.Map_sete{fill:#E2E2CF;}
.Map_oito{fill:#E2E2CF;}
.Map_nove{fill:#E2E2CF;}
.fase1,.fase1:hover{fill:#22AF8D;}
.st3,.st3:hover{fill:#139B7A;}
.st4{font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;}
.st5{font-size:18.9441px;}
.fase3,.fase3:hover{fill:#7EC3CA;}
.st7,.st7:hover{fill:#53ABAF;}
.fase4,.fase4:hover{fill:#D68770;}
.st9,.st9:hover{fill:#BC6B58;}
.fase5,.fase5:hover{fill:#7B72B3;}
.st11,.st11:hover{fill:#5D579A;}
.fase6,.fase6:hover{fill:#BC9449;}
.st13,.st13:hover{fill:#A17A33;}
.fase7,.fase7:hover{fill:#9DAF66;}
.st15,.st15:hover{fill:#7E8E44;}
.fase8,.fase8:hover{fill:#DA7290;}
.st17,.st17:hover{fill:#AB5878;}
.fase9,.fase9:hover{fill:#5B7FA2;}
.st19,.st19:hover{fill:#42698A;}
.fase2,.fase2:hover{fill:#CF883A;}	
.st21,.st21:hover{fill:#E79E3F;}	

.setaBread{
	position:relative;
	width:8px;
	height:14px;
	padding-right:14px;
}

.setaBread object{
	position:relative;
	margin:auto;
	width:8px;
	height:100%;
}

/* --- Classes/Cores --- */

.corPadrao{background:#ebeced;}
.corPadrao:hover{background:#cecece;}
.corNeutra{background:#a09f85;}
.corNeutra:hover{background:#8A8971;}
.corFase1{background:#21AF8C;}
.fonteFase1{color:#21AF8C;}
.topoFase1{background:#21AF8C;}
.corFase1:hover{background:#168E71;}
.corFase2{background:#E79E3F;}
.fonteFase2{color:#E79E3F;}
.topoFase2{background:#E79E3F;}
.corFase2:hover{background:#D58D2F;}
.corFase3{background:#7EC3CA;}
.fonteFase3{color:#7EC3CA;}
.topoFase3{background:#7EC3CA;}
.corFase3:hover{background:#6BB1B8;}
.corFase4{background:#D68770;}
.fonteFase4{color:#D68770;}
.topoFase4{background:#D68770;}
.corFase4:hover{background:#C4755E;}
.corFase5{background:#7B72B3;}
.fonteFase5{color:#7B72B3;}
.topoFase5{background:#7B72B3;}
.corFase5:hover{background:#685FA1;}
.corFase6{background:#BC9449;}
.fonteFase6{color:#BC9449;}
.topoFase6{background:#BC9449;}
.corFase6:hover{background:#AC8439;}
.corFase7{background:#9DAF66;}
.fonteFase7{color:#9DAF66;}
.topoFase7{background:#9DAF66;}
.corFase7:hover{background:#86984E;}
.corFase8{background:#DA7290;}
.fonteFase8{color:#DA7290;}
.topoFase8{background:#DA7290;}
.corFase8:hover{background:#C45978;}
.corFase9{background:#5B7FA2;}
.fonteFase9{color:#5B7FA2;}
.topoFase9{background:#5B7FA2;}
.corFase9:hover{background:#476A8C;}

.corPriorizo{background:#ebeced;color:#7faf3a;}
.corPriorizo:hover{background:#dbdbdb;}
.corNaoPriorizo{background:#ebeced;color:#ed454d;}
.corNaoPriorizo:hover{background:#dbdbdb;}


/* --- Página Slide --- */
@keyframes show {

	0% {
		opacity: 0;
	}
			
	100% {
		opacity: 1;
	}
			
}		

#next, #prev {
	position: absolute;
	top: 36.31578947%;
	width: 37.875px;
	height: 60px;
	background: #7f7d72;
	cursor: pointer;
	padding:16px 16px 12px 16px;
	opacity:0.95;
}
#next {
	right: 0;
}
#next:before{
	content:url(../img/setaDireita.png);
	position:relative;
}
#prev:before{
	content:url(../img/setaEsquerda.png);
	position:relative;
}

/* --- Plugin modal --- */
@keyframes modal-entrar {

    0% {
        top: -50%;
        opacity: 0;
    }
    100% {
        top: 47%;
        opacity: 1;
    }

}

@keyframes modal-entrarPercentage {

    0% {
        top: -300%;
        opacity: 0;
    }
    100% {
        top: 5%;
        opacity: 1;
    }

}

@keyframes modal-sairPercentage {

    0% {
        top: 0;
        opacity: 1;
    }
    100% {
        top: -300%;
        opacity: 0;
    }

}

@keyframes modal-sair {

    0% {
        top: 50%;
        opacity: 1;
    }
    100% {
        top: -50%;
        opacity: 0;
    }

}

@keyframes open-background {

    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }

}

@keyframes close-background {

    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }

}

.simbolo {
    animation: rotate 6s linear 0s infinite;
	width:100%;
}

@keyframes rotate {
    
    0% { 
        transform: rotate(0deg);
    }
            
    50% {
        transform: rotate(180deg);
    }
            
    100% {
        transform: rotate(360deg);
    }

}

@keyframes balenc {

    0% { 
        transform: translate(-10px, 0);
    }

    25% { 
        transform: translate(10px, 0);
    }

    50% { 
        transform: translate(-10px, 0);
    }

    75% { 
        transform: translate(10px, 0);
    }

    100% {
        transform: translate(0, 0);
    }
            
}

/* cor da legenda do cursor by Darlan */
::cue {
   color: #c9c324;
   background: transparent;
   text-shadow: 1px 1px 0.5px #000;
}

/* animação de introdução do primeiro quadrinho fase1 tela1 */
@keyframes up-disc {

	0% {
		top: 95%;
	}

	100% {
		top: 60%;
	}

}

@keyframes move-man {


	0% {
		left: -20%;
	} 

	100% {
		left: 33%;
	}

}

@keyframes move-woman {

	0% {
		left: 100%;
	}

	100% {
		left: 50%;
	}

}

/*
	li-downlaod 
*/

.li-download {

	text-align: center;
	list-style-position: inside;
	list-style-type: square;

}

.li-download a {

	text-decoration: none;

}

.li-download a:hover {

	text-decoration: underline;

}