.error {color: #d9001a; font-weight: bold;}
.done {color: green; font-weight: 300;}
.done A {color: green; text-decoration: underline;}
.done A:HOVER {text-decoration: none;}

#formFrame {
  width: 100%;
  height: auto;
  float: left;
  padding: 30px 0;
  background-color: #463F3A;
}

#formFrame.white {
  background-color: #fff;
}

#formFrame .inner {
  width: 70%;
  height: auto;
  float: left;
  margin: 30px 15% 50px;
  padding: 20px 0 50px;
  background-color: #ffffff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
}

#formFrame .inner h2 {
  position: relative;
  text-transform: none;
  font-size: 24px;
  margin: 40px 0 20px 0;
  padding: 0 0 5px 0;
  font-weight: 700;
  text-align: center;
}

#formFrame .inner h2:after {
  content: '';
  position: absolute;
  left: calc(50% - 50px);
  bottom: 0;
  width: 100px;
  height: 2px;
  background-color: #b79e85;
}

#formFrame .inner p.error {
  padding: 10px 0 10px 20%;
}

#formFrame .inner p.formMessage {
  padding: 0 20px;
}

.formLine {
  width: 100%;
  float: left;
  margin: 0px 0px 10px 0px;
  font-size: 14px;
}

.formLine .formRow {
  width: 20%;
  height: 40px;
  padding: 10px 10px 0 0;
  margin: 0px;
  float: left;
  text-align: right;
}

.formLine .formRowCheckbox {
  width: 690px;
  padding: 4px 0px 0px 0px;
  margin: 0px;
  float: left;
  text-align: left;
}

.formLine .formRowCheckbox A {
  color: #fd2015;
}

.formLine .formInput {
  width: 74%;
  height: 40px;
  padding: 6px 12px 6px 12px;
  margin: 0px 10px 0px 0px;
  float: left;
  border: 0;
  border-radius: 10px;
}

.formLine .formTextarea {
  width: 74%;
  height: 120px;
  padding: 2px 5px 2px 5px;
  margin: 0px 10px 0px 0px;
  float: left;
  border: 0;
  border-radius: 10px;
  background-color: #ded5cf;
}

.formLine .formSelect {
  width: 74%;
  padding: 10px 5px 10px 5px;
  margin: 0px 10px 0px 0px;
  float: left;
  border: 1px #ccc solid;
  background-color: #f6f6f6;
}

.formLine .formSubmit {
  width: 74%;
  padding: 15px 30px 15px 30px;
  margin: 0px 10px 0px 20%;
  float: left;
  background-color: #fff;
  border: 2px solid #b69e85;
  border-radius: 10px;
  color: #b69e85;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}

.formLine .formSubmit:hover {
  background-color: #b69e85;
  color: #fff;
}

.formLine .g-recaptcha {
  width: 70%;
  float: left;
}

.formLine .antispam {
  width: 110px;
  height: 38px;
  float: left;
  margin: 0px 0px 0px 10px;
}

.formLine .formInputAntispam {
  width: 180px;
  padding: 10px 5px 10px 5px;
  margin: 0px 0px 0px 0px;
  float: left;
  border: 1px #ccc solid;
  background-color: #f6f6f6;
}

.formLine .readonly {
  background-color: #ddd;
  color: #686868;
}

.formLine .radio {
  width: 840px;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 5px 0px;
  float: left;
  border-bottom: 1px #e8e8e7 solid;
}

.formLine .radio .desc {
  width: 375px;
  float: left;
}

.formLine .radio INPUT {
  width: 25px;
  margin: 5px 0px 0px 0px;
  float: left;
}

.formLine .radioFull {
  width: 100%;
  margin: 4px 0px 4px 0px;
  padding: 0px 0px 5px 0px;
  float: left;
}

.formLine .radioFull .desc {
  width: 600px;
  float: left;
}

.formLine .radioFull INPUT {
  width: 25px;
  margin: 2px 0px 0px 0px;
  float: left;
}

.formLine .formSelectPredvolba {
  width: 80px;
  padding: 5px 1px 4px 5px;
  margin: 0px 0px 0px 0px;
  float: left;
  border: 1px #d0d0d0 solid;
}

.formLine .formInputPhone {
  width: 220px;
  height: auto;
  padding: 5px 5px 5px 5px;
  margin: 0px 10px 0px 0px;
  float: left;
  border: 1px #d0d0d0 solid;
}

.formLine .bgRed {
  border-color: #d9001a;
  background-color: #FFF0F0;
}

.formLine .recaptcha {
  width: 70%;
  float: left;
}

.formLine .activeInput {
  border-color: #686868;
}

.formLine .bigSubmit {
  padding: 10px 15px;
  float: right;
  position: relative;
  left: 10px;
}

.hvezdicka {color: #e41d1b; font-weight: bold; font-size: 20px; line-height: 10px;}


/* info panels */
.infoPanel {width: auto; float: left; align-items: center; padding: 0px 10px; margin: 0px 0px 15px 0px; background-color: #f7f7f7; border: 1px #ddd solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
.infoPanel I {width: auto; float: left; margin: 0px 10px 0px 0px; font-size: 16px;}
.infoPanel P {width: auto; float: left; color: #b69e85; margin: 15px 10px 15px 10px !important;}
.infoPanel p i {float: none; margin: 0;}
.infoPanel.error {border-color: #e95847; color: #fff !important; background-color: #e95847;}
.infoPanel.error P {color: #fff !important;}
.infoPanel.done {border-color: #ded5cf; color: #fff; background-color: #ded5cf;}
.infoPanel.info {*border-color: red; color: #fff; background-color: #665421; font-weight: 300;}
.infoPanel.alert {border-color: orange; color: #fff; background-color: orange;}
.infoPanel.star {border-color: #d7d123; color: #d7d123; background-color: #fffdd2;}
.infoPanel.done I {color: #27cd27;}
.infoPanel A {text-decoration: underline; font-weight: bold;}
.infoPanel.mt {margin-top: 20px;}

.infoPanel.cartMessage {margin: 20px 0 0 0; border-radius: 4px;}