@font-face {
  font-family: "CostaStd-Regular";
  src: url("../fonts/Typofonderie-CostaStd-Regular.otf");
}
@font-face {
  font-family: "CostaStd-Bold";
  src: url("../fonts/Typofonderie-CostaStd-Bold.otf");
}
@font-face {
  font-family: "CostaStd-Light";
  src: url("../fonts/Typofonderie-CostaStd-Light.otf");
}
/*************************************
********   Estlios generales  ********
**************************************/
body {
  font-family: 'Raleway', sans-serif;
  color: #000;
}
.header-section {
  background: #d0ced4;
  height: 100px;
  text-align: center;
  margin-top: -1px;
}
.header-section h2 {
  font-size: 46px;
  color: #172b60;
  line-height: 100px;
  margin-top: 0;
  font-weight: 400;
}
.header-section h1 {
  font-size: 46px;
  color: #172b60;
  line-height: 100px;
  margin-top: 0;
  font-weight: 400;
}
select {
  background: transparent;
  border: none;
  height: 100%;
  width: 100%;
  padding-left: 14px;
  -webkit-appearance: none;
  color: #808080;
  font-size: 11px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select:focus {
  outline: none;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  font-weight: 400;
  cursor: pointer;
}
input[type=checkbox] + label:before {
  content: '';
  background: transparent;
  border: 1px solid #000;
  border-radius: 5px;
  height: 16px;
  width: 16px;
  text-align: center;
  margin-right: 0;
  vertical-align: text-bottom;
  display: inline-block;
}
input[type=checkbox]:checked + label:before {
  background: url("../images/recursos/palomita.png") 50% 50% no-repeat;
  background-color: #27aae1;
  border: 1px solid #0573b6;
}
input[type=checkbox].error-checkbox + label:before {
  border: 2px solid #f00;
}
.arrows-select {
  background: url("../images/recursos/arrows.png") 95% 50% no-repeat;
  border-radius: 10px;
  border: 1px solid #808080;
  height: 35px;
}
.float-none {
  float: none !important;
}
.input-with-error {
  border: 2px solid #f00 !important;
}
input {
  width: 100%;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  border: 1px solid #808080;
  color: #808080;
  outline: none;
}
input::-webkit-input-placeholder {
  color: #808080;
}
input::-moz-placeholder {
  color: #808080;
}
input:-moz-placeholder {
  color: #808080;
}
input:-ms-input-placeholder {
  color: #808080;
}
/*************************************
****** Estlios para el re-capcha *****
**************************************/
.re-capcha {
  padding-left: 5%;
  padding-top: 36px;
  padding-bottom: 32px;
}
/*************************************
* Estlios sobreescritos de normalize *
**************************************/
input,
button,
select,
textarea {
  line-height: normal;
}
.contact {
  background-color: #f2f2f4;
  width: 100%;
}
.contact-body {
  background-color: #fff;
  max-width: 800px;
  margin: auto;
  padding: 42px 31px 42px 31px;
}
.contact-body-greet {
  text-align: center;
  font-size: 22px;
  line-height: 26px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
}
.contact-corporativo {
  width: 100%;
  margin-top: 24px;
  margin-bottom: 32px;
}
.contact-corporativo .address,
.contact-corporativo .telephone {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 32%;
  font-size: 14px;
}

.contact-corporativo .address {
  width: 50%;
}
.contact-corporativo h4 {
  font-size: 20px;
  color: #0573b6;
  margin-bottom: 14px;
  font-weight: bold;
}
.contact-corporativo .address .address-container {
  line-height: 17px;
}
.contact-corporativo .telephone {
  line-height: 20px;
  text-align: center;
}
.contact-corporativo .telephone span {
  font-weight: bold;
}
.error {
  background-color: #f2dede;
  width: 100%;
  padding-top: 10px;
  padding: 12px 25px;
  border-radius: 5px;
}
.contact-form-datos h4 {
  color: #0573b6;
  font-size: 20px;
  font-weight: bold;
}
.contact-form-datos .contact-form-row {
  margin-top: 15px;
  width: 100%;}

.contact-form-datos .contact-form-row2 {
  margin-top: 15px;
  width: 33%;
  float: left;
}

.contact-form-tel-cel {
  padding-right: 10px;
  width: 100%;
}
.contact-form-tel-casa{
  width: 100%;
}

.contact-form-tel-lada{
  width: 100%;
  max-width: 300px;
  height: 35px;
  display: block;
  box-sizing: border-box;
  padding-right: 10px;
}


/*
.contact-form-tel-lada label .select-lada{
                    width 100%;
                    max-width 300px;
                    height 35px;
                    display block;
                    box-sizing border-box;
}
        
                label
                    height 15px
                    padding-left 0px
                    margin-bottom 15px
                    font-size 14px

            */

.contact-form-datos .contact-form-row .contact-form-nombres,
.contact-form-datos .contact-form-row .contact-form-email {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
}
.contact-form-datos .contact-form-row .contact-form-nombres input,
.contact-form-datos .contact-form-row .contact-form-email input {
  width: 100%;
  max-width: 360px;
  height: 35px;
  padding-left: 14px;
  border: 1px solid #808080;
  font-size: 11px;
  color: #808080;
  outline: none;
  box-sizing: border-box;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-nombre::-moz-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-nombre::-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-nombre::-webkit-input-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-nombre::-webkit-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-nombre:-moz-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-nombre:-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-nombre:-ms-input-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-nombre:-ms-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-email::-moz-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-email::-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-email::-webkit-input-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-email::-webkit-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-email:-moz-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-email:-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-nombres #form-contact-email:-ms-input-placeholder,
.contact-form-datos .contact-form-row .contact-form-email #form-contact-email:-ms-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-email {
  text-align: right;
  margin-left: 2%;
  float: right;
/* estilos para lada
            .contact-form-tel-lada
            .contact-form-tel-cel
            .contact-form-tel-casa
                display inline-block
                vertical-align bottom
                width 40% 
                    */
}
.contact-form-datos .contact-form-row .contact-form-tel-cel,
.contact-form-datos .contact-form-row .contact-form-tel-casa {
  width: 25%;
  display: inline-block;
  vertical-align: bottom;
}
.contact-form-datos .contact-form-row .contact-form-tel-cel input,
.contact-form-datos .contact-form-row .contact-form-tel-casa input {
  max-width: 172px;
  width: 100%;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  color: #808080;
  border: 1px solid #808080;
  outline: none;
  box-sizing: border-box;
}
.contact-form-datos .contact-form-row .contact-form-tel-cel label {
  margin-bottom: 15px;
}
.contact-form-datos .contact-form-row #form-contact-cel::-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-cel::-webkit-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-cel:-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-cel:-ms-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-tel::-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-tel::-webkit-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-tel:-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row #form-contact-tel:-ms-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-motivo {
  width: 100%;
}
.contact-form-datos .contact-form-row .contact-form-motivo label {
  font-size: 14px;
  display: block;
  margin-bottom: 15px;
}
.contact-form-datos .contact-form-row .contact-form-motivo input {
  height: 35px;
  max-width: 360px;
  width: 100%;
  min-width: 95px;
  font-size: 11px;
  border: 1px solid #808080;
  padding-left: 14px;
  outline: none;
}
.contact-form-datos .contact-form-row .contact-form-motivo input::-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-motivo input::-webkit-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-motivo input:-moz-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-motivo input:-ms-input-placeholder {
  color: #808080;
}
.contact-form-datos .contact-form-row .contact-form-motivo .select-motivo {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 300px;
  height: 35px;
}
.contact-form .contact-form-comentario {
  margin-top: 170px;
}
.contact-form .contact-form-comentario h4 {
  font-size: 20px;
  color: #0573b6;
  margin-bottom: 15px;
  font-weight: bold;
}
.contact-form .contact-form-comentario textarea {
  width: 100%;
  height: 86px;
  padding-left: 11px;
  padding-top: 10px;
  border: 1px solid #808080;
  font-size: 11px;
  color: #808080;
  outline: none;
  box-sizing: border-box;
}
.contact-form .contact-form-comentario textarea::-moz-placeholder {
  color: #808080;
}
.contact-form .contact-form-comentario textarea::-webkit-input-placeholder {
  color: #808080;
}
.contact-form .contact-form-comentario textarea:-moz-placeholder {
  color: #808080;
}
.contact-form .contact-form-comentario textarea:-ms-input-placeholder {
  color: #808080;
}
.contact-form .contact-terms-conditions {
  width: 95%;
  margin-left: 5%;
}
.contact-form .contact-terms-conditions .contact-form-checkboxes {
  line-height: 18px;
}
.contact-form .contact-terms-conditions .contact-form-checkboxes,
.contact-form .contact-terms-conditions .contact-form-btn-enviar {
  display: inline-block;
  vertical-align: middle;
  width: 66%;
}
.contact-form .contact-terms-conditions .contact-form-btn-enviar {
  width: 33%;
  text-align: right;
}
.contact-form .contact-terms-conditions .contact-form-btn-enviar input {
  background: #fc3;
  width: 100%;
  max-width: 190px;
  height: 40px;
  font-size: 20px;
  border-radius: 10px;
  border-width: 0px;
  font-weight: 700;
  color: #172b60;
}
.checkbox-aviso-privacidad a {
  color: #41a4f4;
  text-decoration: none;
  font-size: 14px;
}
.programas {
  background: #f2f2f4;
  width: 100%;
}
.programas .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 42px 31px 42px 31px;
}
.programas .body .presentation {
  text-align: center;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 25px;
}
.programas .body .presentation p:first-child {
  color: #0573b6;
  font-family: 'CostaStd-Bold', 'Raleway', sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
}
.programas .body .presentation p:last-child {
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
}
.programas .body .program {
  width: 100%;
  margin-top: 40px;
}
.programas .body .program .title-program {
  color: #0573b6;
  font-size: 35px;
  font-weight: 300;
  max-width: 555px;
}
.programas .body .program .wrapper-program {
  width: 100%;
  margin-top: 30px;
}
.programas .body .program .wrapper-program .img-program,
.programas .body .program .wrapper-program .text {
  display: inline-block;
  vertical-align: top;
  width: 29%;
}
.programas .body .program .wrapper-program .img-program {
  max-width: 200px;
  margin: auto;
}
.programas .body .program .wrapper-program .text {
  width: 68%;
  padding: 0;
  font-size: 14px;
  max-width: 500px;
  margin-left: 3%;
  line-height: 17px;
}
.acerca-de-nosotros {
  background: #f2f2f4;
  width: 100%;
}
.acerca-de-nosotros .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 48px 6%;
}
.acerca-de-nosotros .body .text p {
  margin-bottom: 20px;
  line-height: 17px;
}
.acerca-de-nosotros .body .nuestra-axcelencia {
  margin-top: 54px;
}
.acerca-de-nosotros .body .nuestra-axcelencia h3 {
  color: #0573b6;
  font-size: 35px;
  margin-left: 6%;
  margin-bottom: 14px;
  font-weight: 300;
}
.acerca-de-nosotros .body .nuestra-axcelencia ul.list-nuestra-excelencia {
  list-style-image: url("../images/recursos/vinieta-blue.png");
  padding-left: 20px;
}
.acerca-de-nosotros .body .nuestra-axcelencia ul.list-nuestra-excelencia li.item-nuestra-excelencia {
  margin-bottom: 20px;
  line-height: 17px;
  float: none;
}
.rewards {
  background: #f2f2f4;
  width: 100%;
}
.rewards .header-rewards {
  background: #172b60;
  text-align: center;
  height: 139px;
  margin-top: -1px;
}
.rewards .header-rewards h2 {
  margin-top: 0;
  line-height: 139px;
}
.rewards .header-rewards h2 img {
  width: 100%;
  max-width: 341px;
}
.rewards .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 40px 34px;
}
.rewards .body .presentation {
  text-align: center;
  font-size: 21px;
}
.rewards .body .presentation h3 {
  font-weight: bold;
  font-size: 21px;
  color: #0573b6;
  font-family: 'CostaStd-Bold', 'Raleway', sans-serif;
  margin-top: 0px;
  margin-bottom: 6px;
}
.rewards .body .presentation p {
  line-height: 26px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
}
.rewards .body .presentation .list-points {
  width: 100%;
  margin-top: 60px;
}
.rewards .body .presentation .list-points .img-rewards-card,
.rewards .body .presentation .list-points .block-list {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
.rewards .body .presentation .list-points .img-rewards-card {
  text-align: right;
}
.rewards .body .presentation .list-points .block-list {
  width: 64%;
  text-align: left;
  padding-left: 45px;
}
.rewards .body .presentation .list-points .block-list .list {
  list-style-image: url("../images/recursos/vinieta-blue.png");
}
.rewards .body .presentation .list-points .block-list .list .list-item {
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: bold;
  float: none;
}
.rewards .body .afiliate {
  text-align: center;
  width: 100%;
  margin-top: 60px;
}
.rewards .body .afiliate .title {
  color: #172b60;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  font-size: 46px;
  margin-bottom: 20px;
}
.rewards .body .afiliate .sub-title {
  font-size: 21px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  margin-bottom: 20px;
}
.rewards .body .afiliate .wrapper-form .form .datos {
  color: #0573b6;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 12px;
}
.rewards .body .afiliate .wrapper-form .form .form-row {
  margin-bottom: 20px;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left {
  margin-right: 1%;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right {
  display: inline-block;
  width: 49%;
  vertical-align: bottom;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero {
  display: flex;
  justify-content: space-between;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-left,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-left {
  margin-right: 1%;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-left,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-left,
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-right,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-right {
  width: 49%;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-left .num_int,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-left .num_int,
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-right .num_int,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-right .num_int,
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-left .num_ext,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-left .num_ext,
.rewards .body .afiliate .wrapper-form .form .form-row .col-left .numero .col-right .num_ext,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right .numero .col-right .num_ext {
  width: 100%;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left input,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right input {
  width: 100%;
  max-width: 360px;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  border: 1px solid #808080;
  color: #808080;
  outline: none;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left::-webkit-input-placeholder,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right::-webkit-input-placeholder {
  color: #808080;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left::-moz-placeholder,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right::-moz-placeholder {
  color: #808080;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left:-moz-placeholder,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right:-moz-placeholder {
  color: #808080;
}
.rewards .body .afiliate .wrapper-form .form .form-row .col-left:-ms-input-placeholder,
.rewards .body .afiliate .wrapper-form .form .form-row .col-right:-ms-input-placeholder {
  color: #808080;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel {
  padding: 0;
  text-align: left;
  margin-bottom: 20px;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .lada,
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-celular,
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-casa {
  display: inline-block;
  width: 24%;
  vertical-align: bottom;
  max-width: 175px;
  min-width: 120px;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-celular .tel-label {
  display: block;
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .lada {
  width: 41%;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .lada .lada-label {
  display: block;
  padding-left: 0;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .lada .select-lada {
  max-width: 300px;
  height: 35px;
  width: 100%;
  display: block;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-celular,
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-casa {
  margin-right: 1%;
}
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-celular input,
.rewards .body .afiliate .wrapper-form .form .form-row-tel .tel-casa input {
  width: 100%;
  height: 35px;
  color: #808080;
  font-size: 11px;
  padding-left: 14px;
  border: 1px solid #808080;
}
.rewards .body .afiliate .wrapper-form .form .wrapper-email {
  text-align: left;
}
.rewards .body .afiliate .wrapper-form .form .wrapper-email .email-rewards {
  width: 100%;
  max-width: 360px;
  height: 35px;
  font-size: 11px;
  color: #808080;
  padding-left: 14px;
  border: 1px solid #808080;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos {
  width: 95%;
  margin-left: 5%;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .form-checkboxes,
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .btn-enviar {
  display: inline-block;
  vertical-align: middle;
  width: 66%;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .btn-enviar {
  width: 33%;
  text-align: right;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .btn-enviar input {
  background: #fc3;
  width: 100%;
  max-width: 190px;
  height: 40px;
  font-size: 20px;
  border-width: 0px;
  border-radius: 10px;
  color: #172b60;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .form-checkboxes {
  text-align: left;
}
.rewards .body .afiliate .wrapper-form .form .form-acuerdos .form-checkboxes label {
  font-weight: 400;
}
.terminos-condiciones {
  background: #f2f2f4;
  width: 100%;
}
.terminos-condiciones .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 42px 82px;
}
.terminos-condiciones .body h3.sub-title {
  color: #0573b6;
  font-size: 35px;
  text-align: center;
  font-weight: 300;
  max-width: 500px;
  margin: auto;
  margin-top: 55px;
  margin-bottom: 20px;
}
.terminos-condiciones .body p {
  margin-bottom: 20px;
  line-height: 17px;
}
.terminos-condiciones .body span {
  color: #0573b6;
  font-weight: bold;
  font-size: 20px;
}
.terminos-condiciones .body .contacto {
  text-align: center;
}
.terminos-condiciones .body .contacto p {
  line-height: 42px;
}
.terminos-condiciones .body .contacto a {
  color: #41a4f4;
}
.terminos-condiciones .body .direccion {
  text-align: center;
  font-size: 12px;
}
.terminos-condiciones .body .direccion address {
  margin-bottom: 0px;
}
.mapa-sitio {
  background: #f2f2f4;
  width: 100%;
}
.mapa-sitio ul li {
  float: none;
}
.mapa-sitio .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 41px 20px;
}
.mapa-sitio .body h3.sub-title {
  color: #0573b6;
  font-size: 35px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 300;
}
.mapa-sitio .body .hoteles {
  text-align: center;
  margin: 0 14px;
}
.mapa-sitio .body .hoteles .row-mapa {
  margin-bottom: 60px;
}
.mapa-sitio .body .hoteles .row-mapa .col {
  width: 32%;
  margin-left: 1%;
  display: inline-block;
  vertical-align: top;
}
.mapa-sitio .body .hoteles .row-mapa .col:first-child {
  margin-left: 0;
}
.mapa-sitio .body .hoteles .row-mapa .col ul {
  text-align: left;
}
.mapa-sitio .body .hoteles .row-mapa .col ul li.content-title {
  height: 40px;
}
.mapa-sitio .body .hoteles .row-mapa .col ul li .pais {
  font-size: 20px;
  color: #172b60;
}
.mapa-sitio .body .hoteles .row-mapa .col ul li .ciudad {
  color: #808080;
}
.mapa-sitio .body .hoteles .row-mapa .col ul li .title {
  color: #0573b6;
  font-size: 35px;
  font-weight: 300;
}
.mapa-sitio .body .blog h3.sub-title {
  font-weight: 300;
}
.mapa-sitio .body .blog .blog-table {
  display: table;
  width: 100%;
}
.mapa-sitio .body .blog .blog-table .blog-row {
  display: table-row;
}
.mapa-sitio .body .blog .blog-table .blog-row .blog-cell {
  display: table-cell;
  text-align: center;
  height: 180px;
}
.mapa-sitio .body .blog .blog-table .blog-row .blog-cell img {
  width: 245px;
}
.mapa-sitio .body .blog .blog-table .blog-row .blog-cell p {
  text-align: left;
  color: #595661;
  line-height: 24px;
  margin-top: 1px;
  width: 220px;
  margin-left: 6px;
  margin-top: 5px;
  font-size: 16px;
}
.mapa-sitio .body .blog .blog-table .blog-row .left {
  text-align: left;
}
.mapa-sitio .body .blog .blog-table .blog-row .left p {
  margin-left: 2px;
}
.mapa-sitio .body .blog .blog-table .blog-row .right {
  text-align: right;
}
.mapa-sitio .body .blog .blog-table .blog-row .right p {
  margin-left: 10px;
}
.mapa-sitio .body .blog .blog-table .blog-row .center {
  text-align: center;
}
.franquicias {
  background: #f2f2f4;
  width: 100%;
}
.franquicias .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 48px 28px;
}
.franquicias .body .introduction {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
}
.franquicias .body .introduction h3.title {
  color: #0573b6;
  font-family: 'CostaStd-Bold', 'Raleway', sans-serif;
  font-size: 26px;
  margin-top: 0px;
  margin-bottom: 6px;
}
.franquicias .body .introduction p.main-paragraph {
  font-size: 21px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  margin-bottom: 22px;
  line-height: 26px;
}
.franquicias .body .introduction .paragraph {
  text-align: left;
  margin-bottom: 22px;
  line-height: 17px;
}
.franquicias .body .form-container h3.title {
  color: #172b60;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  font-size: 46px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 34px;
}
.franquicias .body .form-container p.sub-title {
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  text-align: center;
  font-size: 21px;
  margin-bottom: 20px;
}
.franquicias .body .form-container .datos {
  color: #0573b6;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 14px;
  text-align: left;
}
.franquicias .body .form-container .form-row {
  margin-bottom: 16px;
}
.franquicias .body .form-container .form-row .form-col {
  display: inline-block;
  width: 49%;
}
.franquicias .body .form-container .form-row .form-col input,
.franquicias .body .form-container .form-row .form-col select {
  max-width: 360px;
  width: 100%;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  outline: none;
}
.franquicias .body .form-container .form-row .form-col input {
  border: 1px solid #808080;
}
.franquicias .body .form-container .form-row .form-col input::-webkit-input-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .form-col input::-moz-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .form-col input:-moz-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .form-col input:-ms-input-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .lada,
.franquicias .body .form-container .form-row .oficina,
.franquicias .body .form-container .form-row .extension {
  display: inline-block;
  vertical-align: bottom;
}
.franquicias .body .form-container .form-row .lada {
  width: 41%;
}
.franquicias .body .form-container .form-row .lada .lada-label {
  display: block;
  padding-left: 0px;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
}
.franquicias .body .form-container .form-row .lada .select-lada {
  max-width: 300px;
  height: 34px;
  width: 100%;
  display: block;
}
.franquicias .body .form-container .form-row .oficina,
.franquicias .body .form-container .form-row .extension {
  width: 24%;
  margin-right: 1%;
}
.franquicias .body .form-container .form-row .oficina input,
.franquicias .body .form-container .form-row .extension input {
  max-width: 172px;
  width: 100%;
  height: 35px;
  padding-left: 14px;
  border: 1px solid #808080;
  font-size: 11px;
}
.franquicias .body .form-container .form-row .oficina input::-webkit-input-placeholder,
.franquicias .body .form-container .form-row .extension input::-webkit-input-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .oficina input::-moz-placeholder,
.franquicias .body .form-container .form-row .extension input::-moz-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .oficina input:-moz-placeholder,
.franquicias .body .form-container .form-row .extension input:-moz-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .oficina input:-ms-input-placeholder,
.franquicias .body .form-container .form-row .extension input:-ms-input-placeholder {
  color: #808080;
}
.franquicias .body .form-container .form-row .oficina .tel-label {
  display: block;
  padding-left: 0;
  margin-bottom: 10px;
  font-size: 14px;
}
.franquicias .body .form-container .form-row-last {
  text-align: right;
  margin-top: 20px;
}
.franquicias .body .form-container .form-row-last .aviso-privacidad,
.franquicias .body .form-container .form-row-last .btn-enviar {
  display: inline-block;
  vertical-align: middle;
}
.franquicias .body .form-container .form-row-last .aviso-privacidad {
  text-align: left;
}
.franquicias .body .form-container .form-row-last .aviso-privacidad a {
  color: #41a4f4;
}
.franquicias .body .form-container .form-row-last .btn-enviar {
  margin-left: 31px;
}
.franquicias .body .form-container .form-row-last .btn-enviar input {
  background: #fc3;
  width: 190px;
  height: 40px;
  border-width: 0;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
}
.franquicias .body .more-info {
  max-width: 640px;
  margin: 0 auto;
  margin-top: 43px;
  line-height: 24px;
}
.franquicias .body .more-info h3.title {
  text-align: center;
  font-size: 21px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  margin-top: 19px;
  margin-bottom: 23px;
}
.franquicias .body .more-info p {
  font-size: 14px;
  line-height: 17px;
}
.franquicias .body .more-info .container-mail {
  max-width: 320px;
  margin: 0 auto;
  border: 1px solid #003c7e;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  margin-top: 19px;
  margin-bottom: 24px;
  font-weight: 500;
  line-height: 22px;
}
.proveedores {
  background: #f2f2f4;
  width: 100%;
}
.proveedores .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 50px 60px;
  text-align: center;
}
.proveedores .body p.introduction {
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  font-size: 21px;
  line-height: 26px;
  margin: 0;
}
.proveedores .body .table {
  display: table;
  width: 100%;
}
.proveedores .body .table .table-row {
  display: table-row;
}
.proveedores .body .table .table-row .table-colum {
  display: table-cell;
  text-align: center;
  height: 190px;
}
.proveedores .body .table .table-row .first-brand {
  line-height: 190px;
}
.agencias-viaje {
  background: #f2f2f4;
  width: 100%;
}
.agencias-viaje .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 52px 72px;
}
.agencias-viaje .body span.title {
  font-family: 'CostaStd-Bold', 'Raleway', sans-serif;
  font-size: 21px;
  margin: 0;
  color: #0573b6;
}
.agencias-viaje .body p.main-paragraph {
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  margin-bottom: 24px;
}
.agencias-viaje .body p.paragraph {
  line-height: 17px;
  margin-bottom: 24px;
}
.agencias-viaje .body p.contactanos {
  text-align: center;
  margin-bottom: 24px;
}
.agencias-viaje .body div.mail {
  border: 1px solid #003c7e;
  width: 320px;
  text-align: center;
  margin: auto;
  font-size: 18px;
  line-height: 22px;
  padding: 10px;
  border-radius: 10px;
  font-weight: 500;
}
.agencias-viaje .body div.best-check {
  margin-top: 70px;
}
.agencias-viaje .body div.best-check .title {
  font-size: 35px;
  color: #0573b6;
  text-align: center;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 20px;
}
.agencias-viaje .body div.best-check p.beneficios {
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  font-size: 21px;
  text-align: center;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 24px;
}
.agencias-viaje .body div.best-check p {
  line-height: 17px;
  margin-top: 0;
  margin-bottom: 35px;
}
.agencias-viaje .body div.best-check h4 {
  color: #0573b6;
  font-size: 21px;
  text-align: center;
  font-family: 'CostaStd-Bold', 'Raleway', sans-serif;
  margin-top: 0;
  margin-bottom: 15px;
}
.agencias-viaje .body div.best-check .ventajas-text,
.agencias-viaje .body div.best-check .como-funciona-text {
  margin-bottom: 22px;
}
.promocones-paquetes .body {
  padding: 72px 58px 37px 79px;
}
.promocones-paquetes .body .promotions {
  width: 100%;
}
.promocones-paquetes .body .promotions img {
  width: 100%;
}
.promocones-paquetes .body .promotions .promotion {
  width: 260px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #808080;
  margin-right: 14px;
  margin-bottom: 35px;
  position: relative;
}
.promocones-paquetes .body .promotions .promotion .head {
  background-image: url("../uploads/promociones/background.png");
  background-position: top right;
  background-repeat: no-repeat;
  width: 100%;
  height: 84px;
  position: absolute;
  color: #fff;
}
.promocones-paquetes .body .promotions .promotion .head p {
  text-align: right;
  padding-right: 15px;
  margin-bottom: 10px;
}
.promocones-paquetes .body .promotions .promotion .head .pre {
  font-size: 12px;
}
.promocones-paquetes .body .promotions .promotion .head .cantidad {
  font-size: 45px;
  line-height: 35px;
}
.promocones-paquetes .body .promotions .promotion .head .politica {
  font-size: 7px;
}
.promocones-paquetes .body .promotions .promotion .description {
  text-align: center;
}
.promocones-paquetes .body .promotions .promotion .description p.hotel {
  width: 242px;
  text-align: left;
  font-weight: 600;
  margin: 24px auto 9px auto;
  line-height: 17px;
  font-size: 13px;
}
.promocones-paquetes .body .promotions .promotion .description p.validity {
  width: 250px;
  color: #808080;
  line-height: 17px;
  font-size: 11px;
  margin: 0px auto 12px auto;
}
.promocones-paquetes .body .promotions .promotion .description a {
  display: inline-block;
  width: 242px;
  padding: 7px;
  color: #172b60;
  border: 1px solid #172b60;
  box-sizing: border-box;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 7px;
}
.promocones-paquetes .body .pagination-wrapper {
  text-align: center;
}
.promocones-paquetes .body .pagination-wrapper .active span {
  background: #003c7e;
  border-color: #0573b6;
}
.slider {
  margin-top: -1px;
  overflow: hidden;
}
.slider img {
  width: 100%;
}
.pais .body h2.title {
  font-size: 21px;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  max-width: 810px;
  margin-left: 249px;
  margin-top: 38px;
  line-height: 26px;
  text-align: left;
}
.pais .body h2.map-title {
  font-size: 35px;
  font-weight: 300;
  text-align: center;
  color: #0573b6;
  margin-top: 78px;
}
.pais .body .text-content {
  text-align: left;
  max-width: 498px;
  margin-left: 35%;
  margin-top: 55px;
}
.pais .body .text-content p {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 44px;
}
.pais .body .pais-row-right {
  text-align: right;
}
.pais .body .pais-row-right,
.pais .body .pais-row {
  letter-spacing: -1px;
  background: #f2f2f4;
  margin-top: 64px;
  overflow: hidden;
}
.pais .body .pais-row-right .img-colum-left,
.pais .body .pais-row .img-colum-left,
.pais .body .pais-row-right .text-colum-right,
.pais .body .pais-row .text-colum-right,
.pais .body .pais-row-right .text-colum-left,
.pais .body .pais-row .text-colum-left,
.pais .body .pais-row-right .img-colum-right,
.pais .body .pais-row .img-colum-right {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  word-spacing: normal;
}
.pais .body .pais-row-right .img-colum-left,
.pais .body .pais-row .img-colum-left {
  min-width: 435px;
  word-spacing: normal;
  letter-spacing: normal;
  white-space: normal;
  width: 34%;
}
.pais .body .pais-row-right .text-colum-right,
.pais .body .pais-row .text-colum-right {
  width: 48%;
}
.pais .body .pais-row-right .text-colum-right p,
.pais .body .pais-row .text-colum-right p {
  max-width: 480px;
  line-height: 26px;
  font-size: 21px;
  font-family: 'CostaStd-Light', 'Raleway', sans-serif;
  margin-left: 82px;
}
.pais .body .pais-row-right .text-colum-left,
.pais .body .pais-row .text-colum-left {
  width: 48%;
  text-align: right;
}
.pais .body .pais-row-right .text-colum-left p,
.pais .body .pais-row .text-colum-left p {
  max-width: 480px;
  line-height: 26px;
  font-size: 21px;
  font-family: 'CostaStd-Light', 'Raleway', sans-serif;
  text-align: right;
  float: right;
  margin-right: 82px;
}
.pais .body .pais-row-right .img-colum-right,
.pais .body .pais-row .img-colum-right {
  min-width: 435px;
  word-spacing: normal;
  letter-spacing: normal;
  white-space: normal;
  width: 34%;
}
.pais .body .map {
  text-align: center;
  background: #0573b6;
  margin-top: 27px;
}
.pais .body .map img {
  width: 100%;
  max-width: 1098px;
}
.grupos {
  background: #f2f2f4;
  width: 100%;
}
.grupos .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 40px 28px;
}
.grupos .body .presentation {
  padding: 0 4px;
}
.grupos .body .presentation p {
  font-size: 21px;
  text-align: center;
  font-family: 'CostaStd-Regular', 'Raleway', sans-serif;
  line-height: 26px;
}
.grupos .body .wrapper-form form .label-datos {
  color: #0573b6;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 12px;
}
.grupos .body .wrapper-form form .form-row {
  margin-bottom: 20px;
}
.grupos .body .wrapper-form form .form-row .col-left {
  margin-right: 1%;
}
.grupos .body .wrapper-form form .form-row .col-right {
  text-align: right;
}
.grupos .body .wrapper-form form .form-row .col-left,
.grupos .body .wrapper-form form .form-row .col-right {
  display: inline-block;
  width: 49%;
}
.grupos .body .wrapper-form form .form-row .col-left input,
.grupos .body .wrapper-form form .form-row .col-right input {
  width: 100%;
  max-width: 360px;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  border: 1px solid #808080;
  color: #808080;
  outline: none;
}
.grupos .body .wrapper-form form .form-row .col-left input::-webkit-input-placeholder,
.grupos .body .wrapper-form form .form-row .col-right input::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row .col-left input::-moz-placeholder,
.grupos .body .wrapper-form form .form-row .col-right input::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row .col-left input:-moz-placeholder,
.grupos .body .wrapper-form form .form-row .col-right input:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row .col-left input:-ms-input-placeholder,
.grupos .body .wrapper-form form .form-row .col-right input:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row .select-tipo-contacto {
  height: 35px;
}
.grupos .body .wrapper-form form .form-row-3 {
  padding: 0;
  text-align: left;
  margin-bottom: 20px;
}
.grupos .body .wrapper-form form .form-row-3 .item1,
.grupos .body .wrapper-form form .form-row-3 .item2,
.grupos .body .wrapper-form form .form-row-3 .item3 {
  display: inline-block;
  vertical-align: bottom;
  width: 28%;
}
.grupos .body .wrapper-form form .form-row-3 .item1 {
  width: 41%;
}
.grupos .body .wrapper-form form .form-row-3 .item1 .label-select {
  display: block;
  padding-left: 0;
  text-align: left;
  margin-bottom: 10px;
  font-size: 14px;
}
.grupos .body .wrapper-form form .form-row-3 .item1 .select-destino,
.grupos .body .wrapper-form form .form-row-3 .item1 .select-lada {
  max-width: 300px;
  width: 100%;
  height: 35px;
}
.grupos .body .wrapper-form form .form-row-3 .item2,
.grupos .body .wrapper-form form .form-row-3 .item3 {
  margin-left: 1%;
}
.grupos .body .wrapper-form form .form-row-3 .item2 input,
.grupos .body .wrapper-form form .form-row-3 .item3 input {
  width: 100%;
  height: 35px;
  color: #808080;
  font-size: 11px;
  padding-left: 14px;
  border: 1px solid #808080;
}
.grupos .body .wrapper-form form .form-row-3 .item2 input::-webkit-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .item3 input::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .item2 input::-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .item3 input::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .item2 input:-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .item3 input:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .item2 input:-ms-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .item3 input:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular,
.grupos .body .wrapper-form form .form-row-3 .casa {
  display: inline-block;
  vertical-align: bottom;
  width: 24%;
  margin-right: 1%;
}
.grupos .body .wrapper-form form .form-row-3 .calular input,
.grupos .body .wrapper-form form .form-row-3 .casa input {
  max-width: 172px;
  width: 100%;
  height: 35px;
  color: #808080;
  font-size: 11px;
  padding-left: 14px;
  border: 1px solid #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular input::-webkit-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .casa input::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular input::-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .casa input::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular input:-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .casa input:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular input:-ms-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .casa input:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .calular .tel-label,
.grupos .body .wrapper-form form .form-row-3 .casa .tel-label {
  margin-bottom: 10px;
}
.grupos .body .wrapper-form form .form-row-3 .entrada,
.grupos .body .wrapper-form form .form-row-3 .salida,
.grupos .body .wrapper-form form .form-row-3 .servicio-extra {
  display: inline-block;
  vertical-align: bottom;
}
.grupos .body .wrapper-form form .form-row-3 .entrada,
.grupos .body .wrapper-form form .form-row-3 .salida {
  width: 25%;
  margin-right: 3px;
}
.grupos .body .wrapper-form form .form-row-3 .entrada input,
.grupos .body .wrapper-form form .form-row-3 .salida input {
  width: 100%;
  max-width: 173px;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  border: 1px solid #808080;
  color: #808080;
  outline: none;
}
.grupos .body .wrapper-form form .form-row-3 .entrada input::-webkit-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .salida input::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .entrada input::-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .salida input::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .entrada input:-moz-placeholder,
.grupos .body .wrapper-form form .form-row-3 .salida input:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .entrada input:-ms-input-placeholder,
.grupos .body .wrapper-form form .form-row-3 .salida input:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra {
  width: 48%;
  text-align: right;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra input {
  width: 100%;
  max-width: 360px;
  height: 35px;
  padding-left: 14px;
  font-size: 11px;
  border: 1px solid #808080;
  color: #808080;
  outline: none;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra input::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra input::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra input:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-row-3 .servicio-extra input:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .comentarios-content {
  max-width: 365px;
  display: block;
  text-align: left;
}
.grupos .body .wrapper-form form .comentarios-content textarea {
  width: 100%;
  height: 97px;
  padding-left: 14px;
  padding-top: 10px;
  border: 1px solid #808080;
  font-size: 11px;
  color: #808080;
  outline: none;
  box-sizing: border-box;
}
.grupos .body .wrapper-form form .comentarios-content textarea::-webkit-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .comentarios-content textarea::-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .comentarios-content textarea:-moz-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .comentarios-content textarea:-ms-input-placeholder {
  color: #808080;
}
.grupos .body .wrapper-form form .form-acuerdos {
  width: 95%;
  margin-left: 5%;
  margin-top: 30px;
}
.grupos .body .wrapper-form form .form-acuerdos .form-checkboxes,
.grupos .body .wrapper-form form .form-acuerdos .btn-enviar {
  display: inline-block;
  vertical-align: middle;
  width: 66%;
}
.grupos .body .wrapper-form form .form-acuerdos .btn-enviar {
  width: 33%;
  text-align: right;
}
.grupos .body .wrapper-form form .form-acuerdos .btn-enviar input {
  background: #fc3;
  width: 100%;
  max-width: 190px;
  height: 40px;
  font-size: 20px;
  border-width: 0px;
  border-radius: 10px;
  color: #172b60;
}
.grupos .body .wrapper-form form .form-acuerdos .form-checkboxes {
  text-align: left;
}
.grupos .body .wrapper-form form .form-acuerdos .form-checkboxes label {
  font-weight: 400;
}
.reservar-form {
  background: #f2f2f4;
  width: 100%;
  position: relative;
}
.reservar-form .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 34px 35px 34px 28px;
}
.reservar-form .body .promo-titulo {
  font-size: 35px;
  color: #0573b6;
  font-weight: 300;
  margin-bottom: 14px;
  margin-top: 0px;
}
.reservar-form .body .promo-detalles .incluye,
.reservar-form .body .promo-detalles .amenidades {
  display: inline-block;
  vertical-align: bottom;
  font-size: 14px;
}
.reservar-form .body .promo-detalles .incluye {
  width: 287px;
  margin-right: 11%;
}
.reservar-form .body .promo-detalles .incluye span {
  font-weight: bold;
}
.reservar-form .body .promo-detalles .incluye li:before {
  content: "· ";
}
.reservar-form .body .promo-detalles .amenidades {
  width: 269px;
}
.reservar-form .body .promo-detalles .amenidades li:before {
  content: "· ";
}
.reservar-form .body .promo-detalles .restricciones {
  font-size: 12px;
  margin-top: 11px;
}
.reservar-form .body .intro-form {
  padding-top: 14px;
  padding-bottom: 22px;
}
.reservar-form .body .intro-form h4 {
  font-size: 20px;
  color: #0573b6;
  margin-bottom: 8px;
  font-weight: bold;
}
.reservar-form .body .intro-form div {
  font-size: 14px;
}
.reservar-form .body .form-reservar .row-form {
  width: 100%;
  margin-bottom: 15px;
}
.reservar-form .body .form-reservar .row-form .col-form {
  width: 49%;
  display: inline-block;
  vertical-align: bottom;
  max-width: 448px;
}
.reservar-form .body .form-reservar .row-form .col-form:last-child {
  float: right;
}
.reservar-form .body .form-reservar .row-form .col-form input {
  max-width: 360px;
}
.reservar-form .body .form-reservar .row-form .cel,
.reservar-form .body .form-reservar .row-form .casa {
  display: inline-block;
}
.reservar-form .body .form-reservar .row-form .cel .tel-label,
.reservar-form .body .form-reservar .row-form .casa .tel-label {
  display: block;
  margin-bottom: 15px;
}
.reservar-form .body .form-reservar .row-form .cel input,
.reservar-form .body .form-reservar .row-form .casa input {
  width: 173px;
  margin-right: 10px;
}
.reservar-form .body .form-reservar .form-row-last {
  text-align: right;
  margin-top: 20px;
}
.reservar-form .body .form-reservar .form-row-last .aviso-privacidad,
.reservar-form .body .form-reservar .form-row-last .btn-enviar {
  display: inline-block;
  vertical-align: middle;
}
.reservar-form .body .form-reservar .form-row-last .aviso-privacidad {
  text-align: left;
}
.reservar-form .body .form-reservar .form-row-last .aviso-privacidad a {
  color: #41a4f4;
}
.reservar-form .body .form-reservar .form-row-last .btn-enviar {
  margin-left: 31px;
}
.reservar-form .body .form-reservar .form-row-last .btn-enviar input {
  background: #fc3;
  width: 190px;
  height: 40px;
  border-width: 0px;
  border-radius: 10px;
  font-size: 20px;
  color: #172b60;
  font-weight: 700;
}
.reservar-form .resumen {
  position: absolute;
  width: 211px;
  right: 12px;
  top: 100px;
  background: #fff;
  text-align: center;
}
.reservar-form .resumen h3 {
  font-size: 18px;
  margin-top: 14px;
  margin-bottom: 12px;
}
.reservar-form .resumen .img-promo {
  width: 211px;
  height: 125px;
}
.reservar-form .resumen .img-promo img {
  width: 100%;
  height: 125px;
}
.reservar-form .resumen .promo {
  padding: 24px 17px 16px 17px;
  margin-right: 8px;
  margin-left: 8px;
  text-align: left;
  border-bottom: 1px solid #808080;
}
.reservar-form .resumen .promo .nombre {
  color: #0573b6;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}
.reservar-form .resumen .promo .bw {
  font-size: 16px;
  font-weight: 300;
  line-height: 17px;
}
.reservar-form .resumen .promo .destino {
  font-size: 12px;
  font-weight: 500;
}
.reservar-form .resumen .promo .precio {
  color: #27aae1;
  font-size: 16px;
  margin-top: 12px;
  font-weight: 700;
}
.reservar-form .resumen .fecha-reservacion {
  padding: 8px 20px 8px 20px;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 1px solid #000;
  text-align: left;
}
.reservar-form .resumen .fecha-reservacion .fecha-entrada,
.reservar-form .resumen .fecha-reservacion .fecha-salida {
  font-size: 14px;
  line-height: 17px;
}
.reservar-form .resumen .fecha-reservacion .fecha-entrada span,
.reservar-form .resumen .fecha-reservacion .fecha-salida span {
  font-size: 12px;
  display: block;
}
.reservar-form .resumen .fecha-reservacion .fecha-entrada {
  margin-bottom: 13px;
}
.reservar-form .resumen .modificar {
  padding: 16px 8px;
}
.reservar-form .resumen .modificar .adultos,
.reservar-form .resumen .modificar .ninios {
  display: inline-block;
  font-size: 12px;
  margin-bottom: 16px;
  margin-right: 12px;
  width: 68px;
}
.reservar-form .resumen .modificar .adultos input,
.reservar-form .resumen .modificar .ninios input {
  height: 30px;
  padding-left: 10px;
}
.reservar-form .resumen .modificar .btn-modificar a {
  background: #fc3;
  padding: 9px 43px;
  border-width: 0px;
  border-radius: 10px;
  font-size: 20px;
  color: #172b60;
  font-weight: 700;
}
.reservar-datos {
  background: #f2f2f4;
  width: 100%;
}
.reservar-datos .body {
  background: #fff;
  max-width: 800px;
  margin: auto;
  padding: 41px 0px 71px 25px;
}
.reservar-datos .body .datos-reservacion,
.reservar-datos .body .wrapper-img-promo {
  display: inline-block;
  vertical-align: top;
}
.reservar-datos .body .datos-reservacion {
  width: 54%;
}
.reservar-datos .body .datos-reservacion .solicitud-exitosa {
  font-size: 35px;
  color: #0573b6;
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 16px;
}
.reservar-datos .body .datos-reservacion .aviso,
.reservar-datos .body .datos-reservacion .nombre-promo {
  line-height: 19px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 14px;
}
.reservar-datos .body .datos-reservacion .datos-personales li {
  display: block;
  float: none;
  margin-bottom: 10px;
}
.reservar-datos .body .wrapper-img-promo {
  text-align: right;
  float: right;
}
.reservar-datos .body .wrapper-img-promo .key-reservacion {
  width: 171px;
  height: 60px;
  color: #fff;
  text-align: center;
  background: #003c7e;
  float: right;
  margin-bottom: 19px;
  line-height: 19px;
  padding-top: 9px;
}
.reservar-datos .body .wrapper-img-promo .key-reservacion .presentacion {
  font-size: 11px;
  font-weight: 700;
}
.reservar-datos .body .wrapper-img-promo .key-reservacion .key {
  font-size: 25px;
}
.reservar-datos .body .wrapper-img-promo .content-img-promo img {
  width: 350px;
  height: 210px;
}
.reservar-datos .body .promo-detalles {
  clear: both;
  margin-top: 14px;
  font-size: 11px;
}
.reservar-datos .body .promo-detalles .incluye,
.reservar-datos .body .promo-detalles .amenidades {
  display: inline-block;
  vertical-align: top;
}
.reservar-datos .body .promo-detalles .incluye {
  width: 268px;
  margin-right: 8%;
}
.reservar-datos .body .promo-detalles .incluye li {
  float: none;
}
.reservar-datos .body .promo-detalles .incluye li:before {
  content: "· ";
}
.reservar-datos .body .promo-detalles .amenidades {
  width: 269px;
}
.reservar-datos .body .promo-detalles .amenidades li {
  float: none;
}
.reservar-datos .body .promo-detalles .amenidades li:before {
  content: "· ";
}
.reservar-datos .body .promo-detalles .restricciones {
  margin-top: 2px;
}