@charset "utf-8";
html {
	color: white;
	background-color: #065E8A;
	font-family: 'Roboto Slab', serif;
	margin: 0px;

}
body{background-color: var(--cor_fundotexto);
	background-image:  var(--texturanofundo);}


/*OS BOTOES DE CONFIGURACAO*/

.btconfigurar:focus, .btconfigurar_letras:focus, .btconfigurar:hover, .btconfigurar_letras:hover {
	border: 3px black solid;
	text-decoration: underline
}
.btconfigurar {
	border: 3px white solid;
	display: block;
	width: 100%;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 0.5em;
	letter-spacing: 2px;
	color: white;
	cursor: pointer;
	padding: 15px;
	font-weight: 400;
	text-align: center;
}
.btconfigurar_letras {
	border: 3px white solid;
	display: block;
	width: 100px;
	font-size: 22px;
	line-height: 22px;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	color: black;
	cursor: pointer;
	padding: 10px;
	text-align: center;
	font-weight: 400;
	background-color: white
}
/*AS CORES MASTER*/


.cor_azul {
	color: white;
	background-color: #065E8A;
--cor_texto:black;
--cor_fundotexto:white;
--cor_link:#065E8A;
--cor_fundolink:white;
--cor_fundosite:#065E8A;
--texturanofundo: url(../imagens/BackgroundTexture.png);
	background-repeat: repeat;
--logoinfo_cabecalho: url(../imagens/logos/logo_cabecalho_infovitimas_branco_flag_cor.png);
--logo116_cabecalho: url(../imagens/logos/logo_cabecalho_telefone_branco.png);
--logoinfo_rodape: url(../imagens/logos/logo_rodape_infovitimas_branco.png);
--logoapav_rodape: url(../imagens/logos/logo_rodape_apav_branco.png);
--logoue_rodape: url(../imagens/logos/Logo_rodape_CP_branco.png);
--cor_seccao: rgba(0,0,0,0.04) ;




}

.cor_pretoembranco {
	color: black;
	background-color: white;
--cor_texto:black;
--cor_fundotexto:white;
--cor_link:white;
--cor_fundolink:black;
--cor_fundosite:white;
	--logoinfo_cabecalho: url(../imagens/logos/logo_cabecalho_infovitimas_preto.png);
--logo116_cabecalho: url(../imagens/logos/logo_cabecalho_telefone_preto.png);
--logoinfo_rodape: url(../imagens/logos/logo_rodape_infovitimas_branco.png);
--logoapav_rodape: url(../imagens/logos/logo_rodape_apav_branco.png);
--logoue_rodape: url(../imagens/logos/Logo_rodape_CP_branco.png);
--cor_seccao: rgba(0,0,0,0.04) ;

}
.cor_brancoempreto {
	color: white;
	background-color: black;
--cor_texto:white;
--cor_fundotexto:black;
--cor_link:black;
--cor_fundolink:white;
--cor_fundosite:black;
	--logoinfo_cabecalho: url(../imagens/logos/logo_cabecalho_infovitimas_branco.png);
--logo116_cabecalho: url(../imagens/logos/logo_cabecalho_telefone_branco.png);
	--logoinfo_rodape: url(../imagens/logos/logo_rodape_infovitimas_preto.png);
--logoapav_rodape: url(../imagens/logos/logo_rodape_apav_preto.png);
--logoue_rodape: url(../imagens/logos/Logo_rodape_CP_preto.png);
	--cor_seccao: rgba(255,255,255,0.1) ;
}
.cor_pretoamarelo {
	color: black;
	background-color: yellow;
--cor_texto:black;
--cor_fundotexto:yellow;
--cor_link:yellow;
--cor_fundolink:black;
--cor_fundosite:yellow;
		--logoinfo_cabecalho: url(../imagens/logos/logo_cabecalho_infovitimas_preto.png);
--logo116_cabecalho: url(../imagens/logos/logo_cabecalho_telefone_preto.png);
	--logoinfo_rodape: url(../imagens/logos/logo_rodape_infovitimas_amarelo.png);
--logoapav_rodape: url(../imagens/logos/logo_rodape_apav_amarelo.png);
--logoue_rodape: url(../imagens/logos/Logo_rodape_CP_amarelo.png);
	--cor_seccao: rgba(0,0,0,0.04) ;
}
.cor_amareloempreto {
	color: yellow;
	background-color: black;
--cor_texto:yellow;
--cor_fundotexto:black;
--cor_link:black;
--cor_fundolink:yellow;
--cor_fundosite:black;
			--logoinfo_cabecalho: url(../imagens/logos/logo_cabecalho_infovitimas_amarelo.png);
--logo116_cabecalho: url(../imagens/logos/logo_cabecalho_telefone_amarelo.png);
	--logoinfo_rodape: url(../imagens/logos/logo_rodape_infovitimas_preto.png);
--logoapav_rodape: url(../imagens/logos/logo_rodape_apav_preto.png);
--logoue_rodape: url(../imagens/logos/Logo_rodape_CP_preto.png);
	--cor_seccao: rgba(255,255,255,0.1) ;
}
/*OS TAMANHOS MASTER*/

