@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

* { scrollbar-color: rgb(10 10 10);}
*::-webkit-scrollbar { width: 7px; height: 5px; background-color: transparent;}
*::-webkit-scrollbar-thumb { background-color: rgb(10 10 10);}

body { margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; line-height: 1.2;}
body a { text-decoration: none;}
body h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal;}
body img { border: 0;}

body input { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body select { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1;}
body textarea { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body button { outline-offset: -1px; background-color: transparent; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0; border: 0; outline: 0; line-height: 0; cursor: pointer;}

body header { float: left; width: 100%; position: relative; z-index: 200;}
body main { float: left; width: 100%; position: relative; z-index: 100; overflow: hidden;}
body footer { float: left; width: 100%; position: relative; z-index: 50;}

body .auto { margin: 0 auto; width: 90%;}
body .auto310 { margin: 0 auto; width: 310px; max-width: 94%;}
body .auto500 { margin: 0 auto; width: 500px; max-width: 94%;}
body .auto700 { margin: 0 auto; width: 700px; max-width: 94%;}
body .auto1000 { margin: 0 auto; width: 1000px; max-width: 94%;}

body .fixed { position: fixed;}
body .absolute { position: absolute;}
body .relative { position: relative;}
body .flex { display: flex;}
body .scroll { overflow: scroll;}
body .zindex1 { z-index: 1;}
body .zindex2 { z-index: 2;}

body .float-left { float: left;}
body .float-right { float: right;}

body .wp15 { float: left; width: 15%;}
body .wp20 { float: left; width: 20%;}
body .wp25 { float: left; width: 25%;}
body .wp33 { float: left; width: 33.33%;}
body .wp50 { float: left; width: 50%;}
body .wp100 { float: left; width: 100%;}
body .wx40 { float: left; width: 40px;}
body .wx45 { float: left; width: 45px;}
body .wx50 { float: left; width: 50px;}
body .wx70 { float: left; width: 70px;}
body .wx100 { float: left; width: 100px;}
body .wx150 { float: left; width: 150px;}
body .wx200 { float: left; width: 200px;}
body .wx250 { float: left; width: 250px;}
body .wx310 { float: left; width: 310px;}
body .wh16 { float: left; width: 16px; height: 16px;}
body .wh20 { float: left; width: 20px; height: 20px;}
body .wh25 { float: left; width: 25px; height: 25px;}
body .wh30 { float: left; width: 30px; height: 30px;}
body .wh35 { float: left; width: 35px; height: 35px;}
body .wh40 { float: left; width: 40px; height: 40px;}
body .wh50 { float: left; width: 50px; height: 50px;}
body .wh80 { float: left; width: 80px; height: 80px;}
body .wh120 { float: left; width: 120px; height: 120px;}
body .po100 { width: 100%; height: 100%;}
body .mx100 { max-width: 100%;}

body .h1 { height: 1px;}
body .h2 { height: 2px;}
body .h7 { height: 7px;}
body .h20 { height: 20px;}
body .h25 { height: 25px;}
body .h30 { height: 30px;}
body .h40 { height: 40px;}
body .h50 { height: 50px;}
body .h60 { height: 60px;}
body .h70 { height: 70px;}
body .h100 { height: 100px;}
body .h150 { height: 150px;}

body .balao { outline: 1px solid rgb(90 90 90 / 50%); outline-offset: -1px; background-color: rgb(90 90 90 / 5%);}

body .pad1 { padding: 1px;}
body .pad2 { padding: 2px;}
body .pad3 { padding: 3px;}
body .pad4 { padding: 4px;}
body .pad5 { padding: 5px;}
body .pad10 { padding: 10px;}
body .pad15 { padding: 15px;}
body .pad20 { padding: 20px;}
body .pad20i { padding: 2px 0;}
body .pad50i { padding: 5px 0;}
body .pad100i { padding: 10px 0;}
body .pad510 { padding: 5px 10px;}
body .pad810 { padding: 8px 10px;}
body .pad105 { padding: 10px 5px;}
body .pad1210 { padding: 12px 10px;}
body .pad157 { padding: 15px 7px;}
body .pad1520 { padding: 15px 20px;}
body .pad2010 { padding: 20px 10px;}
body .pad03 { padding: 0 3px;}
body .pad05 { padding: 0 5px;}
body .pad010 { padding: 0 10px;}

body .mar1 { margin: 1px !important;}
body .mar2 { margin: 2px !important;}
body .mar3 { margin: 3px !important;}
body .mar5 { margin: 5px !important;}
body .mar1y { margin-top: 1px !important; margin-bottom: 1px !important;}
body .mar2y { margin-top: 2px !important; margin-bottom: 2px !important;}
body .mar3y { margin-top: 3px !important; margin-bottom: 3px !important;}
body .mar5y { margin-top: 5px !important; margin-bottom: 5px !important;}
body .mar8y { margin-top: 8px !important; margin-bottom: 8px !important;}
body .mar11y { margin-top: 11px !important; margin-bottom: 11px !important;}
body .mar21y { margin-top: 21px !important; margin-bottom: 21px !important;}
body .mar2yy { margin-top: 2px !important;}
body .mar3yy { margin-top: 3px !important;}
body .mar5yy { margin-top: 5px !important;}
body .mar8yy { margin-top: 8px !important;}
body .mar11yy { margin-top: 11px !important;}
body .mar21yy { margin-top: 21px !important;}
body .mar31yy { margin-top: 31px !important;}
body .maryy2 { margin-bottom: 2px !important;}
body .maryy3 { margin-bottom: 3px !important;}
body .maryy5 { margin-bottom: 5px !important;}
body .maryy8 { margin-bottom: 8px !important;}
body .maryy11 { margin-bottom: 11px !important;}
body .maryy25 { margin-bottom: 25px !important;}
body .mary2y2 { margin-left: 2px !important; margin-right: 2px !important;}
body .maryyy3 { margin-left: 3px !important;}
body .maryyy5 { margin-left: 5px !important;}
body .mary2yy { margin-right: 2px !important;}
body .mary5yy { margin-right: 5px !important;}

body .contorno1_20 { outline: 1px solid rgb(90 90 90 / 20%); outline-offset: -1px;}
body .contorno1_40 { outline: 1px solid rgb(90 90 90 / 40%); outline-offset: -1px;}
body .contorno1_50 { outline: 1px solid rgb(90 90 90 / 50%); outline-offset: -1px;}
body .contorno1_bb { border-bottom: 5px solid rgb(227 211 148 / 85%);}

body .bordinha { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .borda { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
body .circular { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px;}
body .sombra { -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 8px 0 rgb(0 0 0 / 20%);}
body .sombrinha { -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%); box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);}
body .sombrona { -webkit-box-shadow: 0 5px 7px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 5px 7px 0 rgb(0 0 0 / 20%); box-shadow: 0 5px 7px 0 rgb(0 0 0 / 20%);}
body .tempo { -webkit-transition: 0.2s ease-in; -moz-transition: 0.2s ease-in; -o-transition: 0.4s ease-in; transition: 0.2s ease-in;}
body .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body .text-uppercase { text-transform: uppercase;}
body .text-center { text-align: center;}
body .text-left { text-align: left;}
body .text-right { text-align: right;}
body .font-bold { font-weight: bold;}
body .font-normal { font-weight: normal;}
body .font-0 { font-size: 0;}
body .font-08em { font-size: 0.8em;}
body .font-09em { font-size: 0.9em;}
body .font-1em { font-size: 1em;}
body .font-11em { font-size: 1.1em;}
body .font-12em { font-size: 1.2em;}
body .font-15em { font-size: 1.5em;}
body .font-2em { font-size: 2em;}
body .line-height0 { line-height: 0;}
body .line-height1 { line-height: 1;}
body .line-height12 { line-height: 1.2;}

body .color.preto { color: rgb(5 5 5) !important;}
body .color.laranja { color: rgb(255 115 70) !important;}

body .pointer { cursor: pointer;}
body .opcy7 { opacity: 0.7;}
body .none { display: none;}

body .object { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
body .object.cover { object-fit: cover;}
body .object.normal { object-fit: none;}
body .object.contain { object-fit: contain;}

body .campo:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
body .textarea:focus { outline: 1px solid rgb(55 171 200 / 50%) !important; -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); -moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%); box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);}
body .readonly { background-color: rgb(90 90 90 / 15%);}
body .readonly:focus { outline: 1px solid rgb(90 90 90 / 90%) !important; -webkit-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); -moz-box-shadow: 0 0 0 0 rgb(0 0 0 / 0); box-shadow: 0 0 0 0 rgb(0 0 0 / 0);}

