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

/* -- Design Responsivo -- */
body {
   font-size: 62.5%;
   overflow-x: hidden;
}

img {
   max-width: 100%;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

.clearfix {
   *zoom: 1;
}

sup {
	vertical-align: super;
	font-size: smaller;
}

img,
picture,
video,
embed {
   max-width: 100%;
}

*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* -- Cores -- */
.fontColorCinza{
	color:#808b9f !important;
}

.fontColorLaranja{
	color: #ef826e !important;
}

.bkgColorCinza{
	background:#e4e9ef !important;
}

.bkgColorLaranja{
	background:#ef826e !important;
}

.bkgColorCinza input:hover, .bkgColorCinza button:hover, .bkgColorCinza a:hover{
	background:#808b9f !important;
}

.bkgColorLaranja input:hover, .bkgColorLaranja button:hover, .bkgColorLaranja a:hover{
	background:#DD6F5A !important;
}


/* -- Gerais -- */
body{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

header, section, .conteudoCentralizado{
	position:relative;
	margin:0 auto;
	width:1128px;
	height:auto;
	clear:both;
}

h1, h2, h3, h4, h5, p, input{
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:normal;
}

.left{
	float:left !important;
}

.left2{
	float:left !important;
}

.right{
	float:right !important;
}

/* -- Conteudo -- */
header{
	padding-top:22px;
}

.homeImg{
	position:relative;
	width: 750px;
	height: auto;
	margin:0 auto;
	margin-top:36px;
	margin-bottom:36px;
}

.home .btnHome{
	width:165px;
	position:relative;
	height:37px;
	margin:0 auto;
	margin-top:36px;
	margin-bottom:72px;
}

.home .btnCasoGrande{
	position:relative;
	float:left;
	padding:2px 32px 16px 32px;
	color:#fff;
	font-size:1.3em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:300;
	margin:0px;
	border-radius:22px;
}

.logo{
	position:relative;
	float:left;
	margin-right:76px;
}

.tituloCurso{
	position:relative;
	float:left;
	width:auto;
	height:auto;
	max-width:100%;
	font-size:3.2em;
	color:#808b9f;
	top:-5px;
	font-weight:100;
}

.barraMenu{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-size:1.7em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:normal;
	padding:22px 0px;
	margin-top:12px;
}

.barraMenu a{
	color:#5f6e82;
	margin-right:56px;
}

.barraMenu a:hover{
	color:#303843;
	padding-bottom:14px;
	padding-top:18px;
	border-bottom:5px solid #5f6e82;
	background:#e4e9ef !important;
}

.conteudo{
	position:relative;
	margin:0 auto;
	width:1128px;
	height:auto;
}

.casoPadrao .conteudo{
	width:600px;
}


/* -- Imagem do caso --*/
.imgCaso{
	position:relative;
	float:right;
	width:162px;
	height:162px;
	border:1px solid #a0abba;
	border-radius:200px;
	margin-top:20px;
	text-align:center;
	z-index:1;
	clear:both;
}

.casoPadrao .imgCaso{
	width:115px;
	height:115px;
	border:0px none;
	float:left;
}

.circuloLaranja{
	position:relative;
	width:100%;
	height:100%;
	z-index:2;
}

.fotoCaso{
	position:absolute;
	left:0px;
	top:0px;
	z-index:3;
}

.casoPadrao .fotoCaso{
	left:0px;
	top:0px;
}


/* -- Casos -- */
.casos{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin:26px 0px;
	color:#808b9f;
}

.casos .ladoDir{
	position:relative;
	float:left;
	width:32%;
	height:auto;
	margin-bottom:50px;
	padding-right:36px;
}

.casos .ladoEsq{
	position:relative;
	float:left;
	width:18%;
	height:auto;
	margin-bottom:50px;
	text-align:right;
	padding-right:26px;
}

.casos h1{
	font-size:2.5em;
	font-weight:300;
}

.casos p{
	position:relative;
	font-size:1.5em;
	margin-bottom:0px;
	font-weight:300;
	letter-spacing: 0.02em;
	line-height: 1.3em;
}

.casoPadrao .casos p{
	position:relative;
	width:100%;
	float:left;
}

.objetivoCaso{
	position:relative;
	color:#5e6a7c;
	margin-top:-6px;
	font-size: 1em;
	margin-bottom:20px !important;
}

.btnCaso{
	position:relative;
	width:40px;
	height:40px;
	float:left;
	padding:10px 40px;
	padding-bottom:16px;
	color:#fff;
	font-size:1.7em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:300;
	margin:16px 0px;
	border-radius:22px;
}

.btnCasoGrande{
	position:relative;
	float:left;
	padding:2px 48px 16px 32px;
	color:#fff;
	font-size:1.3em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-weight:300;
	margin:42px 0px 16px 0px;
	border-radius:22px;
}

.casoConclusao .btnCasoGrande{
	font-size:1.1em;
	padding:2px 40px 16px 24px;
	margin:0px;
	margin-top:16px;
	margin-left:23px;
}

.btnCasoGrande p{
	font-size:1.3em;
	position:relative;
	float:left;
	margin:0px;
	top:6px;
	left:-2px;
}

.btnSetaGrande{
	position:absolute;
	rigth:0px;
	top:13px;
	z-index:3;
	margin-left:12px;
}

.casoConclusao .btnSetaGrande{
	top:8px;
}

.casoPadrao .btnCaso{
	float:right;
	padding:10px 16px;
	border-radius:600px;
	width:auto;
}


.casoPadrao .btnCaso.left, .casoPadrao .btnCaso.left2{
	background:#aabece !important;
	margin-right:16px;
}

.casoPadrao .btnCaso.left:hover, .casoPadrao .btnCaso.left2:hover{
	background:#899FB1 !important;
}

.btnCaso:hover{
	background:#DD6F5A !important;
}

.btnCasoGrande:hover{
	background:#DD6F5A !important;
}

.casoPadrao .btnSeta{
	width:10px;
	height:auto;
	float:right;
}

.cabecalhoCaso{
	position:relative;
	float:left;
	width:446px;
	height:98px;
	border-bottom:2px solid #e4e9ef;
	margin:24px 0px 40px 26px;
}

.cabecalhoCaso h1{
	font-size:2.8em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-bottom:15px;
}

.cabecalhoCaso h3{
	font-size: 1.4em;
	color: #5d6a7c;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	position: relative;
	float: left;
	margin: 0px;
	margin-left:3px;
	margin-right: 12px;
	font-weight:600;
}

.cabecalhoCaso h4{
	font-size:1.5em;
	color:#808b9f;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	position:relative;
	float:left;
	margin:0px;
	margin-right:12px;
}

.cabecalhoCaso .setaPeq{
	background-image:url(../images/setaPeq.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 5px 8px !important;
	width: 5px;
	height: 8px;
	position:relative;
	float: left;
	top:4px;
	margin-right:12px;
}

.cabecalhoCaso a{
	cursor:pointer;
	display:block;
}

.shapeBall li {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 20px;
	border: 1px solid #f0836f;
	border-radius: 50%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
}

.shapeBallSelect {
	background: #f0836f;
}

.clicarAvancar{
	font-weight: bold !important;
	font-size: 1.3em !important;
}

.etapas, .exameFisico{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:16px;
	margin-top:20px;
}

.etapas{
	margin-top:40px;
}

.exameFisico{
	text-align: center;
}

.exameFisico p{
	font-size:1.2em;
}

.leiaMais{
	color:#ef816e;
	font: 1.2em;
	position:relative;
	float:right;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin-top:16px;
	width:80px;
	height: 20px;
	cursor: pointer;
	z-index: 2;
}

.leiaMais::after {
	content: '';
	position: relative;
	top: 5px;
	left: -5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../images/setaLeiamais.svg) no-repeat;
	background-size: 40px 40px;
}

.setaLeiamais{
	position:absolute;
	right:3px;
	top:-10px;
	z-index: 3;
}

.controlHeight{
	overflow:hidden;
	height:68px;
}

.controlHeight p {
	margin-bottom: 8px;
}

.casoPadrao .btnCasoGrande.right.bkgColorLaranja{
	margin-top:37px;
}

.casoPadrao .btnCaso.bkgColorCinza.left{
	background-color:#aabece;
	background-image:url(../images/setaEsq.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 3px 13px !important;
	background-size: 33px 17px !important;
	padding:22px;
	margin-top:36px;
}

.casoPadrao .btnCaso.bkgColorCinza.left2{
	background-color:#aabece;
	background-image:url(../images/setaEsq2.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 3px 13px !important;
	background-size: 33px 17px !important;
	padding:22px;
	margin-top:36px;
}

.casoPadrao .btnCaso.bkgColorLaranja.right{
	background-image:url(../images/setaDir.svg) !important;
	background-repeat: no-repeat !important;
	background-position: 6px 13px !important;
	background-size: 33px 17px !important;
	padding:22px;
	margin-top:36px;
}

.personagemExame{
	position:relative;
	float: left;
	width:400px;
	height: 650px;
	margin-left:100px;
	background-repeat: no-repeat !important;
	background-position: 0px 0px !important;
	background-size: 400px 650px !important;
}

.personagemRicardo{
	background-image:url(../images/exameFisicoRicardo.svg) !important;
}

.personagemRaimundo{
	background-image:url(../images/exameFisicoRaimundo.svg) !important;
}

.personagemPedro{
	background-image:url(../images/exameFisicoPedro.svg) !important;
	background-position: 0 -130px !important;
}

.personagemMaria{
	background-image:url(../images/exameFisicoMaria.svg) !important;
	background-position: 0 -110px !important;
}

.personagemLaura{
	background-image:url(../images/exameFisicoLaura.svg) !important;
}

.personagemGisele{
	background-image:url(../images/exameFisicoGisele.svg) !important;
	background-position: 0 -110px !important;
}

.personagemGeraldo{
	background-image:url(../images/exameFisicoGeraldo.svg) !important;
	background-position: 0 -110px !important;
}

.personagemGabriela{
	background-image:url(../images/exameFisicoGabriela.svg) !important;
	background-position: 0 -110px !important;
}

.exameFisico .btnCasoGrande{
	float: left !important;
	margin-left:28%;
	top:-30px;
}

.fichaExame{
	position:absolute;
	right:-350px;
	opacity: 0;
	top:160px;
	z-index: 4;
	width:25%;
	height: 100%;
	border-left:2px solid #e4e9ef;
	transition: right .5s, opacity .5s;
}

.fichaExame h1{
	width:100%;
	height:65px;
	font-size:1.8em;
	padding:30px 0px 28px 22px;
	border-bottom:solid 2px #e4e9ef;
	color:#808b9f;
	margin-bottom:18px;
}

.fichaExame p{
	font-size:1.25em;
	margin-left:22px;
	padding-right:22px;
	margin-bottom:18px;
	color:#5d6a7c;
}

/* -- HEAD -- */
.fichaExame img {
	display: none;
}


.ficha .conteudo{
	font-size:1.6em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	color: #808b9f;
	line-height: 1.6em;
	padding-top:24px;
	margin-bottom:42px;
}

.ficha .conteudo h1{
	font-size:1.7em;
	line-height:1.4em;
}

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

/* Exame clínio ícones */

.exameShape {
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #aabece;
	border-radius: 50%;
	cursor: pointer;
	animation-name: pulse-animation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-name: pulse-animation;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: pulse-animation;
    -moz-animation-duration: 2.5s;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: pulse-animation;
    -o-animation-duration: 2.5s;
    -o-animation-iteration-count: infinite;
}

.selectElement::before {
	content: '';
	position: absolute;
	top: 3px;
	left: 18px;
	width: 20px;
	height: 17px;
	background: url('../images/marcador6.svg') no-repeat;
	animation-name: mark_element;
	animation-duration: 0.5s;
	-webkit-animation-name: mark_element;
	-webkit-animation-duration: 0.5s;
	-moz-animation-name: mark_element;
	-moz-animation-duration: 0.5s;
	-o-animation-name: mark_element;
	-o-animation-duration: 0.5s;
}

.tooltiptext b {
	font-weight: 200;
}

.tooltiptext {
	opacity: 0;
	visibility: hidden;
    width: 155px;
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: -6%;
    margin-left: -60px;
    text-align: left;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
    transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.tooltiptext::after {
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.tooltiptext h3 {
	color: #aabece;
	font-weight: bolder;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e0e5e9;
	padding-bottom: 8px;
	margin-bottom: 8px;
}

/*
	tolltip para qualidade do vídeo e downlaod
*/

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 80px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 200%;
    left: 50%;
    margin-left: -40px;
    opacity: 0;
    transition: opacity 1s;
    font-size: 13px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

@keyframes pulse-animation {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
}

-webkit-@keyframes pulse-animation {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
}

-moz-@keyframes pulse-animation {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
}

-o-@keyframes pulse-animation {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
	50% {
		transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-o-transform: scale(1, 1);
	}
}

@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-webkit-@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-moz-@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-o-@keyframes fade-in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes mark_element {
	0% {
		width: 0;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
	}
	100% {
		width: 20px;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}

-webkit-@keyframes mark_element {
	0% {
		width: 0;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
	}
	100% {
		width: 20px;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}

-moz-@keyframes mark_element {
	0% {
		width: 0;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
	}
	100% {
		width: 20px;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}

-o-@keyframes mark_element {
	0% {
		width: 0;
		opacity: 0;
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
	50% {
		opacity: 0.5;
		transform: scale(1.5);
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
	}
	100% {
		width: 20px;
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}

.tomada_desicao {
	visibility:hidden;
	opacity: 0;
	transition: all 2.2s;
	-webkit-transition: all 2.2s;
	-moz-transition: all 2.2s;
	-o-transition: all 2.2s;
}

.list_itens_select p {line-height: 18px;}

.list_itens_select img {
	display: none;
}

.casoConclusao .conteudo{
	width:1128px;
	height: auto;
	padding-bottom:10px;
}

.boxVideo{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:36px;
	border-bottom:solid 1px #a9bad3;
}

.parabensConclusao{
	position:relative;
	width:345px;
	height:448px;
	float:left;
	border:solid 1px #a9bad3;
	margin-top:56px;
	color:#5d6a7c;
}

.parabensConclusao h1{
	position: relative;
	font-size:2em;
	margin-left:42px;
}

.parabensConclusao p{
	font-size:1.6em;
	margin-bottom:10px;
	margin-top:6px;
	margin-left:42px;
}

.nomeCasoConcluido{
	position:relative;
	font-size: 3em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-align: center;
	width: 100%;
	font-weight: 100;
	margin-top:68px;
	margin-bottom:22px;
}

.casoFinalizado::after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	float: right;
	top: 10px;
	margin-left: 10px;
	background-image:url(../images/tick.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.videoConclusao{
	position:relative;
	width:783px;
	height:448px;
	float:right;
	border:solid 1px #a9bad3;
	border-left:none;
	margin-top:56px;
}

.auxiliarVideo {
	position:relative;
	width:1128px;
	height:50px;
	float:left;
	border:solid 1px #a9bad3;
	border-top:none;
	border-bottom:none;
	margin-top:0px;
}

.auxiliarVideo a {
	cursor:pointer;
}

.casoConclusao .vamosLa, .casoConclusao .textoAnalisar{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	color:#5d6a7c;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	margin:0px;
}

.casoConclusao .vamosLa{
	font-size: 2.3em;
	margin-bottom:13px;
}

.casoConclusao .textoAnalisar{
	font-size: 1.5em;
	margin-bottom:36px;
}

.acessarCasos{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:86px;
	margin-top:16px;
}

.personagemAcessar{
	position: relative;
	width:160px;
	height: 190px;
	float:left;
	margin:0px;
	margin-right:1px;
}

.nomeCasoConclusao{
	position: relative;
	float:left;
	width:100%;
	height: auto;
	color:#808a9e;
	font-size: 1.6em;
	text-align: center;
	margin:0px;
	margin-top:16px;
}

.casoConclusao .imgCaso{
	margin:0 auto;
	text-align: center;
	float:none;
}

.casoConclusao .parabensConclusao .imgCaso{
	margin-top:26px;
	margin-left:86px;
}

.escolhaDecisao{
	background: #ecf0f4;
	padding:14px 20px 14px 28px;
	margin:14px 0px;
	border-radius: 8px;
	cursor:pointer;
}

.escolhaDecisao:hover{
	background: #899FB1;
	color:#fff;
}

.divTomadaDecisao p:nth-last-of-type(3){
	margin-top:24px;
}

.clasRisco{
	position: absolute;
	left: 0px;
	top: 110px;
	font-size: 1.34em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	z-index: 10;
	text-decoration: none;
	color: #ef826e;
	border: 1px solid #ef826e;
	padding: 10px 26px 10px 26px;
	border-radius: 26px;
}

.clasRisco:hover{
	color:#d46956;
	border:1px solid #d46956;
}

.fichaPaciente{
	position: absolute;
	right: 0;
	top: 45px;
	font-size: 1.38em;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
	z-index: 10;
	text-decoration: none;
	color: #acbeca;
	border: 1px solid #acbeca;
	padding: 10px 26px 10px 26px;
	border-radius: 26px;
}

.fichaPaciente:hover{
	color: #a0b6c6;
	border: 1px solid #a0b6c6;
}

.flux_risco { margin-top: 7% !important; }

.flux_risco a {
	font-size: 73% !important;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	text-decoration: none !important;
	color: #ef826e;
	border: 1px solid #ef826e;
	padding: 10px 26px 10px 26px;
	border-radius: 26px;
}

.btnAuxiliar{
	position:relative;
	float:right;
	width: 70px;
	height: 50px;
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	border-left:solid 1px #a9bad3;
	border-rigth:solid 1px #a9bad3;
	cursor: pointer !important;
}

.btnDownload {
	background: url(../images/btn_download.svg);
}

.btnQualidade {
	background: url(../images/btn_qualidade.svg);
}

.exameFisico .bkgColorCinza{
	background: #808b9f !important;
}

.exameFisico .bkgColorCinza:hover{
	background: #666D7A !important;
}

.decisao .modal .actionsButton{
	height: 86px;
}


/* recursos complementares */
.recursos a{
	text-decoration: none;
	color: #808b9f;
}

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

.conteudoRecursosComplementares h1{
	color: #808b9f;
	font-weight:bold;
	font-size:1.8em;
}

.conteudoRecursosComplementares h2{
	margin-top:16px;
	margin-bottom:8px;
	font-size:1.7em;
	color: #808b9f;
}

.referencias a:hover{
	text-decoration: underline;
}

.referencias a{
	color: #ef826e;
	text-decoration:none;
}

.conteudoRecursosComplementares span{
	color: #808b9f;
	font-size:1.2em;
}

.conteudoRecursosComplementares .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;
}

/* tela de vídeos tolltip */
.tooltipContent {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltipContent .tooltiptextContent {

    width:95px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    left: 65%;
    margin-left: -60px;
    font-size: 130%;
}

.tooltipContent .tooltiptextContent a, .tooltipContent .tooltiptextContent input {
	display: inline-block;
	color: #fff;
	margin-bottom: 5px;
}

.tooltipContent .tooltiptextContent a:hover {
	text-decoration: underline;
}

.tooltipContent .tooltiptextContent:first-child a, .tooltipContent .tooltiptextContent:first-child input {
	margin-top: 5px;
}

.tooltipContent .tooltiptextContent::after {
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

/* tela index */

.percent_case {
	display: none;
	position: relative;
	top: 15px;
	left: 5px;
	text-align: center;
	color: #ef826e;
}

/* modal interface */

.padding-15 {
	padding: 4% !important;
}

.ui .modal {
	font-family: 'OpensSans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	padding: 10px;
	color: #54627b;
}

.ui .modal p {
	margin-bottom: 2.6%;
}

.ui .modal p a {
	color: #ef826e;
	font-weight: bolder;
}

.ui .modal p a:hover {
	text-decoration: underline;
}

.modal ul {
	list-style-type: disc;
	list-style-position: inside;
	padding: 15px 0;
}

.modal ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

.ui .modal img {
	margin-top: 15px;
	margin-bottom: 15px;
}

.reference-biblio {
	margin-top: 45px;
}

.ui .modal table {
	border-collapse: collapse;
	border: 1px solid #000;
	margin-bottom: 20px;
}

.ui .modal table tr {
	border: 1px solid #000;
}

.ui .modal table td {
	border: 1px solid #000;
	padding: 15px;
	text-align: center;
	font-size: 80%;
}

.note-content {
	margin-left: 50px;
}

.note {
	margin-top: 10px;
	font-style: italic;
	font-size: 80%;
}

.destaque {
	background: #F5f5ef;
	padding: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.actionsButton {
	border-top: 1px solid #e4e9ef;
	width: 100%;
	padding: 25px;
	overflow: hidden;
}

.titleModal {
	padding: 0 25px;
	margin-bottom: -15px;
	margin-top: 18px;
}

.titleModal h2 {
	font-size: 23px;
	font-weight: 200;
}

.sucessAlert::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	background: url(../images/muitobem.svg) no-repeat;
}

.errorAlert::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 15px;
	background: url(../images/atencao.svg) no-repeat;
}

.buttonGrey {
	display: inline-block;
	float: left;
	background: #aabece;
	padding: 12px 25px;
	border-radius: 20px;
	color: #fff;
	font-weight: 200;
	margin-bottom: 25px;
}

.grayColor {
	background: #aabece !important;
}

.buttonOrange{
	display: inline-block;
	float: right;
	background: #ef826e;
	padding: 12px 25px;
	border-radius: 20px;
	color: #fff;
	font-weight: 200;
}

.buttonGrey:hover{
	background:#a4b9c9;
}

.buttonOrange:hover{
	background:#e37c67;
}

.contentIntro a{
	color: #ef826e;
	font-weight: bolder;
}

/* -- animações -- */

@keyframes open-page {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-webkit-@keyframes open-page {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-moz-@keyframes open-page {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

-o-@keyframes open-page {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.openPage {
	animation-name: open-page;
	animation-duration: 2.5s;
}

/* -- CSS Mobile -- */
@media screen and (max-width: 1128px) {

	header, section, .barraMenu{
		width:100%;
		padding-left:36px;
		padding-right:36px;
	}

	.casoPadrao .conteudo{
		width:600px;
	}

	.cabecalhoCaso{
		float:right;
		width:390px;
		margin-left:0px;
	}


	.paginaInicial .conteudo{
		width:100%;
	}

	.paginaInicial .casos .ladoDir{
		width:70%;
		padding-right: 60px;
	}

	.paginaInicial .casos .ladoEsq{
		width:30%;
	}

	.casoExame .conteudo{
		width:70%;
		margin:0px;
		padding:0px;
	}

	.casoExame .fichaExame{
		width:30%;
	}

	.casoExame .casos{
		width:100%;
	}

	.casoExame .cabecalhoCaso{
		float:left;
		width:70%;
	}

	.casoExame .imgCaso{
		float:left;
		width:30%;
	}

	.casoExame .fotoCaso{
		position:relative;
		margin-right: 20px;
		float:right;
	}

	.personagemExame {
		margin-left: 0px;
		margin:0 auto;
		float:none;
	}

	.exameFisico .btnCasoGrande{
		margin-left:33%;
	}

	.clasRisco {
		font-size: 1.2em;
		padding: 10px 22px;
	}

	.casoConclusao .conteudo{
		width:98%;
	}

	.parabensConclusao{
		width:30%;
	}

	.videoConclusao{
		width:70%;
	}

	.casoConclusao .auxiliarVideo{
		width:100%;
	}

	.casoConclusao .personagemAcessar {
		margin-top: 36px;
	}

	.casoConclusao .acessarCasos {
		position: relative;
		float: inherit;
		width: 970px;
		height: auto;
		margin-bottom: 86px;
		margin-top: 16px;
		margin: 0 auto;
		text-align: center;
	}

	.casoConclusao{
		padding-bottom: 72px;
	}

	.casoConclusao .parabensConclusao .imgCaso {
		float:none;
		width:150px;
		height:150px;
		margin:0 auto;
		padding:0px;
		margin-top:26px;
	}

	.casoConclusao .parabensConclusao .imgCaso .fotoCaso {
		margin:0px;
		padding:0px;
		width:150px;
		height:150px;
	}

	.parabensConclusao .casos{
		text-align: center;
		padding:0px;
	}

	.casoConclusao .parabensConclusao .nomeCasoConcluido{
		position:relative;
		float:left;
		width: 100%;
		text-align: center;
		margin:0px;
		padding:0px;
		margin:0 auto;
		margin-top:16px;
		margin-bottom:26px;
	}

	.parabensConclusao .textoParabens p{
		font-size:1.3em;
		padding-right:16px;
	}

	.ficha .conteudo{
		width:100%;
		padding-left:36px;
		padding-right:36px;
	}

	.recursos .conteudoRecursosComplementares{
		width:100%;
		padding-left:36px;
		padding-right:36px;
	}

	.recursos .conteudoRecursosComplementares .conteudoCentralizado{
		width:100%;
	}

	.linhaSeparadora{
		width:100%;
	}


}

/* -- 1320px -- */
@media screen and (max-width: 1320px) {

	.tomadaFicha{
		width:100%;
		position:relative;
		float:left;
		top:0px;
		left: 0px;
	}

	.tomadaFicha{
		width:100%;
		padding:0px 40px;
	}

	.tomadaFicha{
		margin-bottom:36px;
	}

	.relato .fotoCaso, .casoExame .fotoCaso{
		width:150px;
		height:150px;
	}

	.relato .cabecalhoCaso, .casoExame .cabecalhoCaso{
		margin-top:36px;
		text-align: center;
	}

	.relato .imgCaso{
		left: -17px;
	}

	.relato .cabecalhoCaso h3, .casoExame .cabecalhoCaso h3{
		width:100%;
		text-align:center;
	}

}

/* -- 1060px -- */
@media screen and (max-width: 1060px) {

	.casoConclusao .acessarCasos {
		width: 808px;
	}

}


/* -- 1024px -- */
@media screen and (max-width: 1024px) {

	.exameFisico .btnCasoGrande{
		margin-left:30%;
	}


}


/* -- 920px -- */
@media screen and (max-width: 920px) {

	.tituloCurso{
		top:2px;
		font-size:2.8em;
	}

	.conteudo{
		width:100%;
	}

	.exameFisico .btnCasoGrande{
		margin-left:28%;
	}

	.parabensConclusao{
		width:100%;
		margin-bottom:0px;
		border:0px none;
		height: 240px;
	}

	.videoConclusao{
		width:100%;
		margin-top:0px;
		border:0px none;
		height: auto;
	}

	.videoConclusao video{
		height:auto;
	}

	.parabensConclusao .casos{
		position:relative;
		width: 40%;
		float:left;
		text-align: right;
	}

	.parabensConclusao .textoParabens{
		position:relative;
		width: 60%;
		float:right;
		padding-top:82px;
	}

	.casoConclusao .parabensConclusao .imgCaso {
		margin:0px;
		margin-top:-26px;
		position:relative;
		float:right;
		width:170px;
		height:170px;
	}

	.casoConclusao .parabensConclusao .nomeCasoConcluido{
		position:relative;
		margin:0px;
		padding:0px;
		float:right;
		text-align: right;
		margin-right: 33px;
	}

	.casoConclusao .parabensConclusao .fotoCaso{
		position:relative;
		float:none;
		margin:0 auto;
	}

	.casoConclusao .auxiliarVideo{
		border-right:solid 1px #a9bad3;
	}

	.casoConclusao .acessarCasos {
		width: 650px;
	}

	.parabensConclusao .textoParabens p{
		font-size:1.6em;
	}

}

/* -- 860px -- */
@media screen and (max-width: 860px) {

	.tituloCurso{
		top:2px;
		font-size:2.3em;
	}

	.logo{
		width:140px;
		height:51px;
		margin-right:46px;
	}

	.paginaInicial .casos .ladoDir{
		padding-right: 40px;
	}


}

/* -- 820px -- */
@media screen and (max-width: 820px) {

	.casoExame .conteudo{
		width:60%;
	}

	.casoExame .fichaExame{
		width:40%;
	}

	.casoExame .cabecalhoCaso{
		width:60%;
	}

	.casoExame .imgCaso{
		width:40%;
	}

	.exameFisico .btnCasoGrande{
		margin-left:21%;
	}

}

/* -- 768px -- */
@media screen and (max-width: 768px) {

	.barraMenu{
		width:100%;
		float:left;
		font-size:1.5em;
	}

	.barraMenu .conteudoCentralizado{
		width:100%;
		text-align:center;
		float:none;
	}

	.barraMenu a{
		text-align:center;
		margin-right:36px;
	}

	.exameFisico .btnCasoGrande{
		margin-left:20%;
	}

	.casoConclusao .acessarCasos {
		width: 486px;
	}

	.homeImg{
		width: 100%;
		padding:0px 20px;
	}

	.homeSVG{
		width:100%;
		height:auto;
	}


}


/* -- 680px -- */
@media screen and (max-width: 680px) {

	header{
		text-align:center;
	}

	.logo{
		margin:0 auto;
		clear:both;
		float:inherit;
		width:177px;
		height:64px;
	}

	.tituloCurso{
		width:100%;
		text-align:center;
		font-size:2.8em;
	}

	.barraMenu{
		font-size:1.4em;
	}

	.barraMenu a{
		margin-right:26px;
	}

	.cabecalhoCaso{
		width:100%;
		margin-left:0px;
		text-align:center;
	}

	.casoPadrao .conteudo{
		width:100%;
	}

	.casoPadrao .imgCaso{
		position:relative;
		margin:0 auto;
		float:none;
		text-align:center;
	}

	.relato .fotoCaso, .casoExame .fotoCaso{
		width:150px;
		height:150px;
	}

	.relato .cabecalhoCaso, .casoExame .cabecalhoCaso{
		margin-top:36px;
		text-align: center;
	}

	.relato .imgCaso{
		left: -17px;
	}

	.relato .cabecalhoCaso h3, .casoExame .cabecalhoCaso h3{
		width:100%;
		text-align:center;
	}

	.casoExame .fichaExame{
		width:100%;
		position:relative;
		float:left;
		top:0px;
		left: 0px;
	}

	.casoExame .conteudo, .fichaExame{
		width:100%;
		padding:0px 40px;
	}

	.casoExame .cabecalhoCaso{
		width:100%;
		margin:0px;
	}

	.casoExame .imgCaso{
		float:left;
		width: 100%;
		height: auto;
		margin:0px;
		text-align: center;
	}

	.casoExame .fotoCaso{
		float:none;
		margin:0 auto;
	}

	.exameFisico .btnCasoGrande{
		margin-left:25%;
	}

	.fichaExame{
		margin-bottom:36px;
	}

	.clasRisco{
		position:relative;
		float: none;
		top:52px;
		left:0px;
		text-align:center;
		margin:0 auto;
		width:100%;
	}

	.cabecalhoCaso h3{
		width:100%;
		text-align:center;
	}

}


/* -- 640px -- */
@media screen and (max-width: 640px) {

	.logo{
		width:150px;
		height:54px;
	}

	.tituloCurso{
		font-size:2.2em;
	}

	.barraMenu{
		font-size:1.4em;
	}

	.barraMenu a{
		margin-right:26px;
	}

	.conteudo, .casos, .ladoDir p{
		width:100%;
	}

	.casos .ladoEsq{
		text-align:center;
		padding-right:0px;
		float:inherit;
		margin-bottom:26px;
		margin-top:26px;
	}

	.casos .ladoEsq, .casos .ladoDir{
		width:100%;
		padding-left:26px;
		padding-right:26px;
	}

	.imgCaso{
		position:relative;
		margin:0 auto;
		float:none;
		text-align:center;
	}

	.paginaInicial .casos .ladoDir{
		width:100%;
		padding:0px 20px;
	}

	.paginaInicial .casos .ladoEsq{
		width:100%;
	}

}


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

	.barraMenu{
		text-align:center;
		padding:0px;
	}

	.barraMenu a{
		height:36px;
		font-size:1.4em;
		margin-right:0px;
		clear:both;
		text-align:center;
		position:relative;
		width:100%;
		float:left;
		padding-top:7px;
		padding-bottom:6px;
		border-bottom:1px solid #fff;
	}

	.barraMenu a:hover{
		color:#fff;
		padding-bottom:12px;
		padding-top:7px;
		background:#5f6e82 !important;
	}

	.casoExame .conteudo, .fichaExame{
		padding:0px 20px;
	}

}

/* -- 580px -- */
@media screen and (max-width: 580px) {

	.decisao .cabecalhoCaso {
		margin: 24px 0px 72px 26px;
	}

	.clasRisco {
		top: 90px;
	}

	.fichaPaciente {
		top: 106px;
		left: 0;
	}

}

/* -- 520px -- */
@media screen and (max-width: 520px) {

	.paginaInicial .casos .ladoDir{
		padding:0px;
	}

	.exameFisico .btnCasoGrande{
		margin-left:22%;
		margin-bottom:0px;
		margin-top:16px;
	}

	.decisao .cabecalhoCaso{
		width:100%;
		text-align: center;
	}

	.decisao .cabecalhoCaso h1, .decisao .cabecalhoCaso h3{
		position:relative;
		width:100%;
		/*float: left;*/
		text-align:center;
		left:0px;
	}

	.decisao .cabecalhoCaso .clasRisco{
		position:relative;
		float: none;
		top:90px;
		left:0px;
		text-align:center;
		margin:0 auto;
	}

	.decisao .cabecalhoCaso {
		margin: 24px 0px 72px 26px;
	}

	.casoConclusao .acessarCasos {
		width: 100%;
	}

	.casoConclusao .parabensConclusao .imgCaso {
		float:none;
		width:150px;
		height:150px;
		margin:0 auto;
		padding:0px;
		margin-top:-42px;
	}

	.casoConclusao .parabensConclusao .imgCaso .fotoCaso {
		margin:0px;
		padding:0px;
		width:150px;
		height:150px;
	}

	.parabensConclusao{
		height:auto;
	}

	.parabensConclusao .casos{
		position:relative;
		width: 100%;
		float:left;
		text-align: center;
		padding:0px;
	}

	.parabensConclusao .textoParabens{
		position:relative;
		width: 100%;
		height:auto;
		float:left;
		text-align: center;
		padding:10px 0px 26px 0px;
	}

	.parabensConclusao .textoParabens p, .parabensConclusao .textoParabens h1{
		margin-left:0px;
		padding:0px;
	}

	.casoConclusao .parabensConclusao .nomeCasoConcluido{
		position:relative;
		float:left;
		width: 100%;
		text-align: center;
		margin:0px;
		padding:0px;
		margin:0 auto;
		margin-top:16px;
	}

}


/* -- 480px -- */
@media screen and (max-width: 480px) {

	.decisao .modal .actionsButton a{
		font-size: 0.9em;
	}

	.home .btnCasoGrande{
		font-size:0.8em;
	}

	.home .btnHome{
		width:126px;
		height:30px;
	}

}


/* -- 440px -- */
@media screen and (max-width: 480px) {

	.decisao .modal .actionsButton a{
		font-size: 0.8em;
	}

}


/* -- 420px -- */
@media screen and (max-width: 420px) {

	.casoExame .conteudo, .fichaExame{
		padding:0px;
	}

	.exameFisico .btnCasoGrande{
		margin-left:20%;
	}

	.decisao .modal .actionsButton a{
		font-size: 1em;
		clear: both;
		float:none;
		margin:0 auto;
		margin-bottom:16px;
	}

	.decisao .modal .actionsButton{
		text-align: center;
		width:100%;
		height: 140px;
	}

}

/* -- 350px -- */
@media screen and (max-width: 350px) {

	.personagemExame{
		width: 100%;
		/*background-position: -50px 0px !important;*/
	}

	.exameFisico .btnCasoGrande{
		margin-left:18%;
	}

	.casoConclusao .acessarCasos {
		text-align: center;
	}

	.casoConclusao .personagemAcessar {
		position: relative;
		float: none;
		margin: 0 auto;
	}

	.personagemAcessar .btnCasoGrande{
		margin-bottom:54px;
	}

	.home .btnCasoGrande{
		font-size:0.7em;
	}

	.home .btnHome{
		width:118px;
		height:28px;
	}

	.clicarAvancar{
		font-size:1.1em !important;
	}

}

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


.jconfirm-box{
	width: 25% !important;
}
.jconfirm-content{
	font-size: 22px;
}