body {
  font-family: Trebuchet MS, Tahoma, Sans Serif, Arial;
}

#mapdiv {
  position: relative;
}

#mapdiv img.icon {
  position: absolute;
  cursor: pointer;
  width: 48px;
  height: 48px;
}

#popisdiv {
  color: white;
  position: fixed;
  width: 500px;
  left: 50%;
  margin-left: -250px;
  top: 50%;
  margin-top: -250px;
  padding: 20px;
  padding-top: 0px;
  background-color: rgba(40, 40, 40, 0.9);
  border-radius: 5px;
  display: none;
}

#linkypred, #linkypo, #linkypopis {
  background-color: #505050;
  padding: 5px;
}

#linkypopis {
  min-height: 100px;
}

#popisdiv .closelink {
  position: absolute;
  right: 20px;
  top: 20px;
}

#popisdiv table tr td {
  padding: 4px;
}

#popisdiv table {
  width: 100%;
}


td.bigger {
  width: 75%;
}

td.center {
  text-align: center;
}

a#linkyodkaz {
  display: inline-block;
  padding-top: 10px;
  font-size: 120%;
  color: #FFFFA0;
}

a#linkyodkaz:hover {
  color: white;
}

.linka, .linka-pater, .linka-obcas {
  border: 2px solid white;
  background-color: #8D392D;
  font-size: 120%;
  padding: 1px;
  color: white;
  font-weight: bold;
  display: inline-block;
  width: 30px;
  border-radius: 4px;
  text-align: center;
}

.linka-pater {
  border-width: 3px;
  background-color: #DD392D;
}

.linka-obcas {
  background-color: #A58782;
}


#jrdiv {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: rgba(40, 40, 40, 0.9);
  display: none;
}

#jrdiv h1 {
  color: white;
  position: absolute;
  left: 50px;
  top: 20px;
}

#intervalinfo {
  color: yellow;
  position: absolute;
  left: 50px;
  top: 90px;
}

#jrdiv .closelink {
  position: absolute;
  right: 50px;
  top: 50px;
}

#jrpng {
  position: absolute;
  left: 40px;
  top: 120px;
  right: 40px;
  bottom: 40px;
  background-color: #808080;
  overflow-y: scroll;
  padding: 10px;
  padding-right: 0px;
}


#jrpng img {
  margin: 8px;
}

#flatcredit {
  color: #808080;
  font-size: 70%;
}