body .botao.verde { background-color: rgb(0 170 100); color: rgb(250 250 250) !important;}
body .botao.verde:hover { background-color: rgb(0 150 130);}
body .botao.abacate { background-color: rgb(112 159 96); color: rgb(250 250 250) !important;}
body .botao.abacate:hover { background-color: rgb(132 187 113);}
body .botao.cinza { background-color: rgb(70 70 70); color: rgb(250 250 250) !important;}
body .botao.cinza:hover { background-color: rgb(40 40 40);}
body .botao.azul { background-color: rgb(30 102 184); color: rgb(250 250 250) !important;}
body .botao.azul:hover { background-color: rgb(33 114 207);}
body .botao.vermelho { background-color: rgb(230 0 50); color: rgb(250 250 250) !important;}
body .botao.vermelho:hover { background-color: rgb(255 0 0);}
body .botao.horizonte { background-color: rgb(187 200 224); color: rgb(5 5 5) !important;}
body .botao.horizonte:hover { background-color: rgb(153 167 192); color: rgb(5 5 5) !important;}
body .botao.fluorescente { background-color: rgb(238 255 0);; color: rgb(5 5 5) !important;}
body .botao.fluorescente:hover { background-color: rgb(0 255 55);}
body .botao.roxo { background-color: rgb(140 123 159); color: rgb(250 250 250) !important;}
body .botao.roxo:hover { background-color: rgb(113 98 129);}
body .botao.ativo { background-color: rgb(155 97 126); color: rgb(250 250 250) !important;}

