*{margin:0; padding:0;  border:none; outline:none;box-sizing:border-box;font-family: "Roboto", sans-serif;}


.cabecalho{position: fixed;top: 0px;left: 0;width:100%;height:80px;background-color:#333;z-index: 999;}
.logo{position:absolute; top:10px; left:10px;}
.img_logo{height:40px;}
.slogan{position:absolute;left:50%; top:30px;color:#fbbf24; font-size:1em;font-weight:bold;}

.menu{position: fixed;top: 80px;left: 0; width: 100%;height: 50px;background-color: #555;overflow-x: auto;white-space: nowrap; padding-top:13px;z-index: 999;}
.bt_menu{height:30px; color:#fff;  padding-left:15px;padding-right:15px; font-size:1em;background-color:transparent;text-decoration:none; }
.bt_menu:hover{color:#f7c500;}

.colunas{position: absolute;top: 130px;left: 0;width:100%; height:100%;background-color:#ffdddd;}

.coluna-a{width:100%;background-color:#ddddff;}

.coluna-b{width:100%;;background-color:#ffddff;}

.coluna-c{width:100%;;background-color:#ddffdd;}

.coluna-d{background-color:#fff000;width:100%;overflow-y: scroll;overflow-x: hidden; }

.coluna-e{background-color:#000000;position: absolute;top: 0px;left: 0; width:25%; }

.f0{background-color:#ff0000;position: absolute;top: 0px;left: 0; width:100%;}

.coluna-f{background-color:#ff0000;position: absolute;top: 0px;left: 0; width:100%;}

.coluna-g{background-color:#ffff00;position: absolute;top: 0px;left: 75%; width:25%;}

.coluna-h{background-color:#009900; width:100%; }

.coluna-i{background-color:#000099;width:100%; overflow-x: auto;}

.caixajogo{position: fixed;top: 130px;left: 0; width: 100%;height: 50px;z-index:999;}



.caixacasas1{position: fixed; top:130px; left: 0; width: 25%;height: 50px;z-index:1000; background-color:#b8b8ff;text-align:center;padding:0px;color:#0a6c3f;font-size:1em; font-weight:bold; line-height:.9em;}




.caixacasas2s{position: fixed; top:130px; left: 0; width: 100%;height: 50px;z-index:1000; background-color:#990000;}

.caixacasas2{position: fixed; top:130px; left: 0; width: 100%;height: 50px;z-index:1000; background-color:#b8b8b8;text-align:center;padding-top:5px;color:#0a6c3f;font-size:1em; font-weight:bold; line-height:.9em;}

.caixacasas3{position: fixed; top:130px; left: 75%; width: 25%;height: 50px;z-index:1000; background-color:#ffb8b8;text-align:center;padding-top:5px;color:#0a6c3f;font-size:1em; font-weight:bold; line-height:.9em;}


.espaco_caixajogo{height: 50px;}

.tabli_casas{width:100%;border-collapse: collapse;}
.tabli_casas_fix{position:fixed; z-index:1000;width:20%;}

.kol40{padding:0; height:40px;background-color:#5a5a5a;width:100%;text-align:center;}

.img40{height:20px;}

.kolrotux{background-color:#b8b8b8;color:#333;padding:2px 0px;font-size:.6em;text-align:center;white-space: nowrap; height:40px;border:1px solid rgba(84,84,84,.1)}

.kolrotux50{background-color:#b8b8b8;color:#333;padding:2px 0px;font-size:.6em;text-align:center;white-space: nowrap; height:50px;border:1px solid rgba(84,84,84,.1);font-weight:bold;}

.kolx { background-color:#5a5a5a; padding:0px 0px;font-size:.8em;border:1px solid rgba(184,184,184,.1);text-align:center; height:40px; color:#f7c500;}

.kolrotuy{background-color:#5a5a5a;color:#fff;padding:2px 2px;font-size:.8em;text-align:center;font-weight:900;white-space: nowrap; height:40px;border:1px solid rgba(184,184,184,.1);width:100%;}

.koly {width:200px; background-color:#b8b8b8; padding:0px 0px;font-size:1em;border:1px solid rgba(84,84,84,.1);text-align:center; height:40px; color:#333;}



.sublinha{border-bottom:solid 3px #f7c500; color:#f7c500;}

.explica{font-size:.9em; line-height:0.9em; color:#666;}
.vc{font-size:1.2em; color:#eee;}

.boletim{font-size:70%;}
.espacobo{line-height:0.5em;}

.sele2{width:100%; padding:10px 10px;font-size:1.0em;border-radius:10px; background-color:#ffdc0a;}







/* ESSENCIAL */
thead {
  display: table-header-group;
}

thead th {
  position: sticky;
  top: 0;
  left: 0;
  background: #fff;
  height:50px;
  z-index: 10;
font-size:.8em;
font-weight:normal;
}


@media (min-width: 769px) {
.kolrotux50{font-size:.8em;}
.vc{font-size:1.7em; }
.kolrotux{padding:2px 10px;font-size:0.8em;}
.kolx {width:200px;}
.img40{height:30px;}
.menu{width:100%;}
.img_logo{height:60px;}
.logo{ left:30px;}
.slogan{ font-size:1.3em;left:30%;}

.colunas{position: fixed;}

.coluna-a{ width:40%; height: calc(100vh - 130px); overflow-y: auto}

.coluna-b{position: absolute;top: 0px;left: 40%;width:40%; height: calc(100vh - 130px); overflow-y: auto; }

.coluna-c{position: absolute;top: 0px;left: 80%; width:20%; height: calc(100vh - 130px); overflow-y: auto;}

.coluna-d{position: absolute;top: 0px;left: 0; width:100%; height: calc(100vh - 130px); }



.coluna-e{position: absolute;top: 0px;left: 0; width:20%; }


.coluna-f{position: absolute;top: 0px;left: 20%; width:70%; }

.coluna-g{position: absolute;top: 0px;left: 90%; width:10%; }

.coluna-h{position: absolute;top: 0px;left: 0%; width:50%; }

.coluna-i{position: absolute;top: 0px;left: 50%; width:50%; }

.caixajogo{ width: 40%;}

.caixacasas1{left: 0; width: 20%;}


.caixacasas2{left: 0; width: 20%;}
.caixacasas3{left: 90%; width: 10%;}

}