* {
	margin:auto;
	font-size:16px;
}
body {
	width:auto;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:#eee;
}
header {
	display:block;
	position:relative;
	padding:.25em;
	background:#ddd;
	border-bottom:2px solid #fff;
	box-shadow:2px 0 10px #fff;
}
header #abrirMenuTopo {
	display:none;
	position:relative;
	top:.5em;
	left:.5em;
	width:auto;
}
header .logoSite {
	display:none;
	vertical-align:top;
	text-align:center;
}
header .logoSite a img { 
	display:block;
	width:48px;
	height:48px;
	padding:.75em 2em;
}
footer {
	display:block;
	margin-top:2em;
}
h1 {
	display:block;
	position:relative;
	margin-top:.5em;
	text-align:center;
	font-size:2.4em;
}
h2 {
	display:block;
	position:relative;
	margin-top:.5em;
	text-align:center;
	font-size:2em;
}
pre {
	 test-align:left;
}
.informacoesLogin {
	display:inline-block;
	position:absolute;
	padding:.5em;
	left:1em;
	bottom:.5em;
	color:#666;
}
.informacoesLogin div {
	display:block;
	text-align:center;
}
.informacoesLogin .nomeGEL,
.informacoesLogin .nomeUsuario,
.informacoesLogin .nivelAcesso,
.informacoesLogin .linkSair
{
	display:inline-block;
	padding-left:1em;
}
.tituloTabela {
	display:block;
	position:relative;
	width:auto;
    margin: auto;
	height:3vh;
	line-height:3vh;
	padding:0 0 .5em 0em;
	font-size:5vh;
	text-align:center;
}
.tituloTabela div {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	color:#666;
}
.tituloTabela div:nth-child(2) {
	left:-.7vw;
	font-weight:bold;
	color:#0c0;
}
.mensagemLogando {
	display:block;
	height:100vh;
	line-height:50vh;
	vertical-align:middle;
}
label, input {
	font-size:3vh;
	height:5vh;
	line-height:5vh;
}
label {
	display:inline-block;
	width:auto;
	text-align:right;
}
input {
	width:20vw;
	height:5vh;
	line-height:5vh;
	border:1px solid #ccc;
	border-radius:.5vh;
	margin-left:2vh;
	margin-top:2vh;
}
input[type=password],
.usuarioLogin {
	width:11em;
}
input[type=time] {
	width:5em;
}
input[type=datetime-local] {
	width:10em;
}
input[type=submit] {
/*	width:25.3vw;*/
	width:auto;
	padding:0 4vw;
	margin-top:1.2em;
	font-size:1.2em;
	font-weight:bold;
	height:6vh;
	line-height:6vh;
	color:#fefefe;
	background:#FB5012;
}
input[type=submit]:hover {
	cursor:pointer;
	box-shadow:1px 1px 5px #666;
}
input[type=submit]:active {
	box-shadow:1px 1px 5px #fff;
	border:2px inset #666;
}
.linhaCampoForm {
	display:block;
	text-align:right;
}
.avisoCookie {
	display:block;
	position:absolute;
	margin:1em;
	width:calc(100% - 4em);
	padding:.6em 1em;
	text-align:justify;
	color:#333;
	background:rgba(238, 238, 238, .9);
	border:2px solid #fff;
	border-radius:.5em;
	box-shadow:0 0 2px #ccc;
	z-index:999;
}
.avisoCookie p,
.avisoCookie p a,
.avisoCookie .botaoAceitaCookie
{
	font-size:1em;
}
.avisoCookie .botaoAceitaCookie {
	display:inline-block;
	margin-top:.5em;
	padding:.5em 1.5em;
	border-radius:.5em;
	border:1px solid #eee;
	text-decoration:none;
	box-shadow:0 0 3px #7F2626;
	background:#7F2626;
	color:#fff;
}
.avisoCookie .linkTermosUso {
	color:#00c;
	text-decoration:underline;
}
.avisoCookie .linkTermosUso:hover {
	color:#7F2626;
}
.corpoSite {
	display:block;
	width:auto;
	padding:0;
}
.menuUL,
.menuModelosCalendarios
{
	display:block;
	width:auto;
	padding:.1em;
	text-align:center;
	z-index:300;
}
.menuUL ul,
.menuModelosCalendarios ul
{
	list-style:none;
	margin:0;
	padding:0;
}
.menuUL ul li,
.menuModelosCalendarios ul li
{
	display:inline-block;
	margin:1em;
}
.menuUL ul li a,
.itemMenuInativo,
button
{
	display:block;
	height:.9em;
	padding:.75em 2em;
	margin:.1em;
	font-size:1em;
	border-radius:.2em;
	box-shadow:.1em .1em .2em #ccc;
	text-decoration:none;
}
.itemMenuInativo
{
	border:.5px solid #ccc;
	color:#ccc;
	background:#eee;
	line-height:.75em;
	padding:.65em;
	width:10em;
	text-align:center;
	text-shadow:1px 1px 2px #fff;
}
.menuUL ul li a:hover,
button:hover
{
	color:#fff;
	background:#7F2626;
}
button:hover {
	cursor:pointer;
}
.menuTopo {
	display:inline-block;
	margin-left:4em;
	vertical-align:top;
	position:relative;
}
.menuFlutuanteTopo {
	display:block;
	width:auto;
	position:relative;
	vertical-align:top;
	padding:0;
	text-align:center;
/*	backdrop-filter: blur(3px);*/
	z-index:500;
}
.menuFlutuanteTopo ul
{
	display:block;
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
}
.menuFlutuanteTopo ul li {
	display:inline-block;
	margin:.1em;
}
.menuFlutuanteTopo ul li a
{
	display:block;
	width:auto;
	padding:.5em 2em;
	margin:.1em;
	font-size:1em;
	border:.5px solid #999;
	border-radius:.2em;
	box-shadow:.1em .1em .2em #ccc;
	background:rgba(255, 255, 255, .9);
	text-decoration:none;
	color:#333;
	text-align:center;
}
.menuFlutuanteTopo ul li a:hover {
	color:#fff;
	background:#7F2626;
}
.menuModelosCalendarios ul li a {
	display: inline-block;
	border:.5px solid transparent;
	box-shadow:.1em .1em .2em transparent;
	border-radius:.2em;
}
.menuModelosCalendarios ul li a:hover {
	box-shadow:.1em .1em .2em #7F2626;
	border:.5px solid #7F2626;
	background:rgba(127, 38, 38, .2);
}
.menuRodape ul li a {
	font-size:1.4em;
}
/* Tabela padrão - INÍCIO  */
.tabelaPadrao {
	display:block;
	width:auto;
	margin:1em;
	padding:.25em;
	vertical-align:top;
	border-spacing:.1em;
	font-size:120%;
	border-collapse:collapse;
}
.tabelaPadrao tr th
{
	padding:.25em;
	background:#7F2626;
	font-size:150%;
	color:#fff;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabelaPadrao tr th:first-child
{
	border-top-left-radius:.2em;
}
.tabelaPadrao tr th:last-child
{
	border-top-right-radius:.2em;
}
.tabelaPadrao tr td {
	width:10%;
	padding:.5em;
	color:#336;
	font-size:120%;
	text-transform:none;
	text-align:center;
	font-weight:400;
	border-bottom:.5px solid #ccc;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tabelaPadrao tr:nth-child(odd) td {
	background:#eee;
}
/* Tabela padrão - FIM */
/* Formulário padrão - início */
.formularioPadrao {
	border-collapse:separate;
	border-spacing:0;
	border:.5px solid #7F2626;
	border-radius:.5em;
}
.formularioPadrao tr td {
	width:10%;
	padding:.5em;
	color:#336;
	text-transform:none;
	text-align:center;
	font-weight:400;
}
.formularioPadrao tr td input {
	font-size:150%;
	padding:.2em;
	outline: none;
	border-radius:.25em;
	border-width:1px;
	text-align:center;
}
.formularioPadrao tr td #ano {
	width:4em;
}
.formularioPadrao input[type=submit] {
	display: inline-block;
	padding:.75em 2em;
	font-size:1em;
	border:.5px solid #999;
	border-radius:.2em;
	box-shadow:.1em .1em .2em #ccc;
	background:#fff;
	text-decoration:none;
	color:#333;
}
.formularioPadrao input[type=submit]:hover {
	color:#fff;
	background:#7F2626;
	cursor:pointer;
}
.mensagemErro,
.mensagemAlerta,
.mensagemInformacao,
.mensagemEspera
{
	display:block;
	margin-top:20vh;
	padding:2em;
	font-size:2em;
	font-weight:bold;
	line-height:12vh;
	text-align:center;
	letter-spacing:2px;
}
.mensagemErro
{
	color:#f00;
}
.mensagemAlerta
{
	color:#cc0;
}
.mensagemInformacao
{
	color:#333;
}
.mensagemEspera
{
	color:#2E8B57;
	text-shadow:1px 1px 1px #006400;
	animation: animacor 3s ease-in-out infinite;
}
.iconeEdicao {
	display:block;
	width:32px;
	height:32px;
}
.label {
	display:block;
	padding:.25em;
	border:1px solid #999;
	border-radius:.25em;
	background:#fff;
	box-shadow:1px 1px 2px #ccc inset, -1px -1px 2px #fff inset;
}
.menuCadastro {
	display:block;
	width:auto;
	margin-top:.5em;
	padding:.125em 1em;
	text-align:left;
}
.menuCadastro a {
	display:inline-block;
	width:6em;
	margin:.5em;
	padding:.5em;
	text-align:center;
	border:1px solid #ccf;
	border-radius:.25em;
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
	color:#fefefe;
	background:#FB5012;
}
.menuCadastro a:hover {
	cursor:pointer;
	box-shadow:1px 1px 5px #999;
}
.menuCadastro a:active {
	box-shadow:1px 1px 5px #fff;
	border:2px inset #999;
}
.dataHoraInicioGEL {
	margin-top:.5em;
	padding:.5em;
	text-align:center;
	font-size:1.6em;
	background:#ffc;
}
@keyframes animacor {
	0%{
		opacity:1;
	}
	70%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
 }
