*{
    padding: 0;
    margin: 0;
}
@media (min-width: 601px){
#webform-ajax-wrapper-62,
#webform-ajax-wrapper-746{
    width: 835px;
    margin: 0 auto;
    background-color: #eef0ef;
    margin-top: 70px;
    padding: 70px 88px;
    margin-bottom: 70px;
}

/*Barra superior de pasos*/
#webform-ajax-wrapper-62 .webform-progressbar,
#webform-ajax-wrapper-746 .webform-progressbar{
    width: 225px;
}
#webform-ajax-wrapper-62 .webform-progressbar-outer,
#webform-ajax-wrapper-746 .webform-progressbar-outer{
    border: none;
    height: 10px;
    margin-top: 0px;
    border-radius: 4px;
}
#webform-ajax-wrapper-62 .current,
#webform-ajax-wrapper-746 .current{
    border: none;
    background-color: #c23d1f !important;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    margin-top: -6px !important;
}
#webform-ajax-wrapper-62 .webform-progressbar-page,
#webform-ajax-wrapper-746 .webform-progressbar-page{
    background-color: #d7dcde;
    border: none;
    margin-top: -1px;
}
#webform-ajax-wrapper-62 .webform-progressbar-page:last-of-type,
#webform-ajax-wrapper-746 .webform-progressbar-page:last-of-type{
    left: 98% !important;
}
#webform-ajax-wrapper-62 .webform-progressbar-inner,
#webform-ajax-wrapper-746 .webform-progressbar-inner{
    background-color: white;
    border: none;
}
#webform-ajax-wrapper-62 .webform-progressbar-page-label,
#webform-ajax-wrapper-746 .webform-progressbar-page-label{
    margin-top: 17px;
    display: block;
}
#webform-ajax-wrapper-62 .webform-progressbar-page:first-of-type,
#webform-ajax-wrapper-746 .webform-progressbar-page:first-of-type{
    left: 3% !important;
}
.webform-progressbar-page .webform-progressbar-page-label{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #828f9b;
    text-transform: uppercase;
}
.webform-progressbar-outer .current .webform-progressbar-page-label{
    color: #1b3c6c;
    padding-top: 6px;
    
}



/*Paso 1*/
.webform-component--titulo-paso-1,
.webform-component--titulo-facturacion,
.webform-component--titulo-certificado,
.webform-component--step-1-title,
.webform-component--invoice-title,
.webform-component--certificate-title{
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1b3c6c;
    margin-top: 80px;
}
.webform-component-markup h2,
#webform-ajax-wrapper-62 .fieldset-legend,
.webform-component--essentials-subtitle p,
.webform-component--donation-subtitle p,
.webform-component--card-payment .fieldset-legend,
.webform-component--card-payment--credit-card-data-subtitle p,
#webform-ajax-wrapper-746 .fieldset-legend{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1b3c6c;
}
.webform-component--group-pago-paypal--boton-paypal h2,
.webform-component--group-paypal-payment--paypal-button h2{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    text-transform: none;
}
#webform-ajax-wrapper-62 .webform-component-textfield,
#webform-ajax-wrapper-62 .webform-component-email,
#webform-ajax-wrapper-62 .webform-component-radios label,
#webform-ajax-wrapper-62 .webform-component-number label,
#webform-ajax-wrapper-62 .webform-component-date label,
#webform-ajax-wrapper-62 .webform-component-checkboxes .description,
#webform-ajax-wrapper-62 .webform-component-textarea label,
#webform-ajax-wrapper-746 .webform-component-textfield,
#webform-ajax-wrapper-746 .webform-component-email,
#webform-ajax-wrapper-746 .webform-component-radios label,
#webform-ajax-wrapper-746 .webform-component-number label,
#webform-ajax-wrapper-746 .webform-component-date label,
#webform-ajax-wrapper-746 .webform-component-checkboxes .description,
#webform-ajax-wrapper-746 .webform-component-textarea label {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    font-weight: 700;
}
.webform-component--group-pago-transferencia--referencia label,
.webform-component--group-bank-transfer-payment--reference label{
    width: 176px;
    display: inline-block;
}
.webform-component--datos-certificado-fieldset--para-quien-certificado label,
.webform-component--datos-certificado-fieldset--de-parte-de-certificado label{
    width: 206px;
    display: inline-block;
}
.webform-component-textfield input,
.webform-component-email input,
.webform-component-number input,
.form-textarea-wrapper #edit-submitted-group-invoice-information-address-invoice{
    width: 373px;
    border: 2px solid #d5d9db;
    border-radius: 5px;
    height: 32px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
