.pridat {
  display: none;
  background-color: #333333;
  position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 386px;
  height: 286px;
  padding: 3px;
  border: 3px solid gold;
  z-index: 9;
}
.upravit {
  display: none;
  background-color: #333333;
   position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 386px;
  height: 200px;
  padding: 3px;
  border: 3px solid gold;
  z-index: 9;
}
.map-popis
{
color: white;
font-family: Arial;
font-size: 14px;
}
.map-nazov
{
color: white;
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
.pole002
{
border: 2px solid gold;
background-color: #333333;
color: white;
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
body { background-color: #333333; }
a { text-decoration: none; }
.zahlavie
{
color: white;
font-size: 20px;
font-family: Arial;
font-weight: bold;
background-color: #336699;
border: 3px solid gold;
text-align: center;
border-radius: 0.4rem;
}
.news
{
color: white;
font-size: 14px;
font-family: Arial;
background-color: #336699;
border: 3px solid gold;
text-align: justify;
padding: 1px;
border-radius: 4px;
}
.priorita
{
color: white;
font-size: 14px;
font-family: Arial;
background-color: #A40000;
border: 3px solid gold;
text-align: justify;
padding: 1px;
border-radius: 4px;
}
.user
{
font-size: 15px;
font-weight: bold;
font-family: Arial;
color: white;
vertical-align: middle;
}
.menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  backface-visibility: hidden;
  border: 0.3rem solid transparent;
  border-radius: 5px;
  border-color: gold;
  transition: transform 0.7s cubic-bezier(0.235, 0, 0.05, 0.95);
  background-color: #336699;
  width: 400px;
  height: 65px;
}
.menu:hover 
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: black;
  backface-visibility: hidden;
  border: 0.3rem solid transparent;
  border-radius: 5px;
  transform: perspective(5px) scale3d(1.070, 1.070, 1) translateZ(0) !important;
  background-color: gold;
  width: 400px;
  height: 65px;
}
.kvit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 1rem;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  backface-visibility: hidden;
  border: 2px solid transparent;
  border-radius: 3px;
  border-color: gold;
  transition: transform 0.7s cubic-bezier(0.235, 0, 0.05, 0.95);
  background-color: #336699;
  width: 30px;
  height: 20px;
}
.kvit:hover 
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 1rem;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: black;
  backface-visibility: hidden;
  border: 2px solid transparent;
  border-radius: 3px;
  transform: perspective(5px) scale3d(1.070, 1.070, 1) translateZ(0) !important;
  background-color: gold;
  width: 30px;
  height: 20px;
}
.kvit-pr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 1rem;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  backface-visibility: hidden;
  border: 2px solid transparent;
  border-radius: 3px;
  border-color: gold;
  transition: transform 0.7s cubic-bezier(0.235, 0, 0.05, 0.95);
  background-color: #A40000;
  width: 30px;
  height: 20px;
}
.kvit-pr:hover 
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.3rem 1rem;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: black;
  backface-visibility: hidden;
  border: 2px solid transparent;
  border-radius: 3px;
  transform: perspective(5px) scale3d(1.070, 1.070, 1) translateZ(0) !important;
  background-color: gold;
  width: 30px;
  height: 20px;
}

.menu-ext {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  backface-visibility: hidden;
  border: 0.3rem solid transparent;
  border-radius: 5px;
  border-color: gold;
  transition: transform 0.7s cubic-bezier(0.235, 0, 0.05, 0.95);
  background-color: #222222;
  width: 400px;
  height: 70px;
}
.menu-ext:hover 
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: black;
  backface-visibility: hidden;
  border: 0.3rem solid transparent;
  border-radius: 5px;
  transform: perspective(5px) scale3d(1.070, 1.070, 1) translateZ(0) !important;
  background-color: gold;
  width: 400px;
  height: 70px;
}
.lada {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  backface-visibility: hidden;
  border: 0.15rem solid transparent;
  border-radius: 5px;
  border-color: gold;
  transition: transform 0.8s cubic-bezier(0.235, 0, 0.05, 0.95);
  background-color: #336699;
  width: 50px;
  height: 20px;
}

.lada:hover
{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 1rem;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: black;
  backface-visibility: hidden;
  border: 0.15rem solid transparent;
  border-radius: 5px;
  transform: perspective(3px) scale3d(1.070, 1.070, 1) translateZ(0) !important;
  background-color: gold;
  width: 50px;
  height: 20px;
}