/* elementy */
html {
  font: 100%/1.4 Arial, sans-serif;
  color: #4c4c4c;
  background: url("./images/back-page.png") repeat-x scroll 0 100% #FFFFFF;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
  text-align: center;
}

#login h1 {
  font: bold 112.5%/32px Arial, Tahoma, sans-serif;
  margin: 0 130px 0 0;
  padding: 5px 0 3px;
}
#login h1 img { position: relative; bottom: 2px; }

#login p { margin: 0; padding: 1em 20px; }

/* formulář */
#login fieldset {
  overflow: auto;
  border: 0;
  margin: 0;
  padding: 0 60px 0 20px;
  margin-bottom: 1em;
  text-align: right;
  line-height: 30px;
  position: relative;
}

#login input { font: 16px/20px Arial, Tahoma, sans-serif; }
#login input.text {
  margin: 0 0 4px;
  width: 175px; height: 20px;
  padding: 3px 5px;
  background: white;
  border: 1px solid #a7e0ff;
}
#login label, input { vertical-align: middle; }

#login input.button {
  height: 28px;
  margin: 1em 0 0;
  cursor: pointer;
  background: #dcf3ff;
  border: 1px solid #71c5f0;
  border-bottom: 1px solid #0092e0;
  border-right: 1px solid #0092e0;
  color: #0092e0;
  font-weight: bold;
  box-shadow: inset 0 2px #fff, inset 0 -14px rgba(0,0,0,0.05);
  -o-box-shadow: inset 1px 1px 2px #fff, inset 0 -14px rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 1px 1px 2px #fff, inset 0 -14px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 1px 1px 2px #fff, inset 0 -14px rgba(0,0,0,0.05);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#login input.button:hover {
  background: #0092e0;
  color: white;
}

#login input.button:active {
  background: #0092e0;
  color: white;
  border: 1px solid #0092e0;
  border-bottom: 1px solid #71c5f0;
  border-right: 1px solid #71c5f0;

  box-shadow: inset 0 0 2px #fff, inset 0 14px rgba(0,0,0,0.05);
  -o-box-shadow: inset 0 0 2px #fff, inset 0 14px rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 0 0 2px #fff, inset 0 14px rgba(0,0,0,0.05);
  -moz-box-shadow: inset 0 0 2px #fff, inset 0 14px rgba(0,0,0,0.05);
}

#login label {
  display: block;
  float: left;
  clear: left;
  width: 87px;
  overflow: hidden;
  text-align: right;
  font-weight: bold;
}

/* # id*/
#login {
  margin: 122px auto;
  width: 361px;
  overflow: visible;
  border: 2px solid #e6e6e6;
  background: white;
  -moz-border-radius: 11px 11px 0 0;
  -webkit-border-radius: 11px 11px 0 0;
  border-radius: 11px 11px 0 0;
}

#login #topline {
  position: relative;
  width: 345px;
  background: #4d4d4d url("./images/login/back-topline.gif") 0 0 no-repeat;
  color: white;
  padding: 0 10px;
  margin: -2px -2px 0;
  text-align: left;
  -moz-border-radius: 11px 11px 0 0;
  -webkit-border-radius: 11px 11px 0 0;
  border-radius: 11px 11px 0 0;
}
#login #topline img { vertical-align: middle; border: 0; }

#login #languages {
  width: 130px;
  position: absolute;
  top: 17px; right: 10px;
  text-align: right;
  line-height: 10px; /* pro ie7*/
  font-size: 10px;
}
#login #languages a {
  text-decoration: none;
  color: white;
}
#login #languages img {
  vertical-align: top;
  margin: 0 0 2px;
}

#login #main {
  position: relative;
  width: 365px;
  background: url("./images/login/back-content.png") 0 100% no-repeat;
  padding: 0 0 10px;
  margin: 0 -2px -9px;
  -moz-border-radius: 0 0 11px 11px;
  -webkit-border-radius: 0 0 11px 11px;
  border-radius: 0 0 11px 11px;

}

#login #logo { margin: 3px 0; }

/* . class */
#login .login_err {
  color: #c22c2c;
  font-weight: bold;
}

input {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

/*stin okna */
#login #login #main {
  box-shadow: 2px 3px 10px #aaa, 0 0 1px #000, 0 0  6px 1px #bbb;
  -o-box-shadow:  2px 3px 10px #aaa, 0 0 1px #000, 0 0  6px 1px #bbb;
  -webkit-box-shadow:  2px 3px 10px #aaa, 0 0 1px #000, 0 0  6px 1px #bbb;
  -moz-box-shadow: 2px 3px 10px #aaa, 0 0 1px #000, 0 0  6px 1px #bbb;
}

#login #topline {
  box-shadow: inset 0 -19px rgba(0,0,0,0.1), 0 0 1px #000;
  -o-box-shadow: inset 0 -19px rgba(0,0,0,0.1), 0 0 1px #000;
  -webkit-box-shadow: inset 0 -19px rgba(0,0,0,0.1), 0 0 1px #000;
  -moz-box-shadow: inset 0 -19px rgba(0,0,0,0.1), 0 0 1px #000;
}