/* Add here all your css styles (customizations) */

.resumenCM {
    font-size: 12pt;
}

    .resumenCM .count {
        color: #a81c3d;
        font-weight: bold;
    }

    .resumenCM .especialista {
        font-weight: bold;
    }

.input-file input {
    padding-right: 110px !important;
}

.btn-gris {
    /*background-color: #FFF !important;*/
}

.counter-index {
    font-weight: 300;
    font-size: 2.5rem !important;
    color: #666666;
}

.titulo-h3-18 {
    font-size: 18px;
    color: #313131;
    font-weight: bolder;
}

.menubuscar .fa {
    pointer-events: all !important;
}

.menubuscarIcon .fa {
    pointer-events: all !important;
}

.imageDetail {
    background-image: url(../images/iconos/detalle-off.png) !important;
    background-color: #fff !important;
    border: none !important;
    color: #000 !important;
    background-repeat: no-repeat !important;
    background-color: transparent;
    min-height: 20px;
}

    .imageDetail:hover {
        background-image: url(../images/iconos/detalle-off.png) !important;
        background-color: #fff !important;
        border: none !important;
        color: #000 !important;
        background-repeat: no-repeat !important;
        background-color: transparent;
        min-height: 20px;
    }

.no-display {
    display: none !important;
}

#private table th {
    background: none;
    background-color: #FFF !important;
}

.list-group > .list-group-item .list-group-item {
    border: none;
}

table button i {
    color: #a81c3d;
}

    table button i:hover {
        color: #FFF !important;
    }

.modal-dialog .close {
    color: black !important;
    opacity: 1 !important;
}

.easy-block-v3 {
    background: #a81c3d;
    margin-bottom: 10px;
    padding: 5px 10px;
    padding-left: 15px;
}

    .easy-block-v3 i {
        min-width: 30px;
        padding-top: 6px !important;
    }

    .easy-block-v3 p {
        font-size: 9pt;
        margin: 0px !important;
        color: white;
    }

        .easy-block-v3 p:last-child {
            font-size: 8pt;
        }

.inv-white {
    background-color: white !important;
    color: #a81c3d !important;
    font-size: 18px !important;
}

    .inv-white:hover {
        background-color: white !important;
        color: #a81c3d !important;
    }

.panel-title {
    color: #777;
}

.content {
    padding-top: 0px !important;
    min-height: 500px;
}

.pad-left-13 {
    padding-left: 13px !important;
}

#private .content {
    padding-top: 0px !important;
}

.badge-box-v2 a {
    padding: 5px !important;
}

.list-inline {
    margin-bottom: 4px !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #21479E;
    border-radius: 10px !important;
}

.btn-cerrar-sesion {
    background-color: transparent !important;
    color: #FFF !important;
    font-size: 20px !important;
    border: none !important;
}

.profile .date-formats {
    background: #a21e41 !important;
}

.servive-block {
    padding: 10px 10px !important;
}

.testimonials.testimonials-v1 .item ul {
    position: relative;
}

.testimonials.testimonials-v1 ul, .testimonials.testimonials-v2 ul {
    padding: 15px;
    font-size: 8pt;
    background: #f5f5f5;
}

.testimonials.testimonials-v1 .item ul:after, .testimonials.testimonials-v2 .item ul:after {
    width: 0;
    height: 0;
    content: " ";
    display: block;
    position: absolute;
    border-top-color: #f5f5f5;
    border-left-style: inset;
    border-right-style: inset;
}

.testimonials.testimonials-v1 .item ul:after {
    border-top: 22px solid #f5f5f5;
    border-left: 0 solid transparent;
    border-right: 22px solid transparent;
}

.testimonials.testimonials-v1 .item ul:after, .testimonials.testimonials-v1 .item ul:before {
    left: 80px;
    bottom: -20px;
}

.testimonials .list-unstyled {
    font-size: 8pt;
}

    .testimonials .list-unstyled li {
        line-height: 0px !important;
    }

.profile .profile-blog {
    padding: 10px 0px !important;
    background: none !important;
}

.asesor h3 {
    font-size: 14px;
    margin: 0px;
    font-weight: bold;
}