body .bg.azul { background-color: rgb(85 198 194); color: rgb(250 250 250) !important;}
body .bg.amarelo { background-color: rgb(255 221 85); color: rgb(5 5 5) !important;}
body .bg.verde { background-color: rgb(0 170 100); color: rgb(250 250 250) !important;}
body .bg.berge { background-color: rgb(227 211 148 / 85%); color: rgb(5 5 5) !important;}
body .bg.roxo { background-color: rgb(140 123 159); color: rgb(250 250 250) !important;}
body .bg.cinza { background-color: rgb(200 200 200); color: rgb(5 5 5) !important;}
body .bg.branco { background-color: rgb(255 255 255);}
body .bg.disfarcado { background-color: rgb(90 90 90 / 20%);}
body .bg.vermelho { background-color: rgb(237 50 55); color: rgb(250 250 250) !important;}
body .bg.fosco { background-color: rgb(68 64 137 / 20%);}
body .bg.fluorescente { background-color: rgb(173 255 123); color: rgb(5 5 5) !important;}
body .bg.roza { background-color: rgb(255 202 189); color: rgb(5 5 5) !important;}
body .bg.preto { background-color: rgb(5 5 5); color: rgb(250 250 250) !important;}

body .youtube { padding-bottom: 56%; overflow: hidden;}

body .table { overflow: auto;}
body .table table { width: 100%; border-collapse: collapse;}
body .table table th { padding: 5px; position: relative;}
body .table table td { padding: 5px; position: relative;}
body .table table .t80 { min-width: 80px;}
body .table table .t150 { min-width: 150px;}

body .alerta { position: fixed; bottom: 10px; right: 15px; z-index: 300; overflow: hidden; color: rgb(20 20 20);}
body .alerta .msg { float: left;}
body .alerta .msg h2 { float: left; width: 200px; padding: 10px; background-color: rgb(165, 255, 192); font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .alerta .msg h3 { float: left; width: 400px; padding: 10px; background-color: rgb(255, 192, 181); font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
body .alerta .msg b { float: left; width: 100%; font-weight: bold; font-size: 1.5em; line-height: 1;}
body .alerta .msg em { float: left; width: 100%; margin: 2px 0 0; font-style: normal; font-size: 1.1em;}
body .alerta .fechar { position: absolute; top: 15px; right: 10px; font-weight: bold; font-style: normal; line-height: 0; cursor: pointer;}

body .loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 300; background-color: rgb(90 90 90 / 50%);}
body .loader .ico { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin: -25px 0 0 -25px; border: 10px solid rgb(250 250 250); border-top-color: rgb(14 23 30); border-bottom-color: rgb(14 23 30); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

body .carregando { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 200; background-color: rgb(90 90 90 / 50%);}
body .carregando .ico { position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; margin: -15px 0 0 -15px; border: 10px solid rgb(250 250 250); border-top-color: rgb(14 23 30); border-bottom-color: rgb(14 23 30); -webkit-animation: rotacao 1s infinite; -moz-animation: rotacao 1s infinite; animation: rotacao 1s infinite;}

@media only screen and (max-width: 1000px){
  body .auto { width: 94%;}
}
@media only screen and (max-width: 700px){
  body .wp15 { width: 100%;}
  body .wp20 { width: 100%;}
  body .wp25 { width: 100%;}
  body .wp33 { width: 100%;}
  body .wp50 { width: 100%;}
}
@media only screen and (max-width: 500px){
  body .alerta { width: 100%; left: 0; bottom: 0;}
  body .alerta .msg { width: 100%;}
  body .alerta .msg h2 { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  body .alerta .msg h3 { width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
}
@keyframes rotacao{
  to{
    transform: rotate(1turn);
  }
}