* {
	box-sizing: border-box;
}
body {
	margin: 0;
	font-family: Arial;
	/*background-image:url("../img/fundo-madeira.jpg");*/
	background-color: #cccccc;
}

ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 10px;
}

td div {
	position: relative;
	width: 100%;
	height: 100%;
}

input {
	font-size: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

header {
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 10;  
}

header img {
	height: 30px;
	width: 30px;
	vertical-align: middle;
}

div .tabela_cabecalho_gde {
	height: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 5px;
	background-color: darkblue;
	color: white; 
	font-size: 22px;
	font-weight: bold;
	vertical-align: middle;
}

.secPage {
	position: relative;
	top:0px;   
	z-index: 1;     
}

.cabecalho {
	position: fixed;
	top: 0px;
	height: 40px;
	background-color: darkblue;
	border: 0px solid black;
	padding: 0 0px;     
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	color: white;   
	font-size: 22px;
	font-weight: bold;
	z-index: 10;
	width: 100%;
}

.subcabecalho {
	position: fixed;
	top: 40px;
	height: 30px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: azure;
	border: 0px solid black;
	padding: 0 0px;     
	margin: 0px;
	text-align: center;
	/*
	vertical-align: middle;
	*/
	color: black;   
	font-size: 22px;
	font-weight: bold;
	z-index: 10;
}

.referencia {
	position: fixed;
	top: 70px;
	height: 30px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #6495ED; /*azure;*/
	border: 0px solid black;
	padding: 0 0px;     
	margin: 0px;
	text-align: center;
	color: white;   
	font-size: 22px;
	font-weight: bold;
	z-index: 10;
}

.advertencia {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	height: 30px;
	background-color: red;
	text-align: center;
	vertical-align: middle;
	color: white;   
	font-size: 14px;
	font-weight: bold;
}

.divConteinerCab {
	position: relative;
	top: 40px;   
	z-index: 1;               
}

.divConteiner {
	position: relative;
	top:70px;   
	width: 100%;
	z-index: 1;  
}

.divConteinerRef {
	position: relative;
	top:100px;   
	width: 100%;
	z-index: 1;  
}

.divPrivacidade {
	position: relative;
	top: 40px;
	margin: 5px;
	padding-left: 50px;
	padding: 0 4px;      
	text-align: justify;
	color: black;	
	background-color: yellow;    
	font-size: 16px;    
	z-index: 1;               
}

.dvConteudo {
	position: relative;
	top:35px;   
	width: 100%;
	z-index: 1;     
}
.dvDetalhe {
	position: relative;
	top:50px;   
	z-index: 1;          
}
.detalhe {
	position: relative;
	top: 15px;
	z-index: 1;
	width: 100%;
}
.tabcontrol {
	display: flex;      
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;    
	justify-content: flex-start;
	justify-content: space-around;
	background-color: blue;
	border: 2px solid grey;
	margin: 5px;
	text-align: center;
	color: white;
	padding-left: 50px;
	padding: 0 4px;     
	vertical-align: middle;
}
.tabcontrol1 {
	display: flex;      
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;    
	background-color: gray;
	margin: 5px;
	text-align: center;
	color: white;
	width:45%;
	height:100%;
	background-color:blue;
	outline:none;
	cursor:pointer;
	padding-left: 50px;
	padding: 0 4px;     
}
.tabcontrol2 {
	display: flex;      
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;    
	background-color: gray;
	margin: 5px;
	text-align: center;
	color: white;
	width:45%;
	height:100%;
	background-color:blue;
	outline:none;
	cursor:pointer;
	padding-left: 50px;
	padding: 0 4px;  
}
.tabcontrolfocus {
	background-color: yellow;
	color: black;
	font-weight: bold;
}

.margin0 {
	margin: 0;
}

.margin5 {
	margin: 5px;
}

.zMais1 {
	z-index: +1;
}

.chkbox {
	height: 24px;
	width: 24px;
}

.radio {
	height: 24px;
	width: 24px;
}

.icon {
	height: 24px;
	width: 24px;
}

.blocotitulo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 36px;
	text-align: center;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #808080;
}

