#contact-form {
  background-color: #cfcf93;
  color: black;
  width: 465px;
  padding: 20px;
  margin: 50px auto;
  border: 6px solid #17b5e7;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}

#contact-form h1 {
  font-size: 36px;
}

#contact-form h3 {
  margin-bottom: 15px;
  font-style: italic;
  font-weight: normal;
}

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
  font-size: 15px;
  margin-bottom: 2px;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
  width: 450px;
  border: 1px solid #CEE1E8;
  margin-bottom: 20px;
  padding: 4px;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
  border: 1px solid #AFCDD8;
  background-color: #EBF2F4;
}

#contact-form textarea {
  height: 150px;
  resize: none;
}

#contact-form label {
  display: block;
}

#contact-form .required {
  font-weight: bold;
  color: #F00;
}

#contact-form #submit-button {
  width: 100px;
  background-color: #333;
  color: #FFF;
  border: none;
  display: block;
  float: right;
  margin-bottom: 0px;
  margin-right: 6px;
  background-color: #0c5cdc;
  border-radius: 5px;
  -moz-border-radius: 8px;
}

#contact-form #submit-button:hover {
  background-color: #A6CFDD;
}

#contact-form #submit-button:active {
  position: relative;
  top: 1px;
}

#contact-form #loading {
  width: 32px;
  height: 32px;
  background-image: url(../img/loading.gif);
  display: block;
  position: absolute;
  right: 130px;
  bottom: 16px;
  display: none;
}

#errors {
  border: solid 1px #E58E8E;
  padding: 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  display: none;
}

#errors li {
  padding: 2px;
  list-style: none;
}

#errors li:before {
  content: " - ";
}

#errors #info {
  font-weight: bold;
}

#errors #info:before {
  content: "";
}

#success {
  border: solid 1px #83D186;
  padding: 25px 10px;
  margin: 25px 0px;
  display: block;
  width: 437px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-weight: bold;
  display: none;
}

#errors.visible, #success.visible {
  display: block;
}

#req-field-desc {
  font-style: italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder {
  color: #CCC;
  font-style: italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #CCC;
  font-style: italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text {
  color: #CCC;
  font-style: italic;
}

/*# sourceMappingURL=kontakt.css.map */