.asesor .list-unstyled {
    font-size: 8pt;
}

    .asesor .list-unstyled li {
        line-height: 0px !important;
    }

.ctc {
    text-align: left;
    padding: 0px 10px;
}

    .ctc .list-unstyled {
        font-size: 8pt;
    }

        .ctc .list-unstyled li {
            line-height: 0px !important;
        }

    .ctc h3 {
        color: white;
    }

.form-css .headline {
    border-bottom: 1px solid #e4e9f0;
}

.form-css .headline-md {
    margin-bottom: 0px;
}

.form-css .panel {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.panel-formulario {
    border: 1px solid #eee;
    border-top: none;
    padding: 10px !important;
}

.list-group ul > li > ul > li > a {
    padding-left: 30px;
}

.service-block-v3 {
    padding: 10px;
}

    .service-block-v3 .service-heading {
        font-size: 10px !important;
    }

    .service-block-v3 i {
        font-size: 30px;
        margin: 0 15px 20px 0;
    }

    .service-block-v3 .counter {
        font-size: 20px !important;
        text-align: right;
    }

    .service-block-v3 .statistics ul {
        list-style: none;
    }

        .service-block-v3 .statistics ul li {
            color: white;
        }

.sky-form .ui-slider {
    margin: 10px 6px 10px !important;
}

.sky-form .ui-slider-handle {
    background-color: #a81c3d !important;
}

.bold-hna {
    color: #222E44;
    font-weight: bold;
}

.clear {
    clear: both;
}

.phone1 {
    font-size: 30pt;
}

.header {
    z-index: 111 !important;
}

/*CUSTOM CLASS WEBHNA2019
--------------------------------------------------------------------------------------------------------------------------------------------
*/
.logo-header {
    padding-top: 5px;
}

.btn-areacliente-movil {
    display: none;
}

@media (max-width: 999px) {
    .header .navbar-header {
        width: 105%;
    }
}

@media (max-width: 385px) {
    .header .navbar-default {
        width: 105%;
    }
}

@media only screen and (max-width: 998px) {
    .logo-header {
        padding-top: 0px;
        padding-left: 20px
    }

    .ajustar-derecha {
        width: 100%;
    }

    .btn-areacliente-movil {
        display: inline;
        margin-left: 70%;
        padding: 6px 10px;
        top: -3px;
    }
}

@media only screen and (max-width: 650px) {
    .btn-areacliente-movil {
        margin-left: 35%;
        padding: 6px 10px;
        top: -3px;
    }
}

@media only screen and (max-width: 330px) {
    .btn-areacliente-movil {
        font-size: 11px !important;
        padding: 7px 10px 8px;
        top: -3px;
    }

    .titulo-hnacare {
        font-size: 52px !important;
    }
}

.alto-menu {
    padding-top: 20px;
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
    .alto-menu {
        padding-top: 0px;
    }

    .logo-header {
        padding-top: 40px;
    }
}

@media (max-width: 999px) {

    .alto-menu {
        padding-top: 8px;
    }
}

@media only screen and (max-width: 370px) {
    .logo-header {
        padding-top: 0px;
        padding-left: 20px;
    }
}

.ajustar-derecha {
    display: inline-block !important;
    margin: 0;
    float: right;
}

.shadow-areacliente {
    /*box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.51);*/
    border: 2px solid #a81c3d;
    border-radius: 4px !important;
    font-size: 13px;
    color: black;
    font-weight: bold;
    margin-top: 6px;
    height: 30px;
}

    .shadow-areacliente:hover,
    .shadow-areacliente:focus {
        background: #410000 !important;
        color: white !important;
    }

    .shadow-areacliente:active {
        background: #313131 !important;
        color: white !important;
    }

.subtitulo-slider {
    font-size: 20px;
    font-family: Lato-Regular !important;
}

.titulo-slider {
    text-align: center;
    color: black;
    font-size: 30px;
    font-weight: bold;
    font-family: OpenSansbold !important;
}

.espacio-cabecera-index{
    padding-top: 200px;
}

@media (max-width: 992px) {
    .espacio-cabecera-index {
        padding-top: 120px;
    }
}

.espacio-texto-index {
    min-height: 80px;
}

.numeros-index {
    font-size: 25px;
    font-weight: bold;
}

.numeros-index-texto {
    font-size: 18px;
}

.alto-promociones {
    min-height: 190px !important;
}

.boton-promociones {
    width: 138px;
    text-align: center;
    padding: 12px 10px 9px 10px !important;
    font-size: 14px !important;
    line-height: 28px;
}

.boton-promocioneslargo {
    width: 230px !important;
    text-align: center;
    padding: 12px 10px 9px 10px !important;
    font-size: 14px !important;
    line-height: 28px;
}

/*.boton-promociones:hover {
    color: white !important;
}*/

.boton-promociones-telefono {
    color: white !important;
    background-color: #a81c3d !important;
    border: 2px solid #a81c3d !important;
    font-size: 19px !important;
    padding: 9px 10px 9px 10px !important;
}

    .boton-promociones-telefono:hover {
        color: white !important;
        background-color: #a81c3d !important;
        border: 2px solid #a81c3d !important;
    }

.header-private {
    z-index: 111 !important;
    background-color: #a81c3d;
    /*background-image: linear-gradient(#9E213D, #801B32,#6A1629,#4F111F);*/
}

.titulo-menu-private {
    text-align: left;
    color: #484848;
    margin-left: 10px;
    font-size: 14px !important;
    padding-bottom: 5px;
}

.titulo-logo-private {
    padding-bottom: 8px;
    padding-top: 7px;
    padding-left: 20px;
    border-bottom: none !important;
    display: block
}

.icon-private-bar {
    color: #FFF !important;
    font-size: 20px
}

.btn-private-menu {
    background-color: #222E44 !important;
    color: #FFF !important;
    margin-bottom: 5px !important;
    width: 100% !important;
    border-radius: 0px !important;
    text-align: right !important;
    font-size: 15px;
    border: 0px solid #FFF !important;
}

    .btn-private-menu:hover {
        background-color: #a81c3d !important;
        border: 2px solid #a81c3d;
        color: #FFF !important;
        margin-bottom: 5px !important;
        width: 100% !important;
        border-radius: 0px !important;
        text-align: right !important;
        border: 0px solid #FFF !important;
    }

.btn-private-menu-movil {
    background-color: #222E44 !important;
    color: #FFF !important;
    margin-bottom: 5px !important;
    width: 50px;
    border-radius: 0px !important;
    font-size: 25px !important;
    border-radius: 3px !important;
    padding-right: 37px;
    border: 0px solid #FFF !important;
}

.selected-menu-private {
    background-color: #4B4B4B;
    color: #FFF;
    height: 50px;
    padding: 12px 12px 12px 12px;
    text-align: center;
}

.unselected-menu-private {
    background-color: #E3E3E3;
    color: #2B2B2B;
    height: 50px;
    padding: 12px 12px 12px 12px;
    padding: 12px 12px 12px 12px;
    text-align: center;
}

.panel-posicion-flotante-left {
    float: left;
    width: 49%;
    margin-left: 1%;
}

.panel-posicion-flotante-right {
    float: right;
    width: 49%;
    margin-left: 1%;
}

.panel-standard {
    border: 1px solid #DDDDDD;
    padding: 20px 20px 20px 20px;
}

.bg-transparent {
    background-color: transparent !important;
}

.btn-detalle-privada {
    background: none !important;
    color: grey;
    padding: 2px 7px 2px 7px !important;
    border-radius: 20px;
    border: none !important;
}

    .btn-detalle-privada:hover {
        color: #fff !important;
        background-color: #E2E2E2 !important;
        /*padding: 2px 7px 2px 7px !important;*/
    }

.ancho-texto-productos {
    padding: 0 75px;
}

.combo-corto {
    max-width: 40% !important;
}

@media only screen and (max-width: 991px) {
    .ancho-texto-productos {
        padding: 0 15px;
    }
}

.fondo-productos {
    background-color: #F0F9FA;
    padding: 20px;
}

.btn-calcula-productos {
    background-color: white !important;
    padding: 10px;
}

.panel-poliza-datos {
    min-height: 279px;
}
/*END CUSTOM CLASS WEBHNA2019
--------------------------------------------------------------------------------------------------------------------------------------------
*/
.btn-link {
    color: #a21e41;
    -webkit-appearance: listitem;
    background-color: transparent;
    border: none !important;
}

i.icon-custom {
    font-style: normal !important;
}

.header .navbar-brand {
    z-index: 8888;
}

.header-private .navbar-brand {
    z-index: 8888;
}

.banner-info i {
    padding: 0px;
    margin: 0px 10px 0 0;
}

h2.heading-sm, h3.heading-md {
    font-size: 12pt;
    color: #555;
}

.btn-link-hna {
    color: #21479E;
    -webkit-appearance: listitem;
    background-color: transparent;
    text-decoration-color: #2a6496;
    border: none !important;
    font-family: Lato;
}

    .btn-link-hna u:hover {
        -webkit-appearance: listitem;
        background-color: transparent;
        text-decoration-color: #21479E;
        border: none !important;
        font-family: Lato-Bold !important;
    }

    .btn-link-hna u:hover, a:focus, a:active {
        color: #21479E !important;
    }

.btn-link-hna-black {
    color: black;
    -webkit-appearance: listitem;
    /*text-decoration:underline;*/
    background-color: transparent;
    text-transform: uppercase;
    text-decoration-color: #2a6496;
    border: none !important;
    font-weight: bold;
}

.panel-default {
    border-top-color: white !important;
    border-left-color: white !important;
    border-right-color: white !important;
    border-bottom-color: #D1D1D1 !important;
    box-shadow: 0 0px 0px #FFF;
}

.collapsed .panel-heading {
    /*background-color: white !important;*/
    color: #313131 !important;
}

.accordion-toggle .panel-heading {
    color: #313131 !important;
    height: 60px;
    padding-top: 30px;
    border-top-color: white !important;
}

@media only screen and (max-width: 480px) {
    .accordion-toggle .panel-heading {
        min-height: 90px;
    }
}

.accordion-toggle .panel-heading h4 {
    color: #313131;
    font-size: 16px;
    font-family: Raleway;
}

.collapsed .panel-heading h4 {
    color: #313131;
    font-size: 16px;
    font-family: Raleway;
}

.collapsed .panel-heading i {
    color: #a21e41 !important;
}

.accordion-toggle .panel-heading i {
    color: #a21e41;
}

#private .collapsed .panel-heading {
    background-color: white !important;
    color: #676568 !important;
}

