html { margin:0; padding: 0; height: 100%; }
body { margin:0; padding: 0; font-family: 'Open Sans', verdana; font-size:10pt;color:#333333; height: 100%; background-color:#1B86D744; background-image:url(../img/bg_login3.jpg); background-size:cover; background-position:center;}

.conteudo { max-width:1500px; width:98%; display:table; margin: 0 auto; background-color:#ffffff; height:100%;}
.conteudo1 { display:table-cell; width:25%; background:#f5f6f8; height:100%;}
.conteudo2 { display:table-cell; width:75%; vertical-align:top; height:100%; }

.logo { max-width:70px; width:85%; display:table; margin: 0 auto; margin-top:10px; margin-bottom:10px; }


.login { max-width:300px; width:96%; padding: 0.5%; background:url(../img/bg_branco.png) repeat;top:50%; left:50%; position:absolute;transform: translate(-50%, -50%); }
.login1 { max-width:300px; width:96%; padding: 20px 2%; background:#ffffff; display:table;  }
.login1 .nomeform { display:table; color:#777777; margin: 0 auto; margin-bottom:3px; font-size:11pt; display:block; font-weight:700;}
.login1 .inputform { border:1px solid #cccccc; display:table; max-width:350px; width:92%; margin: 0 auto; margin-bottom:25px; margin-top:25px; padding:2px 2%; }
.login1 .inputform i { font-size:18pt; color:#777777; display:table-cell; }
.login1 .inputform .inputform1 { border:none; height:25px; width:100%; display:table-cell; background:none;}
.login1 .bt-submit1 { display:table; margin:0 auto; border:none; background:#579bfc; color:#ffffff; text-decoration:none; padding:10px; border-radius:4px; margin-top:10px; margin-bottom: 10px; font-size:11pt; font-weight:700; cursor:pointer; }

.msg-erro { background-color: #FAB6B6; color:#972A2A; border:1px solid #972A2A; padding: 5px 2%; display:table;margin-top:10px; font-size:10pt; }
.msg-sucesso { background-color: #BAEEB2; color:#479E39; border:1px solid #479E39; padding: 5px 2%; display:table;margin-top:10px; font-size:10pt; }
.msg-centro { display:table; margin: 0 auto; margin-top:10px; margin-bottom:10px; }

.lightbox { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../img/bg_preto.png) repeat; text-align:center; z-index:1000; display:none;}
.lightbox-conteudo {  background:url(../img/bg_preto.png) repeat;top:50%; left:50%; max-width:400px; width:96%; position:absolute; transform: translate(-50%, -50%); color:#ffffff; font-size:11pt; z-index:1000; padding:20px 2%;}
.lightbox1 img { max-width:50px; width:100%;}

#videoBG { position:fixed; z-index: -1; width:140%; height: auto; background:#1B86D7; }
@media (min-aspect-ratio: 16/9) { #videoBG { width:100%; height: auto; } }
@media (max-width: 850px) { #videoBG { width:180%; } }
@media (max-width: 650px) { #videoBG { width:300%; } }
@media (max-width: 450px) { #videoBG { width:400%; } }