html {
  scroll-behavior: smooth;
  box-sizing: border-box;
  /*border: 3px solid yellowgreen;*/
}

table {
  text-align: center;
}

table.tab-ta-center {
  text-align: center;
  background-color: black;
  border: 2px solid white;
  font-size: medium;
  /*font-weight:bold;*/
  font-family: Arial, Verdana;
  display: none;
}

/*table.tab-ta-center tr:nth-child(odd){ background: #5e575b;}*/
/*table.tab-ta-center tr:nth-child(even){ color: red;}*/

/*table.tab-ta-center tr td { background: black;}*/
/*table.tab-ta-center th { background: #961d59};*/
table th { padding: 0.35em 0.35em 0 0.35em;}
table tr th:nth-child(even) { color: red;}
table.tab-ta-center tr td:nth-child(even){ color: red;}
table.tab-ta-center tr td {font-size:xx-large; font-weight: bold;}


/*tr:nth-child(odd){ background: #b61e1e;}*/
/*tr:nth-child(even){ background: #b12974;}*/

table.tab-ta-left, tr.tr-ta-left, td.td-ta-left {
  /*border: 1px solid gray;*/
  /*text-align: left;*/
  text-align: left;
  /*caption-side:top;*/
}
/*tfoot {background-color:#c8151b;}*/

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  color: #1d2731;
  background-color: #efefef;
  font-family: Arial, Verdana;
  margin: 0px;
}


ul {
  padding: 0;
}

/*table, td, th
 * border: 1px solid gray*/
.img-logo {
  max-width: 50px;
  height: auto;
  size: 50px;
  float: left;
}

.img-logo-20em {
  max-width: 20em;
  height: auto;
  size: 20em;
  float: left;
}

.img-logo-10em {
  max-width: 10em;
  height: auto;
  size: 10em;
  float: left;
}

.img-logo-8em {
  max-width: 8em;
  height: auto;
  size: 8em;
  float: left;
}

.wrapper {
  /*background-color: #ff3b3f*/
  background-color: #c8151b;
}

.header {
  text-align: left;
  padding: 1.5em;
  /* background-color: #07889b */
  background-color: #c8151b;
  color: #efefef;
  border-bottom: 1px solid #efefef;
  font-size: 0.65em;
  /*align: center*/
  /* background-position: left */
  /* background-repeat: no-repeat */
  /* background-size: 60px */
  /* background-image: url(../images/logo10.gif) */
}

.aside {
  border-top: 1px solid #a9a9a9;
  padding-top: 0.5em;
  /*border: 1px solid #ccc*/
}

.footer {
  background-color: #a9a9a9;
  color: #efefef;
  padding: 1em;
  /*text-align: center*/ 
  text-align: left;
  border-top: 1px solid #efefef;
  font-size: 0.25em;
}

.nav-ul {
  /*background-color: #ff383f;*/
  background-color: #c8151b;
  text-align: center;
  margin: 0;
}

.nav-li {
  list-style: none;
}

.nav-li-a {
  padding: 0.6em 2rem;
  /*padding: 0em 0em;*/
  display: block;
}

.nav-ul a:link {
  text-decoration: none;
}

.nav-ul a:link, .nav-ul a:visited {
  color: #fff;
}

.nav-ul a:hover, .nav-ul a:focus, -nav-ul a:active {
  background-color: #000;
  color: #efefef;
}

.nav-active {
  color: #000;
  background-color: #fff;
}

.container {
  background-color: #fff;
  padding: 2em 2rem;
}

@media screen and (min-width: 40em) {
  .img-logo {
    max-width: 50px;
    height: auto;
    size: 25px;
    float: left;
  }

  .header {
    padding: 1.5em;
    /* padding: 1em */
    text-align: left;
    font-size: 0.7em;
  }

  table.tab-ta-center{
    display: none;
  }

  .container {
    padding: 3rem 0;
    display: block;
    overflow: auto;
    /*border: 1px solid yellow;*/
  }

  .content {
    display: block;
    float: left;
    width: 60%;
    padding: 0 1rem 0 2rem;
    /*border: 1px solid green;*/
  }

  .aside {
    display: block;
    margin: 0 0 0 60%;
    width: 40%;
    padding: 0 2rem 0 2rem;
    border-top: none;
    border-bottom: none;
    /*border: 1px solid blue;*/
  }

  
  .nav-ul {
    padding: 0 2rem;
    overflow: hidden;
  }

  .nav-liv {
    float: left;
    display: inline-block;
    border: none;
    width: auto;
  }

  .nav-li-a {
    padding: 0.7em 1.2rem;
    display: inline-block;
  }

  .footer {
    font-size: 0.65em;
  }
}
@media screen and (min-width: 64em) {
  table.tab-ta-center{
    display: block;
  }

  .container {
    width: 85%;
    padding: 0;
    margin-left: 15%;
    display: block;
  }

  .content {
    width: 63%;
    padding: 1em 1.5em;
  }

  .aside {
    width: 37%;
    padding: 1em 1.5em;
  }

  .nav-ul {
    width: 15%;
    float: left;
    margin: 1em 0;
    padding: 0;
  }

  .nav-li {
    width: 100%;
    float: none;
    text-align: center;
  }

  .nav-li-a {
    padding: 0.5em 0rem;
    /*padding: 0.5em 2rem*/
    display: block;
  }

  .footer {
    font-size: 0.75em;
  }
}
/*  big screen 1280px / 16px/em = 80*/
@media screen and (min-width: 80em) {
  table.tab-ta-center{
    display: block;
  }

  .wrapper {
    margin: 0 auto;
    /*max-width: 80em;*/
  }

  .article {
    display: block;
    width: 50%;
    float: left;
    padding: 0 1rem 0 1rem;
  }

  .row {
    clear: both;
  }

  .footer {
    font-size: 0.75em;
    /*font-size: 11px*/
  }

}

/*# sourceMappingURL=main.css.map */