body {
  margin: 0;
}
header {
  position: sticky;
  top: 0;
  width: 100%;
  height: 72px;
  z-index: 10;
  /* for positioning text, links, etc */
  background-color: #fff;
}
.status-container {
  display: none;
  align-items: flex-start;
  justify-content: right;
  width: 600px;
}
.status-btn {
  display: flex;
  align-items: center;
  height: 36px;
  font: bold 0.9rem Arial;
  color: #000049;
  border: 1px solid #006;
  border-left: 5px solid #006;
  border-radius: 3px;
  margin-right: 7px;
  padding: 0 15px;
}
#status-txt {
  padding-left: 7px;
}
.flex-container {
  display: flex;
}
.flex-container aside {
  position: sticky;
  top: 72px; /* the height of the header (60px) + its bottom margin (20px) */
  width: 28%;
  height: fit-content;
  margin-left: 10px;
  margin-bottom: 20px;
  padding: 10px 0;
}
.flex-container main {
  width: 72%;
  min-height: 600px;
  flex-grow: 1;
  margin: 10px 10px 20px 10px;
  border-left: 1px dashed #004;
  border-right: 1px dashed #004;
}
.info-container {
  display: flex;
  justify-content: center;
}
.info-container main {
  max-width: 980px;
  margin-top: 40px;
  margin-bottom: 40px;
  border: 1px solid #ccc;
  border-radius: 12px;
}
:root {
  --font-form-label: bold 0.8rem Arial;
  --color-form-label: #006;
  --font-form-text: normal 0.8rem Arial;
  --color-form-text: #444;
}

@font-face {
font-family:"Trade Gothic";
src:url("trade_gothic.eot?iefix") format("eot");
font-weight:bold;
}
@font-face {
font-family:"Trade Gothic";
src:url("trade_gothic.eot?iefix");
src:url("trade_gothic.woff") format("woff"), url("trade_gothic.ttf") format("truetype"), url("trade_gothic.svg") format("svg");
font-weight:bold;
}