.tamanho_peq {
	font-size: 0.875em; /*14px*/
--tamanhotitulo:1.2857142857142858em; /*18px*/
--tamanhonotas:0.8571428571428571em; /*12px*/
	letter-spacing: 0.1em;
			font-weight: 500;
	line-height: 1.5em;
	--tamanho_imagem_cabecalho:100px ;
	--tamanhomaximo_horizontal_cabecalho:1200px;
		--espacamento_h:4em;
			--espacamento_v:4em;
	--posicao_imagem_paragrafo:right;
	--espacamento_section:2.5em;
}
.tamanho_regular {
	font-size: 1.125em; /*18px*/
--tamanhotitulo:1.2222222222222223em; /*22*/
--tamanhonotas:0.8888888888888888em; /*16*/
	letter-spacing: 0.05em;
			font-weight: 500;
		line-height: 1.5em;
		--tamanho_imagem_cabecalho:250px;
		--tamanhomaximo_horizontal_cabecalho:1200px;
		--espacamento_h:4em;
			--espacamento_v:2em;
		--posicao_imagem_paragrafo:right;
		--espacamento_section:2em;
}
.tamanho_medio {

	font-size: 2.1875em; /*35px*/
--tamanhotitulo:1.5em; /*24*/
--tamanhonotas:0.875em; /*14*/
		letter-spacing: 0.04em;
			font-weight: 400;
		line-height: 1.5em;
		--tamanho_imagem_cabecalho:250px ;
		--tamanhomaximo_horizontal_cabecalho:"";
		--espacamento_h:1em;
			--espacamento_v:0em;
		--posicao_imagem_paragrafo:none;
		--espacamento_section:1em;


}
.tamanho_grande {

	font-size: 4em; /*64px*/
--tamanhotitulo:1.5em; /*24*/
--tamanhonotas:0.875em; /*14*/
		letter-spacing: 0.03em;
		font-weight: 400;
		line-height: 1.5em;
	--tamanho_imagem_cabecalho:300px  ;
		--tamanhomaximo_horizontal_cabecalho:"";
			--espacamento_h:0em;
			--espacamento_v:0em;
			--posicao_imagem_paragrafo:none;
		--espacamento_section:0.5em;
}
/*AS FONTES MASTER*/

.font_n1 {
	font-family: 'Roboto Slab', serif;

}

.font_n2 {
	font-family: 'Lora', serif;

}

.font_n3 {
	font-family: 'Work Sans', sans-serif;

}

* {
	box-sizing: border-box;
}







/*//{  position: absolute;
//            width: 1px;
//            height: 1px;
//            padding: 0;
//            margin: -1px;
//            overflow: hidden;
//            clip: rect(0, 0, 0, 0);
//            white-space: nowrap; 
//            border: 0;
//	}*//* added line */