#webform-ajax-wrapper-746 .form-textarea-wrapper{
    display: inline-block;
}
.webform-component--nombre-esencial label,
.webform-component--apellidos-esencial label,
.webform-component--correo-electronico label,
.webform-component--first-name label,
.webform-component--last-name label,
.webform-component--email label{
    width: 177px;
    display: inline-block;
}
.webform-component--grupo-datos-facturacion .webform-component-textfield label,
.webform-component-email label,
.webform-component-number label{
    width: 177px;/*163*/
    display: inline-block;
}
.webform-component--group-invoice-information--address-invoice label{
    width: 254px;
    display: inline-block;
}
.webform-component--datos-certificado-fieldset--correo-electronico-quien-recibira-certificado label{
    width: 428px;
    margin-bottom: 15px;
}
.webform-component--datos-certificado-fieldset--correo-electronico-quien-recibira-certificado input{
    margin-left: 0px;
}
.webform-component--metodo-pago .description,
.webform-component--payment-method .description{
    font-size: 13px !important;
}
.webform-component-textfield .description,
.webform-component-email .description,
.webform-component-number .description,
.webform-component-date .description{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #7e8c98;
    margin-left: 210px;
    margin-top: 5px;
    width: 378px;
}

.webform-component--datos-certificado-fieldset--direccion-envio-certificado-impreso .fieldset-description,
.webform-component-fieldset--print_certificate_delivery_address .fieldset-description{
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #7e8c98;
}

.webform-component--group-pago-transferencia--referencia .description,
.webform-component--grupo-datos-facturacion--rfc .description{
    margin-left: 201px;
}

.webform-component--subtitulo-donativo,
.webform-component--donation-subtitle{
    margin-top: 65px;
}
#webform-ajax-wrapper-62 .webform-component-radios label,
#webform-ajax-wrapper-746 .webform-component-radios label {
    margin-bottom: 20px;
}
#webform-ajax-wrapper-62 .form-actions,
#webform-ajax-wrapper-746 .form-actions{
    text-align: center;
}
#webform-ajax-wrapper-62 .webform-next,
#webform-ajax-wrapper-62 .webform-submit,
#webform-ajax-wrapper-746 .webform-next,
#webform-ajax-wrapper-746 .webform-submit{
    background-color: #de483d;
    color: white;
    border: none;
    padding: 18px 50px;
    border-radius: 7px;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin-top: 35px;
}

#webform-ajax-wrapper-62 .fieldset-legend,
#webform-ajax-wrapper-746 .fieldset-legend{
    margin-top: 60px;
    display: block;
    margin-bottom: 20px;
}
.webform-component-number label span{
    color: red;
}
.webform-component-number span{
    color: #1b3c6c;
    font-family: 'Lato', sans-serif;
    font-size: 17px;
}
.webform-component-number input{
    border: 2px solid #d5d9db;
    border-radius: 3px;
}
.webform-component-number .description{
    color: #1b3c6c;
    font-family: 'Lato', sans-serif;
    margin-top: 5px;
}
.webform-component-radios .description{
    color: #1b3c6c;
    font-family: 'Lato', sans-serif;
    margin-top: 5px;
    font-size: 18px;
    
}