.menuMeses {
	display:block;
	text-align:left;
}
.botoesCompartilharSociais {
	display:block;
	position:fixed;
	bottom:0;
	padding:0;
	margin:.2em;
	left:0;
	z-index:1;
}
.iconeCompartilharsociais {
	display:inline-block;
	width:32px;
	height:32px;
	margin:.125em;
	border:0;
}
/* Formulário padrão - início */
@media screen and (max-width: 1024px) {
	.corpoSite {
		padding:0;
	}
	h1 {
		font-size:2em;
	}
	h2 {
		font-size:1.6em;
	}
	.informacoesLogin .nivelAcesso
	{
		display:none;
	}
}
@media screen and (max-width: 768px) {
/*
	nav {
		width:auto;
		margin:0;
		padding:0;
border:1px solid #f00;
	}
	.informacoesLogin
	{
		left:8em;
	}
	header .logoSite a img {
		width:75px;
		height:30px;
		margin-left:.5em;
	}
	.informacoesLogin {
		bottom:-.5em;
	}
	.menuFlutuanteTopo {
/*
		display:none;
		position:absolute;
*/
/*
padding:0;
		margin:0;
		top:.5em;
		left:0;
		height:11em;
		width:15em;
	}
	.menuUL,
	.menuTopo {
		margin:0;
		padding:0;
	}
	h1 {
		font-size:1.6em;
	}
	h2 {
		font-size:1.2em;
	}
	.menuRodape {
		padding:.5em;
		width:96%;
	
	}
	.menuRodape ul li {
		display:block;
		width:auto;
	}
	.menuRodape ul li a {
		display:block;
		width:auto;
		font-size:1.2em;
	}
}
@media screen and (max-width: 426px) {
/*
	header #abrirMenuTopo {
		display:block;
	}
*/
/*
	.menuTopo {
/*		display:none;*/
/*
	}
	.menuUL {
		margin:0;
	}
	.menuUL ul li {
		display:block;
		width:auto;
		margin:1em 0;
	}
	.menuUL ul li a {
		display:block;
		width:auto;
	}
	h1 {
		font-size:1.2em;
	}
	h2 {
		font-size:.8em;
	}
	.menuUL ul li {
		display:block;
	}
	.feriados tr th:nth-child(2),
	.feriados tr td:nth-child(2)
	{
		display:none;
	}
	.lunar tr th:nth-child(3),
	.lunar tr td:nth-child(3)
	{
		display:none;
	}
*/
}