.col1 { width: 100%; padding: 0px; text-align: center; margin: auto; }
.col3 { width: 32%; padding: 0px; text-align: center; margin: auto; }
.col4 { width: 22%; padding: 0px; text-align: center; margin: auto; }

.barraSuperior { width: 100%; height: auto; background: linear-gradient(darkblue, black); padding: 0px; color: white; text-align: center; font-size: 18px; font-weight: bold; position: sticky; top: 0px; z-index: 9999999999; }

.barraMeio { width: 100%; margin: auto; padding-bottom: 50px; height: 100%; text-align: center; position: relative; }

.tituloBloco {background-color: #81BEF7; color: black; padding: 6px;}
.conteudoBloco {padding: 5px;}

.blocoResponsivo {background-color: #E6E6E6;}

#blocoRegistros {margin: auto; width: 98%;}
#blocoNovo {display: none; width: 98%;}

.topo {width: auto; padding: 5px 2px 5px 5px; background-color: darkblue; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none;}

.copyright { bottom: 0px; width: auto; padding: 6px; position: fixed; color: white; font-size: 14px; text-align: center; z-index: 999999; background-color: darkblue; border-left: 4px solid black; }



/*Responsividade*/
@media (max-width: 1000px) {
	.barraLateral { display: none; }
	.barraMeio { width: 100%; }
	input { width: 90%; }
	.col3 {width: 96%;}
}

@media (max-width: 533px) {
	.blocoResponsivo {width: 96%;}
	#bilheteComprovante {width: 100%;}
}