.menu1 a,.menu1 a:link,.menu1 a:visited,.menu1 a:active {font-family:"Trade Gothic",Arial;font-size:13px;letter-spacing:1px;color:#dfdfdf;font-weight:bold;text-decoration:none;white-space:nowrap}
.menu1 a:hover {color:#df0;text-decoration:underline}

.menu2 a,.menu2 a:link,.menu2 a:visited,.menu2 a:active {font-family:"Trade Gothic",Arial;font-size:13px;letter-spacing:1px;color:#999;font-weight:bold;text-decoration:none;white-space:nowrap}
.menu2 a:hover {color:#333;text-decoration:underline}

.mlink1,.mlink1:link,.mlink1:visited,.mlink1:active {font-family:"Trade Gothic",Arial;font-size:22px;color:#306;letter-spacing:0px;font-weight:bold;text-decoration:none}
.mlink1:hover {color:#333;text-decoration:underline}

.mlink2,.mlink2:link,.mlink2:visited,.mlink2:active {font-family:Georgia,Arial;font-size:13px;line-height:20px;color:#333;text-decoration:none}
.mlink2:hover {color:#333;text-decoration:underline}

.label1 {font-family:"Trade Gothic",Arial;font-size:20px;color:#306}
.label2 {font-family:"Trade Gothic",Arial;font-size:14px;color:#306;letter-spacing:1px}
.input1 {font-family:Georgia,Arial;font-size:18px;color:#000;border:1px solid #a0c}
.textarea1 {font-family:Georgia,Arial;font-size:15px;color:#000;border:1px solid #a0c}
.button1 {font-family:"Trade Gothic",Arial;font-size:20px;color:#fff;
background-color:#609;border:1px solid #000}

h1 {font-family:"Trade Gothic",Arial;font-size:32px;color:#306}
.tit0 {font-family:"Trade Gothic",Arial;font-size:24px;color:#306}
.tit1 {font-family:"Trade Gothic",Arial;font-size:20px;color:#306}
.tit2 {font-family:Georgia,Arial;font-size:13px;color:#333}
.txt1 {font-family:"Trade Gothic",Arial;font-size:18px;color:#fff;text-align:justify;text-indent:40px}
.p1 {font-family:Georgia,Arial;font-size:14px;line-height:24px;color:#000;text-indent:50px;}
.p2 {font-family:Georgia,Arial;font-size:14px;line-height:24px;color:#000;}
.f1 {font-family:"Trade Gothic",Arial;font-size:13px;line-height:20px;color:#999}

/* CSS to HDD Menu style */
.SDDM_li {margin:0 1px 0 0;padding:0;border:none}
.SDDM_li a {font-family:"Trade Gothic",Futura,Arial;font-size:14px;color:#d9d9d9;letter-spacing:0px;text-decoration:none;white-space:nowrap;margin:0;padding:5px 10px;border:1px solid #309}
.SDDM_li a:hover {border:1px solid #60c;color:#90f}
.SDDM_div {position:absolute;visibility:hidden;margin:0;padding:1px 0 0 0}
.SDDM_div a {font-family:"Trade Gothic",Futura,Arial;font-size:14px;color:#d9d9d9;letter-spacing:0px;text-decoration:none;margin:0;padding:7px 12px;border:1px solid #000}
.SDDM_div a:hover {border:1px solid #60c;color:#90f}
.SDDM1 {background:url(../img/bg_links.png);border:1px solid #309}
.SDDM2 {background:url(../img/bg_links.png);border:1px solid #309;border-top:none}

/* Paginas Internas */
.TAB_ON {margin:0;padding:7px 20px;border:1px solid #000000;border-bottom:none;border-top-left-radius:3px;border-top-right-radius:3px;text-align:center;}
.TAB_ON a {font-family:Georgia,Arial;font-size:14px;color:#000000;letter-spacing:0px;text-decoration:none;}
.TAB_ON a:hover {color:#609;text-decoration:underline;}
.TAB_OFF {margin:0;padding:7px 20px;border:1px solid #a9a9a9;border-bottom:1px solid #000000;border-top-left-radius:3px;border-top-right-radius:3px;background-color:#efefef;text-align:center;}
.TAB_OFF a {font-family:Georgia,Arial;font-size:14px;color:#000000;letter-spacing:0px;text-decoration:none;}
.TAB_OFF a:hover {color:#609;text-decoration:underline;}

.RANK_TABLE td {border:1px solid #cccccc;font-family:Georgia,Arial;font-size:12px;color:#000000;text-align:center;}
.RANK_TABLE_TIT {font-weight:bold;background-color:#efefef;text-align:center;}
.RANK_TXT_WARN {font-weight:bold;background-color:#ffcccc;}
.RANK_PROVAS td {font-weight:normal;background-color:#efefef;line-height:20px;padding:10px;}

.STAGE_TABLE td {border:1px solid #cccccc;font-family:Georgia,Arial;font-size:14px;color:#000000;padding:5px 10px;}
.STAGE_TABLE_TIT {font-weight:bold;background-color:#efefef;text-align:center;}
.STAGE_TXT_WARN {font-weight:bold;background-color:#ffcccc;}

.RACE_TIT a {font-family:"Trade Gothic",Arial;font-size:24px;color:#000;text-decoration:none;}
.RACE_TIT a:hover {text-decoration:underline;}
.RACE_DATA {font-family:"Trade Gothic",Arial;font-size:38px;color:#000;line-height:36px}
.RACE_DESCR {font-family:"Trade Gothic",Arial;font-size:16px;color:#000;}

.TEAM_TIT {font-family:"Trade Gothic",Arial;font-size:30px;color:#000}
.TEAM_NAME {font-family:"Trade Gothic",Arial;font-size:16px;color:#000}