/* Generated by less 2.5.1 */
/*VARIABLES*/
/*bordes redondeados*/
/*box shadow inset*/
/*box sizing*/
/*flotar - posicion - alineaciones*/
/*mostrar/ocultar*/
/*anchos*/
/*fuente*/
.msgDone {
  height: 28px;
  display: block;
  background: #ECF9D2;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #690;
  margin-bottom: 15px;
}
.msgError {
  height: 28px;
  display: block;
  background: #FFE8DF;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  color: #d00;
  margin-bottom: 15px;
}
/*FORMULARIOS*/
.contactForm {
  width: 600px;
  float: left;
}
.contactForm .line {
  width: 100%;
  min-height: 30px;
  float: left;
  margin-bottom: 20px;
}
.contactForm .line.center {
  text-align: center;
}
.contactForm .line .halfLine {
  width: 48%;
  float: left;
}
.contactForm .line .thirdLine {
  width: 31%;
  float: left;
  margin-right: 3.5%;
}
.contactForm .line .quarterLine {
  width: 22%;
  float: left;
  margin-right: 4%;
}
.contactForm .line label {
  display: block;
  margin-bottom: 5px;
}
.contactForm .line input[type='text'],
.contactForm .line input[type='email'],
.contactForm .line input[type='password'],
.contactForm .line textarea,
.contactForm .line select {
  width: 100%;
}
.contactForm .line .guion {
  width: 10%;
  line-height: 28px;
  float: left;
  text-align: center;
}
.contactForm .error {
  position: relative;
  z-index: 1;
}
.contactForm .error input[type='text'],
.contactForm .error input[type='email'],
.contactForm .error input[type='password'],
.contactForm .error textarea,
.contactForm .error select {
  border: 1px solid #FF7373;
}
.contactForm .error .errorBubble {
  width: 30px;
  height: 24px;
  position: absolute;
  z-index: 1;
  right: 3px;
  bottom: 3px;
  background: url(../img/alert_error.png) no-repeat;
}
.contactForm.inlineForm label {
  float: left;
  line-height: 28px;
  margin-bottom: 0px;
}
.contactForm.inlineForm input[type='text'],
.contactForm.inlineForm input[type='email'],
.contactForm.inlineForm input[type='password'],
.contactForm.inlineForm textarea,
.contactForm.inlineForm select {
  float: right;
}
.contactForm.inlineForm .line.strict label {
  width: 20%;
  text-align: right;
}
input[type='text'],
input[type='email'],
input[type='password'],
textarea,
select {
  height: 30px;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 7px;
  background: #f9f9f9;
  border-bottom: 2px solid #ccc;
}
input[type='text'].xSmall,
input[type='email'].xSmall,
input[type='password'].xSmall,
textarea.xSmall,
select.xSmall {
  width: 15% !important;
}
input[type='text'].small,
input[type='email'].small,
input[type='password'].small,
textarea.small,
select.small {
  width: 25% !important;
}
input[type='text'].medium,
input[type='email'].medium,
input[type='password'].medium,
textarea.medium,
select.medium {
  width: 40% !important;
}
input[type='text'].large,
input[type='email'].large,
input[type='password'].large,
textarea.large,
select.large {
  width: 50% !important;
}
input[type='text'].xLarge,
input[type='email'].xLarge,
input[type='password'].xLarge,
textarea.xLarge,
select.xLarge {
  width: 75% !important;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
  border-color: #36A9E1 !important;
  box-shadow: inset 2px 2px 2px 0px rgba(54, 169, 225, 0.2);
  -moz-box-shadow: inset 2px 2px 2px 0px rgba(54, 169, 225, 0.2);
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(54, 169, 225, 0.2);
}
select {
  height: auto;
  padding: 5px 7px;
  text-align: center;
}
textarea {
  height: 150px;
  resize: none;
  padding: 7px;
}
input[type='submit']:hover {
  opacity: 0.7;
  -webkit-transition: all 0.4s;
  /* Safari */
  transition: all 0.4s;
}
.checkboxLine {
  width: 100%;
  float: left;
  position: relative;
  padding-left: 32px;
  line-height: 29px;
  font-size: 13px;
}
.checkboxLine .checkbox {
  width: 26px;
  height: 29px;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  background: url(../img/checkbox.png) left top no-repeat;
  margin-right: 7px;
  cursor: pointer;
}
.checkboxLine .checkbox.check {
  background: url(../img/checkbox.png) right top no-repeat;
}
.radioLine {
  width: 100%;
  height: 22px;
  float: left;
  position: relative;
  margin-bottom: 5px;
  padding-left: 32px;
  line-height: 22px;
  font-size: 13px;
}
.radioLine .radio {
  width: 22px;
  height: 22px;
  float: left;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  background: url(../img/radio.png) left top no-repeat;
  margin-right: 7px;
  cursor: pointer;
}
.radioLine .radio.radioCheck {
  background: url(../img/radio.png) right top no-repeat;
}