.webform-component--group-pago-tarjeta--tipo-tarjeta label{
    display: inline;
    margin-right: 81px;
}
.fieldset-wrapper .webform-component--group-pago-tarjeta--periodicidad-donar label{
    display: inline;
    margin-right: 91px;
}
.fieldset-wrapper .webform-component--card-payment--periodicity-donation label{
    display: inline;
    margin-right: 101px;
}
.webform-component--group-pago-tarjeta--tipo-tarjeta label{
    display: inline;
    margin-right: 75px;
}
.webform-component--card-payment--card-type label{
    display: inline;
    margin-right: 115px;
}
.webform-component--group-pago-tarjeta--tipo-tarjeta #edit-submitted-group-pago-tarjeta-tipo-tarjeta,
.webform-component--group-pago-tarjeta--tipo-tarjeta #edit-submitted-group-pago-tarjeta-tipo-tarjeta .form-item,
.webform-component--group-pago-tarjeta--tipo-tarjeta #edit-submitted-group-pago-tarjeta-tipo-tarjeta .form-item label,
.webform-component--group-pago-tarjeta--periodicidad-donar #edit-submitted-group-pago-tarjeta-periodicidad-donar,
.webform-component--group-pago-tarjeta--periodicidad-donar #edit-submitted-group-pago-tarjeta-periodicidad-donar label,
.webform-component--group-pago-tarjeta--periodicidad-donar #edit-submitted-group-pago-tarjeta-periodicidad-donar .form-item,
.webform-component--group-pago-tarjeta--periodicidad-donar #edit-submitted-group-pago-tarjeta-periodicidad-donar .form-item label,
#edit-submitted-desea-enviar-certificado .form-item,
.webform-component--card-payment--card-type #edit-submitted-card-payment-card-type,
.webform-component--card-payment--card-type #edit-submitted-card-payment-card-type .form-item,
.webform-component--card-payment--card-type #edit-submitted-card-payment-card-type .form-item label{
    display: inline !important;
}
.webform-component--group-pago-tarjeta--fecha-vencimiento label{
    margin-right: 17px;
}
.webform-component--card-payment--expiration-date label{
    margin-right: 66px;
}
.webform-component--group-pago-tarjeta--fecha-vencimiento label,
.webform-component--group-pago-tarjeta--fecha-vencimiento .webform-container-inline,
.webform-component--card-payment--expiration-date label,
.webform-component--card-payment--expiration-date .webform-container-inline{
    display: inline;
}
.webform-component--group-pago-tarjeta .webform-component-textfield label,
.webform-component--group-pago-tarjeta .webform-component-email label,
.webform-component--group-pago-tarjeta .webform-component-number label,
.webform-component--card-payment .webform-component-textfield label,
.webform-component--card-payment .webform-component-email label,
.webform-component--card-payment .webform-component-number label{
    width: 183px;
    display: inline-block;
}
.page-node-62 .webform-container-inline .form-select,
.page-node-746 .webform-container-inline .form-select{
    width: 115px;
    padding: 8px 0px;
    border: 2px solid #d5d9db;
    border-radius: 5px;
    color: #828f9b;
}
.page-node-62 .webform-container-inline .month,
.page-node-746 .webform-container-inline .month{
    margin-right: 100px;
}
.page-node-62 .webform-container-inline .month option,
.page-node-62 .webform-container-inline .year option,
.page-node-746 .webform-container-inline .month option,
.page-node-746 .webform-container-inline .year option{
    color: black;
}
.page-node-62 .webform-component--group-pago-tarjeta--subtitulo-datos-tarjeta h2,
.page-node-746 .webform-component--card-payment--credit-card-data-subtitle p{
    margin-top: 40px;
    margin-bottom: 25px;
}
#edit-submitted-would-gift-certificate,
#edit-submitted-would-gift-certificate .form-type-radio{
    display: inline;
}
#edit-submitted-would-gift-certificate .form-type-radio:first-of-type{
    margin-right: 100px;
}
.webform-component--certificate-information .fieldset-wrapper .form-item label{
    display: inline-block;
    margin-right: 25px;
    width: 224px;
}

.webform-component--certificate-information .webform-component--certificate-information--print-certificate-delivery-address .fieldset-wrapper .form-item label,
.webform-component--datos-certificado-fieldset--direccion-envio-certificado-impreso label{
    display: inline-block;
    margin-right: 25px;
    width: 175px;
}
.webform-component--certificate-information--for-who-is-this-certificate .description,
.webform-component--certificate-information--who-sends-certificate .description{
    margin-left: 250px;
}
#edit-submitted-certificate-information-type-certificate .form-item{
    display: inline;
    margin-top: 10px;
}
#edit-submitted-certificate-information-type-certificate .form-item:first-of-type{
    margin-right: 100px;
}
.webform-component--certificate-information--type-certificate .description,
.webform-component--would-gift-certificate .description{
    margin-bottom: 20px;
}
#edit-submitted-certificate-information-type-certificate .form-item{
    color: #1b3c6c;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 600;
}


/*Paypal*/
#paypal-boton-donar{
    margin: 17px 0px;
}
#paypal-boton-donar a{
    display: block;
}
.webform-previous{
    border: none;
    margin-right: 10px;
    margin-top: 40px;
    padding: 14px 20px;
    border-radius: 5px;
    color: white;
    background-color: #de483d;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}
#edit-submitted-desea-enviar-certificado{
    margin: 20px 0px;
}
#webform-ajax-wrapper-62 .form-item-submitted-desea-enviar-certificado,
#webform-ajax-wrapper-62 .form-item-submitted-requiere-factura{
    margin-right: 100px;
}

#edit-submitted-datos-certificado-fieldset-tipo-certificado-regalo{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    margin: 20px 0px;
}
#edit-submitted-datos-certificado-fieldset-tipo-certificado-regalo .form-item{
    display: inline;
    margin-right: 100px;
}
.webform-component--datos-certificado-fieldset--correo-electronico-quien-recibira-certificado label{
    display: inline;
    margin-right: 20px;
}
.webform-component--datos-certificado-fieldset--correo-electronico-quien-recibira-certificado .description{
    margin-left: 431px;
}
.webform-component--datos-certificado-fieldset--direccion-envio-certificado-impreso label{
    width: 198px;
    display: inline-block;
}