.areatexto {
	min-height: 100px;
	margin: 2px;
	padding: 3px;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#000099;
	background-color: #eeeeee;
}

.tabela_titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6495ED;
}

.tabela_cabecalho {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #808080;
}

.tabela_cabecalho_gde {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	 background-color: #808080;
}

.tabela_corpo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-decoration: none;
	color:#000099;
	background-color: #eeeeee;
}

.tabela_digital {
	font-family: STENCIL, "OCR A Extended", Mangal, "Digital-7",Verdana, Arial, Helvetica, sans-serif;
	font-size: 36px;
	text-decoration: none;
	color:#000099;
	border-color: #808080;
	font-weight: bold;
	background-color: #eeeeee;	
}
.tabela_digital_1 {
	font-family: STENCIL, "OCR A Extended", Mangal, "Digital-7",Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	color:#000099;
	border-color: #808080;
	font-weight: bold;
	background-color: #eeeeee;	
}

.tabela_corpo_peq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color:#000099;
	/*background-color: #eeeeee;*/
}

.texto_peq {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	text-decoration: none
	color:#000099;
	font-weight:none;
	}


.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6495ED;
}

.label_peq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6495ED;
}

.inputs {
	color:#000000;
	font-weight:none;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size:16px;
	text-decoration: none
}

.botao_azul	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #0080F0;    /* #4169E1 */
	border-color: #eeeeee #666666 #666666 #eeeeee;
	border-radius: 10px;
	height:48px;
	width:88px;
}


.centraliza-ex {
	display: flex;      
	vertical-align: middle;
	text-align: center;
}

