@charset "utf-8";
/* CSS Document */
/* CHAMADA PARA media-query - INÍCIO */
/* SERVE PARA ENBEDAR VÍDEOS DO YOUTUBE DE FORMA RESPONSIVA POR EXEMPLO */
@import "media_query.css" screen, projection; /*aplica tanto na tela principal quanto em projetores*/
/* CHAMADA PARA media-query - FIM */

/*CHAMA OUTRO ARQUIVO CSS PARA OS PANFLETOS COM PAGINAÇÃO ()*/
@import "css_paginacao.css" screen, projection;

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

body
{
/*font: 1em/150% Arial, Helvetica, sans-serif;*/
/*font: 1em/200% Arial, Helvetica, sans-serif;*/
/*	background-color: #353535;*/
font-family: "jaf-facitweb",sans-serif;
font-style: normal;
font-weight: 400;
background-color: #A28A86;
/*color: #202020;*/
/*color: #370b0b;*/
color: #320a0a;
padding: 5px 5px; /* define a distancia do texto das bordas */
margin-top: 5px;
}

a
{
/*color: #0D6A7E;*/
/*color: #61259c;*/
/*color: #245a9d;*/
color: #11116f;
}
a:visited
{
/*color: #863939;*/
/*color: #932d8b;*/
color: #773141;
}

hr
{
/*
border-top: 1px dashed #f00;
border-bottom: 1px solid #f00;
color: #fff;
background-color: #fff;
height: 4px;
*/
color: #000000;
}

code {
background-color: #eee;
border-radius: 3px;
font-family: courier, monospace;
padding: 0 3px;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#principal
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;

/*	padding: 5px;*/
/*	width: 960px;*/
/*	margin: 20px auto;*/
}
#cabecalho
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;


/*	height: 180px;*/
/*	height: auto;*/
}
#menu_principal
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;
	background-color: #634063;

/*clear: boheight: auto;*/
}
#conteudo_central
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;

/*	width: auto;*/
/*	float: left;*/
}
#barra_lateral
{
	word-wrap: break-word;
/*
	width: 300px;
	float: right;
	border-top-left-radius: 0px;
*/
}
#menu_principal_no_rodape
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;

/*clear: boheight: auto;*/
}

#rodape
{
	/* align: center; */
	text-align: center;
	word-wrap: break-word;
/*clear: boheight: auto;*/
}

/* background CORES */
#principal
{
   background-image: linear-gradient( 115deg, #001669, #007296 1%, #007296 11%, #015673 15%,
    #000 23.57%, transparent 23.57%, transparent 100% ),

    linear-gradient( 109deg, transparent, #2d8427 23.57%, #205a06 41%, #000 45%,
	transparent 45%, transparent 100% ),

    linear-gradient( 109deg, transparent, #e79a07 45%, #e79a07 50%, #e79a07 52%,
    #444 55%, transparent 45%, transparent 100% ),

    linear-gradient( 109deg, transparent, #288ab1 55%, #288ab1 68%,  #000 73%,
    transparent 73%, transparent 100% ),

    linear-gradient( 109deg, transparent, #de491e 73%, #de491e 100% );
	padding: 5px 5px; /* define a distancia do texto das bordas */
	/*margin-top: 5px;*/

}
#cabecalho
{
background-color: #A28A86;
}
#menu_principal
{
/*background-color: #A28A86;*/
background-color: #ffffff00;
}
#conteudo_central
{
	/*	background-color: #8C7387;	*/
	/*	background-color: #A08787;	*/
	/*	background-color: #5A4B4B;	*/
/*	background-color: #645454;*/
	background-color: #846E6E;
}
#barra_lateral
{
background-color: #868CA2;
}
#menu_principal_no_rodape {
background-color: #A28A86;
}
#menu_voltar_a_pagina_inicial_ou_sair {
background-color: #A28A86;
}
#rodape {
background-color: #A28A86;
font-size: 11px;
}

/* text margins */

#principal, #cabecalho, #menu_principal, #conteudo_central, #barra_lateral, #menu_principal_no_rodape, #menu_voltar_a_pagina_inicial_ou_sair, #rodape
{
	/*border: 5px solid blue;*/
	border-radius: 5px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
}

/*conteudo_principal*/
div#conteudo_principal
{
	/*border: 5px solid gray;*/
	border-radius: 10px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
	word-wrap: break-word;
}

/* formulario_padrao */
div#formulario_padrao {
    text-align: left;
    width: 80%;
    margin: 1px auto;
    padding: 1px 0;
    border: 5px solid gray;
    border-radius: 10px;
    word-wrap: break-word;
}


label {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    width: 96%;
    margin: 1% 2%;
}

form {
    width: 96%;
    margin: 1% 2%;
}

/* Makes responsive fields. Sets size and field alignment. */
input[type=text],
input[type=number],
input[type=date],
input[type=datetime],
input[type=time],
input[type=search],
input[type=email],
input[type=password],
input[type=file],
select,
textarea {
    font-size: 20px;
    margin: 2px 0;
    width: 100%;
    padding: 2px;
    border-radius: 5px;
    border: 1px solid #202000;
}

