body {
  margin: 0px;
}

html {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* overflow-x: hidden; */
}

p {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #4A4A4A;
}

.nota-recuo { width: 75%; font-family: serif; font-size: 85%; margin-left: 20%;}
.logo-quadrado  {display: block;  }
.logo-horizontal  {display: none; }

.container-geral  {
  display: flex;
  align-items: flex-start;
  background-image: url('../img/background-5ccr.png');
  background-position: right top;
  background-repeat: no-repeat;
}

.nave  {
  background-image: linear-gradient(180deg, #B84D10 0%, #8B390B 100%);

  box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.48);
  width: 215px;
  height: 100vh;
  position: sticky;
  top: 0;
  margin: 0;
}

.conteudao {
  width: 90%;
  margin-left: 35px;
  margin-right: 15px;
}

.titulo-secao {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #D65E15;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 50px;
}
.stronger { font-weight: 600;}
.italico { font-style: italic;}

.titulo-inicial {  font-weight: 700; font-size: 68px;   color: #F5A623; margin: 0px; }
.subtitulo-inicial {   font-weight: 300;  font-size: 48px;  color: rgba(74,74,74,0.50); margin: 0px; margin-top: 25px;}
.linha-titulo-secao {  border: 1px solid #F9A06B;  }

.navbar-item {padding-left: 15px; text-transform: uppercase; font-size: 15px;}
.navbar-item:link {color: white; text-decoration: none;}
.navbar-item:active {color: white;}
.navbar-item:hover {color: white; background: #692A06;}
.navbar-item:visited {color: white;}

.imagem-fluxo{max-width: 1135px;}
.menu-item .bullet { text-align: right; margin-right: 5px;}
.menu-item { font-weight: 600; font-size: 18px; color: #FFFFFF; line-height: 33px; display: flex; justify-content: space-between; align-items: center; }
.menu-item:link {color: red; text-decoration: none;}
.menu-item:active {color: white; background-color:  #692A06;}
.menu-item:hover {color: white; background-color:  #692A06;}


.citacoes2, .citacoes1 { display: flex; flex-wrap: wrap; justify-content: center;}
.citacao  {   width: 560px; display: flex; margin-top: 50px; }
.citacao-aspa {margin-right: 15px; text-align: right;}
.citacao-texto {  margin: 0;}
.citacao-titulo { font-weight: 400; font-style: italic; font-size: 18px; color: #4A4A4A; line-height: 28px; background: rgba(248,231,28,0.20); margin: 5px 10px 5px 0px; padding: 0 10px 0 2px}
.citacao-frase  {margin: 0; font-family: font-size: 18px; color: #4A4A4A; line-height: 28px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-style: italic;}
.citacao-definicoes { width: 90%; margin: 0px 0px 0px 0px; padding: 14px 0px 10px 20px; font-style: italic; font-size: 18px; color: #4A4A4A; text-align: center; opacity: 0.5; background: #D8D8D8; box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.50); border-radius: 95px; }

.competencias-cabeca { font-size: 38px; color: #FFFFFF; text-align: center; font-weight: 700; background: #F5A623; padding: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.30); border-radius: 12px;}

.requisitos { display: flex; align-items:stretch; flex-wrap: wrap; justify-content: center;}
.requisito-col { width: 490px; margin: 20px;}
.requisito { background: #FFFFFF; box-shadow: -2px 2px 10px 0 rgba(0,0,0,0.12); border-radius: 15px; padding-bottom: 10px; margin-top: 10px;}
.requisito-cabeca { display: flex; align-items: center; font-weight: 700; font-size: 23px; color: #4A4A4A; text-transform: uppercase; background: rgba(245,166,35,0.35); padding: 0px; margin: 0px; border-radius: 15px 15px 0 0; }
.requisito-cabeca-numero  {margin-left: 15px}
.requisito-cabeca-titulo { margin-left: 10px;}
.requisito-conteudo {padding-right: 10px}
.requisito-conteudo li {font-weight: 400; font-size: 18px; color: #4A4A4A; }

.modelos  {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 25px;}
.modelo { width: 300px; text-align: center; margin-top: 25px;}
.modelo img {box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);}

.pergunta-modal { font-weight: 600;}
/* .modelo:hover { border: 1px solid #9B9B9B; border-radius: 10px; } */

.duvidas {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.duvida1 {display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(0,158,226,0.06); border: 3px solid #009EE2; box-shadow: -4px 8px 10px 0 rgba(0,0,0,0.10); width: 290px; height: 290px; border-radius: 500px; margin: 25px;}
.duvida1:hover {background: rgba(0,158,226,0.20)}
.duvida1-titulo { font-weight: 700; text-transform: uppercase; font-size: 26px; color: #009EE2; text-align: center; margin: 0px;}
.duvida2 {display: flex; justify-content: center; align-items: center; flex-direction: column; background: rgba(126,211,33,0.05); border: 1px solid #417505; box-shadow: -4px 8px 10px 0 rgba(0,0,0,0.10); width: 290px; height: 290px; border-radius: 500px; margin: 25px;}
.duvida2:hover { background: rgba(126,211,33,0.25); }
.duvida2-titulo { font-weight: 700; text-transform: uppercase; font-size: 26px; color: #417505; text-align: center; margin: 0px;}
.duvida3 {display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; background: rgba(149,83,157,0.10); border: 1px solid #95539D; box-shadow: -4px 8px 10px 0 rgba(0,0,0,0.10); width: 290px; height: 290px; border-radius: 500px; margin: 25px;}
.duvida3:hover { background: rgba(149,83,157,0.30); }
.duvida3-titulo { font-weight: 700; text-transform: uppercase; font-size: 26px; color: #95539D; text-align: center; margin: 0px;}
.duvida-icone { width: 90%; max-width: 84px;}
.duvida-descricao { font-weight: 400; font-size: 18px; color: #7B7B7B; text-align: center; margin: 0px; }

.rodape {text-align: center; margin-top: 50px;}

#fluxograma p {text-align: center;}
.botao-download {background: #F5A623; border: 1px solid #FFFFFF; box-shadow: -3px 2px 6px 0 rgba(0,0,0,0.14); font-weight: 700; font-size: 22px; color: #FFFFFF; text-align: center; padding: 15px 30px 15px 30px; text-transform: uppercase; text-decoration: none;}

.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-container { margin-left: 30px; margin-right: 15px; border-radius: 20px; }
.w3-header {display: flex; flex-flow: column; align-items: center; justify-content: center;}
.header-titulo {display: flex; align-items: center;}
.header-fechar { width: 100%; text-align: right; margin-right: 20px; margin-top: 10px; font-weight: 600; }
.w3-animate-top{position:relative;animation:animatetop 0.4s;}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}

.topo-intranet {width: 100%; text-align: right; background-image: linear-gradient(180deg, #173854 0%, #1A2B37 100%); padding-top: 7px; padding-bottom: 5px;}

.logo-intranet { margin-right: 20px; }

.fases-container { display: flex; justify-content: flex-start; align-items: stretch; }
.fase-col1 { width: auto; padding: 0 5px 0 5px ; background: rgba(245,166,35,0.20); text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center;}
.fase-nom { font-weight: 700; font-size: 28px; color: #4A4A4A; text-align: center; transform: rotate(-90deg); margin-bottom: 25px;}
.fase-num { font-weight: 700; font-size: 28px; color: #FFF; text-align: center; background-color: #222; border-radius: 99px; width: 35px; height: 35px;}

.fase-row  { display: flex; align-items: stretch; }
.fase-ponto {margin-left: -10px; padding-top: 5px; padding-bottom: 5px;}
.fase-titulo-1 { font-weight: 700; font-size: 18px; color: #425F81; margin: 5px 0 0 0; text-transform: uppercase;}
.fase-subtitulo1 { font-weight: 600; font-size: 16px; color: #4A4A4A; margin: 0 0 10px 0; }
.fase-textinho {font-weight: 400; font-size: 16px; color: #4A4A4A; margin: 5px 0 5px 0;}
.fase-bola { margin-right: 0px; }
.fase-linha-conteudo { margin-left: 10px;}
.fase-linha-subfase { width: 100%; display: flex; justify-content: flex-start;}
.fase-direita { display: flex; align-items: stretch;}
.fase-textinho-subfase {font-weight: 400; font-size: 16px; color: #4A4A4A; margin: 0px 0 5px 10px;}
.bg-line-horizontal { background-image: url('../img/bg-line-horizontal-red.png') !important; }
.bg-linha-cinza { background-image: url('../img/bg-linha-cinza.png') !important; }
.bg-linha-vermelha { background-image: url('../img/bg-linha-vermelha.png') !important; }
.subfase-ponto { margin-top: 2px; }

.divisao-container { background-image: url('../img/linha-pontilhada-divisora.png'); background-repeat: repeat-x;}

.link-modelos:link { color: #D65E15 !important; text-decoration: none;}
.link-modelos:hover { color: #D65E15 !important; text-decoration: underline;}
.link-modelos:visited { color: #B34E11 !important}

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

  .container-geral  { flex-flow: column; justify-content: flex-start; }
  .conteudao {margin-left: 15px;}
  .nave {  height: 100%; width: 100%;   position:relative; top: 0;}
  .logo-quadrado  {display: none;}
  .logo-horizontal  {display: block; width: 100%; max-width: 480px;}
  nav { display: none;}
  .titulo-inicial {  font-size: 42px;}
  .subtitulo-inicial {  font-size: 28px;}
  .citacao-definicoes {height: 30px;}
  .requisito-col { margin: 2px;}
  .competencias-cabeca { font-size: 28px}

  .duvida-icone { width: 60%; max-width: 84px;}
  .duvida1 {width: 230px; height: 230px;}
  .duvida2 {width: 230px; height: 230px;}
  .duvida3 {width: 230px; height: 230px;}
  .duvida1-titulo { font-size: 18px; }
  .duvida2-titulo { font-size: 18px; }
  .duvida3-titulo { font-size: 18px; }
  .duvida-descricao { font-size: 14px;}
}