body {
    background-repeat : repeat;
    font-family : Arial;
    font-size:12px;
    color:#000000;
    background: radial-gradient(circle, white,gray );
    margin: 200 auto;
}
table {
  font-family:"Times New Roman", Times, serif;
    font-size:15px;
    color:#000000;
    }

a:link {
   color:white;
   text-decoration:none;
   cursor: pointer;
   }

a:visited {
  color:#000000;
   }

a:hover{
  color:#000000;
   }
button {
  height: 80px;
  width: 80px;
  background-color: #f7f8f9;
  text-decoration:none;
  cursor: pointer;
  border: 0px none ;

   }
.TableBasic1{
  width : 100%;
  height: 40;
  color:white;
  background-color:5f0504;
  text-align:center;
  border: 1px solid #808080;
    }
.TableBasic2{
  width : 100%;
  border: 1px solid #808080;
  background-color:#F0FFFF;
    }
.TableBasic1H1 {
  border: 1px solid #808080;
  width : 20%;
  height: 45;
  padding:5px;
  font-size:32px;
  font-weight:bold;
  text-align:center;
  color:white;
  background-color:gray;
    }
.TableBasic1H2 {
  border: 1px solid #808080;
  width : 22%;
  height: 45;
  padding:5px;
  font-size:32px;
  font-weight:bold;
  text-align:left;
  color:white;
  background-color:gray;
    }
.TableBasic1H3 {
  border: 1px solid #808080;
  width : 22%;
  height: 45;
  padding:5px;
  font-size:32px;
  font-weight:bold;
  text-align:right;
  color:white;
  background-color:gray;
    }
.TableBasic1H4 {
  border: 1px solid #808080;
  width : 18%;
  height: 45;
  padding:5px;
  font-size:32px;
  font-weight:bold;
  text-align:right;
  color:white;
  background-color:gray;
    }
.TableBasic1H5 {
  border: 1px solid #808080;
  text-align:center;
  width : 18%;
  height: 45;
  padding:5px;
  font-size:32px;
  font-weight:bold;
  text-align:right;
  color:white;
  background-color:gray;
    }
.TableBasic1P1 {
  border: 1px solid #808080;
  text-align:center;
  width : 20%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:#f7f8f9;
    }
.TableBasic1P2 {
  border: 1px solid #808080;
  text-align:center;
  width : 20%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:fff;
    }
.TableBasic2P1 {
  border: 1px solid #808080;
  text-align:center;
  width : 22%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:#f7f8f9;
    }
.TableBasic2P2 {
  border: 1px solid #808080;
  text-align:center;
  width : 22%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:fff;
    }
.TableBasic3P1 {
  border: 1px solid #808080;
  text-align:right;
  width : 22%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:#f7f8f9;
    }
.TableBasic3P2 {
  border: 1px solid #808080;
  text-align:right;
  width : 22%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:fff;
    }
.TableBasic4P1 {
  border: 1px solid #808080;
  text-align:right;
  width : 18%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:#f7f8f9;
    }
.TableBasic4P2 {
  border: 1px solid #808080;
  text-align:right;
  width : 18%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:fff;
    }
.TableBasic5P1 {
  border: 1px solid #808080;
  text-align:right;
  width : 18%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:#f7f8f9;
    }
.TableBasic5P2 {
  border: 1px solid #808080;
  text-align:right;
  width : 18%;
  height: 35;
  padding:5px;
  font-size:30px;
  font-weight:bold;
  background-color:fff;
    }
@media only screen and (orientation: landscape) {
  body{
    margin: 0 auto;
    }
}
@media only screen and (min-width: 1024px) {
    /* Pre pocitace: */
  .TableBasic1{
    width: 50%;
  }
  .TableBasicT1{
    font-size: 50px;
    width: 50%;
  }
  .TableBasic2{
    width: 50%;
  }
  body {
    margin: 150 auto;
    pading: 0 20px;
    }
}