/* RÁDIO */
input[type=radio] {
    height: 35px;
    width: 35px;
    vertical-align: middle;
}

/*RÁDIO FIM*/





/*input[type=submit]
{
	margin-bottom: 20px;
	width:100%;
	padding: 15px;
	border-radius:5px;
	border:2px solid #7ac9b7;
	background-color: #4180C5;
	color: aliceblue;
	font-size:25px;
	cursor:pointer;
}*/
/*
#submit:hover
{
 background-color: black;
}
input[type=text]:focus,textarea:focus
{
	border-color: #009A00;
}
input[type=number]:focus,textarea:focus
{
	border-color: #009A00;
}
*/
.frase_padrao
{
/* //color: #a844a4; */
color: #000000;
}
.texto_negrito
{
font-weight: bold;
}
.texto_verde
{
/* //color: #058A00; */
color: #025100;
}
.texto_amarelo
{
color: #FFFF00;
}
.texto_vermelho
{
color: #A60000;
}
.texto_azul_claro
{
color: #04eaf0;
}
.texto_azul_escuro
{
color: #000c9d;
}
.texto_roxo
{
color: #701492;
}
.texto_preto
{
color: #000000;
}

.fonte_negrito
{
	font-weight: bold;
}

.fonte_36px
{
font-size:36px;
font-weight: bold;
line-height: 100%;
}
.fonte_32px
{
font-size:32px;
font-weight: bold;
line-height: 100%;
}
.fonte_24px
{
font-size:24px;
line-height: 100%;
}
.fonte_11px {
/*background-color: #A28A86;*/
font-size: 11px;
}

/*
Imagens:
Se a largura da tela do navegador for maior que a largura da imagem, ela será mostrada em seu tamanho real.
Se a largura da tela do navegador for menor que a largura da imagem, ela terá sua largura reduzida para a largura da tela do browser (navegador).
.*/

img {
max-width:100%;

/* BORDAS COM CANTOS ARREDONDADOS*/
border-radius: 10px;
}


/*
DIV RODAPÉ FIXO
DIV RODAPÉ FIXO
DIV RODAPÉ FIXO
*/
div.rodape_fixo {
position: fixed;
bottom: 0;
float: center;
width: 100%;
/* align: left; */
text-align: left;
word-wrap: break-word;
/* bring your own prefixes */
/*transform: translate(-50%, -50%)*/;
}
/*
DIV RODAPÉ FIXO
DIV RODAPÉ FIXO
DIV RODAPÉ FIXO
*/


/*
ESCONDER ELEMENTO
ESCONDER ELEMENTO
ESCONDER ELEMENTO
*/
.hidden {
    display: none !important;
}
/*
ESCONDER ELEMENTO
ESCONDER ELEMENTO
ESCONDER ELEMENTO
*/

/*boxex (caixas)*/
.box_verde
{
	/*border: 5px solid gray;*/
	border-radius: 10px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
	background-color: #acffaa;
}
.box_amarelo
{
	/*border: 5px solid gray;*/
	border-radius: 10px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
	background-color: #ffffaa;
}
.box_vermelho
{
	/*border: 5px solid gray;*/
	border-radius: 10px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
	background-color: #ff9191;
}
.box_azul
{
	/*border: 5px solid gray;*/
	border-radius: 10px;
	padding: 5px 5px; /* define a distancia do texto das bordas */
	background-color: #accdff;
}

/*
CONFIGURAÇÕES DE QUEBRA DE TEXTO
CONFIGURAÇÕES DE QUEBRA DE TEXTO
CONFIGURAÇÕES DE QUEBRA DE TEXTO
*/
/*
p {
   width: 13em;
   margin: 2px;
   background: gold;
}

.ow-anywhere {
   overflow-wrap: anywhere;
}

.ow-break-word {
   overflow-wrap: break-word;
}

.word-break {
   word-break: break-all;
}

.hyphens {
   hyphens: auto;
}
*/
/*
CONFIGURAÇÕES DE QUEBRA DE TEXTO
CONFIGURAÇÕES DE QUEBRA DE TEXTO
CONFIGURAÇÕES DE QUEBRA DE TEXTO
*/


/*
OUTROS
OUTROS
OUTROS
*/

.valida_usuario {
	display: inline-block;
	border-radius: 5px;
	/*background-color: #A28A86;*/
/*	background-color: hsla(71,100%,73%,1.00);*/
	background-color: #00CCCC;
}

.destaque_em_amarelo {
	display: inline-block;
	border-radius: 5px;
	/*background-color: #A28A86;*/
/*	background-color: hsla(71,100%,73%,1.00);
	background-color: #00CCCC;*/
	background-color: hsla(71,100%,73%,1.00);
}

.paginacao_itens_individuais_genericos
{
	padding: 25px;
}