#private .accordion-toggle .panel-heading {
    background-color: #FFF;
    color: #383838 !important;
    border-bottom: none;
}

    #private .accordion-toggle .panel-heading h4 {
        color: #383838;
        font-size: 14px;
    }

#private .collapsed .panel-heading h4 {
    color: #676568;
    font-size: 14px;
}

#private .collapsed .panel-heading i {
    color: #a21e41 !important;
}

#private .accordion-toggle .panel-heading i {
    color: #383838;
    border-bottom: none;
}

.content-boxes-v1 p {
    text-align: center;
}

.info-blocks .info-blocks-in p {
    text-align: justify !important;
    font-size: 13px !important;
}

.map {
    width: 100%;
    height: 350px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.map-private {
    width: 100%;
    height: 525px !important;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

/*****************WIZARD***************/

.wizard-steps {
    list-style: none;
    display: table;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
}

    .wizard-steps li {
        display: table-cell;
        text-align: center;
        width: 1%;
    }

        .wizard-steps li .step {
            border: 5px solid #ced1d6;
            color: #546474;
            font-size: 15px;
            border-radius: 100%;
            background-color: #FFF;
            position: relative;
            z-index: 2;
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 30px;
            text-align: center;
        }

        .wizard-steps li:before {
            display: block;
            content: "";
            width: 100%;
            height: 1px;
            font-size: 0;
            overflow: hidden;
            border-top: 4px solid #CED1D6;
            position: relative;
            top: 21px;
            z-index: 1;
        }

        .wizard-steps li:last-child:before {
            max-width: 50%;
            width: 50%;
        }

        .wizard-steps li:first-child:before {
            max-width: 51%;
            left: 50%;
        }

        .wizard-steps li.active:before,
        .wizard-steps li.complete:before,
        .wizard-steps li.active .step,
        .wizard-steps li.complete .step {
            border-color: #a81c3d;
        }

        .wizard-steps li.complete .step {
            cursor: default;
            color: #FFF;
            -webkit-transition: transform ease 0.1s;
            transition: transform ease 0.1s;
        }

            .wizard-steps li.complete .step:before {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                line-height: 30px;
                text-align: center;
                border-radius: 100%;
                content: "\f00c";
                background-color: #FFF;
                z-index: 3;
                font-family: FontAwesome;
                font-size: 17px;
                color: #87ba21;
            }

        .wizard-steps li.complete:hover .step {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -o-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
            border-color: #80afd4;
        }

        .wizard-steps li.complete:hover:before {
            border-color: #80afd4;
        }

        .wizard-steps li .title {
            display: block;
            margin-top: 4px;
            max-width: 100%;
            color: #949ea7;
            font-size: 14px;
            z-index: 104;
            text-align: center;
            table-layout: fixed;
            word-wrap: break-word;
        }

        .wizard-steps li.complete .title,
        .wizard-steps li.active .title {
            color: #2b3d53;
        }

.step-content {
    position: relative;
}

    .step-content .step-pane {
        display: none;
        min-height: 200px;
        padding: 4px 8px 12px;
    }

    .step-content .active {
        display: block;
    }

.wizard-actions {
    text-align: right;
}

.titulo-step {
    font-size: 16px !important;
    font-weight: bold !important;
}

@media only screen and (max-width: 991px) {
    .wizard-steps li .title {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .wizard-steps li .step {
        width: 30px;
        height: 30px;
        line-height: 24px;
        border-width: 3px;
    }

    .wizard-steps li:before,
    .wizard-steps li:after {
        border-width: 3px;
    }

    .wizard-steps li.complete .step:before {
        line-height: 24px;
        font-size: 13px;
    }

    .wizard-steps li:before {
        top: 16px;
    }

    .step-content .step-pane {
        padding: 4px 4px 6px;
        min-height: 150px;
    }
}
/*******************FIN WIZARD****************/

@media (max-width: 767px) {
    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }
}

.info-blocks h3 {
    color: #a21e41 !important;
}

.sky-form .button {
    background: #a21e41 !important;
}

.list-unstyled li {
    line-height: 30px !important;
}

.list-bullet-hna {
    padding-left: 60px;
}

.accordion-toggle {
    text-decoration: none !important;
}

.tab-v1 .nav-tabs > li > a {
    color: #676568;
}

.panelprivate {
    -webkit-padding-start: 0px !important;
    margin: 0px;
}

.sky-form .tooltip {
    background-color: white !important;
    border: 2px solid #a21e41;
}

.sky-form .tooltip-bottom-right:after {
    border-bottom: 6px solid #a21e41 !important;
}

.graylbl {
    color: #A3A6A8;
    font-size: 11px;
    padding: 0;
}

.topbar ul.lenguages {
    min-width: 160px !important;
}

.parallax-quote {
    color: #fff;
    padding: 30px 0;
    position: relative;
    text-align: center;
}

.parallax-quote-light .parallax-quote-in p {
    color: #555;
    font-size: 28px;
    font-weight: 400;
}

.parallax-quote-in p {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
}

.parallax-quote-light .parallax-quote-in small {
    color: #555;
}

.parallax-quote-in small {
    color: #bbb;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

#private #mnuMain a .fa {
    padding-right: 35px;
}

.owl-slider-v4 .item img {
    width: 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF !important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    background-color: #a81c3d !important;
    font-family: RalewayBold !important;
}

.col-cab-salud {
    height: 80px !important;
    background-color: #a81c3d !important;
    color: #FFF !important;
    padding-top: 5px;
}

.col-fila-salud {
    height: 30px !important;
    padding-top: 3px;
    text-align: center;
}

.col-fila-salud-rojo {
    height: 30px !important;
    background-color: #f2f0f0 !important;
    padding-top: 3px;
    text-align: center;
}

.col-fila-salud-rojo-oscuro {
    height: 30px !important;
    background-color: #d4cbcb !important;
    padding-top: 3px;
    text-align: center;
}

.col-fila-salud-rojo-claro {
    height: 30px !important;
    background-color: #f2f0f0 !important;
    padding-top: 3px;
    text-align: center;
}

.col-fila-salud-rojo-resalte-suave {
    height: 30px !important;
    background-color: #fbc3c3 !important;
    padding-top: 3px;
    text-align: center;
}

.col-fila-salud-rojo-resalte-fuerte {
    height: 30px !important;
    background-color: #a81c3d !important;
    padding-top: 3px;
    text-align: center;
    color: #fff !important;
}

.btn-u-link {
    background: #a81c3d;
    white-space: nowrap;
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.botoneraTab {
    background: #FFF !important;
    color: #333 !important;
}

.botoneraTabProducto {
    background: #FFF !important;
    color: #a81c3d !important;
    border-top: 1px solid #a81c3d;
    border-left: 1px solid #a81c3d;
    border-right: 1px solid #a81c3d;
}

#botoneraTabMobile .botoneraTabProducto {
    border-bottom: 1px solid #a81c3d;
    border-top: none;
}

#botoneraTabMobile .row:first-child button {
    border-top: 1px solid #a81c3d;
}

.btn-u-link:hover {
    background: #7d122b !important;
}

.btn-u-link:hover {
    color: #fff !important;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

.check-rojo {
    color: #a81c3d;
}

@media (min-width: 999px) {
    #panelDesktop {
        display: block !important;
    }

    #panelMobile {
        display: none !important;
    }

    .btn-tel-menu {
        display: none !important;
    }

    #btn-tel-menu {
        display: none !important;
    }
}