.centraliza {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.f16 {
	font-size: 16px;
}

.paddL15 {
	padding-left: 15px;
}

.flex {
	display: flex;
	box-sizing: border-box;
	/*      
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: stretch;
	top: 2px;
	*/
	margin: 2px;
}
.flexbox {
	display: flex;      
	box-sizing: border-box;
	/*
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: stretch;
	top: 2px;
	*/
	margin: 2px;
	background-color: white;
	border: 2px solid black;
	border-radius: 10px;
}
.flexo {
	display: flex;      
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: left;
	align-items: stretch;
	margin: 5px;
	top: 55px;
	background-color: yellow;
	border: 2px solid black;
	padding-left: 50px;
	padding: 0 4px;     
	width: 100%;
}
.flexo50 {
	display: flex;      
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: right;
	align-items: stretch;
	margin: 5px;
	top: 55px;
	background-color: yellow;
	border: 2px solid black;
	padding-left: 50px;
	padding: 0 4px;     
	border-radius: 10%;
}

.oculto {
	display:none;
}

.seta {
	position: fixed;
	top: 5px;
	left: 5px;   
	z-index: 10;                   
}
.sair {
	position: fixed;
	top: 5px;
	right: 5px;   
	z-index: 10;                   
}
.menu_principal {
	position: relative;
	top:55px;   
	z-index: 1;               
}
.titulo {
	vertical-align: center;
}
.rodape {
	position: fixed;
	bottom: 0;
	width:100%;
	height:75px;   
	background-color: #eeeeee;
	z-index: 1;
	border: 2px solid black;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

.msgBox {
	display: flex;
	flex-direction: column;
	justify-content: center;     
	align-items: center;
	width: 100%;
	min-height:50px;   
}

.texto_imagem {
	text-align: center;
	vertical-align: middle;
	color: black;   
	font-size: 22px;
	font-weight: bold;
	z-index: 10;
	width: 100%;	
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
  .column {
	flex: 50%;
	max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column {
	flex: 100%;
	max-width: 100%;
  }
}


.nowrap {
	flex-wrap: nowrap;
}
.wrap {
	flex-wrap: wrap;
}
.wrap-reverse {
	flex-wrap: wrap-reverse;
}


/* Flex Container */
.container {
	/*max-width: 360px;*/
	margin: 0 auto;
	display: flex;
	border: 1px solid #ccc;
}

/* Flex Item */
.flexwrap {
	flex: 1 1 30vw;
	margin: 5px;
	background: azure;
	text-align: center;
	font-size: 1.2em;
	border-radius: 12%;
	border-color: blue;
	border-width: 4px;
	border-style: solid;
	border-spacing: 4px;
	max-height: 30vw;
}

.flexwrap > img {
	max-width: 75%;
	display: block;
	margin: 0 auto;
}

.flexwrap span {
	font-weight: bold;
}


.item {
	/* O flex: 1; é necessário para que cada item se expanda ocupando o tamanho máximo do container. */
	flex: 1;
	margin: 5px;
	background: azure;
	text-align: center;
	font-size: 1.2em;
	border-radius: 12%;
	border-color: blue;
	border-width: 4px;
	border-style: solid;
	border-spacing: 4px;
}

/* Aleta Box */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */

/* The Alerta (background) */
.alerta-div {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 2000; /* Sit on top */
	left: 0;
	float: top;
	top: 0px;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.alerta-contentxxx {
	background-color: #eeeeee;
	margin: 0% auto; /* 15% from the top and centered */
	padding: 0px;
	border: 1px solid #888;
	width: 100%; /* Could be more or less, depending on screen size */
}

.alerta-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s;
}


/* Modal Box */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */

/* The Modal (background) */
.modal-div {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	left: 0;
	float: top;
	top: 100px;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #eeeeee;
	margin: 0% auto; /* 15% from the top and centered */
	padding: 0px;
	border: 1px solid #888;
	width: 100%; /* Could be more or less, depending on screen size */
}

/* Modal Header */
.modal-header {
	/*padding: 2px 8px;*/
	background-color: #5cb85c;
	color: white;
}

/* Modal Body */
.modal-body {
	padding: 1px 1px;
}

/* Modal Footer */
.modal-footer {
	padding: 2px 8px;
	background-color: #5cb85c;
	color: white;
}

.modal-vago {
	min-height: 1000px;
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: animatetop;
	animation-duration: 0.4s;
}

/* The Close Button */
.close, .closeModFR, .closehoras {
	color: black;
	float: right;
	font-size: 18px;
	font-weight: bold;
	animation-name: animatetop;
	animation-duration: 0.4s;
	margin-right: 5px;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

/* Add Animation */
@keyframes animatetop {
	from {top: -300px; opacity: 0}
	to {top: 0; opacity: 1}
}

#sobrepor{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	    
	/*background-image: url("/_imagens/bgOverlay.png");*/
	/*background-repeat: repeat;*/
	z-index: 9999;
	background: #333; 
	opacity: 0.6;		
}
#sobrepor img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	z-index: 9999;
}
.fig-fr:hover, .num-fr:hover, {
	background-color: yellow;
}

.yellow {
	background-color: yellow;
	color: black;
}

.destak {
	border-color: #006600;
	background-color: #ccffcc; /* #e6ffe6; #daffb3; #e6ffcc #ccffcc; #b3ffb3;*/
	color: black;
}

.vm {
	background-color: red;
	color: white;
}

.table_redondo {
	border-radius: 300px;
	border-color: red;
}

.calculadora_tr { 
	line-height: 55px; 
}
.calculadora_td {
	text-align: center;
	font-size: 20px;
	border-radius: 30px;
}
.numeros {
	font-size: 20px;
	vertical-align: middle;
}
.serif {
  font-family: "Times New Roman", Times, serif;
}

.sansserif {
  font-family: Arial, Helvetica, sans-serif;
}

.monospace {
  font-family: "Lucida Console", Courier, monospace;
}