/*transferencia bancaria*/
.webform-component--group-pago-transferencia--instrucciones-transferencia p,
.webform-component--group-bank-transfer-payment--transfer-instructions p{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    font-weight: 400;
}
.node-datos-bancarios-transferencia {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    line-height: 1.3;
}
.node-datos-bancarios-transferencia .field-name-field-beneficiario{
    margin-top: 20px;
    
}
.node-datos-bancarios-transferencia .field-name-field-beneficiario .field-label{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    color: #1b3c6c;
    font-weight: 600;
}
#edit-submitted-group-pago-transferencia-intencion-pago-transferencia label,
#edit-submitted-group-pago-paypal-declaracion-intencion-pago-paypal label,
#edit-submitted-group-paypal-payment-intention-payment-paypal label,
#edit-submitted-group-bank-transfer-payment-intention-payment-transfer label{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #1b3c6c;
    font-weight: 500;
}

/*Error o falta llenar campo*/
#webform-ajax-wrapper-62 .error,
#webform-ajax-wrapper-746 .error{
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    /*width: 30px;*/
    color: red;
}
#webform-ajax-wrapper-62 .error:first-of-type,
#webform-ajax-wrapper-746 .error:first-of-type{
    margin-right: 10px;
}

.form-item-submitted-group-pago-tarjeta-fecha-vencimiento-month label.error,
.form-item-submitted-group-pago-tarjeta-fecha-vencimiento-year label.error{
    width: 136px;
    display: inline-block;
    vertical-align: middle;
}
.webform-component--datos-certificado-fieldset--correo-electronico-quien-recibira-certificado label.error{
    display: block;
    margin-left: 408px;
    margin-top: 5px;
    margin-bottom: 0px;
}

/*Re captcha*/
#webform-ajax-wrapper-62 .g-recaptcha{
    width: 168px;
    margin: 0 auto;
}


/*Checkboxes*/

.page-node-62 .form-type-radio input[type="radio"],
.page-node-62 .form-type-checkbox input[type="checkbox"],
.page-node-746 .form-type-radio input[type="radio"],
.page-node-746 .form-type-checkbox input[type="checkbox"]{
    display: none;
}

.page-node-62 .form-type-radio input[type="radio"] + label,
.page-node-746 .form-type-radio input[type="radio"] + label{
    display:inline;
    height:18px;
    background: url(/sites/all/themes/YQYP_theme/assets/images/Radio-Button.png) left top no-repeat;
    vertical-align:middle;
    cursor: pointer;
    background-size: 18px;
    padding-left: 23px;
    background-position: 0px 3px;
}

.webform-component--certificate-information--print-certificate-delivery-address--address-certificate .form-textarea-wrapper textarea,
.webform-component--datos-certificado-fieldset--direccion-envio-certificado-impreso .form-textarea-wrapper textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 373px;
    border: 2px solid #d5d9db;
    border-radius: 5px;
    /*margin-left: 40px;*/
}
.page-node-62 .form-type-checkbox input[type="checkbox"] + label,
.page-node-746 .form-type-checkbox input[type="checkbox"] + label{
    display:inline;
    height:18px;
    background: url(/sites/all/themes/YQYP_theme/assets/images/check-contacto2.png) left top no-repeat;
    vertical-align:middle;
    cursor: pointer;
    background-size: 18px;
    padding-left: 23px;
    padding-top: 2px;
    background-position: 0px 1px;

}
.page-node-62 .form-type-radio input[type="radio"]:checked + label,
.page-node-746 .form-type-radio input[type="radio"]:checked + label{
    background:url(/sites/all/themes/YQYP_theme/assets/images/Radio-Button-Checked.png) left center no-repeat;
    background-size: 18px;
}
.page-node-62 .form-type-checkbox input[type="checkbox"]:checked + label,
.page-node-746 .form-type-checkbox input[type="checkbox"]:checked + label {
    background:url(/sites/all/themes/YQYP_theme/assets/images/check-contacto1.png) left center no-repeat;
    background-size: 18px;
}

.webform-component--certificate-information--print-certificate-delivery-address .fieldset-description {
        font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #7e8c98;

}


/* SSL LOGO */
#block-block-16 {
    background-color:transparent !important;
}

#SSL-logo {
    position: relative;
}

#SSL-logo {
    position: absolute;
    right: 0;
    width: 118px;

}



.webform-component--ssl-logo {
    text-align:center;
    position: relative;
    top: 26px;
    left: 60px;
}
}