@media (max-width: 998px) {
    #panelDesktop {
        display: none !important;
    }

    #panelMobile {
        display: block !important;
    }

    #botoneraTabHnawellness {
        padding-left: 10% !important;
    }

        #botoneraTabHnawellness button {
            width: 90%;
        }
}

@media (min-width: 769px) {
    #panelTarifasDesktop {
        display: block !important;
    }

    #panelTarifasMobile {
        display: none !important;
    }
}

@media (max-width: 768px) {
    #panelTarifasDesktop {
        display: none !important;
    }

    #panelTarifasMobile {
        display: block !important;
    }
}

@media (max-width:797px) {
    .padding-acceso {
        padding-left: 0px !important;
    }
}

.fondo-ayo {
    background: url("../images/fondo-login-ayo.jpg");
    min-height: 560px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

.fondo-texto-ayo {
    background: url("../images/texto-login-ayo.png");
    height: 167px;
    width: 269px;
    position: relative;
    top: 100px;
    left: -690px;
    display: inline-block;
}

.caja-ayo {
    background-color: rgba(254,254,254,0.6) !important;
}

@media (max-width:1199px) {
    .fondo-ayo {
        width: 100%;
    }

    .panel-posicion-flotante-left {
        float: left;
        width: 100%;
        margin-left: 0%;
    }

    .panel-posicion-flotante-right {
        float: right;
        width: 100%;
        margin-left: 0%;
    }
}

@media (max-width:1052px) {
    .fondo-texto-ayo {
        left: -640px;
    }
}

@media (max-width:999px) {
    .fondo-ayo {
        top: 143px;
    }

    .fondo-texto-ayo {
        left: -620px;
    }
}

@media (max-width:991px) {
    .fondo-ayo {
        top: 142px;
    }

    .fondo-texto-ayo {
        position: absolute;
        left: 10px;
        top: 308px;
    }
}

@media (max-width:767px) {
    .fondo-texto-ayo {
        display: none;
    }

    .fondo-ayo {
        top: 136px;
    }

    .fondo-ayo {
        background: url("../images/fondo-login-ayo-movil.jpg");
        background-color: #D1E6F9;
        background-repeat: no-repeat;
        background-position: center;
        height: 964px;
    }

    .caja-ayo {
        margin-top: 208px;
    }
}

.container-private {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 20px;
}

.d-inline-block {
    display: inline-block !important;
}

.w-100 {
    width: 100%;
}

@media (max-width: 1200px) {
    .w-100--lg {
        width: 100%;
    }
}

.justify-content-center {
    justify-content: center !important;
}

.puntos-lista ul {
    list-style: none;
    font-size: 16px;
    font-family: Lato;
}

    .puntos-lista ul li {
        margin-bottom: 16px;
    }

        .puntos-lista ul li:before {
            content: '✓';
            color: #a81c3d;
        }

.lista-seguros-hogar ul {
    list-style: none;
    font-size: 16px;
    font-family: Lato;
    padding-left: 0;
}

    .lista-seguros-hogar ul li {
        margin-bottom: 16px;
    }

        .lista-seguros-hogar ul li:before {
            content: '\25CB';
            color: #a81c3d;
            font-size: 18px;
            padding-right: 5px;
        }

.formato-tabla th {
    width: 33%;
    text-align: center;
    border-top: none;
    border-bottom: 2px solid #a81c3d !important;
}

.formato-tabla ul {
    padding-left: 15px;
}

formato-tabla th {
    text-align: center;
    border-top: none;
}

.formato-tabla tr td:first-child {
    text-align: left !important;
    font-weight: bold;
}

.formato-tabla-salud th {
    width: 0%;
    border-top: none;
}

.formato-tabla-salud tr td {
    border-top: none;
}

.formato-tabla-salud tr td:first-child {
    text-align: left !important;
    font-weight: bold;
}

.formato-tabla-enfermedades {
    color: #161616;
}

    .formato-tabla-enfermedades th {
        text-align: center;
        border-bottom: 1px solid #a81c3d !important;
    }

    .formato-tabla-enfermedades td {
        text-align: center;
        border-top: none !important;
    }

        .formato-tabla-enfermedades td:first-child {
            width: 158px;
        }

    .formato-tabla-enfermedades td {
        text-align: center;
        border-top: none !important;
    }

    .formato-tabla-enfermedades tr {
        height: 50px;
    }

.formato-tabla-productos {
    color: #161616;
}

    .formato-tabla-productos th {
        text-align: right;
        border-bottom: 1px solid #a81c3d !important;
    }

    .formato-tabla-productos td {
        text-align: right;
        border-top: none !important;
    }

        .formato-tabla-productos td:first-child {
            width: 325px;
            font-weight: bold;
        }

    .formato-tabla-productos td {
        text-align: right;
        border-top: none !important;
    }

    .formato-tabla-productos tr {
        height: 50px;
    }

.formato-tabla-normal {
    color: #161616;
}

    .formato-tabla-normal th {
        text-align: center;
        border-bottom: 1px solid #a81c3d !important;
    }

    .formato-tabla-normal td {
        text-align: left;
        border-top: none !important;
    }

        .formato-tabla-normal td:first-child {
            width: 325px;
            font-weight: bold;
        }

    .formato-tabla-normal td {
        text-align: left;
        border-top: none !important;
    }

    .formato-tabla-normal tr {
        height: 50px;
    }

.tabla-gris {
    background-color: #FFFFFF;
}

.check-verde {
    color: #20d132;
}

.check-azul {
    color: #21479e;
}

.check-rojo {
    color: #a81c3d;
}

.titulo-rojo {
    color: #9E213D;
    font-size: 24px;
}

.tab-productos-negrita {
    font-weight: bold;
}

.alto-tab {
    min-height: 205px;
}

.linea-tab {
    background-color: #a81c3d;
    width: 125px !important;
}

@media only screen and (max-width: 991px) {
    #productos-jubilacion p {
        min-height: 0px;
    }
}

