* {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #483D80;
}


h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	background-color: #fff;
}

.logo-principal{
  height: 1.25em;
  padding-right: 10px;

}

.quebralinha{
  white-space: normal;
}

.migalha{
  font-size: 9pt;
  vertical-align: middle;
}

.item{
  margin-top: 24px;
}

.caixacinza {
	background-color: #e0e0e0;
}

.shiny-split-layout>div{
  overflow: hidden;
}

#sapo{
  max-height: 850px;
}

#sapo svg{
  min-width: 560px;
}

.recomendacao{
  height: 90px;
  color: #404080;
  text-align: center;
  padding-top: 5px;
  padding-left: 4px;
  padding-right: 4px;
  border-width: 1px;
  border-style: solid;
  margin-top:2px;
  margin-bottom:2px;
  margin-right:0px;
  margin-left:0px;
  cursor: pointer;
}

.fonte_13{
  font-size: 13px;
}

.fonte_12{
  font-size: 12px;
}

.fonte_11{
  font-size: 11px;
}

.colchetes{
  border-width: 1px;
  border-style: solid;
  border-color: #483D80;
  font-size: 12px;
  color: #404080;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  width: 132px;
  height: 75px;
}

.alinha{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0px;
  padding-bottom: 0px;
}

.recomendacao13{
  width: 96%;
}

.recomendacao12{
  width: 64%;
}


.recomendacao11{
  width: 32%;
}

.tira-titulo{
	font-size: 16pt;
	font-weight: bold;
	color: #483D80;
	height: 3em;
	width: 100%;
	padding: 10px;
	vertical-align: middle;
}

.tira-titulo-desafio{
	font-size: 16pt;
	font-weight: bold;
	color: #483D80;
	height: 7em;
	width: 100%;
	padding: 10px;
	vertical-align: middle;
}


.tira-titulo-linhas{
	font-size: 16pt;
	font-weight: bold;
	color: #483D80;
	height: 3.5em;
	width: 100%;
	padding: 10px;
}


.texto-abaixo-titulo{
	font-size: 14pt;
	width: 100%;
	padding: 10px;
}

.figura-abaixo-texto{
  width: 90%;
  padding: 20px;
  min-width: 500px;
}

.figura-abaixo-texto img{
  width:95%;
}

.caixatitulo{
	font-size: 16pt;
	font-weight: bold;
	color: #483D80;
	height: auto;
	width: 70%;
	padding: 10px;
	border-radius: 15px ;
	min-width: 550px;
}

.caixapne {
	left: 2em;
	top: 5em;
	position: absolute

}


.cadernopne {
	font-size: 32pt;
	left: 90%;
	top: 1.3em;
	position: absolute;
}

.cadernopne img {
  width: 4em;
}

.estruturapne {
	font-size: 16pt;
	left: 2em;
	top: 7em;
	position: absolute;
	width: 75%;
}

.estruturapne img {
  width: 95%;
}


.caixabase{
	top: 350px;
	width: 40em;
	font-size: 14pt;
	left: 2em;
	position: absolute;
	width: 100%;
	min-width: 600px;
	text-align: justify;
	text-align-last: left;
}

.imgestrutura{
	width:20em
}

#faq{
  font-weight: 700;
  margin-top: 10px;
}

#faq a{
  font-weight: normal;
}

#detalhes{
  position: absolute;
  width: 50%;
}

.scroll{
  position: relative;
  width: auto;
}

.eixogantt{
  width:32%;
  display:inline-grid;
}

.eixogantt1{
  color:#33658A;
}

.eixogantt2{
  color:#5B9BD5;
}

.eixogantt3{
  color:#00B0F0;
}

.eixogantt img {
  width:100%;
}

.imagens-exemplos{
  display: inline-flex;
  margin-right: 1px;
  margin-left: 1px;
}

.imagens-exemplos img{
  background-color: rgba(255, 255, 255, 0.8);
  margin-right: 2px;
  font-size: 13px;
  height: 70px;
  text-align: center;
  cursor: pointer;
}

.imagens-exemplos div{
  display: table-cell;
  vertical-align: middle;
}

.grid-container {
  display: grid;
  /*grid-auto-flow: column;
  grid-auto-rows: auto;
  grid-template-columns: auto auto auto auto;*/
}

.grid-item {
  text-align: center;
  vertical-align: middle;
  margin-top: 10px;
  align-self: center;
}

.centraliza{
  display: table-cell;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
}
  
/* Track */
::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.5);
	margin-block: .6em;
	border-radius: 15px; 
}
   
/* Handle */
::-webkit-scrollbar-thumb {
	background: rgb(180, 180, 180);
	border-radius: 15px;  
}