@charset "utf-8";
/* CSS Document */
/* https: //www.w3schools.com/cssref/css_colors.asp */

/* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+  					Usar "-webkit-" antes do atributo. 	Ex: -webkit-box-shadow:  3px 3px 5px 6px #ccc;		*/
/* Firefox 3.5 - 3.6 											Usar "-moz-" 	antes do atributo. 	Ex:    -moz-box-shadow:  3px 3px 5px 6px #ccc;		*/
/* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 				Usar NADA	 	antes do atributo. 	Ex:         box-shadow:  3px 3px 5px 6px #ccc;		*/

/*
*{
	margin: 0px;
	padding: 0px;
	font: normal;
}

https: //developer.mozilla.org/pt-BR/docs/Web/CSS/Getting_Started/Seletores

https: //www.devmedia.com.br/propriedades-das-bordas-no-html/23949

*/

/* https: //pt.stackoverflow.com/questions/210795/colocar-iframe-com-100-de-altura */
.main iframe {
	border: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



html,body{
  height: 100%;
}



body{
	background: #C1E0FF url(../Imagens/bg.jpg) no-repeat top left;
	background-attachment: fixed;
	background-color: transparent;
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}



span{
/*	color: #CCC; */
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
}

/* https: //desenvolvimentoparaweb.com/html/iframes-responsivos/ */



[style*="--aspect-ratio"] > : first-child {
	width: 100%;
}



[style*="--aspect-ratio"] > img {  
	height: auto;
}



@supports (--custom: property) {
	[style*="--aspect-ratio"] {
	position: relative;
	}

	[style*="--aspect-ratio"]: : before {
		content: "";
		display: block;
		padding-bottom: calc(100% / (var(--aspect-ratio)));
	}

	[style*="--aspect-ratio"] > : first-child {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
	}
}



P.blocktext {

	display: block;
	max-height: 100%;
	max-width: 100%;

/*	margin-left: auto; */
/*	margin-right: auto; */
	/* width: 6em */

/*	width: fit-content;				/* Chrome */
/*	width: intrinsic;				/* Safari/WebKit uses a non-standard name */
/*	width: -moz-fit-content;		/* Firefox/Gecko */
/*	width: -webkit-fit-content;		/* Chrome */

}


.Css_Class_BoxInterno{
	background-color: transparent;
	border: 0px solid;
	box-shadow: 5px 10px 8px #888888;
	display: table;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	/* padding: 3px; */

	/*display: width: fit-content;*/
/*	width: -moz-fit-content;	/* Firefox/Gecko */
/*	width: fit-content;			/* Chrome */
/*	width: intrinsic;			/* Safari/WebKit uses a non-standard name */
/*	width: - webkit-fit-content;	/* Chrome */

}



.Css_Class_Tb_TituloSite{
	background-color: transparent;
	border: 0px solid;
	box-shadow: 5px 10px 8px #888888;
	font-weight: bold;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 12pt;
	padding: 3px;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
}

.Css_Class_td_TituloSite{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 12pt;
	padding: 3px;
	text-align: center;
	vertical-align: top;
}




.Css_Class_NomeDePagina0{
	background-color: transparent;
	border: 0px solid;
	box-shadow: 5px 10px 8px #888888;
	box-align: center;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 11pt;
	font-weight: bold;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}


.Css_Class_NomeDePagina1 .Css_Class_NomeDePagina0{
	display: block;
}



.Css_Class_NomeDePagina2 .Css_Class_NomeDePagina0{
	display: inline-block;
}



.Css_Class_NomeDePagina3 .Css_Class_NomeDePagina0{
	display: table; width: fit-content;
}




.shadow {
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
		-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
			box-shadow: 3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}



.right {display: table; margin: -18px 0 0 auto;}
.center {display: table; margin: -18px auto 0 auto;}



.Css_Class_Texto{
	background-color: transparent;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	margin-top: 10px;
}

.Css_Class_Texto_Center{
	background-color: transparent;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	margin-top: 10px;
	text-align: center;
}

.Css_Class_MsgPadrao {
	background-color: transparent;
	border: 0px solid;
	box-align: center;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
	height: auto;
	margin-bottom: 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 4px;
	text-align: center;
}



.Css_Class_MsgVermelho {
	background-color: transparent;
	border: 0px solid;
	box-align: center;
	color: red;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
	height: auto;
	margin-bottom: 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 4px;
	text-align: center;
}



.Css_Class_MsgVerde {
	background-color: transparent;
	border: 0px solid;
	box-align: center;
	color: #65c368;
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
	height: auto;
	margin-bottom: 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 4px;
	text-align: center;
}



.Css_Class_Blink {
	animation: blinker 2s linear infinite;
}



.Css_Class_Normal {
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
}



.Css_Class_Preto {
	color: black;
}



.Css_Class_Vermelho {
	color: red;
}



.Css_Class_Verde {
	color: #65c368;
}



.Css_Class_Azul {
	color: blue;
}


.Css_Class_Option{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
}



.Css_Class_CheckBox{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
}



.Css_Class_TextArea{
	height: 80px;
	overflow-y: scroll;
	resize: none;
}



.Css_Class_TextArea2{
	overflow-y: scroll;
	resize: none;
}


.Css_Class_tb00{
	margin-top: 0px;
	/* max-width: 100vmax; */
}



.Css_Class_tb01{
	margin-top: 1px;
	/* max-width: 100vmax; */
}



.Css_Class_tb02{
	margin-top: 2px;
	/* max-width: 100vmax; */
}



.Css_Class_tb03{
	margin-top: 3px;
	/* max-width: 100vmax; */
}



.Css_Class_tb05{
	margin-top: 5px;
	/* max-width: 100vmax; */
}



.Css_Class_tb10{
	margin-top: 10px;
	/* max-width: 100vmax; */
}


.Css_Class_tr00{
	padding-top: 0px;
	/* max-width: 100vmax; */
}


.Css_Class_tr01{
	padding-top: 1px;
	/* max-width: 100vmax; */
}


.Css_Class_tr02{
	padding-top: 2px;
	/* max-width: 100vmax; */
}


.Css_Class_tr05{
	padding-top: 5px;
	/* max-width: 100vmax; */
}


.Css_Class_tr10{
	padding-top: 10px;
	/* max-width: 100vmax; */
}

.Css_Class_tdLk_Titulo{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: #d3d3d3;
	/* font-weight: bold; */
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td01_Titulo{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: #d3d3d3;
	font-weight: bold;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}


.Css_Class_td01_Center{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 3px;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}


.Css_Class_td02_Center{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}


.Css_Class_td01_Left{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 3px;
	text-align: left;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td01_Right{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td01_Right_Vermelho{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	color: red;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td01_Right_Verde{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	color: #65c368;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td01_Link{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_FieldSet01{
	background-color: f8f8ff;
	border: 1px solid;
	/* display: table; */
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
/*
	margin-bottom: 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 1px;
*/
	margin: auto;
	padding: 1px;
	text-align: center;
	width: auto;
}



.Css_Class_FieldSet02{
	background-color: white;
	border: 1px solid;
	/* display: inline-block; */
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: normal;
/*
	margin-bottom: 1px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 1px;
*/
	margin: auto;
	padding: 1px;
	text-align: center;
	width: auto;
}



.Css_Class_Legend01{
	background-color: transparent;
	border-bottom: 1px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-top: 0px solid;
	border: 0px solid;
	/* display: table; */
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	font-weight: bold;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1px;
	width: auto; /* inherit; ou auto */
}



.Css_Class_td02_Titulo{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: #d3d3d3;
	font-weight: bold;
	padding: 1px;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td02_Center{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 1px;
	text-align: center;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td02_Left{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td02_Right{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	padding: 1px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td02_Right_Vermelho{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	color: red;
	padding: 1px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}



.Css_Class_td02_Right_Verde{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	color: #65c368;
	padding: 1px;
	text-align: right;
	vertical-align: top;
	/* max-width: 100vmax; */
}


.Css_Class_BoxLink{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 0px solid;
	font-weight: normal;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 1px;
	text-align: center;
	text-shadow: 5px 10px 8px #888888;
}



.Css_Class_FormLabel{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	margin-right: 5px;
}



.Css_Class_FormInput{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 1px solid;
	width: 290px;
}



.Css_Class_FormFiltroInput{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 1px solid;
	width: auto;
}



.Css_Class_Botao_SelecionadoS{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 1px solid;
	box-shadow: inset 0 0 5px #000000;
	cursor: pointer;
	display: table;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align: center;
}



.Css_Class_Botao_SelecionadoN{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 1px solid;
	box-shadow: inset 0 0 0px #000000;
	cursor: pointer;
	display: table;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align: center;
}



.Css_Class_FormSubmit{
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	background-color: transparent;
	border: 1px solid;
	box-shadow: inset 0 0 5px #000000;
	cursor: pointer;
	display: table;
	margin-bottom: 1px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	text-align: center;
}



@keyframes blinker {
	50% {
	opacity: 0;
}



/* https: //www.webcis.com.br/mudando-o-cursor-do-mouse-com-css.html */



.Cursor_Default {
cursor: Default;
}



.Cursor_Wait {
cursor: Wait;
}



.editableBox {
	font-family:Arial, Helvetica, verdana, Tahoma; font-size: 10pt;
	height: 30px;
	width: 75px;
}



.timeTextBox {
	border: none;
	height: 25px;
	margin-left: -78px;
	width: 54px;
}


.boxW {
  /* max-width: 100vmax; */
}

.boxHW {
  max-height: 100vmax;
  /* max-width: 100vmax; */
}

/* https://desenvolvimentoparaweb.com/css/unidades-css-rem-vh-vw-vmin-vmax-ex-ch/ */