.texto-escala-riesgo {
    font-size: 12px;
    line-height: 15px;
    margin: 10px 0;
}

.tienes-dudas-producto {
    font-size: 24px !important;
    color: #161616 !important;
    font-weight: 500 !important;
    font-family: Lato !important;
}

.like-h1 {
    font-size: 24px;
    line-height: 29px;
    font-weight: 500 !important;
    color: #000000;
}

.encabezado-hna {
    background-color: #a81c3d;
    color: white;
    font-weight: bold;
    padding: 5px 30px;
    font-family: RalewayBold;
    font-size: 18px;
}

.img-height-230 {
    max-height: 230px !important;
}

.size-16 {
    font-size: 16px;
}

#pnlProductos ul li b, #pnlProductos2 ul li b {
    color: #a81c3d !important;
}

.g-bg-secondary-hna {
    background-color: #0D6381;
}

.g-bg-hna {
    background-color: #a81c3d !important;
}

.texto-promociones-index {
    font-family: RalewayBold;
    font-size: 21px;
    text-align: left;
    padding-top: 20px;
    min-height: 100px;
}

#divBlog ul {
    width: 75%;
    margin: auto;
}

#divNoticias ul {
    width: 60%;
    margin: auto;
}

.iconos-footer {
    color: white;
    font-size: 18px;
}

