body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: black;
  background: white;
  font-size: 10pt;
}

.content {
  max-width: 600px;
  margin: 0 auto;
}

.content h1 {
  font-size: 16px;
  color: #fff;
  background-color: #23549b;
  margin: 0;
  padding: 10px;
  text-align: right;
}
.content h2 {
  font-size: 10pt;
  color: #fff;
  background-color: #23549b;
  padding: 10px;
  margin-bottom: 0;
  margin: 10px -20px;
}

a {
  color: #23549b;
  font-weight: bold;
  font-size: 13px;
}

p {
  margin-top: 0;
}

h4 {
  font-size: 10pt;
  margin-bottom: 0
}

.large {
  font-size: larger;
  font-weight: bold;
}

.left {
  float: left;
}

.hidden-accesible {
  font-size: 1px;
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
}

.titulka_logo {
  display: block;
  width: 200px;
  height: 110px;
  background: no-repeat top left;
}

.form {
  float: right;
  min-width: 200px;
  max-width: 340px;
  #padding: 20px 20px 0 0;
  text-align: right;
}
.left_align { text-align: left; }
.center_align { margin: 0 auto; }

.form div {
  margin-bottom: 5px;
}

.form label {
  display: inline-block;
  min-width: 120px;
  /*white-space: nowrap;*/
  text-align: right;
  font-weight: bold;
  font-size: 13px;
  vertical-align: top;
}

.form label span {
  font-size: 80%;
  color: #808080;
}

.form input {
  width: 140px;
}

.form [type=submit] {
  margin-right: 0px;
  width: 96px;
}

.form_links {
  padding-top: 20px;
  text-align: center;
}

.clear {
  clear: both;
}
.help {
  padding: 20px;
  border-bottom: 2px solid #23549b;
}
ul {     padding-left: 15px; }
.redirect {
  padding: 20px;
  margin-top: 20px;
  color: #7e6647;
  border: 1px solid #c99233;
  background-color: #fff4d0;
}
.error {
  padding: 20px;
  margin-top: 20px;

  color: #933016;
  border: 1px solid #cc2a00;
  background-color: #ffd9d0;
}
.error .title {
  font-weight: bold;
}
.error p { margin:0; }
.help img {margin-right: 5px;}

@media screen and (max-width: 480px) {
  body {
    margin: 0;
    padding: 0;
    font-size: medium;
  }

  .left {
    float: none;
  }

  .form {
    float: none;
    min-width: inherit;
    text-align: left;
    padding: 5px;
  }

  .form div {
    padding: 5px;
  }

  .form label {
    width: 90%;
    text-align: left;
    font-size: 14pt;
    display: block;
  }

  .form input, .form [type="submit"] {
    width: 90%;
    font-size: 18pt;
    margin: 0;
  }

  .help, .error, .redirect {
    padding: 5px;
  }

  a {
    font-size: 12pt;
  }

  p {
    font-size: 12pt;
  }

  h4 {
    font-size: 12pt;
  }

  .content h2 {
    margin: 10px -5px;
  }
}