:root {

  --barva-pozadi-stranky: #185D78;
  --barva-pozadi-tabulky: #1982AC;
  --barva-pozadi-zalozka: #2B93BC;
  --barva-pozadi-chyba: #FFD0C0;
  --barva-pozadi-radky-tabulky: #ECE7E1;
  --barva-pozadi-radky-tabulky-tmava: #B2B2AA;
  --barva-pozadi-radky-tabulky-skoro-bila: #FCF7F1;
  --barva-zluta: #FBD75C;
  --barva-oranzova: #E69347;
  --barva-zelena: #91A738;

}

* {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
}


body {
  margin: 0px 0px 0px;
  background-color: var(--barva-pozadi-stranky);
  z-index: 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  overflow: auto;
  color: #FFF;
}

input, select {
  padding: 0.5em;
}

/*
=============================================================
NADPISY
=============================================================
*/

.main-content {
  max-width: 600px;
  margin: 1em auto;
  padding: 2em;
  position: relative;
  background-color: var(--barva-pozadi-radky-tabulky);
  padding-left: 160px;

  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -khtml-border-radius-topleft: 30px;
  -khtml-border-radius-topright: 30px;
  -khtml-border-radius-bottomright: 30px;
  -khtml-border-radius-bottomleft: 30px;
  border-radius: 30px 30px 30px 30px;
}

h1 {
  font-size: 16px;
  color: var(--barva-pozadi-tabulky);
  font-weight: bold;
  margin-top: 5px;
}


.sopr-table-wrapper {
  background-color: var(--barva-pozadi-tabulky);
  padding: 26px 0px 10px 0px;
}

td.sopr-table-column, td.spodek {
  background-color: var(--barva-pozadi-radky-tabulky-skoro-bila);
  border-color: #999;
  border-style: none none solid;
  border-width: 0 0 2px;
  color: #000;
  padding-left: 4px;
}

input[type="submit"], input[type="button"], input[type="reset"], button.equip-submit {
  margin-left: 20px;
  margin-top: 6px;
  padding: 8px;
  font-weight: bold;
}

#platnost-certifikatu-hlaska {
  margin-top: 1em;
  padding: 1em;

  font-weight: bold;
  font-size: 16px;
  background-color: var(--barva-pozadi-radky-tabulky);
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -khtml-border-radius-topleft: 30px;
  -khtml-border-radius-topright: 30px;
  -khtml-border-radius-bottomright: 30px;
  -khtml-border-radius-bottomleft: 30px;
  border-radius: 30px 30px 30px 30px;
}

#platnost-certifikatu-hlaska.platny {
  color: green;
}

#platnost-certifikatu-hlaska.neplatny {
  color: red;
}

#equip-logo-rohove {
  position: absolute;
  top: 105px;
  left: 30px;
}

#input-jmeno {
  width: 428px;
}


@media (max-width: 500px) {

  .main-content {
    padding-left: 1em;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -khtml-border-radius-topleft: 0px;
    -khtml-border-radius-topright: 0px;
    -khtml-border-radius-bottomright: 0px;
    -khtml-border-radius-bottomleft: 0px;
    border-radius: 0px 0px 0px 0px;
  }

  #equip-logo-rohove {
    position: relative;
    top: initial;
    left: initial;
    margin: 1em auto;
    display: block;
  }

  #input-jmeno {
    width: 240px;
  }
}