.copyright a:hover {
    color: white !important;
    font-family: Lato-bold;
}

.titulo-blog {
    border: 1px solid #a81c3d;
    text-align: center;
    font-family: OpenSansExtrabold;
    font-size: 18px;
    color: #313131 !important;
    padding: 10px;
    background-color: white;
    width: 100%;
    border-radius: 0px !important;
}

/*.titulo-blog:active, :hover {
        color: black !important;
    }*/

.titulo-desde {
    font-family: RalewayBold;
    font-size: 15px;
}

.borde-productos {
    border: 1px solid #E2E2E2;
}

.seguro-coche-precio {
    color: #FFF;
    background-color: #a81c3d;
    padding: 9px 15px;
}

.centrado {
    display: block;
    margin: auto;
}

.banner-hnacare {
    min-height: 370px;
    background-image: url('<%=this.Paths.TransformUrl(this.GetRepository(HNA.SP.WE.COMMON.Enums.Enums.TypePlantilla.Every) + "hna/arquitectos/salud/banner-hnacare.png")%>');
    background-repeat: no-repeat;
}

@media only screen and (max-width: 440px) {
    .banner-hnacare {
        background-size: auto 100%;
        min-height: 460px;
    }
}

.alto-bloque-iconos {
    padding-top: 20px
}

