/*A criação é silenciosa. Origem e resultado, toda criação está sujeita a isso*/
@import url(animacoes.css);

*{margin:0; padding:0; text-decoration:none; border:none; list-style:none; position:relative; font-size:0;}
input[type="button"]{color:transparent;}

body{font-family:Arial, Helvetica, sans-serif; background:#f1f1f1;}

.base{width:100%; margin-right:auto; margin-left:auto;}

.none{display:none;}

.inline{display:inline-block;}
.t-cell{display:table-cell;}
.v-top{vertical-align:top;}
.v-mid{vertical-align:middle;}

.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}

.block{display:block;}
.tabela{display:table;}
.borda{border:solid 1px;}

.b-dir{border-right:solid 1px #ccc;}

.m-top{margin-top:20px;}
.m-bot{margin-bottom:10px;}
.m-left{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-t10{margin-top:10px;}

.padding{padding:20px;}
.pad-10{padding:10px;}
.pad-5{padding:5px;}
.pr-10{padding-right:10px;}

.ctitulo{position:absolute; font-size:18px; pointer-events:none; left:20px; top:20px;}
.bg-none{background:none !important;}
.float-r{float:right;}
.float-l{float:left;}

.w50{width:calc(50% - 10px);}




.botao{background:#e3e3e3;}
	.botao div{color:#ffffff; font-size:24px; text-align:center;}

.ns{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.loading, .load{position:absolute; background:#ffffff90; height:100%; width:100%; z-index:3; text-align:center; display:none;}

.loading .carregando{bottom:10px; position:absolute;}

.pg-load{position:absolute; z-index:+2; width:100%; text-align:center; display:none; bottom:0;}
	.pg-load .carregando-p{text-align:center; left:50%;}




.principal{display:inline-block; position:fixed; top:50%; left:50%; max-width:400px;}


.principal h1{font-size:30px; color:#353c3e; border-bottom:solid 1px #d5dcde; padding:20px;}

	
.janela{background:#ffffff;}













input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select{
	font-size:18px;
	padding:20px;
	color:#353c3e;
	border:solid 1px #353c3e;
	width:100%;
}



input[type="date"],
input[type="time"],
input[type="datetime-local"]{padding:17px;}







	.ativo{background:#8bca1d;}
		.ativo:hover{background:#9ce31f; cursor:pointer;}
		.ativo:active{background:#719b29;}
	




.status{color:#ea1b72; font-size:14px; display:none;}







	
@media screen and (max-width: 320px) {	

}