@charset "utf-8";

@media only screen {
.col-p-1 {
	width: 8.33%;
}
.col-p-2 {
	width: 16.66%;
}
.col-p-3 {
	width: 25%;
}
.col-p-4 {
	width: 33.33%;
}
.col-p-5 {
	width: 41.66%;
}
.col-p-6 {
	width: 50%;
}
.col-p-7 {
	width: 58.33%;
}
.col-p-8 {
	width: 66.66%;
}
.col-p-9 {
	width: 75%;
}
.col-p-10 {
	width: 83.33%;
}
.col-p-11 {
	width: 91.66%;
}
.col-p-12 {
	width: 100%;
}
.space_at_start {
	margin-bottom: 70px
}
body {
	margin: 0px
}

	

.frase_boasvindas {
    position: absolute !important; /* Outside the DOM flow */
    height: 1px; width: 1px; /* Nearly collapsed */
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */
    clip: rect(1px, 1px, 1px, 1px); /* All other browsers */
}	
	
	
	
.barra_superior {
	padding-bottom: 10px;
	width: 100%;
	max-width: var(--tamanhomaximo_horizontal_cabecalho);
	margin-left: auto;
	margin-right: auto;
	display: table
}
	.barra_superior_hide {
	padding-bottom: 10px;
	width: 100%;
	max-width: var(--tamanhomaximo_horizontal_cabecalho);
	margin-left: auto;
	margin-right: auto;
	display:none
}
.barra_superior a, .barra_superior a:visited {
	display: block;
	width: 50%;
	float: left;
	text-decoration: none;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
	font-size: 0.8em;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: 2px solid var(--cor_fundosite);
}
.barra_superior a:Hover {
	color: var(--cor_texto);
	background-color: var(--cor_fundotexto);
	border: 1px solid var(--cor_texto);
}
.barra_superior ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.limitar_escala_horizontal {
	display: table;
	width: 100%;
	max-width: var(--tamanhomaximo_horizontal_cabecalho);
	margin-left: auto;
	margin-right: auto
}
.logo_botaocabecalho {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	float: left;
}
.logoinfo {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: var(--tamanho_imagem_cabecalho);
	background-image: var(--logoinfo_cabecalho);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.logo116 {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: var(--tamanho_imagem_cabecalho);
	background-image: var(--logo116_cabecalho);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.linha_de_separacao_cabecalho {
	display: table;
	width: 100%;
	height: 2px;
	background-color: var(--cor_texto);
}
.logoinfo_rodape {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: var(--tamanho_imagem_cabecalho);
	background-image: var(--logoinfo_rodape);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.logoapav_rodape {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: var(--tamanho_imagem_cabecalho);
	background-image: var(--logoapav_rodape);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.logoue_rodape {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: var(--tamanho_imagem_cabecalho);
	background-image: var(--logoue_rodape);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.caixa_principal {
	display: block;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	color: var(--cor_texto);
	background-color: var(--cor_fundotexto);
	border: 2px solid var(--cor_texto);
}
.tamanho_peq .caixa_principal {
	padding: 2em;
	padding-top: 2em
}
.tamanho_regular .caixa_principal {
	padding: 1em;
	padding-top: 1em
}
.tamanho_medio .caixa_principal {
	padding: 0.5em;
	padding-top: 0em
}
.tamanho_grande .caixa_principal {
	padding: 0.1em;
	padding-top: 0em
}
.caixa_secundaria {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
}
.caixa_conteudo_configuracoes {
	display: table;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 20px;
	color: black;
	background-color: white;
	border: 2px solid var(--cor_texto);
	line-height: 22px
}
.caixa_divisao_configuracao1 {
	display: block;
	width: 100%;
	float: left;
	padding: 20px;
}
.caixa_divisao_configuracao2 {
	display: block;
	width: 100%;
	float: left;
	padding: 20px;
}
.bt_salvar_configuracao {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: underline;
	cursor: pointer;
	font-size: 22px;
	line-height: 22px;
	margin: 0px;
}
.topicos_de_configuracao {
	display: block;
	font-size: 22px;
	line-height: 22px;
	margin: 0px;
	padding-bottom: 0px;
}
h1 {
	margin: 0;
	padding: 0.8em;
	display: block;
	font-size: 2em;
	line-height: 1.2em;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
	margin-bottom: 20px;
	text-transform: uppercase;
}
h2 {
	margin: 0;
	padding: 0.5em;
	display: inline-block;
	font-size: 1.8em;
	line-height: 1em;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
	text-transform: lowercase;
}
h2::first-letter {
	text-transform: uppercase
}
h3 {
	font-size: 1.5em;
	line-height: 1.4em;
	border-bottom: 2px solid var(--cor_texto);
	display: inline;
	padding-bottom: 0.1em;
	text-transform: uppercase
}
.caixa_principal p a {
	padding: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-decoration: none;
	border-bottom: 2px dotted var(--cor_texto);
	border-radius: 5px;
	color: var(--cor_texto);
}
.caixa_principal a {
	padding: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-decoration: none;
	border-bottom: 2px dotted var(--cor_texto);
	border-radius: 5px;
	color: var(--cor_texto);
}
p {
	margin-bottom: 1.5em
}
p strong {
	font-size: 1.1em
}
.caixa_principal a:hover, p a:hover {
	text-decoration: none;
	background-color: var(--cor_texto);
	color: var(--cor_fundotexto)
}
.notas {
	font-size: var(--tamanhonotas);
	padding-left: 2em;
	padding-right: 2em;
	margin-left: 2em;
	margin-right: 2em;
	border: 2px dashed var(--cor_texto)
}
.wrapper {
	display: block;
	width: 100%;
	max-width: 800px;
	background-color: rgb(250,250,250);
	padding: 20px;
	border: 5px solid black;
}
.caixa_principal section {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: var(--cor_seccao);
	margin-bottom: 50px;
	border: 2px dashed var(--cor_texto);
}
.tamanho_peq .caixa_principal section {
	padding: 1em;
}
.tamanho_regular .caixa_principal section {
	padding: 0.5em;
}
.tamanho_medio .caixa_principal section {
	padding: 0.5em;
}
.tamanho_grande .caixa_principal section {
	padding: 0.2em;
}
.lista > li {
	margin-bottom: 1em
}
.lista a {
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	border-bottom: 2px dotted var(--cor_texto);
	border-radius: 5px;
	color: var(--cor_texto);
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
.caixa_principal section .lista a:hover {
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
}
.bt_voltarpara_top {
	display: block;
	padding: 20px;
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
	border: 2px solid var(--cor_texto);
}
footer {
	margin-top: 50px
}
.bt_voltarpara_top:hover {
	background-color: var(--cor_fundotexto);
	color: var(--cor_texto);
	border: 2px solid var(--cor_texto);
}
.menurodape {
	display: block;
	padding: 0px;
	border: none;
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
}
.menurodape li {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 33.3%;
	float: left;
}
.barra_rodape {
	background-color: var(--cor_texto);
	width: 100%;
	min-height: 200px;
	padding-top: 20px;
	padding-bottom: 20px
}
.bt_rodape a, .bt_rodape a:visited {
	display: block;
	margin: 0px;
	list-style: none;
	width: 100%;
	float: left;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
	text-decoration: none;
	text-align: center;
	border-top: 2px solid var(--cor_fundotexto);
	padding-top: 1em;
	padding-bottom: 1em;
}
.bt_rodape a:hover, .bt_rodape a:focus {
	display: block;
	margin: 0px;
	list-style: none;
	width: 100%;
	float: left;
	color: var(--cor_texto);
	background-color: var(--cor_fundotexto);
	border-top: 2px solid var(--cor_fundotexto);
	padding-top: 1em;
	padding-bottom: 1em;
}
.espaco_vazio {
	display: table;
	clear: both;
	width: 100%;
	height: 1px
}
.logo_rodape {
	display: block;
	margin: 0px;
	list-style: none;
	width: 100%;
	float: left;
	padding: 0
}
.texto_legal_rodape {
	margin-top: 30px;
	margin-bottom: 30px;
	color: var(--cor_fundotexto);
	padding: 20px;
	font-size: 0.8em;
	display: table;
	letter-spacing: 0.15em;
}
.imagem_dentro_paragrafo {
	display: block;
	width: 100%;
	padding-bottom: 15em;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	float: var(--posicao_imagem_paragrafo);
}
.destaque_atalhos {
	padding: 0.2em;
	background-color: var(--cor_texto);
	color: var(--cor_fundotexto)
}
.lista_de_atalhos ul {
	display: block;
	margin-bottom: 2em
}
.lista_de_atalhos li {
	padding: 0.2em;
	margin-bottom: 0.2em
}
.lista_de_atalhos:nth-child(odd) {
}
.lista_de_atalhos li:nth-child(even) {
	background-color: rgba(0,0,0,0.08)
}
	
.bts_links_glossario  {
	display: block;
		padding: 1em;


		}
	
.bts_links_glossario a {
	display: inline-block;
		padding: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	text-decoration: none;
	border-bottom: 2px dotted var(--cor_texto);
	border-radius: 5px;
	color: var(--cor_texto);

	font-size: 2em;
	cursor: pointer
	
}

.glossario .letras_glossario {
	margin-top: 1em;
	margin-bottom: 0.5em;
	display: block;
	padding: 0.5em;
	font-size: 1.5em;
	color: var(--cor_fundotexto);
	background-color: var(--cor_texto);
}
.glossario .palavras_glossario {
	font-size: 1.2em;
	display: block;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
.glossario p {
	margin: 0px
}
	
	
	
	.imagem_banner{
	display: block;
	width: 100%;
	max-width: 1200px;
	padding-bottom: 250px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../imagens/Infovitimas_banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
		
		
	}
	
	.bt_cabecalho_pesquisar{
		display: inline-block;
		width: 100%;
		background-image: url(searchicon.png); /* Add a search icon to input */
		background-size:contain;
 		background-position:right center;
  		background-repeat: no-repeat; /* Do not repeat the icon image */
		font-size: 1em;
 		padding: 1em; /* Add some padding */
  		
  		margin-top: 0.5em;
		margin-bottom: 0.5em; /* Add some space below the input */
		color: var(--cor_texto);	
		background-color: var(--cor_fundotexto);
	  	letter-spacing: 0.1em;
		border: 5px solid var(--cor_texto); /* Add a grey border */
		border-radius: 10px;
	text-decoration: none}
	
}