@media only screen and (max-width: 991px) {
    .text-sm-center {
        text-align: center;
    }
}

/*Menú seguros*/

.cabecera-seguros {
    background-color: white;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.alto-contenido-escritorio {
    padding-top: 180px;
}

.alto-contenido-movil {
    padding-top: 245px;
}

@media only screen and (max-width: 450px) {
    #divMenuSegurosPersonales .nav > li > a, #divMenuSegurosPatrimoniales .nav > li > a {
        padding: 2px 15px;
    }

    #divNoticias .nav > li > a, #divMenuSegurosPatrimoniales .nav > li > a {
        padding: 2px 15px;
    }
}

.fixed-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
}

.estilo-error {
    color: #F5F5F5;
    font-size: 287px;
    padding-top: 150px;
}

@media (max-width: 550px) {
    .estilo-error {
        font-size: 200px;
    }

    .js-carousel.slick-initialized {
        max-height: 350px;
    }
}

@media (max-width: 400px) {
    .estilo-error {
        font-size: 150px;
    }
}

.alto-texto-seguros {
    min-height: 150px
}

@media (max-width: 1200px) {
    .alto-texto-seguros {
        min-height: 0px
    }
}

@media (min-width: 992px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (max-width: 1490px) {
    #private #mnuMain a .fa {
        padding-right: 10px;
    }

    .btn-private-menu {
        max-width: 200px;
        font-size: 14px !important;
    }
}

@media (max-width: 1400px) {
    .btn-private-menu {
        max-width: 200px;
        font-size: 12px !important;
    }
}

.margen-codigo-conducta{
    margin-top: 60px
}

@media (max-width: 992px) {
    .margen-codigo-conducta {
        margin-top: 130px
    }
}

.titulos-enfermedades {
    font-family: Lato-Bold;
    font-size: 17px;
    padding-top: 3px
}