﻿

.ct_steps { margin: 1.25rem 0 0 0; border: #ddd solid 1px; color: #888; }
    .ct_steps li { list-style: none; text-align: center; padding: 0.625rem 0; background: #eee; }
        .ct_steps li.current { background: #428bca; color: #fff; }
        .ct_steps li h4 { margin: 0; line-height: 1.1; font-weight: 500; font-size: 1.125rem; }
        .ct_steps li p:before { content: "c"; font-family: autopoliza; position: absolute; margin-left: -1.125rem; font-size: 1rem; }
        .ct_steps li p { margin: 0.25rem 0 0 0; line-height: 1.3; font-size: 0.875rem; padding: 0 0 0 1rem; }




.zona-segura { border: 1px solid #bebebe; background-color: #f5fab7; padding: 30px; font-size: 14px; margin-top: 20px; -ms-border-radius: 5px; border-radius: 5px; }

    .zona-segura ul { margin: 0; }
    .zona-segura h3 { font-size: 18px; font-weight: bold; }
    .zona-segura p { font-size: 12px; }

.fraccionamiento, .domiciliacion { padding: 0; }
.fraccionamiento-cabecera, .domiciliacion-cabecera { border-left: 15px solid #f39404; position: relative; padding-left: 15px; }
.fraccionamiento-opciones { }

.radiobuttonlist-common { }

.fraccionamiento-cabecera input { position: absolute; top: 20px; right: 100px; }

span.precio.fraccionamiento { display: block; margin-left: 20px; }
.textoAzul { color: #6ba0be; }
.fraccionamiento li label { font-weight: bold; }
.domiciliacion-cuenta input { font-size: 2.2em; font-weight: bold; font-size:25px; }

.cabecera-cuenta { font-size: 10px; color: #f39404; }

span.entidad { margin-left: 2.8em; }
span.sucursal { margin-left: 3.0em; }
span.digitocontrol { margin-left: 2.3em; }
span.numerocuenta { margin-left: 2.2em; }

.preciofinal { border: 5px solid #f39404; background-color: #fff; padding: 20px; position: relative; }
    .preciofinal h3 { margin-top: 0; text-transform: uppercase; }
    .preciofinal .preciofinal-importe { position: absolute; top: 15px; right: 20px; text-align: right; font-weight: normal; font-size: 20px; }
.preciofinal-texto p { margin: 0; }
.preciofinal .dec { font-size: 20px; font-weight: normal; }
.preciofinal .curency { font-size: 41px; font-weight: bold; }

.info-pago { background-color: #fff; border: 2px solid #bebebe; margin-top: 30px; padding: 15px; }
    .info-pago ul { list-style: none; }

.aviso-legal * { margin: 0; padding: 0; border: none; font-size: 14px; }
.aviso-legal { border: 1px solid #bebebe; background-color: #fff; padding: 30px; font-size: 14px; margin-top: 20px; -ms-border-radius: 5px; border-radius: 5px; }

    .aviso-legal legend { font-size: 18px; font-weight: bold; }
    .aviso-legal label { display: inline; }

.domiciliacion-confianza { background-image: url('../../images/comodo.gif'); width: 95px; height: 50px; float: right; }

.zonasegura .field3colums { width:auto; }

@media only screen and (min-width: 50em) {
    .head img.logo { text-align: left; max-height: 4rem; width: auto; }
    .ct_steps { border-radius: 5px; }
        .ct_steps li:first-child { margin-left: 1%; }
        .ct_steps li { float: left; width: 32%; margin: 1% 1% 1% 0; border-radius: 5px; height: 4.375rem; }
}

@media(max-width: 820px) {
    .gracias-imprimir input { padding: 10px; }
    .gracias-imprimir .icon::before { display: none; }
    .preciofinal .preciofinal-importe { position: relative; margin-left: 20px; }
}



