* {
  margin: 0;
  padding: 0; 
}

body {
  background-color: #e8e8e8;
}

h1 {
  text-align: center;
  font-size: 2.1em;
}

h2 {
  font-size: 1.4em; 
}

table th {
  text-align: left;
}

table {
  border: 1px solid black;
}

table tr {
  height: 1.3em;
}

input {
  border: 1px solid blue; background-color: transparent;
  color: #cd0000;
  font-weight: bold;
  text-align: center;
}

input.submit {
  border: 1px solid black; background-color: brown;
  color: red;
  font-weight: bold;
  text-align: center; 
}

p {
  margin: 0.5em;
}

.obsah_nalevo {
  width: 50%;
  float: left;
}

.obsah_napravo {
  width: 50%;
  float: right;

}

.cerveny_blok {
  background-color: #e35757;
  color: #dee609;
  font-weight: bold;
  padding: 1em;
  display: flex; 
  justify-content: space-between;
  font-size: 1.4em;
}

.zeleny_blok {
  background-color: #6dff50;
}

.modry_blok {
  background-color: #9db2f8;
}

.zluty_blok {
  background-color: #fbf958;
}

.svetle_zluty_blok {
  background-color: #eeedc6;
}

.bily_blok {
  background-color: #ffffff;
  padding: 0.6em;
}

.main_menu{
  margin: 0 auto;
  max-width: 1312px;
  margin-bottom: 2rem;
}

.menu_container_link{
  position: absolute;
  top: 595px;
}

.menu_link { 
  display: inline-block;
  position: relative;
  width: 210px;
  height: 110px;
}

.menu_link--b{  
  left: 30px;
}

.menu_link--c{
  left: 135px;
}

.menu_link--d{
  left: 170px;
}

.menu_link--e{
  left: 190px;
}

.menu_link--f{
  left: 200px;
}

.footer td{
  padding: 0.5em;
}

.centrovana_tabulka {
  font-size: 1.0em;
  max-width: 100%;
  border: 1px solid blue;
  padding: 0.5em;
  background-color: #b4c9e2;
}

.centrovana_tabulka li {
  margin-left: 2em;
}

.centrovana_tabulka h3 {
  font-variant: Small-caps;
  color: #970000;
  font-size: 1.6em;
  margin-top: 0.6em;
  margin-bottom: 0.3em;
  
}

.centrovana_tabulka a.buttonlike {
  border-bottom : 1px solid Silver;
  border-top : 1px solid Silver;
  border-left : 1px solid Silver;
  border-right : 1px solid Silver;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight : bolder;
  font-size : 70%;
  padding : 1px 5px 1px 5px;
  background-color : #FFA500;
  color : White;
  text-decoration : none;
}

.centrovana_tabulka a:hover.buttonlike {

  border-bottom : 1px solid Black;
  border-top : 1px solid Black;
  border-left : 1px solid Black;
  border-right : 1px solid Black;
}