*{
	margin:0;
	padding:0;
	font-family:'Varela Round', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:black;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
b, strong{
	font-weight:bold;
}
i, em{
	font-style:italic;
}
img, table{
	border:none;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#86c5da;
}
a:hover{
	text-decoration:underline;
}
table{
	border-spacing:0;
    border-collapse:separate;
}
html, body{
	width:100%;
	height:100%;	
	font-size:65%;
}
body{
    overflow-x: hidden;
}
* html #divTudo{
	height: 100%;
}
#divTudo{
	position:relative;
	min-height:100%;
}
#divGeral{
	position:relative;
	width:100%;
	font-size:2em;
}
.divColuna{
	/**/
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
}

#divConteudo{
	width: 100%;
	padding:1em 1em 1em 1em;
	background: #f2f2f2;
}
.divBoxes{
    display: table;
    width: 100%;
    padding: 1em 0 0 0;
    margin: 0 auto;
    text-align: center;
}
.divBox{
	display: table-cell;
	padding: 1em;
    text-align: left;
	background: white;
	border: 1px solid #505050;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    overflow-x: auto;
    overflow-y: hidden;
}
.divEspaco{
	width: 1em;
}
@media only screen and (max-width: 790px), only screen and (max-device-width: 790px) {
	.divBox, .divEspaco{
		display: block;
		width: 100% !important;
	}
	.divEspaco{
		height: 1em;
	}
}

#divLogin{
    visibility: hidden;
    min-width: 500px;
    padding: 2em 3em 2em 3em;
}
@media only screen and (max-width: 790px), only screen and (max-device-width: 790px) {
    .divBoxes{
        width: 100% !important;
    }
    #divLogin{
        padding: 1em;
        min-width: auto;
    }
}
#divMigalhas{
    padding: 1em 0 0 0;
}
#divMigalhas *{
    font-size: 0.7em;
}
#divMigalhas > i{
	color:#909090;
}
#divAcoes{
    text-align: left;
}

.tblRegistros{
    display: inline-table;
	width:100%;
    margin: 1em 1em 0 0;
	border-left:1px solid #505050;
	border-top:1px solid #505050;
}
.tblRegistros > tbody > tr:hover{
	background:#f2f2f2;
}
.tblRegistros > thead > tr > td{
    padding:0.3em;
    border-right:1px solid #505050;
    border-bottom:1px solid #505050;
}
.tblRegistros > tbody > tr > td{
	padding:0.3em;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
}

.divPaginacao{
    margin: 1em 0 0 0;
    text-align: center;
}

input[type="text"], input[type="number"], input[type="password"], input[type="file"], textarea, select{
	display:block;
	width:100%;
	padding:0 0.2em 0 0.2em;
	height:26px;
	max-height:26px;
	line-height:26px;
	margin:0 0 1em 0;
	font-size:1em;
	background:white;
	border:1px solid #e6e6e6;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}
input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, textarea:hover, select:hover{
	border:1px solid #cccccc;
}
input[type="file"]{
	font-size:12px;
}
select{
	padding:0;
}
input[type="checkbox"], input[type="radio"]{
	vertical-align:middle;
	margin-top:-3px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
	-webkit-box-shadow: 0 0 0 30px white inset;
}
.upload{
    text-align: center;
}
a.botao{
	display:inline-block;
	padding:0.55em 0.5em 0.45em 0.5em;
	color:white;
	text-decoration:none;
	white-space:nowrap;
	-webkit-border-radius:	5px;
	-moz-border-radius:		5px;
	border-radius:			5px;
}
a.botao span{
	color:white;
}
a.compacto{
	height:26px;
	line-height:26px;
	padding:0 0.57em 0 0.57em
}
a.ordenacao{
    width: 26px;
    text-align: center;
}
.ordenacaoCarregando{
    position: absolute;
    z-index: 99998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 625px;
    background: rgb(255, 255, 255);
    opacity: 0.5;
}
a.ordenacao i{
    padding: 0;
    line-height: 26px;
}
a.botao i{
	padding:0 0.5em 0 0;
	color:white;
}
a.botao.preto{
	background:black;
}
a.botao.preto:hover{
	background:#3f3f3f; /* +25% */
}
a.botao.verde{
	background:#1ba836;
}
a.botao.verde:hover{
	background:#53bd68; /* +25% */
}
a.botao.vermelho{
	background:#d22a2a;
}
a.botao.vermelho:hover{
	background:#dd5f5f; /* +25% */
}
a.botao.cinza{
	background:#909090;
}
a.botao.cinza:hover{
	background:#ababab; /* +25% */
}
a.botao.amarelo{
	background:#e49600;
}
a.botao.amarelo:hover{
	background:#ebb03f; /* +25% */
}
a.botao.roxo{
	background:#800080;
}
a.botao.roxo:hover{
	background:#9f3f9f; /* +25% */
}
a.botao.preto{
	background:#222222;
}
a.botao.preto:hover{
	background:#595959; /* +25% */
}
a.botao.azul{
	background:#0070c0;
}
a.botao.azul:hover{
	background:#3f93d0; /* +25% */
}
a.botao.menu{
	background:#115b74;
}
a.botao.menu:hover{
	background:#e49600;
}
@media only screen and (max-width: 790px), only screen and (max-device-width: 790px) {
	#divAcoes a{
		margin: 0 1em 1em 0;
	}
	a.compacto i{
		padding: 0.4em 0.1em 0.4em 0.1em;
	}
	a.compacto span{
		display: none;
	}
}

.preVisualizacao{
    display: none;
    width: 100%;
    max-width: 200px;
    margin: 1em 0 0 0;
}

select:disabled, button.disabled, input:disabled{
	background: #ccc;
}
.obs{
	font-size: 0.8em;
	font-weight: bold;
	color: #115b74;
}
.obs:hover{
	text-decoration: none;
	color: #e49600;
}