@charset "UTF-8";
/*Generated on:Wed Jul 26 2017 10:30:36 GMT+0200 (Hora de verano romance)*/
i,
.icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "bupaicons";
    speak: none;
    font-style: normal !important;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    line-height: 1; /* Better Font Rendering =========== webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/
}

.icon-xs {
    font-size: 0.8rem;
}

.icon-sm {
    font-size: 2.4rem;
}

.icon-md,
.icon-me {
    font-size: 3.2rem;
}

.icon-lg {
    font-size: 4rem;
}

.icon-xl {
    font-size: 5.6rem;
}

.icon-border {
    border: 2px solid #0079c8;
    padding: 0.8rem;
    border-radius: 50%;
}

i.xs,
.icon.xs {
    font-size: 1.5rem;
}

i.sm,
.icon.sm {
    font-size: 2.5rem;
}

i.me,
.icon.me {
    font-size: 3.5rem;
}

i.lg,
.icon.lg {
    font-size: 4.5rem;
}

i.xl,
.icon.xl {
    font-size: 6.5rem;
}

/*
.icon-xs {font-size:0.8rem;}
.icon-sm {font-size:1.2rem}
.icon-md, .icon-me {font-size:1.6rem}
.icon-lg {font-size:2.4rem}
.icon-xl {font-size:5.6rem;}
*/
a:not(.btn) > i,
a > .icon {
    margin-right: 0.8rem;
}

/* svg icon */
svg.icon path {
    fill: #0079c8;
}

svg.icon.twhite path {
    fill: #ffffff;
}

.rounded svg.icon path {
    fill: #ffffff;
}

.circle {
    border-radius: 50%;
    display: inline-table;
    text-align: center;
    background-color: #0079c8;
    color: #ffffff;
    vertical-align: middle;
}

td > .circle {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.circle > * {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: inherit;
}

/* icon circle */
.circle-xs {
    width: 3.4rem;
    height: 3.4rem;
}

.circle-xs > i {
    font-size: 2rem;
    line-height: 3.4rem;
    width: 3.4rem;
}

.circle-sm {
    width: 5.4rem;
    height: 5.4rem;
}

.circle-sm > i {
    font-size: 3rem;
    line-height: 5.4rem;
    width: 5.4rem;
}

.circle-md,
.circle-me {
    width: 6.6rem;
    height: 6.6rem;
}

.circle-md > i,
.circle-me > i {
    font-size: 3.4rem; /*line-height:66px;*/
    width: 6.6rem;
}

.circle-lg {
    width: 10.7rem;
    height: 10.7rem;
}

.circle-lg > i {
    font-size: 5.5rem;
    line-height: 10.7rem;
    width: 10.7rem;
}

.circle-xl {
    width: 14.6rem;
    height: 14.6rem;
}

.circle-xl > i {
    font-size: 7.5rem;
    line-height: 14.6rem;
    width: 14.6rem;
}

/* icon square*/
.square {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 0.8rem;
    text-align: center;
    overflow: hidden;
    background-color: #e6e6e6;
    color: #333333;
    vertical-align: middle;
}

.square > * {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.square > * > * {
    display: table-cell;
    height: 100%;
    padding: 0.8rem;
    vertical-align: middle;
    text-align: center;
    color: inherit;
}

a.square {
    color: #333333;
}

a.square.white {
    color: #0079c8;
}

.square > input {
    height: auto;
    left: auto;
    opacity: 0;
    right: 0;
    width: auto;
}

.square p {
    margin: 0;
}

.square.checked {
    background-color: #0079c8;
    color: #ffffff !important;
}

.square.checked label {
    color: #ffffff;
}

.square.checked:after {
    background: #ffffff;
    border-radius: 100%;
    color: #0079c8;
    content: "\e9d4";
    font-family: bupaicons;
    font-size: 1.5rem;
    height: 2.8rem;
    line-height: 2.8rem;
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 2.8rem;
}

.square i {
    font-size: 6.5rem;
}

/* >> screen-xs */
/* screen-sm >>*/
@media only screen and (min-width: 481px) {
    .square > * > * > i:first-child {
        font-size: 4.5rem;
    }
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .square > * > * > i:first-child {
        font-size: 5.5rem;
    }
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    .square > * > * > i:first-child {
        font-size: 5.5rem;
    }
}

/* screen-xl >> */
@media only screen and (min-width: 1281px) {
    .square > * > * > i:first-child {
        font-size: 6.5rem;
    }
}

/* lists */
/*.iconlist {color:$color-bupablack;} */
.iconlist > * {
    text-align: center;
    margin-bottom: 2.4rem;
    line-height: 2.4rem;
}

.iconlist > *:first-child {
    margin-left: 0 !important; /*vs grid cols2 */
}

.iconlist > *:last-child {
    margin-right: 0 !important; /*vs grid cols2 */
}

.iconlist > * > i,
.iconlist > * > .icon {
    font-size: 3.2rem;
    width: 4rem;
    height: 4rem;
    color: #0079c8;
    display: block;
    clear: both;
    margin: 0 auto 0.8rem auto;
}

.iconlist.iconlist-xs > * > i,
.iconlist.iconlist-xs > * > .icon {
    font-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
}

.iconlist.iconlist-sm > * > i,
.iconlist.iconlist-sm > * > .icon {
    font-size: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

.iconlist.rounded > * > i,
.iconlist.rounded > * > .icon {
    font-size: 2.4rem;
    padding: 0.8rem;
    border-radius: 50%;
    color: #ffffff;
    background-color: #0079c8;
}

.iconlist.rounded.bgcolor > * {
    color: inherit;
}

.iconlist.rounded.bgcolor > * span {
    color: #ffffff;
}

.iconlist.rounded.bgcolor > * > i,
.iconlist.rounded.bgcolor > * > .icon {
    color: inherit;
    background-color: #ffffff;
    font-size: 1.9rem;
    padding: 0.8rem;
}

.iconlist.rounded.iconlist-xs > * > i,
.iconlist.rounded.iconlist-xs > * > .icon {
    font-size: 1.1rem;
    padding: 0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}

.iconlist.rounded.iconlist-sm > * > i,
.iconlist.rounded.iconlist-sm > * > .icon {
    font-size: 1.5rem;
    padding: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
}

/* .piped horizontal list with 1px gray vertical line separation */
/* screen-xs >>*/
@media only screen and (min-width: 481px) {
    .piped > * {
        border-right: 0.1rem solid #e6e6e6;
    }
    .piped > *:last-child {
        border-right: 0;
    }
    .piped.dotted > * {
        border-right-style: dotted;
    }
    .bgcolor > .row .piped > * {
        border-color: #ffffff;
    }
    .iconlist > * {
        padding: 0 0.8rem 0.8rem 4.8rem !important;
        min-height: 4.8rem;
        text-align: left;
        clear: both;
        overflow: hidden;
        margin-bottom: 0.8rem;
    }
    .iconlist.iconlist-xs > * {
        padding: 0 0.8rem 0 2.4rem !important;
        min-height: 0;
    }
    .iconlist.iconlist-sm > * {
        padding: 0 0.8rem 0 3.2rem !important;
        min-height: 0;
    }
    .iconlist.iconlist-xs.list > *,
    .iconlist.iconlist-sm.list > * {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }
    .iconlist.iconlist-xs.list > * > i,
    .iconlist.iconlist-sm.list > * > i {
        top: 0.8rem;
    }
    .iconlist.piped > * {
        padding-left: 5.6rem !important;
    }
    .iconlist.piped > *:first-child {
        padding-left: 4.8rem !important;
    }
    .iconlist > * span {
        display: inline;
    }
    .iconlist.double > * {
        float: left;
        clear: none;
        width: 50%;
        padding-right: 3.2rem;
    }
    .iconlist.triple > * {
        float: left;
        clear: none;
        width: 33.333333%;
        padding-right: 1.6rem;
    }
    .iconlist.vmiddle > * {
        padding-top: 0.8rem;
    }
    .iconlist.list > *:not(dd) {
        padding-top: 2.4rem !important;
        padding-bottom: 2.4rem !important;
    }
    .iconlist.list > *:not(dd) > i {
        top: 2.4rem !important;
    }
    .iconlist.list > * > i,
    .iconlist.list > * > .icon {
        top: 0.8rem;
    }
    .iconlist > * > i,
    .iconlist > * > .icon {
        position: absolute;
        left: 2px;
        top: 1px;
        clear: none;
    }
    .iconlist.rounded > * > i,
    .iconlist.rounded > * > .icon {
        left: 0;
    }
    .iconlist.iconlist-xs > * > i,
    .iconlist.iconlist-xs > * > .icon {
        top: 0.5rem;
    }
    .iconlist.iconlist-sm > * > i,
    .iconlist.iconlist-sm > * > .icon {
        top: 0.3rem;
    }
    .iconlist.piped > * > i,
    .iconlist.piped > * > .icon {
        position: absolute;
        left: 0.8rem;
        top: 1px;
        clear: none;
    }
}

/* Fonts */
@font-face {
    font-family: "Bupa";
    src: url("../../fonts/site_general/montserrat/montserrat-light-webfont.eot");
    src: url("../../fonts/site_general/montserrat/montserrat-light-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/montserrat/montserrat-light-webfont.woff2")
            format("woff2"),
        url("../../fonts/site_general/montserrat/montserrat-light-webfont.woff")
            format("woff"),
        url("../../fonts/site_general/montserrat/montserrat-light-webfont.ttf")
            format("truetype"),
        url("../../fonts/site_general/montserrat/montserrat-light-webfont.svg#montserratregular")
            format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Bupa";
    src: url("../../fonts/site_general/montserrat/montserrat-regular-webfont.eot");
    src: url("../../fonts/site_general/montserrat/montserrat-regular-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/montserrat/montserrat-regular-webfont.woff2")
            format("woff2"),
        url("../../fonts/site_general/montserrat/montserrat-regular-webfont.woff")
            format("woff"),
        url("../../fonts/site_general/montserrat/montserrat-regular-webfont.ttf")
            format("truetype"),
        url("../../fonts/site_general/montserrat/montserrat-regular-webfont.svg#montserratregular")
            format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Bupa";
    src: url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.eot");
    src: url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.woff2")
            format("woff2"),
        url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.woff")
            format("woff"),
        url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.ttf")
            format("truetype"),
        url("../../fonts/site_general/montserrat/montserrat-semibold-webfont.svg#montserratregular")
            format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: "bupaicons";
    src: url("../../fonts/site_general/bupaicons/bupaicons.eot");
    src: url("../../fonts/site_general/bupaicons/bupaicons.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/bupaicons/bupaicons.woff2")
            format("woff2"),
        url("../../fonts/site_general/bupaicons/bupaicons.woff") format("woff"),
        url("../../fonts/site_general/bupaicons/bupaicons.ttf")
            format("truetype"),
        url("../../fonts/site_general/bupaicons/bupaicons.svg#montserratregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

/* bupaicons */
.icon-subway:before {
    content: "\e900";
}

.icon-train:before {
    content: "\e901";
}

.icon-bus:before {
    content: "\e902";
}

.icon-info-doctor:before {
    content: "\e903";
}

.icon-doc-image:before {
    content: "\e904";
}

.icon-doc:before {
    content: "\e905";
}

.icon-linkedin:before {
    content: "\e906";
}

.icon-tag:before {
    content: "\e9d7";
}

.icon-contact:before {
    content: "\e9d8";
}

.icon-masage:before {
    content: "\e9d5";
}

.icon-bullet:before {
    content: "\e9d6";
}

.icon-acupuncture:before {
    content: "\e907";
}

.icon-aesthetic:before {
    content: "\e908";
}

.icon-aesthetic-plastic-surgery:before {
    content: "\e909";
}

.icon-air-conditioning:before {
    content: "\e90a";
}

.icon-alcohol:before {
    content: "\e90b";
}

.icon-alert:before {
    content: "\e90c";
}

.icon-allergology:before {
    content: "\e90d";
}

.icon-anesthetists:before {
    content: "\e90e";
}

.icon-angiology-vascular-surgery:before {
    content: "\e90f";
}

.icon-appointments:before {
    content: "\e910";
}

.icon-approval:before {
    content: "\e911";
}

.icon-down:before {
    content: "\e912";
}

.icon-arrow-bottom:before {
    content: "\e9cd";
}

.icon-left:before {
    content: "\e903";
}

.icon-arrow-left:before {
    content: "\e9ce";
}

.icon-right:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e9cf";
}

.icon-up:before {
    content: "\e915";
}

.icon-arrow-top:before {
    content: "\e9d0";
}

.icon-at:before {
    content: "\e916";
}

.icon-authorizations:before {
    content: "\e917";
}

.icon-baby-boy:before {
    content: "\e918";
}

.icon-baby-girl:before {
    content: "\e919";
}

.icon-back:before {
    content: "\e91a";
}

.icon-bag:before {
    content: "\e91b";
}

.icon-bed:before {
    content: "\e91c";
}

.icon-bell:before {
    content: "\e91d";
}

.icon-billing:before {
    content: "\e91e";
}

.icon-blipo:before {
    content: "\e91f";
}

.icon-blog:before {
    content: "\e920";
}

.icon-box:before {
    content: "\e921";
}

.icon-boy:before {
    content: "\e922";
}

.icon-briefcase:before {
    content: "\e923";
}

.icon-brochure:before {
    content: "\e924";
}

.icon-bupa-card:before {
    content: "\e925";
}

.icon-button-down:before {
    content: "\e926";
}

.icon-button-left:before {
    content: "\e927";
}

.icon-button-right:before {
    content: "\e928";
}

.icon-button-up:before {
    content: "\e929";
}

.icon-calculator:before {
    content: "\e92a";
}

.icon-calendar:before {
    content: "\e92b";
}

.icon-camera:before {
    content: "\e92c";
}

.icon-car:before {
    content: "\e92d";
}

.icon-card:before {
    content: "\e92e";
}

.icon-cards:before {
    content: "\e92f";
}

.icon-change-appointment:before {
    content: "\e930";
}

.icon-childcare:before {
    content: "\e931";
}

.icon-chiropody:before {
    content: "\e932";
}

.icon-clinical-analyzes:before {
    content: "\e933";
}

.icon-clock:before {
    content: "\e934";
}

.icon-icocerrar:before {
    content: "\e9d1";
}

.icon-coffee:before {
    content: "\e935";
}

.icon-comb:before {
    content: "\e936";
}

.icon-copayment:before {
    content: "\e937";
}

.icon-dentistry:before {
    content: "\e938";
}

.icon-dermatology:before {
    content: "\e939";
}

.icon-diet:before {
    content: "\e93a";
}

.icon-digestive-apparatus:before {
    content: "\e93b";
}

.icon-direct-debit:before {
    content: "\e93c";
}

.icon-direct-debit-logo:before {
    content: "\e93d";
}

.icon-documents:before {
    content: "\e93e";
}

.icon-dollar:before {
    content: "\e93f";
}

.icon-download:before {
    content: "\e940";
}

.icon-emergency:before {
    content: "\e941";
}

.icon-endocrinologist:before {
    content: "\e942";
}

.icon-endocrinology-nutrition:before {
    content: "\e943";
}

.icon-euro:before {
    content: "\e944";
}

.icon-evening:before {
    content: "\e945";
}

.icon-exercise:before {
    content: "\e946";
}

.icon-exit:before {
    content: "\e947";
}

.icon-facebook:before {
    content: "\e948";
}

.icon-filter:before {
    content: "\e949";
}

.icon-first-aid-kit:before {
    content: "\e94a";
}

.icon-folder:before {
    content: "\e94b";
}

.icon-food:before {
    content: "\e94c";
}

.icon-general-digestive-surgery:before {
    content: "\e94d";
}

.icon-general-medicine:before {
    content: "\e94e";
}

.icon-general-surgeon:before {
    content: "\e94f";
}

.icon-generic-search:before {
    content: "\e950";
}

.icon-geriatrics:before {
    content: "\e951";
}

.icon-girl:before {
    content: "\e952";
}

.icon-glucose:before {
    content: "\e953";
}

.icon-google-plus:before {
    content: "\e954";
}

.icon-hand:before {
    content: "\e955";
}

.icon-handicapped:before {
    content: "\e956";
}

.icon-health-programs:before {
    content: "\e957";
}

.icon-heart:before {
    content: "\e958";
}

.icon-height:before {
    content: "\e959";
}

.icon-help:before {
    content: "\e95a";
}

.icon-hematology:before {
    content: "\e95b";
}

.icon-history:before {
    content: "\e95c";
}

.icon-home:before {
    content: "\e95d";
}

.icon-home-assistance:before {
    content: "\e95e";
}

.icon-homeopathy:before {
    content: "\e95f";
}

.icon-hospital:before {
    content: "\e960";
}

.icon-image:before {
    content: "\e961";
}

.icon-impotence:before {
    content: "\e962";
}

.icon-information:before {
    content: "\e963";
}

.icon-injuries:before {
    content: "\e964";
}

.icon-instagram:before {
    content: "\e9e1";
}

.icon-internal-medicine:before {
    content: "\e965";
}

.icon-internists:before {
    content: "\e966";
}

.icon-key:before {
    content: "\e967";
}

.icon-ko:before {
    content: "\e968";
}

.icon-library:before {
    content: "\e969";
}

.icon-life-style:before {
    content: "\e96a";
}

.icon-location:before {
    content: "\e96b";
}

.icon-mail:before {
    content: "\e96c";
}

.icon-man:before {
    content: "\e96d";
}

.icon-medical-advice:before {
    content: "\e96e";
}

.icon-medical-report:before {
    content: "\e96f";
}

.icon-medical-sport:before {
    content: "\e970";
}

.icon-medication:before {
    content: "\e971";
}

.icon-medicine:before {
    content: "\e972";
}

.icon-menu:before {
    content: "\e973";
}

.icon-mic-off:before {
    content: "\e974";
}

.icon-mic-on:before {
    content: "\e975";
}

.icon-midwives:before {
    content: "\e976";
}

.icon-minus:before {
    content: "\e977";
}

.icon-less:before {
    content: "\e9d2";
}

.icon-mobile:before {
    content: "\e978";
}

.icon-mobile-app:before {
    content: "\e979";
}

.icon-mobile-menu:before {
    content: "\e97a";
}

.icon-nephrology:before {
    content: "\e97b";
}

.icon-neurology:before {
    content: "\e97c";
}

.icon-neurosurgery:before {
    content: "\e97d";
}

.icon-no-smoking:before {
    content: "\e97e";
}

.icon-nuclear-medicine:before {
    content: "\e97f";
}

.icon-nursery:before {
    content: "\e980";
}

.icon-obstetrics-gynecology:before {
    content: "\e981";
}

.icon-ok:before {
    content: "\e982";
}

.icon-oncology:before {
    content: "\e983";
}

.icon-ophthalmology:before {
    content: "\e984";
}

.icon-oral-maxillofacial-surgery:before {
    content: "\e985";
}

.icon-otolaryngology:before {
    content: "\e986";
}

.icon-paperclip:before {
    content: "\e987";
}

.icon-parking:before {
    content: "\e988";
}

.icon-password:before {
    content: "\e989";
}

.icon-pathologists:before {
    content: "\e98a";
}

.icon-pause:before {
    content: "\e98b";
}

.icon-pdf:before {
    content: "\e98c";
}

.icon-pediatric-surgery:before {
    content: "\e98d";
}

.icon-pediatrics:before {
    content: "\e98e";
}

.icon-pencil:before {
    content: "\e98f";
}

.icon-people:before {
    content: "\e990";
}

.icon-pharmacy:before {
    content: "\e991";
}

.icon-phone:before {
    content: "\e992";
}

.icon-physiotherapy:before {
    content: "\e993";
}

.icon-plane:before {
    content: "\e994";
}

.icon-play:before {
    content: "\e995";
}

.icon-plus:before {
    content: "\e996";
}

.icon-plus-2:before {
    content: "\e9d3";
}

.icon-pneumology:before {
    content: "\e997";
}

.icon-pointer:before {
    content: "\e998";
}

.icon-post-billpay:before {
    content: "\e999";
}

.icon-post-billpay-logo:before {
    content: "\e99a";
}

.icon-postal-card:before {
    content: "\e99b";
}

.icon-pound:before {
    content: "\e99c";
}

.icon-price:before {
    content: "\e99d";
}

.icon-print:before {
    content: "\e99e";
}

.icon-psychiatry:before {
    content: "\e99f";
}

.icon-psychology:before {
    content: "\e9a0";
}

.icon-purse:before {
    content: "\e9a1";
}

.icon-radio-diagnosis:before {
    content: "\e9a2";
}

.icon-radiotherapy:before {
    content: "\e9a3";
}

.icon-refunds:before {
    content: "\e9a4";
}

.icon-rehabilitation:before {
    content: "\e9a5";
}

.icon-relatives:before {
    content: "\e9a6";
}

.icon-report:before {
    content: "\e9a7";
}

.icon-reports:before {
    content: "\e9a8";
}

.icon-rheumatology:before {
    content: "\e9a9";
}

.icon-running:before {
    content: "\e9aa";
}

.icon-sand-clock:before {
    content: "\e9ab";
}

.icon-search-specialist:before {
    content: "\e9ac";
}

.icon-send:before {
    content: "\e9ad";
}

.icon-sexual-life:before {
    content: "\e9ae";
}

.icon-share:before {
    content: "\e9af";
}

.icon-shop:before {
    content: "\e9b0";
}

.icon-shrine:before {
    content: "\e9b1";
}

.icon-sleep:before {
    content: "\e9b2";
}

.icon-smile:before {
    content: "\e9b3";
}

.icon-smoking:before {
    content: "\e9b4";
}

.icon-specialist-advice:before {
    content: "\e9b5";
}

.icon-specialties-inquiry:before {
    content: "\e9b6";
}

.icon-speech-therapist:before {
    content: "\e9b7";
}

.icon-speech-therapy:before {
    content: "\e9b8";
}

.icon-star:before {
    content: "\e9b9";
}

.icon-star-solid:before {
    content: "\e9e0";
}

.icon-stop:before {
    content: "\e9ba";
}

.icon-sun:before {
    content: "\e9bb";
}

.icon-talk:before {
    content: "\e9bc";
}

.icon-tension:before {
    content: "\e9bd";
}

.icon-test:before {
    content: "\e9be";
}

.icon-test-tube:before {
    content: "\e9bf";
}

.icon-thoracic-surgery:before {
    content: "\e9c0";
}

.icon-stick:before {
    content: "\e9d4";
}

.icon-trash:before {
    content: "\e9c1";
}

.icon-traumatology:before {
    content: "\e9c2";
}

.icon-twitter:before {
    content: "\e9c3";
}

.icon-two-people:before {
    content: "\e9c4";
}

.icon-ultrasonography:before {
    content: "\e9c5";
}

.icon-up-down:before {
    content: "\e9c6";
}

.icon-urology:before {
    content: "\e9c7";
}

.icon-user-profile:before {
    content: "\e9c8";
}

.icon-uvi:before {
    content: "\e9c9";
}

.icon-video-call:before {
    content: "\e9ca";
}

.icon-view-list:before {
    content: "\e9cb";
}

.icon-view-map:before {
    content: "\e9cc";
}

.icon-waiting-room:before {
    content: "\e9d9";
}

.icon-walk:before {
    content: "\e9da";
}

.icon-whatsapp:before {
    content: "\e9db";
}

.icon-wifi:before {
    content: "\e9dc";
}

.icon-woman:before {
    content: "\e9dd";
}

.icon-world:before {
    content: "\e9de";
}

.icon-youtube:before {
    content: "\e9df";
}

/* bupa-elderly-icons */
@font-face {
    font-family: "bupa-elderly-icons";
    src: url("../../fonts/site_general/bupa-elderly/bupa-elderly-icons.eot");
    src: url("../../fonts/site_general/bupa-elderly/bupa-elderly-icons.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/bupa-elderly/bupa-elderly-icons.woff")
            format("woff"),
        url("../../fonts/site_general/bupa-elderly/bupa-elderly-icons.ttf")
            format("truetype"),
        url("../../fonts/site_general/bupa-elderly/bupa-elderly-icons.svg#montserratregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon-blank:before {
    content: "\e900";
    font-family: "bupa-elderly-icons" !important;
}

.icon-administration:before {
    content: "\e91d";
    font-family: "bupa-elderly-icons" !important;
}

.icon-appetite-loss:before {
    content: "\e929";
    font-family: "bupa-elderly-icons" !important;
}

.icon-application:before {
    content: "\e945";
    font-family: "bupa-elderly-icons" !important;
}

.icon-avoid-change:before {
    content: "\e92f";
    font-family: "bupa-elderly-icons" !important;
}

.icon-avoid-confrontation:before {
    content: "\e930";
    font-family: "bupa-elderly-icons" !important;
}

.icon-blankness:before {
    content: "\e908";
    font-family: "bupa-elderly-icons" !important;
}

.icon-care-apartments:before {
    content: "\e955";
    font-family: "bupa-elderly-icons" !important;
}

.icon-common-area:before {
    content: "\e917";
    font-family: "bupa-elderly-icons" !important;
}

.icon-compare:before {
    content: "\e90b";
    font-family: "bupa-elderly-icons" !important;
}

.icon-courses:before {
    content: "\e907";
    font-family: "bupa-elderly-icons" !important;
}

.icon-daily-task:before {
    content: "\e937";
    font-family: "bupa-elderly-icons" !important;
}

.icon-day-care-home:before {
    content: "\e956";
    font-family: "bupa-elderly-icons" !important;
}

.icon-dementia-experts:before {
    content: "\e936";
    font-family: "bupa-elderly-icons" !important;
}

.icon-dementia-stage:before {
    content: "\e92d";
    font-family: "bupa-elderly-icons" !important;
}

.icon-dependence-level:before {
    content: "\e944";
    font-family: "bupa-elderly-icons" !important;
}

.icon-disorientation:before {
    content: "\e93a";
    font-family: "bupa-elderly-icons" !important;
}

.icon-down:before {
    content: "\e902";
    font-family: "bupa-elderly-icons" !important;
}

.icon-dress:before {
    content: "\e901";
    font-family: "bupa-elderly-icons" !important;
}

.icon-elderly-service:before {
    content: "\e95a";
    font-family: "bupa-elderly-icons" !important;
}

.icon-fast-scale:before {
    content: "\e93b";
    font-family: "bupa-elderly-icons" !important;
}

.icon-financing:before {
    content: "\e958";
    font-family: "bupa-elderly-icons" !important;
}

.icon-ictus-experts:before {
    content: "\e935";
    font-family: "bupa-elderly-icons" !important;
}

.icon-individual-care:before {
    content: "\e93c";
    font-family: "bupa-elderly-icons" !important;
}

.icon-left:before {
    content: "\e903";
    font-family: "bupa-elderly-icons" !important;
}

.icon-medical-advice:before {
    content: "\e924";
    font-family: "bupa-elderly-icons" !important;
}

.icon-memory-loss:before {
    content: "\e90f";
    font-family: "bupa-elderly-icons" !important;
}

.icon-mood-change:before {
    content: "\e92b";
    font-family: "bupa-elderly-icons" !important;
}

.icon-musical-workshop:before {
    content: "\e905";
    font-family: "bupa-elderly-icons" !important;
}

.icon-no-interest:before {
    content: "\e90c";
    font-family: "bupa-elderly-icons" !important;
}

.icon-object-loss:before {
    content: "\e938";
    font-family: "bupa-elderly-icons" !important;
}

.icon-occupational-therapy:before {
    content: "\e95e";
    font-family: "bupa-elderly-icons" !important;
}

.icon-one-person:before {
    content: "\e960";
    font-family: "bupa-elderly-icons" !important;
}

.icon-pain:before {
    content: "\e909";
    font-family: "bupa-elderly-icons" !important;
}

.icon-parkinson-experts:before {
    content: "\e934";
    font-family: "bupa-elderly-icons" !important;
}

.icon-pathology:before {
    content: "\e941";
    font-family: "bupa-elderly-icons" !important;
}

.icon-person-compromise:before {
    content: "\e947";
    font-family: "bupa-elderly-icons" !important;
}

.icon-phone-list:before {
    content: "\e925";
    font-family: "bupa-elderly-icons" !important;
}

.icon-reconsider:before {
    content: "\e932";
    font-family: "bupa-elderly-icons" !important;
}

.icon-resident:before {
    content: "\e91c";
    font-family: "bupa-elderly-icons" !important;
}

.icon-respect:before {
    content: "\e94a";
    font-family: "bupa-elderly-icons" !important;
}

.icon-right:before {
    content: "\e904";
    font-family: "bupa-elderly-icons" !important;
}

.icon-sadness:before {
    content: "\e90a";
    font-family: "bupa-elderly-icons" !important;
}

.icon-same-question-emphasis:before {
    content: "\e939";
    font-family: "bupa-elderly-icons" !important;
}

.icon-save-phone-number:before {
    content: "\e923";
    font-family: "bupa-elderly-icons" !important;
}

.icon-search-care-apartment:before {
    content: "\e950";
    font-family: "bupa-elderly-icons" !important;
}

.icon-search-care-home:before {
    content: "\e952";
    font-family: "bupa-elderly-icons" !important;
}

.icon-search-day-care-home:before {
    content: "\e951";
    font-family: "bupa-elderly-icons" !important;
}

.icon-split-task:before {
    content: "\e933";
    font-family: "bupa-elderly-icons" !important;
}

.icon-time-track-loss:before {
    content: "\e92a";
    font-family: "bupa-elderly-icons" !important;
}

.icon-traditional-flavour:before {
    content: "\e943";
    font-family: "bupa-elderly-icons" !important;
}

.icon-tremor:before {
    content: "\e90d";
    font-family: "bupa-elderly-icons" !important;
}

.icon-two-persons:before {
    content: "\e961";
    font-family: "bupa-elderly-icons" !important;
}

.icon-up:before {
    content: "\e906";
    font-family: "bupa-elderly-icons" !important;
}

.icon-visit-care-home:before {
    content: "\e927";
    font-family: "bupa-elderly-icons" !important;
}

.icon-wander-around:before {
    content: "\e928";
    font-family: "bupa-elderly-icons" !important;
}

.icon-weakness:before {
    content: "\e90e";
    font-family: "bupa-elderly-icons" !important;
}

.icon-worng-decision:before {
    content: "\e92c";
    font-family: "bupa-elderly-icons" !important;
}

.icon-writing-workshop:before {
    content: "\e910";
    font-family: "bupa-elderly-icons" !important;
}

/* bupascript */
@font-face {
    font-family: "bupascript";
    src: url("../../fonts/site_general/bupascript/BupaScript-Regular.eot");
    src: url("../../fonts/site_general/bupascript/BupaScript-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../../fonts/site_general/bupascript/BupaScript-Regular.woff2")
            format("woff2"),
        url("../../fonts/site_general/bupascript/BupaScript-Regular.woff")
            format("woff"),
        url("../../fonts/site_general/bupascript/BupaScript-Regular.ttf")
            format("truetype"),
        url("../../fonts/site_general/bupascript/BupaScript-Regular.svg#montserratregular")
            format("svg");
    font-weight: 100;
    font-style: normal;
}

/* _COLORS */
.transparent {
    background-color: transparent !important;
    color: #333333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*.transparent .cell {-moz-box-shadow: 0px 0px 3px #999;-webkit-box-shadow: 0px 0px 3px #999;box-shadow: 0px 0px 3px #999;}*/
.black,
.tabs.black75 .active a {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.cyan,
.tabs.cyan .active a {
    background-color: #0079c8 !important;
    color: #ffffff !important;
}

.cyan75,
.tabs.cyan75 .active a {
    background-color: #409bd6 !important;
    color: #ffffff !important;
}

.cyan50,
.tabs.cyan50 .active a {
    background-color: #7fbce3 !important;
    color: #ffffff !important;
}

.cyan25,
.tabs.cyan25 .active a,
.cyan .tint {
    border: none;
    background-color: #bfddf1 !important;
    color: #333333;
}

.cyan5,
.tabs.cyan5 .active a {
    background-color: #f3f8fd !important;
    color: #333333;
}

.cyan .btn.blanco {
    color: #0079c8 !important;
    background-color: #0079c8 !important;
}

.cyan.active {
    background-color: #00548c !important;
    border-color: #00548c;
}

.btn:hover {
    background-color: #00548c !important;
    border-color: #00548c;
}

.btn.sec.active {
    border-color: #00548c;
}

.white {
    background-color: #ffffff;
    color: #333333;
}

.white.active {
    background-color: #ffffff !important;
    border-color: #ffffff;
}

.btn.white.active,
.btn.white:hover {
    background-color: #ffffff !important;
    border-color: #ffffff;
}

.bupablack {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.bupablack.active {
    background: #242424 !important;
    border-color: #242424;
}

.btn.bupablack:hover {
    background: #242424 !important;
    border-color: #242424;
}

.gray,
.tabs.gray .active a {
    background-color: #6c6e71 !important;
    color: #ffffff !important;
}

.gray75,
.tabs.gray75 .active a {
    background-color: #919295 !important;
    color: #ffffff !important;
}

.gray50,
.tabs.gray50 .active a {
    background-color: #b5b6b8 !important;
    color: #ffffff !important;
}

.gray25,
.tabs.gray25 .active a {
    border: none;
    background-color: #dadbdb !important;
    color: #333333;
}

.gray .tint {
    border: none;
    background-color: #dadbdb !important;
    color: #333333;
}

.gray .btn.blanco {
    color: #6c6e71 !important;
    background-color: #6c6e71 !important;
}

.gray.active {
    background: #4b4d4f !important;
    border-color: #4b4d4f;
}

.btn.gray:hover {
    background: #4b4d4f !important;
    border-color: #4b4d4f;
}

.teal {
    background-color: #008385 !important;
    color: #ffffff !important;
}

.tabs.teal {
    background: none;
}

.tabs.teal .active a {
    background-color: #008385 !important;
    color: #ffffff !important;
}

.teal75,
.tabs.teal75 .active a {
    background-color: #40a2a4 !important;
    color: #ffffff !important;
}

.teal50,
.tabs.teal50 .active a {
    background-color: #7fc1c2 !important;
    color: #ffffff !important;
}

.teal25,
.tabs.teal25 .active a {
    border: none;
    background-color: #bfe0e0 !important;
    color: #333333;
}

.teal .tint {
    border: none;
    background-color: #bfe0e0 !important;
    color: #333333;
}

.teal .btn.blanco {
    color: #008385 !important;
    background-color: #008385 !important;
}

.teal.active {
    background-color: #005b5d !important;
    border-color: #005b5d;
}

.btn.teal:hover {
    background-color: #005b5d !important;
    border-color: #005b5d;
}

.burgundy {
    background-color: #942151 !important;
    color: #ffffff !important;
}

.tabs.burgundy .active a {
    background-color: #942151 !important;
    color: #ffffff !important;
}

.tabs.teal {
    background: none;
}

.burgundy75,
.tabs.burgundy75 .active a {
    background-color: #af597d !important;
    color: #ffffff !important;
}

.burgundy50,
.tabs.burgundy50 .active a {
    background-color: #c990a8 !important;
    color: #ffffff !important;
}

.burgundy25,
.tabs.burgundy25 .active a {
    border: none;
    background-color: #e4c7d3 !important;
    color: #333333;
}

.burgundy .tint {
    border: none;
    background-color: #e4c7d3 !important;
    color: #333333;
}

.burgundy .btn.blanco {
    color: #942151 !important;
    background-color: #942151 !important;
}

.burgundy.active {
    background-color: #671739 !important;
    border-color: #671739;
}

.btn.burgundy:hover {
    background-color: #671739 !important;
    border-color: #671739;
}

.purple {
    background-color: #6a2ca1 !important;
    color: #ffffff !important;
}

.tabs.purple .active a {
    background-color: #6a2ca1 !important;
    color: #ffffff !important;
}

.tabs.teal {
    background: none;
}

.purple75,
.tabs.purple75 .active a {
    background-color: #9062b9 !important;
    color: #ffffff !important;
}

.purple50,
.tabs.purple50 .active a {
    background-color: #b495d0 !important;
    color: #ffffff !important;
}

.purple25,
.tabs.purple25 .active a {
    border: none;
    background-color: #dacae7 !important;
    color: #333333;
}

.purple .tint {
    border: none;
    background-color: #dacae7 !important;
    color: #333333;
}

.purple .btn.blanco {
    color: #6a2ca1 !important;
    background-color: #6a2ca1 !important;
}

.purple.active {
    background-color: #4a1f70 !important;
    border-color: #4a1f70;
}

.btn.purple:hover {
    background-color: #4a1f70 !important;
    border-color: #4a1f70;
}

.violet {
    background-color: #a4219b !important;
    color: #ffffff !important;
}

.tabs.violet .active a {
    background-color: #a4219b !important;
    color: #ffffff !important;
}

.tabs.teal {
    background: none;
}

.violet75,
.tabs.violet75 .active a {
    background-color: #bb59b4 !important;
    color: #ffffff !important;
}

.violet50,
.tabs.violet50 .active a {
    background-color: #d190cd !important;
    color: #ffffff !important;
}

.violet25,
.tabs.violet25 .active a {
    border: none;
    background-color: #e8c7e6 !important;
    color: #333333;
}

.violet .tint {
    border: none;
    background-color: #e8c7e6 !important;
    color: #333333;
}

.violet .btn.blanco {
    color: #a4219b !important;
    background-color: #a4219b !important;
}

.violet.active {
    background-color: #72176c !important;
    border-color: #72176c;
}

.btn.violet:hover {
    background-color: #72176c !important;
    border-color: #72176c;
}

.fuchsia,
.tabs.fuchsia .active a {
    background-color: #c6007e !important;
    color: #ffffff !important;
}

.fuchsia75,
.tabs.fuchsia75 .active a {
    background-color: #d4409e !important;
    color: #ffffff !important;
}

.fuchsia75 .btn.blanco {
    color: #d4409e !important;
    background-color: #d4409e !important;
}

.fuchsia50,
.tabs.fuchsia50 .active a {
    background-color: #e27fbe !important;
    color: #ffffff !important;
}

.fuchsia25,
.tabs.fuchsia25 .active a,
.fuchsia .tint {
    border: none;
    background-color: #f1bfdf !important;
    color: #333333;
}

.fuchsia5,
.tabs.fuchsia5 .active a {
    border: none;
    background-color: #fcf2f8 !important;
    color: #333333;
}

.fuchsia .tint {
    border: none;
    background-color: #fcf2f8 !important;
    color: #333333;
}

.fuchsia .btn.blanco {
    color: #c6007e !important;
    background-color: #c6007e !important;
}

.fuchsia.active {
    background-color: #9c2d6f !important;
    border-color: #9c2d6f;
}

.btn.fuchsia:hover {
    background-color: #9c2d6f !important;
    border-color: #9c2d6f;
}

.red,
.tabs.red .active a {
    background-color: #d81e05 !important;
    color: #ffffff !important;
}

.red75,
.tabs.red75 .active a {
    background-color: #e25644 !important;
    color: #ffffff !important;
}

.red50,
.tabs.red50 .active a {
    background-color: #eb8e82 !important;
    color: #ffffff !important;
}

.red25,
.tabs.red25 .active a {
    border: none;
    background-color: #f5c7c0 !important;
    color: #333333;
}

.red .tint {
    border: none;
    background-color: #f5c7c0 !important;
    color: #333333;
}

.red .btn.blanco {
    color: #d81e05 !important;
    background-color: #d81e05 !important;
}

.red.active {
    background-color: #971503 !important;
    border-color: #971503;
}

.btn.red:hover {
    background-color: #971503 !important;
    border-color: #971503;
}

.orange,
.tabs.orange .active a {
    background-color: #fe5000 !important;
    color: #ffffff !important;
}

.orange75,
.tabs.orange75 .active a {
    background-color: #fe7c40 !important;
    color: #ffffff !important;
}

.orange50,
.tabs.orange50 .active a {
    background-color: #fea77f !important;
    color: #333333;
}

.orange25,
.tabs.orange25 .active a {
    border: none;
    background-color: #ffd3bf !important;
    color: #333333;
}

.orange .tint {
    border: none;
    background-color: #ffd3bf !important;
    color: #333333;
}

.orange .btn.blanco {
    color: #fe5000 !important;
    background-color: #fe5000 !important;
}

.orange.active {
    background-color: #cb4000 !important;
    border-color: #cb4000;
}

.btn.orange:hover {
    background-color: #cb4000 !important;
    border-color: #cb4000;
}

.yellow,
.tabs.yellow .active a {
    background-color: #ffc300 !important;
    color: #ffffff !important;
}

.yellow75,
.tabs.oyellow75 .active a {
    background-color: #ffd240 !important;
    color: #ffffff !important;
}

.yellow50,
.tabs.yellow50 .active a {
    background-color: #ffe278 !important;
    color: #333333;
}

.yellow25,
.tabs.yellowe25 .active a,
.yellowe .tint {
    border: none;
    background-color: #fff1bc !important;
    color: #333333;
}

.yellow.active,
.btn.yellow:hover {
    background-color: #b38900 !important;
    border-color: #b38900;
}

.orange .btn.blanco {
    color: #fe5000 !important;
    background-color: #fe5000 !important;
}

.green,
.tabs.green .active a {
    background-color: #007a3d !important;
    color: #ffffff !important;
}

.green75,
.tabs.green75 .active a {
    background-color: #409b6e !important;
    color: #ffffff !important;
}

.green50,
.tabs.green50 .active a {
    background-color: #7fbc9e !important;
    color: #ffffff !important;
}

.green25,
.tabs.green25 .active a,
.green .tint {
    border: none;
    background-color: #bfdece !important;
    color: #333333;
}

.green5,
.tabs.green5 .active a {
    border: none;
    background-color: #f2f8f5 !important;
    color: #333333;
}

.green .btn.blanco {
    color: #007a3d !important;
    background-color: #007a3d !important;
}

.green.active {
    background-color: #00552b !important;
    border-color: #00552b;
}

.btn.green:hover {
    background-color: #00552b !important;
    border-color: #00552b;
}

.lime,
.tabs.lime .active a {
    background-color: #678004 !important;
    color: #ffffff !important;
}

.lime75,
.tabs.lime75 .active a {
    background-color: #8da043 !important;
    color: #ffffff !important;
}

.lime50,
.tabs.lime50 .active a {
    background-color: #b3bf81 !important;
    color: #ffffff !important;
}

.lime25,
.tabs.lime25 .active a,
.lime .tint {
    border: none;
    background-color: #d9dfc0 !important;
    color: #333333;
}

.lime5,
.tabs.lime5 .active a {
    background-color: #f7f9f2 !important;
}

.lime .btn.blanco {
    color: #939905 !important;
    background-color: #939905 !important;
}

.lime.active {
    background-color: #526700 !important;
    border-color: #526700;
}

.btn.lime:hover {
    background-color: #526700 !important;
    border-color: #526700;
}

.lightgray {
    background-color: #e6e6e6 !important;
    color: #6c6e71;
}

.lightgray * {
    background-color: #e6e6e6 !important;
    color: #6c6e71;
}

.tabs.lime .active a {
    background-color: #e6e6e6 !important;
    color: #6c6e71;
}

.lightgray75,
.tabs.lightgray75 .active a {
    background-color: #f0f0f0 !important;
    color: #6c6e71;
}

.lightgray50,
.tabs.lightgray50 .active a {
    background-color: #f7f7f7 !important;
    color: #6c6e71;
}

.lightgray .btn.blanco {
    color: #6c6e71 !important;
    background-color: #6c6e71 !important;
}

.lightgraygrad,
.landing > .lightgraygrad {
    background: white;
    background: -webkit-gradient(
        left top,
        left bottom,
        color-stop(0%, white),
        color-stop(100%, #e6e6e6)
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(white),
        to(#e6e6e6)
    );
    background: linear-gradient(
        to bottom,
        white 0%,
        #e6e6e6 100%
    ); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-white', endColorstr='$color-lightgray', GradientType=0 );*/
}

.darkgreen,
.tabs.darkgreen .active a {
    background-color: #18542c !important;
    color: #ffffff !important;
}

.darkgreen75,
.tabs.darkgreen75 .active a {
    background-color: #527f61 !important;
    color: #ffffff !important;
}

.darkgreen50,
.tabs.darkgreen50 .active a {
    background-color: #8ba995 !important;
    color: #ffffff !important;
}

.darkgreen25,
.tabs.darkgreen25 .active a {
    border: none;
    background-color: #c5d4ca !important;
    color: #333333;
}

.darkgreen .tint {
    border: none;
    background-color: #c5d4ca !important;
    color: #333333;
}

.darkgreen .btn.blanco {
    color: #18542c !important;
    background-color: #18542c !important;
}

.darkgreen.active {
    background-color: #113b1f !important;
    border-color: #113b1f;
}

.btn.darkgreen:hover {
    background-color: #113b1f !important;
    border-color: #113b1f;
}

.navy,
.tabs.navy .active a {
    background-color: #00335b !important;
    color: #ffffff !important;
}

.navy75,
.tabs.navy75 .active a {
    background-color: #406684 !important;
    color: #ffffff !important;
}

.navy50,
.tabs.navy50 .active a {
    background-color: #7f99ad !important;
    color: #ffffff !important;
}

.navy25,
.tabs.navy25 .active a {
    border: none;
    background-color: #bfccd6 !important;
    color: #333333;
}

.navy .tint {
    border: none;
    background-color: #bfccd6 !important;
    color: #333333;
}

.navy .btn.blanco {
    color: #00335b !important;
    background-color: #00335b !important;
}

.navy.active {
    background-color: #002949 !important;
    border-color: #002949;
}

.btn.navy:hover {
    background-color: #002949 !important;
    border-color: #002949;
}

.gold,
.tabs.gold .active a {
    background-color: #ae9962 !important;
    color: #ffffff !important;
}

.gold75,
.tabs.gold75 .active a {
    background-color: #c2b389 !important;
    color: #ffffff !important;
}

.gold50,
.tabs.gold50 .active a {
    background-color: #d6ccb0 !important;
    color: #ffffff !important;
}

.gold25,
.tabs.gold25 .active a {
    border: none;
    background-color: #ebe5d8 !important;
    color: #333333;
}

.gold .tint {
    border: none;
    background-color: #ebe5d8 !important;
    color: #333333;
}

.gold .btn.blanco {
    color: #ae9962 !important;
    background-color: #ae9962 !important;
}

.bg80.white {
    background: url(../../img/site_general/diseno/bg-white80.png) transparent 0
        0 repeat !important;
}

.bg80:not(.white) .title {
    color: #ffffff;
}

.bg80.cyan {
    background: url(../../img/site_general/diseno/bg-cyan80.png) transparent 0 0
        repeat !important;
    color: #ffffff;
}

.bg90.white {
    background: url(../../img/site_general/diseno/bg-white90.png) transparent 0
        0 repeat !important;
}

.bg90:not(.white) .title {
    color: #ffffff;
}

.bg90.cyan {
    background: url(../../img/site_general/diseno/bg-cyan90.png) transparent 0 0
        repeat !important;
    color: #ffffff;
}

.fondo,
.tabs.fondo .active a {
    background-color: #e6e6e6 !important;
    color: #333333;
}

.transparente {
    background: transparent none;
}

div.fucsia,
.tabs.fucsia .active a {
    background-color: #c6007e !important;
    color: #ffffff !important;
}

div.tfucsia a {
    color: #c6007e !important;
}

.tfucsia h3,
.tfucsia h4 {
    color: #c6007e !important;
}

div.naranja,
.tabs.naranja .active a,
input.naranja {
    background-color: #fe5000 !important;
    color: #ffffff !important;
}

.naranja a,
.naranja .cont h3,
.naranja h4 {
    color: #fe5000;
}

div.azul,
.tabs.azul .active a {
    background-color: #f2f8fc !important;
    color: #ffffff !important;
}

.blanco {
    background-color: #ffffff;
    color: #333333;
}

div.verde3,
.tabs.verde3 .active a {
    border: none;
    background-color: #939905 !important;
    color: #ffffff !important;
}

div.morado,
.tabs.morado .active a {
    background-color: #6a2ca1 !important;
    color: #ffffff !important;
}

div.azul2,
.tabs.azul2 .active a {
    border: none;
    background-color: #00335b;
    color: #ffffff !important;
}

.gris {
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6;
    color: #00335b;
}

.gris h2,
.gris h3 {
    color: #00335b;
}

.gris h2 a,
.gris h3 a {
    color: #00335b;
}

.btn.blanco.sec {
    color: #ffffff !important;
}

.black.sec > * {
    border-color: #000000 !important;
    color: #000000 !important;
}

.cyan.sec > * {
    border-color: #0079c8 !important;
    color: #0079c8 !important;
}

.gray.sec > * {
    border-color: #6c6e71 !important;
    color: #6c6e71 !important;
}

.teal.sec > * {
    border-color: #008385 !important;
    color: #008385 !important;
}

.burgundy.sec > * {
    border-color: #942151 !important;
    color: #942151 !important;
}

.purple.sec > * {
    border-color: #6a2ca1 !important;
    color: #6a2ca1 !important;
}

.violet.sec > * {
    border-color: #a4219b !important;
    color: #a4219b !important;
}

.fuchsia.sec > * {
    border-color: #c6007e !important;
    color: #c6007e !important;
}

.red.sec > * {
    border-color: #d81e05 !important;
    color: #d81e05 !important;
}

.orange.sec > * {
    border-color: #fe5000 !important;
    color: #fe5000 !important;
}

.yellow.sec > * {
    border-color: #ffc300 !important;
    color: #ffc300 !important;
}

.green.sec > * {
    border-color: #007a3d !important;
    color: #007a3d !important;
}

.lime.sec > * {
    border-color: #939905 !important;
    color: #939905 !important;
}

.lightgray.sec > * {
    border-color: #6c6e71 !important;
    color: #6c6e71 !important;
}

.tcyan {
    color: #0079c8 !important;
}

.sec.tcyan {
    border-color: #0079c8;
}

.tcyan75 {
    color: #409bd6 !important;
}

.sec.tcyan75 {
    border-color: #409bd6;
}

.twhite {
    color: #ffffff !important;
}

.sec.twhite {
    border-color: #ffffff;
}

.tblack {
    color: #333333 !important;
}

.sec.tblack {
    border-color: #333333;
}

.tgrey {
    color: #6c6e71 !important;
}

.sec.tgrey {
    border-color: #6c6e71;
}

.tgray50 {
    color: #b5b6b8 !important;
}

.sec.tgray50 {
    border-color: #b5b6b8;
}

.tnavy {
    color: #00335b !important;
}

.sec.tnavy {
    border-color: #00335b;
}

.tteal {
    color: #008385 !important;
}

.sec.tteal {
    border-color: #008385;
}

.tteal75 {
    color: #40a2a4 !important;
}

.sec.tteal75 {
    border-color: #40a2a4;
}

.tpurple {
    color: #6a2ca1 !important;
}

.sec.tpurple {
    border-color: #6a2ca1;
}

.tpurple75 {
    color: #9062b9 !important;
}

.sec.tpurple75 {
    border-color: #9062b9;
}

.tviolet {
    color: #a4219b !important;
}

.sec.tviolet {
    border-color: #a4219b;
}

.tburgundy {
    color: #942151 !important;
}

.sec.tburgundy {
    border-color: #942151;
}

.tfuchsia {
    color: #c6007e !important;
}

.sec.tfuchsia {
    border-color: #c6007e;
}

.tfuchsia75 {
    color: #d4409e !important;
}

.sec.tfuchsia75 {
    border-color: #d4409e;
}

.tred {
    color: #d81305 !important;
}

.sec.tred {
    border-color: #d81305;
}

.tdarkgreen {
    color: #18542c !important;
}

.sec.tdarkgreen {
    border-color: #18542c;
}

.tgreen {
    color: #007a3d !important;
}

.sec.tgreen {
    border-color: #007a3d;
}

.tlime {
    color: #939905 !important;
}

.sec.tlime {
    border-color: #939905;
}

.torange {
    color: #fe5000 !important;
}

.sec.torange {
    border-color: #fe5000;
}

.torange75 {
    color: #fe7c40 !important;
}

.sec.torange75 {
    border-color: #fe7c40;
}

.tyellow {
    color: #ffc300 !important;
}

.sec.tyellow {
    border-color: #ffc300;
}

.tlime25 {
    color: #e4e5c1 !important;
}

.sec.tlime25 {
    border-color: #e4e5c1;
}

.cyan .icon-border,
.grey .icon-border,
.lightgrey .icon-border,
.teal .icon-border,
.burgundy .icon-border,
.purple .icon-border,
.violet .icon-border,
.fuchsia .icon-border,
.red .icon-border,
.orange .icon-border,
.green .icon-border,
.lime .icon-border,
.darkgreen .icon-border,
.navy .icon-border,
.gold .icon-border {
    border-color: #ffffff;
}

.twhite.icon-border {
    border-color: #ffffff !important;
}

.tblack.icon-border {
    border-color: #000000 !important;
}

.tcyan.icon-border {
    border-color: #0079c8 !important;
}

.tgrey.icon-border {
    border-color: #6c6e71 !important;
}

.tlightgrey.icon-border {
    border-color: #e6e6e6 !important;
}

.tteal.icon-border {
    border-color: #008385 !important;
}

.tburgundy.icon-border {
    border-color: #942151 !important;
}

.tpurple.icon-border {
    border-color: #6a2ca1 !important;
}

.tviolet.icon-border {
    border-color: #a4219b !important;
}

.tfuchsia.icon-border {
    border-color: #c6007e !important;
}

.tred.icon-border {
    border-color: #d81e05 !important;
}

.torange.icon-border {
    border-color: #fe5000 !important;
}

.tgreen.icon-border {
    border-color: #007a3d !important;
}

.tlime.icon-border {
    border-color: #678004 !important;
}

.tdarkgreen.icon-border {
    border-color: #18542c !important;
}

.tnavy.icon-border {
    border-color: #00335b !important;
}

.tgold.icon-border {
    border-color: #ae9962 !important;
}

.fcyan path {
    fill: #0079c8 !important;
}

.fcyan75 path {
    fill: #409bd6 !important;
}

.fwhite path {
    fill: #ffffff !important;
}

.fblack path {
    fill: #000000 !important;
}

.fgrey path {
    fill: #6c6e71 !important;
}

.fgray50 path {
    fill: #b5b6b8 !important;
}

.fnavy path {
    fill: #00335b !important;
}

.fteal path {
    fill: #008385 !important;
}

.fpurple path {
    fill: #6a2ca1 !important;
}

.fviolet path {
    fill: #a4219b !important;
}

.fburgundy path {
    fill: #942151 !important;
}

.ffuchsia path {
    fill: #c6007e !important;
}

.fred path {
    fill: #d81305 !important;
}

.fdarkgreen path {
    fill: #18542c !important;
}

.fgreen path {
    fill: #007a3d !important;
}

.flime path {
    fill: #939905 !important;
}

.forange path {
    fill: #fe5000 !important;
}

.forange75 path {
    fill: #fe7c40 !important;
}

.flime25 path {
    fill: #e4e5c1 !important;
}

.fyellow path {
    fill: #ffc300 !important;
}

.bgcolor:not(.lightgray50) p,
.bgcolor:not(.lightgray50) label,
.bgcolor:not(.lightgray50) div,
.bgcolor:not(.lightgray50) h2,
.bgcolor:not(.lightgray50) h3,
.bgcolor:not(.lightgray50) h4 {
    color: #ffffff;
}

.bgcolor .icon-border {
    border-color: #ffffff;
}

/* social media colors */
.social {
    clear: both;
    height: 4rem;
    margin: 0.8rem auto;
    list-style-type: none;
}

.social li {
    display: inline-block;
    margin-right: 0.6rem;
}

.social a {
    display: block;
    width: 4rem;
    height: 4rem;
    font-weight: normal;
    background: #0079c8;
    color: #ffffff;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem;
}

.bgcolor .social a {
    display: block;
    width: 4rem;
    height: 4rem;
    font-weight: normal;
    background: #0079c8;
    color: #ffffff;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    font-size: 2rem;
}

.social a i {
    line-height: 4rem;
    margin: 0;
    color: #ffffff;
}

.social a span {
    display: none;
    text-indent: -9999px;
}

#main-footer .social a {
    background: #ffffff;
    color: #0079c8;
}

.fb,
a.fb {
    background-color: #3b5998;
    color: #ffffff !important;
}

.tw,
a.tw {
    background-color: #39cdff;
    color: #ffffff !important;
}

.yt,
a.yt {
    background-color: #cc181e;
    color: #ffffff !important;
}

.wa,
a.wa {
    background-color: #3eb72b;
    color: #ffffff !important;
}

footer .social a {
    background: #ffffff !important;
}

footer .social a i {
    color: #0079c8 !important;
    font-size: 1.5rem;
}

.landing footer .social a {
    background: #0079c8 !important;
}

.landing footer .social a i {
    color: #ffffff !important;
}

@media only screen and (min-width: 961px) {
    .lg-transparent {
        background-color: transparent !important;
    }
    footer .social {
        float: right;
        margin: -0.5rem 0 0 0;
    }
}

/* basics */
* {
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Bupa, Arial, Helvetica, Sans-serif;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    color: #6c6e71; /*#919295*/
    margin: 0;
    padding: 0;
    line-height: 2.4rem;
    font-weight: 400;
}

.t-xs {
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.t-sm {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

.t-md,
.t-me {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.t-lg {
    font-size: 2rem;
    line-height: 2.4rem;
}

.t-xl {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

@media only screen and (min-width: 481px) {
    html {
        font-size: 58.5%;
    }
}

@media only screen and (min-width: 721px) {
    html {
        font-size: 60.5%;
    }
}

@media only screen and (min-width: 961px) {
    html {
        font-size: 62.5%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #000000;
}

a {
    text-decoration: none;
    color: #0079c8;
}

a.block {
    display: block;
}

.bgcolor a:not(.btn),
.bg90:not(.white) a:not(.btn),
.bg80:not(.white) a:not(.btn) {
    color: #ffffff;
}

.bgcolor p > a:not(.btn),
.bg90:not(.white) p > a,
.bg80:not(.white) p > a {
    text-decoration: underline;
}

.banner.bgcolor a,
.banner.bg90:not(.white) a,
.banner.bg80:not(.white) a {
    text-decoration: none;
}

a.active:not(.btn) {
    color: #0079c8;
}

a.goback {
    color: #0079c8;
    font-weight: 700;
}

.tags {
    overflow: hidden;
    margin: 0.8rem 0;
}

.tags > i:first-child {
    font-size: 3.2rem;
}

.tags > * {
    float: left;
    margin: 0 0.8rem 0.8rem 0;
}

/* tag en singular reservado para código documentación */
.taggued {
    display: block;
    color: #6c6e71;
    background-color: #f7f7f7;
    border-radius: 0.8rem;
    padding: 0.3rem 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #e6e6e6;
}

a.taggued {
    color: #0079c8;
}

a.taggued:hover {
    color: #ffffff;
    border-color: #0079c8;
    background-color: #0079c8;
    cursor: pointer;
}

img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}

ul {
    list-style-type: none;
}

blockquote {
    font-style: italic;
}

nav,
.nav {
    content: " ";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.hide,
.mobile .mobile-hide,
.desktop .desktop-hide {
    display: none !important;
}

.show,
.mobile .mobile-.show,
.desktop .desktop-show {
    display: block !important;
}

.noscroll {
    overflow: hidden !important;
}

/*force aligns */
.hright {
    text-align: right !important;
}

.hleft {
    text-align: left !important;
}

.hcenter {
    text-align: center !important;
}

.vmiddle {
    vertical-align: middle !important;
}

.vtop {
    vertical-align: top !important;
}

.vbottom {
    vertical-align: bottom !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

/* >> screen-xs */
.xs-hright {
    text-align: right !important;
}

.xs-hleft {
    text-align: left !important;
}

/* screen-sm >>*/
@media only screen and (min-width: 481px) {
    .sm-hright {
        text-align: right !important;
    }
    .sm-hleft {
        text-align: left !important;
    }
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .md-hright,
    .me-hright {
        text-align: right !important;
    }
    .md-hleft,
    .me-hleft {
        text-align: left !important;
    }
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    .lg-hright {
        text-align: right !important;
    }
    .lg-hleft {
        text-align: left !important;
    }
}

/* screen-xl >> */
@media only screen and (min-width: 1281px) {
    .xl-hright {
        text-align: right !important;
    }
    .xl-hleft {
        text-align: left !important;
    }
}

.boxy > * {
    border: 1px solid #e5e5e5;
    padding: 0.7rem;
    background: #ffffff;
}

.shadowed-xs {
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
}

.shadowed-sm {
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.4);
}

.shadowed {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

.rounded {
    border-radius: 3px;
}

.overline {
    padding-top: 0.7rem;
    border-top: 1px solid #e6e6e6;
}

.underline {
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e6e6e6;
}

.underline.plus {
    padding-bottom: 1rem;
    border-bottom: 1px solid #0079c8;
}

.supdotted {
    border-top: 2px dotted #e6e6e6;
}

ul.supdotted {
    border-top: none;
}

ul.supdotted > * {
    border-top: 2px dotted #e6e6e6;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

ul.supdotted > *:first-child {
    border-top: none;
    padding-top: 0;
}

.subdotted {
    border-bottom: 2px dotted #e6e6e6;
}

.vdotted {
    border-right: 2px dotted #e6e6e6;
}

table.vdotted {
    border-right: none;
}

.play {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 20%;
    margin-top: 0;
    background: transparent url("/img/site_general/diseno/play.png") 50% 50%
        no-repeat;
    background-size: contain;
    z-index: 10;
    text-indent: -99999px;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.play:hover {
    background-image: url("/img/site_general/diseno/play-hover.png");
}

.icon-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.icon-overlay:hover {
    opacity: 0;
}

.icon-overlay:before {
    position: absolute;
    border: 2px solid #ffffff;
    padding: 8px;
    border-radius: 50%;
    color: #ffffff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sidenav {
    margin-bottom: 2.4rem;
    text-align: left;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(224, 224, 224, 0.9);
    box-shadow: 0px 0px 25px 0px rgba(224, 224, 224, 0.9);
}

.sidenav a {
    display: block;
    line-height: 2.4rem;
    padding: 1.1rem 0.8rem 1.2rem 1.6rem;
    color: #0079c8;
    border-top: 1px solid #e6e6e6;
}

.sidenav .off {
    display: block;
    line-height: 2.4rem;
    padding: 1.1rem 0.8rem 1.2rem 1.6rem;
    color: #0079c8;
    border-top: 1px solid #e6e6e6;
    background-color: #f7f7f7;
    color: #6c6e71;
}

.sidenav a:hover {
    border-left: 1px solid #0079c8;
    padding-left: 1.5rem;
    color: #333333;
}

.sidenav .active {
    background-color: #f2f8fc;
}

.sidenav a.active {
    border-bottom: 0;
    border-left: 2px solid #0079c8;
    padding-left: 1.4rem;
    color: #333333;
    font-weight: bold;
}

.sidenav .nav.articles .active {
    background-color: #f2f8fc;
}

.sidenav .nav.articles .active > a {
    background-color: #f2f8fc;
    color: #333333;
}

.sidenav .active > a {
    font-weight: bold;
    background-color: #0079c8;
    color: #ffffff;
}

.sidenav .nav .nav .active > a {
    background-color: transparent;
    color: #333333;
}

.sidenav .nav a,
.sidenav .nav .off {
    padding: 1.1rem 0.8rem 1.2rem 2.4rem;
    line-height: 2.4rem;
}

.sidenav .nav a:hover,
.sidenav .nav a.active:hover {
    padding-left: 2.3rem;
}

.sidenav .nav .nav a {
    padding-left: 3.2rem;
}

.sidenav .nav .nav a:hover {
    padding-left: 3.1rem;
}

.sidenav .nav .nav a.active:hover {
    padding-left: 3.2rem;
}

.sidenav .nav * {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

*[role="complementary"] section {
    margin-bottom: 2.4rem;
}

/* titles & subtitles */
.title {
    color: #333333;
    font-weight: 400;
}

.title + p {
    margin-top: 0.8rem;
}

.contributed > h2,
.contributed > h3,
.contributed > h4,
.contributed > h5,
.contributed > h6 {
    color: #333333;
    font-weight: 400;
}

i + .title,
.icon + .title {
    margin-top: 0.6rem;
}

.contributed > h2,
.contributed > h3,
.contributed > h4,
.contributed > h5.contributed > h6 {
    clear: both;
}

.bgcolor > .title,
.bg90:not(.white) > .title,
.bg80:not(.white) > .title {
    color: #ffffff;
}

a > .title:not(.sub) {
    color: #0079c8;
}

a > .sub {
    color: #000000;
}

.banner a > .title,
a.banner > .title {
    color: #ffffff;
}

.plus {
    font-weight: 700;
}

.sub {
    font-weight: 300;
}

.lead {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    font-weight: 300;
}

.lead:last-child {
    margin-bottom: 0;
}

.title.plus + .sub {
    /*color: #acacac;margin-top:0.8rem !important;*/
}

.title.plus + .sub * {
    /*color: #acacac;margin-top:0.8rem !important;*/
}

.contributed > h5:not(.title) {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.title-xs,
.contributed > h4:not(.title) {
    font-size: 2.2rem;
    line-height: 2.4rem;
}

.title-xs + .sub,
.title-xs + .lead {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.title-sm,
.contributed > h3:not(.title) {
    font-size: 2.6rem;
    line-height: 3.2rem;
}

.title-sm + .sub,
.title-sm + .lead {
    font-size: 2.2rem;
    line-height: 2.4rem;
}

.title-md,
.contributed > h2:not(.title),
.title-me {
    font-size: 3rem;
    line-height: 3.2rem;
}

.title-md + .sub,
.title-md + .lead {
    font-size: 2.6rem;
    line-height: 3.2rem;
}

.title-me + .sub,
.title-me + .lead {
    font-size: 2.6rem;
    line-height: 3.2rem;
}

.title-lg {
    font-size: 3.6rem;
    line-height: 4rem;
}

.title-lg + .sub,
.title-lg + .lead {
    font-size: 3rem;
    line-height: 3.2rem;
}

.title-xl {
    font-size: 4.2rem;
    line-height: 4.8rem;
}

.title-xl + .sub,
.title-xl + .lead {
    font-size: 3.6rem;
    line-height: 4rem;
}

.title-xxl {
    font-size: 4.8rem;
    line-height: 5.6rem;
}

.title-xxl + .sub,
.title-xxl + .lead {
    font-size: 4.2rem;
    line-height: 4.8rem;
}

p + .title,
ol + .title,
ul + .title,
dl + .title {
    margin-top: 2.4rem;
}

p + article > .title:first-child {
    margin-top: -0.8rem;
}

.title.sub + p {
    margin-top: 2.4rem;
}

.title + .lead,
.title + .subtitle {
    margin-top: 0.8rem;
}

.title > i.xl {
    clear: both;
    margin: 0 auto 1rem auto;
    display: block;
    color: #0079c8;
}

i.icon-xl {
    color: #0079c8;
}

.bgcolor i.icon-xl,
.bg90:not(.white) i.icon-xl,
.bg80:not(.white) i.icon-xl {
    color: #ffffff;
}

/*.contributed > h2 {font-size: 2.8rem;}
.contributed > h3 {font-size: 2.8rem;}
.contributed > h4 {font-size:2.4rem;}
.contributed > h6 {font-size:2rem;}*/
.contributed > h1,
.contributed > h2,
.contributed > h3,
.contributed > h4,
.contributed > h5,
.contributed > h6 {
    margin-top: 4.8rem;
    margin-bottom: 1.6rem;
    font-weight: bold;
    color: #333333;
}

.contributed > h1 + h2,
.contributed > h2 + h3,
.contributed > h3 + h4,
.contributed > h4 + h5,
.contributed > h5 + h6 {
    margin-top: 2.4rem;
}

.contributed > ul:not(.grid) > li > ul,
.contributed > ol > li > ul {
    margin-top: 0.8rem;
}

.contributed > ul:not(.grid) > li {
    padding-left: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
}

.contributed > ul:not(.grid) > li > ul:not(.grid) > li {
    padding-left: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
}

.contributed > ol > li > ul:not(.grid) > li {
    padding-left: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
}

ol > li {
    padding-left: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
    padding-left: 2.4rem !important;
}

.contributed > ul:not(.grid) > li:before,
.contributed > ul:not(.grid) > li > ul:not(.grid) > li:before {
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    position: absolute;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
    font-size: 2rem;
    left: 0;
    top: 0;
}

.contributed > ol > li > ul:not(.grid) > li:before {
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    position: absolute;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
    font-size: 2rem;
    left: 0;
    top: 0;
}

.contributed > ul.list > li:before {
    content: "";
}

ol {
    counter-reset: li;
    list-style: none;
}

ol > li:before {
    content: counter(li, decimal);
    counter-increment: li;
    position: absolute;
    top: 1px;
    background-color: #ffffff;
    color: #0079c8;
    border-color: #87ceeb;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 1.8rem;
    font-size: 1.1rem;
    border: 1px solid #87ceeb;
    text-align: center;
    font-weight: bold;
    border-radius: 100%;
    left: 0;
}

ol.abc li::before {
    content: counter(li, lower-alpha);
}

.contributed > * strong {
    color: #000000;
    font-weight: bold;
}

.contributed > hr {
    border-style: inset;
    border: 1px solid #e6e6e6;
    margin: 3.5rem;
}

ul.tic > li:before,
.contributed ul.tic > li:before {
    content: "\e9d4";
    font-family: "bupaicons" !important;
    color: #0079c8;
    position: absolute;
    top: 0;
    background-color: transparent;
    color: #0079c8;
    height: 1.8rem;
    width: 1.8rem;
    line-height: 2.4rem;
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
    border-radius: 100%;
    left: 0;
}

.bgcolor ul.tic > li:before {
    background-color: transparent;
    color: #ffffff;
}

.contributed > ul.gallery li {
    padding: 0.5rem;
    background-image: none;
}

.contributed > dl {
    margin-bottom: 1.6rem;
}

.contributed + .contributed,
.contributed + dl {
    margin-top: 1.6rem;
}

dl + .contributed {
    margin-top: 1.6rem;
}

.handwritten {
    font-family: bupascript !important;
}

p,
ul,
ol,
dl {
    line-height: 2.4rem;
}

p {
    margin-bottom: 2.4rem;
}

p + ul {
    margin-bottom: 2.4rem;
}

ol,
p + dl {
    margin-bottom: 2.4rem;
}

.t-xs {
    font-size: 0.8rem;
    line-height: 1.6rem;
}

.t-sm {
    font-size: 1.2rem;
    line-height: 1.6rem;
}

p.mini {
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-top: 0.8rem;
}

* > p:last-child {
    margin-bottom: 0;
}

article {
    text-align: left;
}

article p,
article ul,
article ol,
article dl {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
}

.contributed {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.4rem;
}

blockquote,
article blockquote {
    clear: both;
    margin: 2.4rem 1.6rem;
    text-align: center;
    color: #0079c8;
}

blockquote p,
article blockquote p {
    font-size: 2.8rem;
    line-height: 4rem;
}

@media only screen and (min-width: 961px) {
    *[role="main"] {
        margin-bottom: 2.4rem;
    }
    *[role="main"] article {
        margin-right: 1.6rem;
    }
}

ul.checkbox {
    padding-left: 1.6rem;
}

.bullets {
    text-align: left;
}

.title + .bullets {
    margin-top: 1.6rem;
}

.bullets > li,
.tic > li {
    padding-left: 2.4rem;
    margin-bottom: 1.6rem;
    position: relative;
}

table .bullets > li {
    margin-bottom: 0;
}

.bullets > li:before {
    position: absolute;
    font-size: 2rem;
    left: 0;
    top: 0;
    content: "•";
    font-family: "Arial, Helvetica,Sans-serif";
    background-color: transparent;
    color: #0079c8;
    height: 1.6rem;
    width: 1.6rem;
    line-height: 100%;
    text-align: center;
}

.bgcolor > .bullets > li:before {
    color: #ffffff;
}

/* screen-md */
@media only screen and (min-width: 721px) {
    .air {
        padding: 1.6rem 0.8rem;
    }
}

@media only screen and (min-width: 961px) {
    .air {
        padding: 3.2rem;
    }
    /*article p {font-size:1.6rem;}*/
}

.list-map {
    border-top: 1px solid #d6d6d6;
    background: #ffffff;
}

.list-map > ul {
    width: 100%;
}

.list-map .func {
    margin-top: 0.8rem;
}

.list-map > ul.listresults > li {
    padding: 0.8rem;
}

.list-map > ul.listresults > li:first-child {
    border-top: none;
}

.list-map > li > a:hover {
    background-color: #f2f8fc !important;
}

.map-list {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

.map-list iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* screen-lg >> */
@media only screen and (min-width: 769px) {
    .list-map {
        float: left;
        display: block;
        width: 33.3333%;
        height: 0;
        padding: 0 0 70%;
        overflow-y: scroll;
        border-bottom: 1px solid #d6d6d6;
        border-left: 1px solid #d6d6d6;
    }
    .list-map > ul {
        position: absolute;
    }
    .list-map > ul.listresults > li {
        padding: 1.6rem;
    }
    .list-map .func > *:last-child {
        text-align: left !important;
    }
    .map-list {
        width: 66.6666%;
    }
}

/* screen-xl >> */
@media only screen and (min-width: 1281px) {
    .square > * > * > i:first-child {
        font-size: 6.5rem;
    }
}

.tooltip {
    top: 0;
    left: -300rem;
    position: absolute;
    width: 16rem;
}

.tooltip .triangle {
    position: absolute;
    right: -0.9rem;
    top: 50%;
    margin-top: -0.5rem;
    width: 1rem;
    height: 1rem;
    border: 5px solid #2b2626;
    z-index: 10;
}

.tooltip > div {
    padding: 0.8rem;
    background-color: #2b2626;
    margin: 0;
    border: 0;
    top: 0;
    left: 0.5rem;
    position: relative;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.tooltip > div:hover {
    cursor: default;
}

.tooltip > div p {
    margin-bottom: 0.5rem;
}

.tooltip > div p:last-child {
    margin-bottom: 0;
}

.tooltip > div .text {
    font-size: 1.1rem;
    line-height: 120%;
    font-family: Arial;
}

.show .tooltip.left {
    left: -17rem;
    right: auto;
    top: 50%;
}

.show .tooltip.left .triangle {
    right: -0.9rem;
    top: 50%;
    margin-top: -0.5rem;
    border-left-color: #2b2626;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

.show .tooltip.right {
    left: auto;
    right: -16.3rem;
    top: 50%;
}

.show .tooltip.right .triangle {
    right: auto;
    left: -0.9rem;
    margin: -0.5rem 0 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-right-color: #2b2626;
    border-bottom-color: transparent !important;
}

.show .tooltip.top {
    left: 50%;
    right: auto;
    margin: 0 0 0 -8rem;
}

.show .tooltip.top .triangle {
    top: auto;
    left: auto;
    right: 50%;
    bottom: -0.9rem;
    margin: 0 0 0 -0.5rem;
    border-left-color: transparent !important;
    border-top-color: #2b2626;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
}

.show .tooltip.bottom {
    top: auto;
    left: 50%;
    right: auto;
    margin: 0 0 0 -8rem;
}

.show .tooltip.bottom .triangle {
    top: -0.9rem;
    left: auto;
    right: 50%;
    bottom: auto;
    margin: 0 0 0 -0.5rem;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #2b2626;
}

.show .tooltip.cyan {
    background: transparent !important;
}

.show .tooltip.cyan .triangle {
    border-color: #0079c8;
}

.show .tooltip.cyan > div {
    background-color: #0079c8;
}

.show .tooltip.orange75 {
    background: transparent !important;
}

.show .tooltip.orange75 .triangle {
    border-color: #fe7c40;
}

.show .tooltip.orange75 > div {
    background-color: #fe7c40;
}

.show .tooltip.teal {
    background: transparent !important;
}

.show .tooltip.teal .triangle {
    border-color: #008385;
}

.show .tooltip.teal > div {
    background-color: #008385;
}

.show .tooltip.purple {
    background: transparent !important;
}

.show .tooltip.purple .triangle {
    border-color: #6a2ca1;
}

.show .tooltip.purple > div {
    background-color: #6a2ca1;
}

.show .tooltip > div {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

/* PLACES */
.place {
    display: block;
    border: 1px solid #e7e7e7;
    text-align: center;
}

.place.bgcolor {
    border: none;
}

li > .place {
    margin: 0;
    border: none;
}

.list > li > .place {
    padding: 0;
}

.list > li > .place *[itemtype="http://schema.org/LocalBusiness"] {
    padding: 0;
}

.place > * {
    display: block;
}

.place *[itemtype="http://schema.org/LocalBusiness"] {
    padding: 0.8rem 1.6rem;
}

.place *[itemprop="name"] {
    font-weight: bold;
}

.place > .gallery {
    padding-right: 0;
    margin: 0.8rem 0;
    width: 100%;
}

.place > .media {
    margin: 1.5rem auto;
    width: 100%;
}

.place > .media.thumb {
    width: 6rem;
    margin: 1.6rem auto;
    border-radius: 50%;
}

.place > .media.thumb + *[itemtype="http://schema.org/LocalBusiness"] {
    width: 100%;
}

.place .bgcolor a,
.place.bgcolor a {
    text-decoration: none;
}

.place a *[itemprop="name"] {
    color: #0079c8;
}

.place *[itemprop="address"] {
    color: #6c6e71;
}

.place.bgcolor *[itemprop="address"],
.place.bgcolor *[itemprop="name"] {
    color: #ffffff;
}

.place.bgcolor a *[itemprop="name"] {
    color: #ffffff;
}

/*.place > div {width: auto;}*/
.themap {
    width: auto;
    height: 15rem;
    background-position: 50% 50%;
}

.themap:hover {
    border-color: #0079c8;
}

.gifmap {
    position: relative;
    display: block;
}

.pushpin {
    z-index: 10;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    margin: -1.6rem 0 0 -1.6rem;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("/img/site_general/diseno/chincheta.png");
    background-repeat: no-repeat;
}

#maplist li > .place > div {
    padding: 0.8rem;
}

#maplist .place *[itemprop="name"],
#maplist .place p {
    font-size: 1.6rem;
}

*[role="complementary"] .place {
    display: block;
}

*[role="complementary"] .list > li > .place {
    padding: 0;
}

*[role="complementary"] .place > * {
    display: block;
}

*[role="complementary"] .place > div {
    width: auto;
}

*[role="complementary"] .place *[itemtype="http://schema.org/LocalBusiness"] {
    padding: 1.6rem;
}

*[role="complementary"] .themap {
    width: auto;
    height: 15rem;
}

.contributed .place p {
    margin-top: 0;
}

.place.bgcolor .btn {
    border-color: #ffffff !important;
}

.gm-style-iw,
.gm-style {
    font-size: 1.4rem !important;
    color: #6c6e71 !important;
}

/* screen-sm >>*/
@media only screen and (min-width: 481px) {
    .place {
        display: table;
        clear: both;
        margin: 0 0 2.4rem;
        width: 100%;
        text-align: left;
    }
    .place > .media {
        margin: 0 1.6rem 0 0;
        width: 15rem;
    }
    .place > .media.thumb {
        width: 10rem;
        margin: 0 1.6rem 0 0;
        border-radius: 0;
    }
    /*	.place .media:not(.thumb) img {margin-top: -17%;}*/
    .list > li > .place {
        margin: 0;
        border-top: 0;
    }
    .place > * {
        display: table-cell;
        vertical-align: top;
        width: 9999px;
    }
    .place.vplace > * {
        display: block;
        width: 100% !important;
        clear: both;
    }
    .place > div:not(.media) {
        padding: 1.6rem;
    }
    .place .themap {
        width: 38.2%;
    }
    .place.bgcolor p {
        color: #ffffff;
    }
    /*width: 66%;*/
    /* phi golden ratio*/
    /*li > .place > * {padding: 0 1.5rem 0 0 !important;}*/
    .hero .place {
        margin: 0;
    }
    .hero .place > div {
        width: 44%;
    }
    .hero .place *[itemprop="name"] {
        font-size: 1.5rem;
        line-height: 1.2em;
        color: #ffffff !important;
    }
    .place.bgcolor a *[itemprop="name"] {
        color: #ffffff !important;
    }
    *[role="complementary"] .place .btns > * {
        width: 100% !important;
        clear: both;
        margin: 0;
    }
    .place > .gallery {
        padding-right: 1.6rem;
        margin: 0;
        width: 38.2%;
    }
    /*width proporción aurea*/
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    .place > .media {
        width: 25rem;
    }
}

/* forms */
legend {
    width: 100%;
}

.form-group {
    margin-bottom: 1.6rem; /*display:inline-block;*/
}

* > .form-group:last-child {
    margin-bottom: 0;
}

* > .form-group:first-child {
    margin-bottom: 1.6rem;
}

.form-group > i,
.form-horizontal .withicon > i {
    position: absolute;
    left: 0.8rem;
    top: 0;
    line-height: 4.8rem;
    font-size: 2rem;
    color: #333333 !important;
    z-index: 11;
}

.grid > .form-group > i,
.grid > .form-horizontal .withicon > i {
    left: 2.4rem;
}

.row > .form-group > i {
    left: 2.4rem;
}

.form-horizontal .form-group > i,
.form-horizontal .withicon > i {
    left: 2.4rem;
}

.form-horizontal .form-group > i + select,
.form-horizontal .withicon > i + select {
    padding-left: 4.8rem;
}

label {
    font-size: 1.8rem;
    color: #333333;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.input-help {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.form-horizontal .form-group label {
    padding-left: 1.6rem;
}

.checkbox label {
    font-size: 1.5rem;
}

.control-label {
    font-weight: 700;
}

.checkbox {
    text-align: left;
}

input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="tel"] {
    -webkit-appearance: none;
    width: 100%;
    min-height: 4.8rem;
    line-height: 1.6rem;
    padding-left: 1.6rem;
    background-color: transparent;
    border: none;
    border-color: #ffffff;
    border-bottom: 1px solid #409bd6;
    border-radius: 0;
    font-size: 1.5rem;
    color: #333333;
    text-align: left;
    z-index: 10;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    display: block;
}

select,
textarea {
    -webkit-appearance: none;
    width: 100%;
    min-height: 4.8rem;
    line-height: 1.6rem;
    padding-left: 1.6rem;
    background-color: transparent;
    border: none;
    border-color: #ffffff;
    border-bottom: 1px solid #409bd6;
    border-radius: 0;
    font-size: 1.5rem;
    color: #333333;
    text-align: left;
    z-index: 10;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.input-help {
    font-size: 1rem;
    line-height: 120%;
}

fieldset {
    border: none;
}

/* intento de tunerar campos input type="file" */
.form-border .ifile {
    height: 5.2rem;
}

.form-border .ifile::-webkit-file-upload-button {
    visibility: hidden;
    width: 0.1rem;
    text-align: left;
}

.form-border .ifile::before {
    content: "\e944";
    font-family: "bupaicons";
    width: 4rem;
    height: 4rem;
    vertical-align: middle;
    line-height: 4rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 4px;
    left: auto;
    right: 4px;
    z-index: 11;
    text-align: center;
    background-color: #0079c8;
    color: #ffffff;
    cursor: pointer;
}

.form-border .ifile:hover::before {
    background-color: #409bd6;
}

.form-group > i + input,
.form-group > i + select,
.form-group > i + textarea {
    padding-left: 4rem !important;
}

.withicon > i + input,
.withicon > i + select,
.withicon > i + textarea {
    padding-left: 4rem !important;
}

textarea {
    border: 1px solid #409bd6;
    min-height: 16rem;
}

select,
input[type="date"] {
    padding-right: 4.8rem;
    text-align: left;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

select::-ms-expand {
    display: none;
}

select + i.icon-arrow-bottom {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 2.4rem;
    margin-top: -0.8rem;
    left: auto;
    color: #0079c8;
    font-size: 2rem;
    line-height: 4.8rem;
    z-index: 11;
}

/* = appearance: none for IE 11 + Edge add   */
input[type="date"] + i.icon-calendar {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 2.4rem;
    margin-top: -0.8rem;
    left: auto;
    color: #0079c8;
    font-size: 2rem;
    line-height: 4.8rem;
    z-index: 11;
}

.grid > * > select + i.icon-arrow-bottom,
.grid > * > input[type="date"] + i.icon-calendar {
    right: 1.6rem;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
    border-color: #0079c8;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #000000;
}

select:focus,
textarea:focus {
    border-color: #0079c8;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #000000;
}

input + i.icon-pencil {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 1.6rem;
    margin-top: 0;
    left: auto;
    color: #000000;
    font-size: 1.5rem;
}

input:focus + i.icon-pencil {
    display: none;
}

select:focus,
textarea:focus {
    border-color: #047ecb;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 121, 200, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 121, 200, 0.5);
}

.cyan input[type="text"]:focus,
.cyan input[type="search"]:focus,
.cyan input[type="password"]:focus,
.cyan input[type="email"]:focus {
    border-color: #409bd6;
}

.cyan select:focus,
.cyan textarea:focus {
    border-color: #409bd6;
}

input[type="search"] {
    padding-left: 4rem;
}

select option[selected] {
    color: #0079c8 !important;
    font-weight: bold;
}

select::-ms-expand {
    display: none;
}

input::-webkit-input-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem;
    opacity: 1 !important;
    color: #6c6e71;
}

input:-moz-placeholder,
input::-moz-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    color: #6c6e71;
}

input:-ms-input-placeholder {
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #6c6e71;
}

input.checkbox {
    margin-right: 0.5rem; /*margin-bottom:2rem MOLESTABA EN ACEPTO POLÍTICA...*/
}

/* For Microsoft IE */
label.hidden {
    display: none;
}

.checkbox-inline,
.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 2.4rem;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 0.4rem;
    margin-left: -1.6rem;
}

.checkbox label,
.checkbox-inline label {
    text-align: left;
}

/*.form-horizontal input, .form-horizontal label {padding-left:0 !important;}*/
.form-horizontal .form-group {
    margin-right: -1.6rem;
    margin-left: -1.6rem;
    padding: 0 0.8rem;
    display: block;
    overflow: hidden;
    clear: both;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #d81e05 !important;
    background-color: #fcf1f0 !important;
    -webkit-box-shadow: -1px -1px 12px -2px #d81e05 !important;
    box-shadow: -1px -1px 12px -2px #d81e05 !important;
}

.required:before {
    content: "*";
    color: #d81e05;
}

label.required:before,
label.zemRequired:before {
    content: "*";
    color: #d81e05;
}

label.hleft.required:before,
label.hleft.zemRequired:before {
    content: "";
    color: #d81e05;
}

label.hleft.required:after,
label.hleft.zemRequired:after {
    content: "*";
    color: #d81e05;
}

.error,
.zemError {
    background-color: #fcf1f0;
    border: 1px solid #d81e05;
    color: #d81e05 !important;
    padding: 0.7rem;
}

.error,
.zemError {
    color: #d81e05 !important;
}

.error *,
.zemError * {
    color: #d81e05 !important;
}

.error-msg,
.zemError {
    border: none;
    padding: 0.8rem;
}

.alert {
    background-color: #fdf6dd;
    padding: 0.8rem;
    color: #635a15 !important;
}

.alert * {
    color: #635a15 !important;
}

.info {
    background-color: #dbf1fa;
    padding: 0.8rem;
    color: #0079c8 !important;
}

.info * {
    color: #0079c8 !important;
}

/* COLOR PARA TD DE MUESTRA*/
.ok {
    background-color: #efffda;
    padding: 0.8rem;
    color: #439135 !important;
}

.ok * {
    color: #439135 !important;
}

/* FIN COLOR*/
div.ok {
    padding: 2.3rem;
    color: #439135 !important;
    background-color: #efffda;
    border: 1px solid #439135;
}

div.ok > * {
    color: #439135 !important;
}

/*.form-inline */
input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"] {
    margin-bottom: 0.8rem;
}

select,
textarea {
    margin-bottom: 0.8rem;
}

label {
    display: block; /*width:100%;*/
    text-align: center !important;
    margin: 0.8rem 0;
}

label.hleft,
label.hright {
    display: block; /*width:100%;*/
    text-align: center !important;
    margin: 0.8rem 0;
}

/* screen-sm >>*/
@media only screen and (min-width: 481px) {
    input[type="text"],
    input[type="date"],
    input[type="search"],
    input[type="password"],
    input[type="email"],
    input[type="tel"] {
        margin-bottom: 0;
    }
    select,
    textarea {
        margin-bottom: 0;
    }
    label {
        /*width:auto;*/
        text-align: left !important;
        margin: 0;
    }
    label.hleft,
    label.hright {
        /*width:auto;*/
        text-align: left !important;
        margin: 0;
    }
}

@media (min-width: 721px) {
    label.hright {
        text-align: right !important;
    }
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .form-control,
    .form-inline label {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-right: 2rem;
    }
    .form-inline .form-control-static {
        display: inline-block;
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }
    .form-inline .input-group .form-control,
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn {
        width: auto;
    }
    .form-inline .input-group > .form-control {
        width: 100%;
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox,
    .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .form-inline .checkbox label,
    .form-inline .radio label {
        padding-left: 0;
    }
    .form-inline .checkbox input[type="checkbox"],
    .form-inline .radio input[type="radio"] {
        position: relative;
        margin-left: 0;
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

/* formulario campos con bordes */
.form-border input,
.form-border select,
.form-border textarea {
    background-color: #ffffff;
    border: 2px solid #e6e6e6;
    border-radius: 3px;
}

.form-border input[type="radio"],
.form-border input[type="checkbox"] {
    border: none;
}

.form-border select {
    padding: 1.4rem 4.8rem 1.4rem 1.4rem;
    background-image: url("/img/site_general/diseno/icon-select-blue.png");
    background-repeat: no-repeat;
    background-position: center right;
}

.form-border input,
.form-border textarea {
    padding: 0.8rem;
}

.form-border input[type="radio"],
.form-border input[type="checkbox"] {
    padding: 0;
}

/* ccform: campos cuenta corriente */
.ccform label {
    color: #acacac;
    font-weight: lighter;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.ccform input {
    color: #333333;
    font-weight: bold;
    font-size: 2rem;
}

/* screen-la */
@media only screen and (min-width: 721px) {
    .control-label {
        text-align: right;
    }
    .form-horizontal .form-group {
        text-align: left;
    }
}

/* screen-la >> */
@media only screen and (min-width: 961px) {
    .control-label {
        text-align: right;
    }
}

/* input autowidth superinline */
.superinline {
    margin: 0 0.8rem;
}

input.superinline {
    width: auto;
    padding: 0 1.6rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    min-height: auto;
}

select.superinline {
    width: auto;
}

/* BUTTONS */
/*
BASIC ".btn"
SECONDARY ".btn.sec"
*/
button {
    border: none;
}

.more {
    position: relative;
    font-weight: 700;
    padding-right: 3.2rem;
    display: inline-block;
    color: #0079c8;
}

.bgcolor .more {
    color: #ffffff;
}

.more i:last-child {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -0.8rem;
    font-size: 1.6rem;
}

.more.block {
    padding: 0.8rem 3.2rem 0.8rem 0.8rem;
    display: block;
}

.btn {
    position: relative !important;
    width: 100%;
    display: inline-block !important;
    text-align: center;
    font: bold 1.4rem Bupa, Arial, Helvetica, sans-serif;
    line-height: 1.6rem; /*IE9-10*/
    text-decoration: none;
    color: #ffffff;
    background-color: #0079c8;
    border: 2px solid transparent;
    cursor: pointer;
    border-radius: 3px;
}

.btn.active {
    border-color: #0079c8;
}

.btn.dropdown-toggle {
    padding-right: 3rem;
}

.btn.dropdown-toggle > i:last-child {
    right: 0.8rem;
}

.btn > span {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    font-weight: bold;
    line-height: 1em;
    display: inline-block;
}

.btn > i .icon:first-child,
.btn > i:first-child:not(.icon-arrow-left) {
    position: absolute;
    top: 50%;
    margin-top: -1.6rem;
    font-size: 3.2rem;
}

.btn > .icon:first-child {
    position: absolute;
    top: 50%;
    margin-top: -1.6rem;
    width: 3.2rem;
    height: 3.2rem;
}

.btn > i:not(.icon-arrow-left) + span,
.btn > .icon + span {
    margin-left: 4rem;
}

.btn > span + i {
    margin-right: 0;
    margin-left: 0.8rem;
}

/*.btn:hover {opacity:0.7;}*/
/*.btn:not(.sec){color:$color-white !important;}  estropea FAQs en cabecera*/
.btn-xs > span {
    margin: 0 0.8rem;
}

.btn.white {
    background-color: #ffffff;
    color: #0079c8;
}

.btn.trans {
    background-color: transparent;
    color: #0079c8;
}

.sec {
    background-color: transparent !important;
    border-color: #0079c8;
    color: #0079c8;
}

.btn.sec:hover,
.btn.sec.active {
    background-color: transparent !important;
    color: #00548c;
}

.btn.sec.tfuchsia:hover,
.btn.sec.tfuchsia.active {
    color: #9c2d6f !important;
    border-color: #9c2d6f;
}

.btn.ter:hover,
.btn.ter.active {
    color: #00548c;
}

.btn.ter.tfuchsia:hover,
.btn.ter.tfuchsia.active {
    color: #9c2d6f !important;
}

.bgcolor .sec,
.bg90:not(.white) .sec,
.bg80:not(.white) .sec {
    border-color: #ffffff;
    color: #ffffff;
}

.bordered {
    border: 2px solid #ffffff;
}

span.bordered {
    display: inline-block;
}

.btn.sec.white {
    color: #ffffff;
    border-color: #ffffff;
}

.btn.sec.white:hover {
    color: #0079c8;
}

.btn.block {
    width: 100%;
    clear: both;
}

.ter {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #0079c8;
}

.btn.ter:hover {
    background-color: transparent !important;
}

.bgcolor .ter {
    color: #ffffff;
}

.btn {
    padding: 1.4rem;
}

.btn-xs {
    padding: 1.1rem;
    font-size: 1.2rem;
    border-width: 1px;
}

.btn-sm {
    padding: 1.1rem;
}

.btn-lg {
    padding: 2.2rem;
    border-radius: 5px;
    font-size: 2.2rem;
}

.btn-xl {
    padding: 2.2rem;
    border-radius: 5px;
    font-size: 2.4rem;
}

.btn.overlay {
    position: absolute !important;
    top: 0;
    right: 0;
    margin: 0;
    background-image: none !important;
    z-index: 15;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 2.2rem;
}

.btn.overlay.left {
    position: absolute;
    left: 0;
    right: auto;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn.overlay > i {
    left: 0.8rem;
}

.overlay.left + input {
    padding-left: 5.6rem;
}

/*buttons list */
.btns {
    margin-top: 2.4rem;
}

p + .btns {
    margin-top: 0;
}

.btns > * {
    margin: 0 auto 0.8rem auto;
}

.btns > *:first-child {
    margin-left: 0;
}

.btns > *:last-child {
    margin-right: 0;
}

.btns:last-child {
    margin-bottom: 0;
}

.btns:last-child > * {
    margin-bottom: 0;
}

/* screen-xs > */
@media only screen and (min-width: 481px) {
    .btn {
        width: auto;
    }
    .btn-xs > span {
        margin: 0;
    }
    .btn-xs > i:first-child:not(.icon-arrow-left) {
        font-size: 2rem;
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -0.8rem;
    }
    .btn-xs > i:first-child:not(.icon-arrow-left) + span {
        margin-left: 2.4rem;
    }
    .btn-sm > i:first-child:not(.icon-arrow-left) {
        font-size: 1.8rem;
        position: absolute;
        left: 0.8rem;
        top: 50%;
        margin-top: -0.9rem;
    }
    .btn-sm > i:first-child:not(.icon-arrow-left) + span {
        margin-left: 2.4rem;
    }
    .btns {
        display: inline-block;
    }
    .btns > * {
        float: left;
        margin: 0 0.8rem 0.8rem 0;
    }
    .btns-bar {
        margin-top: 0;
    }
    .btns-bar > * {
        margin: 0 1px 0 0;
    }
    .btns-bar > * > * {
        margin: 0;
        border-radius: 0;
    }
    .btns-bar > * > .sec {
        margin: 0 0 0 -0.4rem;
    }
    .btns-bar .sec.active {
        background-color: #0079c8 !important;
        color: #ffffff;
    }
    .btns-bar > *:first-child > .sec {
        margin: 0;
    }
    .btns-bar > *:first-child > * {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
    .btns-bar > *:last-child > * {
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }
    /*.btns-bar .active:before*/
    .btns .btn.active:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(91, 105, 115, 0);
        border-top-color: inherit;
        border-width: 9px;
        margin-left: -9px;
    }
}

/* screen-sm > */
@media only screen and (min-width: 721px) {
    .btn-xs {
        padding: 0.7rem;
    }
    .btn-sm {
        padding: 1rem;
    }
}

/* screen-lg > */
@media only screen and (min-width: 1281px) {
    .btn-xl {
        padding: 3rem;
        border-radius: 8px;
    }
}

/* paginations */
.pagination_lite li {
    float: left;
}

.pagination_lite i {
    color: #0079c8;
}

.pagination_lite a {
    padding: 0.8rem;
    color: #0079c8;
}

.pagination_lite i {
    color: #0079c8;
}

.bgcolor > .pagination.overline {
    border-color: #ffffff;
}

.bgcolor > .pagination .btn {
    background-color: #ffffff;
    color: #0079c8;
}

/* TABLAS : .strips y .bars */
table {
    display: block;
    min-width: 100%;
    width: auto;
    border-collapse: collapse;
    border: none;
    font-size: 1.6rem;
    text-align: left;
    color: #333333;
}

caption,
thead,
tfoot,
tbody,
tr {
    position: static;
}

caption {
    padding: 1.6rem 0;
    text-align: center;
    color: #000000;
    font-size: 1.64rem;
}

.bars tbody tr td:nth-child(even),
.bars tbody tr th:nth-child(even) {
    background-color: #f9f9f9;
}

.bars tbody tr td:nth-child(odd),
.bars tbody tr th:nth-child(odd) {
    background-color: #ffffff;
}

td,
th {
    line-height: 1.6rem;
    border: none;
    text-align: center;
    position: static;
    padding: 1.6rem;
}

thead tr {
    border-bottom: 0.2rem solid #0079c8;
}

thead tr * {
    padding: 1.4rem 1.6rem 1.6rem 1.6rem;
}

.vdotted thead tr {
    border-bottom-width: 4px;
}

thead th,
.destacada thead th:first-child {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
    color: #000000;
    background-color: transparent;
}

thead th i {
    margin-right: 0.8rem;
    color: #0079c8;
}

tbody th {
    vertical-align: middle;
    color: #000000;
}

tbody tr {
    border-top: 0.2rem solid #e6e6e6;
}

.vdotted tbody tr {
    border-top-width: 4px;
}

tbody td {
    vertical-align: middle;
}

tbody tr > *.error {
    color: #d81e05 !important;
}

tbody tr > *.progress {
    color: #fe5000 !important;
}

tbody td a {
    color: #0079c8;
    font-weight: bold;
}

tbody td ul {
    text-align: left;
}

table.vtop tbody tr > * {
    vertical-align: top;
}

table.vmiddle tbody tr > * {
    vertical-align: middle;
}

table.vbottom tbody tr > * {
    vertical-align: bottom;
}

tbody td.vtop {
    vertical-align: top;
}

tbody td.vmiddle {
    vertical-align: middle;
}

tbody td.vbottom {
    vertical-align: bottom;
}

tbody .btn {
    width: 100%;
}

tbody td > i {
    display: block;
    clear: both;
    color: #0079c8;
    font-size: 2.5rem;
}

tbody td .circle {
    clear: both;
}

tbody td .circle + *:not(.circle) {
    display: block;
    clear: both;
}

tfoot tr {
    border-top: 1px solid #e5e5e5;
}

tfoot td {
    font-size: 1.1rem;
    color: #585858;
}

/* screen-la */
@media only screen and (min-width: 721px) {
    table {
        display: table;
    }
    caption {
        display: table-caption;
    }
    thead {
        display: table-header-group;
        background: #ffffff;
    }
    tbody {
        display: table-row-group;
    }
    tfoot {
        display: table-footer-group;
    }
    tr {
        display: table-row;
    }
    tbody tr {
        padding: 0;
        border-top: 1px solid #e5e5e5;
    }
    .strips tbody tr {
        border: none;
    }
    .strips tbody tr:nth-child(even) {
        background-color: #f5faff;
    }
    td,
    th {
        display: table-cell;
        padding: 1.6rem;
        text-align: left;
    }
    tbody .btn {
        width: auto;
    }
    tbody td > i {
        display: none;
        clear: none;
        color: inherit;
        margin-right: 0.8rem;
        font-size: inherit;
    }
    tbody td .circle {
        display: inline-table;
    }
    table.vdotted tbody tr td {
        border-right: 0.2rem dotted #e6e6e6;
    }
    table.vdotted tbody tr td:last-child {
        border-right: none;
    }
}

/* table-responsive */
.table-list {
    display: table;
    width: 100%;
    background: none;
}

.table-list thead {
    display: none;
}

.table-list tr {
    padding: 1.6rem;
    display: block;
    width: 100%;
}

.table-list tr:first-child {
    border-top: none;
}

.table-list td {
    display: block;
    position: static;
    text-align: center;
    white-space: normal;
    padding: 0.8rem 0;
    border-bottom: none;
    background: none;
}

.table-scroll,
table {
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.table-scroll {
    display: inline-block;
    min-width: auto;
}

.table-shadow {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(
                ellipse at left,
                rgba(0, 0, 0, 0.3) 0%,
                transparent 75%
            )
            0 center,
        radial-gradient(
                ellipse at right,
                rgba(0, 0, 0, 0.3) 0%,
                transparent 75%
            )
            100% center;
    background-size: 15px 100%, 15px 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-attachment: scroll, scroll;
}

.shadow-left {
    background-attachment: scroll, fixed;
}

.shadow-right {
    background-attachment: fixed, scroll;
}

.table-scroll td:first-child,
.table-flip tbody tr:first-child,
table td:first-child {
    background-repeat: no-repeat;
    background-size: 25px 100%;
}

.table-scroll td:last-child,
.table-flip tbody tr:last-child,
table td:last-child {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 25px 100%;
}

.table-scroll th {
    background: #ffffff;
    white-space: nowrap;
}

.table-scroll td {
    white-space: nowrap;
}

table thead th,
table td {
    white-space: nowrap;
}

.table-flip {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow: hidden;
    background: none;
    min-width: auto;
}

.table-flip thead {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
}

.table-flip th {
    border-right: 0.2rem solid #0079c8;
    background: #f2f8fc;
    border-bottom: none;
}

.table-flip td {
    border-bottom: none;
    border-right: 1px solid #e5e5e5;
}

.table-flip tbody {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    overflow-x: auto;
    overflow-y: hidden;
}

.table-flip thead tr {
    border-bottom: none;
}

.table-flip tr {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: none;
}

.table-flip td,
.table-flip th {
    display: block;
}

.table-flip td {
    background-image: none !important;
    border-left: 0;
}

@media only screen and (min-width: 721px) {
    table td {
        white-space: normal;
    }
    .table-list {
        display: table;
        width: auto;
        min-width: 100%;
    }
    .table-list tr {
        display: table-row;
        border: none;
    }
    .table-list td,
    .table-list th {
        display: table-cell;
        text-align: left;
        padding: 1.6rem;
        border-bottom: 1px solid #e5e5e5;
    }
    .table-list thead {
        display: table-header-group;
        border-bottom: 0.2rem solid #0079c8;
    }
}

/* PRUEBAS INFORMES MÉDICOS*/
#table-informes .resumen {
    display: none;
}

#table-informes a.expand {
    width: 3.6rem;
    height: 1.8rem;
    text-align: center;
    color: #ffffff;
    background: #0079c8;
    border-radius: 36px 36px 0 0;
    padding: 0.2rem 0px 0px 0.8rem;
}

#table-informes a.expand i,
#table-informes a.expand .icon {
    vertical-align: sub;
    margin-right: 0.8rem;
    display: inline;
}

#table-informes td {
    padding: 0.4rem 0px;
}

#table-informes td i {
    display: none;
}

#table-informes td:last-child {
    padding: 0.8rem 0px 0px 0px;
}

#table-informes tr {
    padding-bottom: 0px !important;
}

#table-informes .uploaded::before {
    content: "Añadido por: ";
    font-size: 0.9rem;
    color: #999;
}

@media only screen and (min-width: 721px) {
    #table-informes td:last-child,
    #table-informes th:last-child {
        text-align: center !important;
        white-space: nowrap;
    }
    #table-informes td {
        padding: 1.6rem;
    }
    #table-informes td:last-child {
        padding: 0.8rem 0;
    }
    #table-informes tr {
        padding-bottom: 1.6rem !important;
    }
    #table-informes .resumen {
        display: table-cell;
    }
    #table-informes a.expand {
        display: none;
    }
    #table-informes td i {
        display: inherit;
    }
    #table-informes .uploaded::before {
        content: "";
    }
}

/* FIN PRUEBAS INFORMES MÉDICOS*/
/* _breacrumb */
.container.breadcrumb {
    display: none;
}

.nonav + .container.breadcrumb {
    border: none;
}

#breadcrumb {
    font-size: 1.3rem;
    text-align: left;
    padding: 1.5rem 0 1.6rem 0;
    margin-bottom: 0;
}

.nonav + .container #breadcrumb {
    padding: 0 0 1.6rem 0;
}

#breadcrumb li,
#breadcrumb h1 {
    display: inline-block; /*font-size: 1.3rem;*/
}

#breadcrumb a {
    color: #000000;
}

#breadcrumb a span,
#breadcrumb a:hover span {
    color: #0079c8;
}

#breadcrumb a:after {
    content: "/";
}

#breadcrumb span {
    padding: 0 0.8rem;
}

#breadcrumb h1 {
    font-size: 1.3rem;
    padding-left: 0.8rem;
    font-weight: normal; /*color:$color-cyan;*/
}

#breadcrumb li:first-child span,
#breadcrumb li:first-child h1 {
    padding-left: 0;
}

/* screen-la >> */
@media only screen and (min-width: 961px) {
    .container.breadcrumb {
        display: block;
    }
}

/* labeled data */
dl.data {
    color: #333333;
}

dl.data dt {
    display: block;
    margin: 0 0 1rem 0;
    text-align: left;
    font-weight: normal;
}

dl.data dd {
    display: block;
    margin: 0 0 1rem 0;
    text-align: left;
    font-weight: bold;
}

dl.data dd * {
    font-weight: bold;
}

/* screen-la */
@media only screen and (min-width: 961px) {
    dl.data {
        text-align: left;
    }
    dl.data dt,
    dl.data dd {
        display: inline-block;
    }
}

/* CALENDARS */
.calendar.monthly td,
.calendar.monthly th {
    width: 14.2%;
}

.calendar thead tr {
    border-bottom: none;
}

.calendar tbody tr {
    border-top: 1px solid #e6e6e6;
}

.calendar th {
    border-left: 1px solid #e6e6e6;
    text-align: center;
}

.calendar td {
    border-left: 1px solid #e6e6e6;
    vertical-align: top;
}

.calendar tr > *:first-child {
    border-left: none;
}

.calendar .holiday {
    background-color: #f9f9f9;
}

.calendar.weekly tbody th {
    vertical-align: middle;
    text-transform: uppercase;
}

.calendar.weekly tbody th span {
    display: block;
    clear: both;
    text-transform: uppercase;
    color: #919295;
}

.calendar.weekly tbody th i {
    color: #0079c8;
}

.calendar.lite tr {
    border-top: none;
}

.calendar.lite tr > * {
    border: none;
    padding: 0 0.8rem;
    text-align: center;
    height: 3.2rem;
    vertical-align: middle;
}

.calendar.lite .holiday {
    background-color: #ffffff;
    color: #acafb0;
}

.calendar.lite .othermonth {
    background-color: #ffffff;
    color: #d9dbde;
}

#mod_calendar {
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

#mod_calendar .main {
    border-right: 1px solid #e6e6e6;
}

#mod_calendar .main .pagination_lite {
    float: right;
}

#mod_calendar .main .func {
    width: 100%;
}

#mod_calendar .main .func li {
    float: right;
}

#mod_calendar .main .func a {
    padding: 0.4rem;
}

#mod_calendar .main .func a:hover {
    color: #0079c8;
}

#mod_calendar .calendar.weekly {
    border-top: 1px solid #e6e6e6;
}

/* dates */
/* sólo en mi sanitas, candidato
.dataselector {margin:0 auto;}
.dataselector .selection, .dataselector .data {margin:20px 0;}
.dataselector .date {display:inline-block;padding-left:6rem;font-weight:bold;text-align:left;}
.dataselector .date .monthday {position:absolute;width:6rem;left:0;top:0;font-weight:bold;font-size:4.5rem;line-height:1;color:$color-cyan;}
.dataselector .date .month,.dataselector .date .year {display:block;font-weight:bold;font-size:1.5rem;color:#333333;}

.dataselector .selector a {font-weight:bold;color:$color-cyan;}
.dataselector .selector a i {font-size:2.5rem; font-weight:normal*/
.date {
    overflow: hidden;
    color: #000000;
}

.date input,
.date select {
    float: left;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.date .day:not(span),
.date .month:not(span) {
    width: 23% !important;
    margin-right: 2% !important;
}

.date .year:not(span) {
    width: 50% !important;
    margin-right: 0 !important;
}

.date select.month {
    width: 43% !important;
}

.date select.year {
    width: 25% !important;
}

.form-group.date {
    padding-left: 0;
}

.form-group.cp {
    padding-left: 0;
    padding-right: 0;
}

.form-group.cp input {
    text-align: center;
}

/* screen-la >> */
@media only screen and (min-width: 961px) {
    .dataselector {
        display: table;
        margin: 2rem auto;
    }
    .dataselector .selection {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }
    .dataselector .data {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        padding-right: 4rem;
        border-right: 1px solid #e6e6e6;
    }
    .dataselector .date,
    .dataselector .selector {
        display: inline-block;
    }
    .dataselector .selection {
        text-align: left;
        padding-left: 4rem;
    }
}

/* file download*/
.filedownload {
    margin-bottom: 2.4rem;
    display: block;
    clear: both;
    text-align: center;
}

.filedownload p {
    margin-bottom: 0;
}

.filedownload .circle {
    margin-bottom: 0.8rem;
}

/*.filedownload i > {margin:0 auto;}*/
.filetitle {
    color: #333333;
    font-weight: 400;
    font-size: 1.7rem;
}

.filename {
    color: #0079c8;
    font-weight: 700;
}

/* contributed filedownload*/
a[download]:not(.filedownload) {
    display: block;
    clear: both;
    margin-bottom: 2rem;
    text-align: center;
    color: #0079c8;
    font-weight: 700 !important;
}

a[download]:not(.filedownload) .circle {
    display: block;
    clear: both;
    left: 50%;
    margin-left: -2.7rem;
    margin-right: 50%;
    margin-bottom: 0.8rem;
}

a[download]:not(.filedownload) .circle i {
    display: inline;
    margin: 0;
}

a[download]:not(.filedownload) .filetitle {
    color: #333333;
    font-weight: 400;
    font-size: 1.7rem;
}

/*a[download]:not(.filedownload) p {margin-bottom:0.5rem;}*/
/* person */
.avatar {
    width: 10rem;
}

.person > .media {
    width: 10rem;
    padding-bottom: 0;
    background-color: #f7f7f7;
}

.person > .media.media-status {
    margin-bottom: 2.5rem;
}

.person > img {
    width: 10rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 4px solid #e6e6e6;
}

.jobtitle,
.person [itemprop="jobTitle"] {
    color: #000000;
    text-transform: lowercase;
}

.jobtitle:first-letter,
.person [itemprop="jobTitle"]:first-letter {
    text-transform: uppercase;
}

a.person.active img,
a.person:hover img {
    border-color: #7fbce3;
}

a:hover .person img {
    border-color: #7fbce3;
}

a.person.active,
a.person:hover {
    color: #0079c8;
}

a.person.active > *:last-child {
    display: inline-block;
    padding-bottom: 0.8rem;
    border-bottom: 4px solid #0079c8;
}

/* steps */
.steps {
    width: 100%;
    display: table;
    text-align: center;
    color: #000000;
    margin: 0 0 2.4rem 0 !important;
    z-index: 0;
}

.steps ol {
    width: 100%;
    display: table-row;
}

.steps ol > li {
    width: 10rem;
    padding-top: 1.5rem;
    padding-left: 0 !important;
    border-top: 0.8rem solid #e6e6e6;
    display: table-cell;
    vertical-align: bottom;
}

.steps ol > li:before {
    content: "";
    display: none;
}

.steps li.active,
.steps li.visited {
    border-color: #0079c8;
}

.steps li.active {
    color: #0079c8;
}

.steps li.visited {
    color: #000000;
}

.steps li span {
    display: block;
    position: absolute;
    top: -1.6rem;
    border-radius: 50%;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #e6e6e6;
}

.steps li span:last-child {
    position: absolute;
    left: -1px;
    right: auto;
}

.steps li span:first-child {
    right: -1px;
    left: auto;
}

.steps li.active span,
.steps li.visited span {
    background-color: #0079c8;
    z-index: 1;
}

.steps li div {
    position: absolute;
    display: none;
}

.steps li.active div {
    position: fixed;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
}

/* screen-xs*/
/* screen-sm >> */
@media only screen and (min-width: 481px) {
    .steps li div {
        position: relative;
        display: initial;
    }
    .steps li.active div {
        position: relative;
        left: auto;
        width: auto;
        display: block;
    }
}

/* prominent: info inside a big circle */
.prominent {
    background: #409bd6;
    display: table;
    width: 10rem;
    height: 10rem;
    margin: 0 auto 1.6rem auto;
    border-radius: 50%;
    text-align: center;
}

.prominent .photo {
    border-radius: 50%;
    overflow: hidden;
}

.prominent + div {
    color: #409bd6;
}

.prominent > * {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.prominent > i {
    font-size: 4.5rem;
    color: #ffffff;
}

.prominent.sec {
    background: #ffffff;
    border: 3px solid #95d5ff;
}

.prominent.sec > i {
    color: #95d5ff;
}

/* .prominent.sec > i */
.active > .prominent {
    background-color: #0079c8;
}

.active > .prominent.sec {
    border-color: #0079c8;
    background-color: #ffffff;
}

.active > .prominent.sec > i {
    color: #0079c8;
}

.active > .prominent + div {
    color: #0079c8;
}

.off > .prominent.sec {
    border-color: #acacac;
}

.off > .prominent.sec > i,
.off > .prominent.sec + div {
    color: #acacac;
}

.prominent * > * {
    color: #ffffff;
    text-align: center;
}

tr .prominent {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0;
}

a:hover .prominent {
    border-color: #0079c8;
    background-color: #0079c8;
}

a:hover .prominent.sec {
    background-color: #ffffff;
}

a:hover .prominent.sec > i {
    color: #0079c8;
}

a:hover .prominent + div {
    color: #0079c8;
}

/* cuarentena
.off:hover {cursor:default}
.off img {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.off:hover .prominent {border-color:#acacac}
.off:hover .prominent + div {color:#acacac;}
.off:hover .prominent.sec > i {color:#acacac;}*/
.grid > li > a,
.list > li > a {
    display: block;
    margin: 0 !important;
}

li > a.active:not(.btn) {
    border-bottom: 3px solid #0079c8;
}

li > a:not(.btn):hover {
    border-bottom-color: #0079c8;
}

/* status: info inside a small circle */
.status {
    border-radius: 50%;
    background-color: #d9220a;
    color: #ffffff;
}

.status.ok {
    background-color: #939905;
}

.status.alert {
    background-color: #c6007e;
}

.status.progress {
    background-color: #fe5000;
}

.status.error {
    background-color: #e53b36;
}

.status > * {
    color: #ffffff;
}

div > .status {
    position: absolute;
    bottom: -2rem;
    top: auto;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    border: 3px solid #ffffff;
    font-size: 1.6rem;
    line-height: 3.4rem; /*40-4x2 borde*/
}

.media + .status {
    position: absolute;
    top: 8rem;
    left: 50%;
    padding: 0;
    color: #ffffff !important;
    margin-left: -2rem;
}

.prominent .status {
    position: absolute;
    bottom: -2rem;
    left: 50%;
    margin-left: -2rem;
    width: 4rem;
    height: 4rem;
    border: 3px solid #ffffff;
    line-height: 3.2rem; /*40-4x2 borde*/
}

table .status {
    position: relative;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    display: inline-block;
    text-align: center !important;
    margin-right: 0.5rem;
}

/* appointments */
.prominent .year {
    display: none;
}

.prominent .weekday,
.prominent .month,
.prominent [itemprop="priceCurrency"] {
    font-size: 1.7rem;
    line-height: 1.7rem;
    display: block;
    width: auto !important;
    margin: 0;
}

.prominent .monthday {
    font-size: 4.5rem;
    line-height: 4.5rem;
    font-weight: normal;
    display: block;
    width: auto;
}

.prominent [itemprop="price"] {
    font-size: 2.8rem;
    line-height: 3rem;
    font-weight: bold;
    display: block;
    width: auto;
}

li > .appointment-list {
    padding-left: 12rem;
    text-align: left;
}

li > .appointment-list .prominent {
    position: absolute;
    left: 0;
    top: 0;
}

/* ratings*/
.stars a {
    display: inline-block;
    text-indent: -9999px;
    float: left;
    position: relative;
    width: 4.5rem;
    height: 1rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    background: transparent 0 0 repeat-x;
}

.p0,
.p1,
.p2,
.p3,
.p4,
.p5 {
    position: absolute;
    z-index: 9;
    height: 1rem;
    width: 0;
    background: transparent 0 -20px repeat-x;
}

.p1 {
    width: 0.9rem;
}

.p2 {
    width: 1.8rem;
}

.p3 {
    width: 2.7rem;
}

.p4 {
    width: 3.6rem;
}

.p5 {
    width: 4.5rem;
}

/* actions */
.action {
    font-weight: bold;
    color: #0079c8;
}

.action i {
    margin-right: 0.8rem;
    font-size: 4rem;
    font-weight: normal;
    vertical-align: middle;
    color: #ffffff;
    background-color: #0079c8;
    border-radius: 100%;
}

/* document */
.document {
    font-weight: bold;
    color: #333333;
}

.document i {
    margin-right: 0.8rem;
    padding: 1rem;
    font-size: 2rem;
    font-weight: normal;
    vertical-align: middle;
    color: #ffffff;
    background-color: #939905;
    border-radius: 100%;
}

/* media */
.media {
    display: block;
    width: 100%;
    margin: 0 auto; /*height:0;padding-bottom:66.66%;*/
    overflow: hidden;
}

.contributed > .media {
    margin-bottom: 1.5rem;
}

.media > *:not(.play) {
    /*position:absolute;*/
    left: 0;
    right: 0;
    top: 0;
    width: 100%; /*height:100%;*/
}

.person .media {
    width: 10rem;
    height: 10rem;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid #e6e6e6;
    text-align: center;
    padding: 0;
}

.person .media > img {
    width: 100%;
}

.media.relauto img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.media.relauto-h img {
    width: 100%;
    height: auto;
}

.media.relauto > *:not(.play) {
    position: absolute;
    height: 100%;
}

.media > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.rel16x9 {
    height: 0 !important;
    padding-bottom: 56.26% !important;
    overflow: hidden;
}

.rel3x1 {
    height: 0 !important;
    padding-bottom: 33.33% !important;
    overflow: hidden;
}

.rel3x2 {
    height: 0 !important;
    padding-bottom: 66.66% !important;
    overflow: hidden;
}

.rel4x2 {
    height: 0 !important;
    padding-bottom: 50% !important;
    overflow: hidden;
}

.rel4x3 {
    height: 0 !important;
    padding-bottom: 75% !important;
    overflow: hidden;
}

.rel1x1 {
    height: 0 !important;
    padding-bottom: 100% !important;
    overflow: hidden;
}

.rel1x2 {
    height: 0 !important;
    padding-bottom: 200% !important;
    overflow: hidden;
}

.rel1x3 {
    height: 0 !important;
    padding-bottom: 300% !important;
    overflow: hidden;
}

.rel1x4 {
    height: 0 !important;
    padding-bottom: 400% !important;
    overflow: hidden;
}

.rel2x3 {
    height: 0 !important;
    padding-bottom: 150% !important;
    overflow: hidden;
}

.rel3x4 {
    height: 0 !important;
    padding-bottom: 133.33% !important;
    overflow: hidden;
}

.relauto {
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.thumb {
    width: 5.6rem;
    height: 5.6rem;
    padding-bottom: 5.6rem !important;
    overflow: hidden;
}

.media.rel1x1 > *:not(.play),
.media.rel1x1 img {
    width: auto !important;
    height: 100% !important;
}

.media.rel1x1 > *:not(.play) {
    position: absolute;
}

.media.thumb img {
    width: auto !important;
    height: 5.6rem !important;
    border-radius: 50%;
}

.media-caption {
    color: #000;
    background-color: #e6e6e6;
    display: block;
    padding: 0.8rem;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6rem;
}

.picture {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 1.6rem 0;
}

.picture .media {
    height: auto;
    padding: 0;
}

.picture .media > * {
    position: relative;
    display: block;
}

.picture .media > a {
    z-index: 1;
}

.picture.left {
    width: 33%;
    float: left;
    clear: left;
    margin: 0 1.6rem 0 0;
}

.picture.right {
    width: 33%;
    float: right;
    clear: right;
    margin: 0 0 0 1.6rem;
}

/*.media + .title, .media + p {margin-top:1.5rem;}*/
/*a .media img {
-webkit-transition: all .3s ease;

-moz-transition: all .3s ease;
transition: all .2s ease;}
a .media:hover img {
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}*/
/* full wide content */
.full.mediacont .thecont {
    padding: 1.6rem 0;
    text-align: left !important;
}

.full > * {
    float: none !important;
    width: 100% !important;
}

.mediacont.thumbleft .thecont,
.mediacont.thumbright .thecont {
    text-align: center;
}

.banner.mediacont {
    height: 0;
    padding-bottom: 75%;
}

.banner.mediacont.bgcolor .thecont {
    padding: 0;
}

.banner.mediacont .themedia {
    position: absolute;
    top: 0;
    z-index: 1;
    float: none;
    width: 100%;
}

.banner.mediacont .thecont {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2; /*transition: position 3s ease-in-out;*/
}

.banner.mediacont .thecont > * {
    padding: 1.6rem;
}

.banner.mediacont .thecont > * + * {
    padding-top: 0;
}

.banner.mediacont .thecont > *:not(.title) {
    display: none;
}

.list > li.mediacont.tablerow {
    margin-bottom: 1rem !important;
    padding: 0;
}

.mediacont.tablerow > div {
    float: none;
}

.bgcolor .rounded i {
    border: 1px solid;
    height: 5rem;
    padding: 1.2rem;
    width: 5rem;
}

.mediacont.phi.tablerow .themedia {
    width: 62.8%;
}

.mediacont.phi.tablerow .thecont {
    width: 38.2%;
}

@media only screen and (min-width: 481px) {
    .container > .sm-relauto,
    .sm-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden;
    }
    .thumbleft {
        padding-left: 7rem !important;
        text-align: left;
        min-height: 10rem;
    }
    .thumbright {
        padding-right: 7rem !important;
        text-align: left;
        min-height: 10rem;
    }
    .thumbleft .thumb {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
    }
    .thumbright .thumb {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
    }
    .thumb {
        width: 10rem;
        height: 10rem;
        padding-bottom: 10rem !important;
        overflow: hidden;
    }
    .media.thumb img {
        width: auto !important;
        height: 10rem !important;
    }
    .thumbleft {
        padding: 1.6rem 1.6rem 1.6rem 12rem !important;
    }
    .thumbright {
        padding: 1.6rem 12rem 1.6rem 1.6rem !important;
    }
    .mediacont.thumbleft,
    .mediacont.thumbright {
        display: table-row;
        padding: 0 !important;
        margin-bottom: 0;
    }
    .mediacont.thumbleft .themedia {
        float: none;
        display: table-cell;
        width: 10rem;
        padding: 0;
    }
    .mediacont.thumbright .themedia {
        float: right;
        display: table-cell;
        width: 10rem;
        padding: 0;
    }
    .mediacont.thumbleft .thecont {
        float: none;
        display: table-cell;
        width: auto;
        padding: 0 0 0 0.8rem;
        vertical-align: top;
        text-align: left;
    }
    .mediacont.thumbright .thecont {
        float: left;
        display: table-cell;
        width: auto;
        min-height: 10rem;
        padding: 0 12rem 0 0;
        vertical-align: top;
        text-align: left;
    }
    .media.thumb img {
        border-radius: 0;
    }
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .container > .md-relauto,
    .md-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden;
    }
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    .container > .lg-relauto,
    .lg-relauto {
        height: 100% !important;
        padding-bottom: 0 !important;
        overflow: hidden;
    }
    .media.lg-relauto img {
        position: absolute;
        width: auto;
        height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .media.lg-relauto-h img {
        width: 100%;
        height: auto;
    }
    .media.lg-relauto > *:not(.play) {
        position: absolute;
        height: 100%;
    }
    .banner.mediacont:hover {
        overflow: hidden;
    }
    .banner.mediacont:hover .thecont {
        top: 0;
        height: 0;
        padding-bottom: 75%;
    }
    .banner.mediacont:hover .thecont > * {
        display: block;
    }
    .banner.mediacont:hover .thecont > *.title {
        padding-bottom: 0.8rem;
    }
    /*.banner.mediacont:hover .thecont {opacity:1;}*/
}

/* mediacont: media +  content */
.mediacont {
    clear: both;
    width: 100%;
}

.thecont {
    padding: 1.6rem 0;
}

.list > li.mediacont {
    padding: 2.4rem 0;
}

.list > li.mediacont:first-child {
    padding-top: 0;
}

@media only screen and (min-width: 721px) {
    .mediacont {
        float: left;
        clear: both; /*margin-bottom:40px;*/
    }
    .list > li.mediacont {
        float: none;
        clear: none;
        margin-bottom: 0;
    }
    .list > *.mediacont {
        margin-bottom: 0;
    }
    .mediacont .themedia {
        float: left;
        width: 50%;
        padding: 0;
    }
    .mediacont .thecont {
        float: left;
        width: 50%;
        padding: 0 3.2rem;
    }
    .mediacont.phi .themedia {
        width: 38.2%;
    }
    .mediacont.phi .thecont {
        width: 61.8%;
        padding: 0 1.6rem;
    }
    /*phi golden ratio 38.2 - 61.8 */
    .vphi > *:first-child {
        height: 0;
        padding-bottom: 61.8% !important;
    }
    .vphi > *:first-child + * {
        height: 0;
        padding-bottom: 38.2% !important;
    }
    .mediacont.bgcolor .thecont {
        padding: 1.6rem;
    }
    .thecont {
        text-align: left;
    }
    .zigzag > li.mediacont,
    .zagzig > li.mediacont {
        margin-bottom: 4rem;
    }
    .zigzag > li.mediacont:nth-child(even) .themedia {
        float: left;
        clear: left;
    }
    .zigzag > li.mediacont:nth-child(even) .thecont {
        text-align: left;
    }
    .zigzag > li.mediacont:nth-child(odd) .themedia {
        float: right;
        clear: right;
    }
    .zigzag > li.mediacont:nth-child(odd) .thecont {
        text-align: right;
    }
    .zagzig > li.mediacont:nth-child(even) .themedia {
        float: right;
        clear: right;
    }
    .zagzig > li.mediacont:nth-child(even) .thecont {
        text-align: right;
    }
    .zagzig > li.mediacont:nth-child(odd) .themedia {
        float: left;
        clear: left;
    }
    .zagzig > li.mediacont:nth-child(odd) .thecont {
        text-align: left;
    }
}

.mapviewer {
    display: none;
    margin-bottom: 3rem;
}

/* banner */
.banner {
    color: #666666;
    text-align: center;
}

a.banner {
    display: block;
}

*[role="complementary"] .banner {
    margin-bottom: 2.4rem;
}

.banner > a {
    display: block;
    padding: 0.8rem;
    margin: 0;
    text-align: center;
    text-decoration: none; /*background-color:inherit*/
}

.banner > a > i {
    display: block;
    margin-bottom: 1.6rem;
}

.graybgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-filter: grayscale(1) opacity(0.3);
    filter: grayscale(1) opacity(0.3);
}

.gradbgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(rgba(0, 0, 0, 0.9))
    );
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, 0.9) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.bgimage {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.hero {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    color: #ffffff !important;
    position: relative;
    background-color: #000000;
}

.hero a {
    color: #ffffff;
}

.hero .bgcolor a,
.hero .bg90 a,
.hero .bg80 a {
    color: #0079c8;
}

.hero .title,
.hero .p,
.hero *:not(.btn) > i {
    color: #ffffff;
}

.hero .title,
.hero .p,
.hero .title > i {
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

.hero .bgcolor *,
.hero .bg90 *,
.hero .bg80 * {
    text-shadow: none;
}

.hero .title > i {
    clear: both;
    display: block;
}

.hero div.photo {
    overflow: visible;
}

.hero picture {
    display: block; /*height:0;padding-bottom:33%;*/
}

.hero .slick {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.hero .slick .slick-slide {
    margin: 0;
}

.hero .slick img {
    position: relative;
}

.wide picture,
wide .media {
    display: block; /*height:0;padding-bottom:33%;*/
}

.item.wide {
    height: 0;
    padding-bottom: 33%;
}

.hero img {
    position: absolute;
    padding: 0 !important;
    background-color: #000000;
    opacity: 0.7;
}

.hero .plus {
    font-weight: 900;
}

.wide {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.wide > .row {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.wide > .row > * {
    margin: 0;
    padding: 0;
}

/*a.hero:hover img {opacity:0.9;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}*/
.hero .btn {
    display: block !important;
    margin: 0.8rem 0.4rem 0 0.4rem;
}

.hero .xtitle i {
    display: block;
    font-size: 4.5rem;
    clear: both;
}

.hero .sub {
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-top: 0.8rem !important;
}

.hero .lead {
    font-weight: 400 !important;
}

.megabanner {
    display: block;
    width: 100%;
    clear: both;
}

.megabanner .media {
    width: 100%;
    clear: both;
}

.megabanner .banner {
    width: 100%;
    clear: both;
    padding: 1.6rem;
}

.minibanner {
    display: block;
    width: 100%;
    clear: both;
}

.minibanner + .minibanner {
    margin-top: 2.4rem;
}

.minibanner .media {
    width: 100%;
    clear: both;
}

.minibanner .banner {
    width: 100%;
    clear: both;
    padding: 0.8rem;
}

.halfhalfbanner {
    display: block;
    width: 100%;
    clear: both;
}

.halfhalfbanner .media {
    width: 100%;
    clear: both;
}

.megabanner .banner {
    width: 100%;
    clear: both;
}

.halfhalfbanner .banner {
    padding: 3.2rem;
    margin-bottom: 0;
}

@media only screen and (min-width: 481px) {
    .hero .btn {
        display: inline-block !important;
        margin: 0.8rem;
    }
    .hero .title > i {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .banner > a {
        padding: 1.6rem;
    }
    .megabanner {
        height: 0;
        padding-bottom: 50%;
        overflow: hidden;
    }
    .megabanner .media {
        padding-bottom: 50%;
        position: absolute;
        clear: none;
    }
    .megabanner .banner {
        position: absolute;
        clear: none;
        position: absolute;
        left: 1.6rem;
        right: 1.6rem;
        bottom: 1.6rem;
        width: auto;
        height: auto;
        text-align: center;
        z-index: 2;
    }
    .minibanner {
        height: 0;
        padding-bottom: 50%;
        overflow: hidden;
    }
    .minibanner .media {
        padding-bottom: 50%;
        position: absolute;
        clear: none;
    }
    .minibanner .banner {
        margin-left: 1.6rem;
        margin-top: 1.6rem;
        margin-right: 1.6rem;
        width: auto;
        height: auto;
        text-align: center;
        z-index: 2;
    }
    .halfhalfbanner {
        display: table;
        margin: 0 -1.6rem;
    }
    .halfhalfbanner .media,
    .halfhalfbanner .banner {
        display: table-cell;
        width: 50%;
    }
    .halfhalfbanner .media {
        height: auto;
        padding-bottom: 0;
    }
    .halfhalfbanner .media img {
        width: auto;
        max-width: 200%;
        margin-top: -10%;
        margin-left: -25%;
    }
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .wide picture,
    .wide .media {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .wide > .row > * {
        margin: inherit;
        padding: 1.6rem;
    }
    .wide > .row > .tablerow-xs,
    .wide > .row > .tablerow-sm,
    .wide > .row > .tablerow-md,
    .wide > .row > .tablerow-lg,
    .wide > .row > .tablerow-xl {
        padding: 0;
    }
    /*.wide img {object-fit: cover;height:100%;}*/
    .hero .title > i {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .halfhalfbanner .media img {
        max-width: 130%;
        margin-left: 0;
    }
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    body > .phi,
    .container > .phi {
        height: 36rem !important;
    }
    body > .rel3x2,
    .container > .rel3x2 {
        height: 32rem !important;
        padding-bottom: 0 !important;
    }
    body > .rel3x1,
    .container > .rel3x1 {
        height: 21rem !important;
        padding-bottom: 0 !important;
    }
    .megabanner {
        padding-bottom: 33%;
    }
    .hero .btn {
        margin: 0.8rem 1.6rem 0 1.6rem;
    }
    .hero .title > i {
        font-size: 4.5rem;
        line-height: 5rem;
    }
    .megabanner .banner {
        left: 2%;
        top: auto;
        bottom: 6%;
        width: 30%;
        padding: 2.4rem;
        height: auto;
        text-align: left;
    }
    .minibanner {
        min-height: 130px;
    }
    .minibanner .banner {
        left: 0;
        top: 0;
        bottom: auto;
        width: 61.8%;
        padding: 0.8rem;
        height: auto;
        text-align: left;
    }
}

/* screen-xl >> */
@media only screen and (min-width: 1281px) {
    .banner > a {
        padding: 2.4rem;
    }
    .hero .title > i {
        font-size: 5.6rem;
        line-height: 7.2rem;
    }
}

/*hero banner */
.hero {
    margin-bottom: 0;
}

.hero .xtitle i,
.hero .sstitle {
    display: none;
}

.hero .row,
.hero .carousel-inner .item > .row {
    padding: 1.6rem 0.8rem;
}

.carousel-inner .item > .row > div.pad-sm:last-child {
    padding-bottom: 3.2rem !important;
}

/*fuerza en carrusel no pisar bolitas en vista móvil*/
.hero .sub {
    display: none;
}

/* screen-sm */
@media only screen and (min-width: 481px) {
    /*.banner:not(.container) {margin-bottom:0;}*/
    .hero .row,
    .hero .carousel-inner .item > .row {
        padding: 1.6rem 1.6rem;
    }
    .hero .sstitle,
    .hero .sub {
        display: block;
    }
}

/* screen-md */
@media only screen and (min-width: 721px) {
    .hero .row,
    .hero .carousel-inner .item > .row {
        padding: 2.4rem 1.6rem;
    }
    .hero .xtitle i {
        display: block;
    }
}

/* screen-la */
@media only screen and (min-width: 961px) {
    .hero .row,
    .hero .carousel-inner .item > .row {
        padding: 7.2rem 1.6rem;
    }
    .carousel-inner .item > .row > div.pad-sm:last-child {
        padding-bottom: 1.6rem !important;
    }
    /* deshace padding-bottom:40px !important de vista xs*/
    .phi .carousel-inner .item.wide > .row {
        min-height: 36rem;
    }
}

/* screen-xl */
@media only screen and (min-width: 1281px) {
    .hero .row,
    .hero .carousel-inner .item > .row {
        padding: 12rem 1.6rem;
    }
}

/* visualchecklist */
.visualchecklist > * {
    float: left;
    margin-bottom: 1.6rem;
    width: 100%;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    cursor: pointer;
}

.visualchecklist .option {
    background-color: #0079c8;
    border: 1px solid #0079c8;
}

.visualchecklist .active .option {
    background-color: #ffffff;
}

.visualchecklist .legend {
    width: 100%;
    border-top: 1px solid #0079c8;
    background-color: #ffffff;
}

.visualchecklist .legend p {
    display: table-cell;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #0079c8;
    width: 100rem; /* el width fuerza que se reparta el ancho de celdas */
}

.visualchecklist .option > i {
    /* medidas igual que .insights i */
    display: block;
    clear: both;
    font-size: 4.5rem;
    color: #ffffff;
}

.visualchecklist .active .option > i {
    color: #0079c8;
}

.visualchecklist .status {
    visibility: hidden;
    background-color: #ffffff;
    border: 1px solid #0079c8;
    position: absolute;
    top: 1.5rem;
    left: auto;
    right: 1.5rem;
    width: 4rem;
    height: 4rem;
}

.visualchecklist .active .status {
    visibility: visible;
}

.visualchecklist .status > i {
    color: #0079c8;
}

@media only screen and (min-width: 481px) {
    .visualchecklist > * {
        width: 33.33333333%;
        margin-bottom: 3rem;
    }
    .visualchecklist > *:nth-child(4n) {
        clear: left;
    }
}

@media only screen and (min-width: 721px) {
    .visualchecklist > * {
        width: 25%;
    }
    .visualchecklist > *:nth-child(4n) {
        clear: none;
    }
    .visualchecklist > *:nth-child(5n) {
        clear: left;
    }
}

.itinere {
    display: block;
    clear: both;
    margin: 0 1.6rem;
}

.itinere > * {
    border-left: 1px dotted #0079c8;
    padding: 0 1.6rem 1.6rem 1.6rem;
    text-align: left;
    color: #666666;
    line-height: 130%;
}

.itinere > *:last-child {
    border-color: transparent;
}

.itinere > * > span:first-child {
    display: block;
    position: absolute;
    top: 0;
    left: -0.3rem;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #0079c8;
}

.itinere .title {
    font-weight: 700;
    color: #333333;
}

.itinere i {
    margin-right: 0.5rem;
    color: #0079c8;
}

@media only screen and (min-width: 721px) {
    .itinere {
        height: 2rem;
    }
    .itinere > * {
        border-left: 2px dotted #0079c8;
        float: left;
        width: 22%;
        height: 1rem;
        padding: 0 1.6rem 1.6rem 1.6rem;
        margin-left: -11%;
        border-left: 2px dotted #0079c8;
        font-size: 1.2rem;
        border-bottom: 2px solid #0079c8;
    }
    .itinere > *:last-child {
        border-color: #0079c8;
    }
    .itinere > * > span:first-child {
        left: -0.5rem;
        width: 0.8rem;
        height: 0.8rem;
    }
    .itinere > *:nth-child(even) {
        bottom: -10rem;
        padding-top: 1.6rem;
        border-bottom: none;
    }
    .itinere > *:first-child {
        margin-left: 0%;
    }
    .itinere > *:nth-child(even) > span:first-child {
        top: auto;
        bottom: 0;
    }
}

/* lists */
.list > *:not(dd) {
    padding: 1.5rem 0 1.6rem 0;
    margin-bottom: 0 !important;
    overflow: hidden;
    border-top: 1px solid #e7e7e7;
}

.list.list-xs > * {
    padding: 0.8rem 0;
    font-size: 1.4rem;
}

.list.list-sm > * {
    padding: 1.2rem 0;
    font-size: 1.5rem;
}

.list.list-md > *,
.list.list-me > * {
    padding: 1.6rem 0;
    font-size: 1.6rem;
}

.list.list-lg > * {
    padding: 2.4rem 0;
}

.list.list-xl > * {
    padding: 3.2rem 0;
}

.list > *:first-child {
    border-top: none;
}

.list a:not(.btn) {
    color: #6c6e71;
}

.list a.more {
    color: #0079c8;
}

.list a .tcyan {
    font-weight: bold;
}

/*1.5rem 3px 1.6rem 3px*/
.listresults a .plus {
    color: #333333 !important;
    font-weight: normal;
}

.list .func {
    border: none;
}

.list .func > * {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0;
    border: none;
}

.list .func a {
    display: block;
    border: 2px solid #0079c8;
    color: #0079c8;
    margin-bottom: 0.8rem;
    padding: 0.5rem;
    font-weight: 700;
    font-size: 1.3rem;
}

.list .func > *:last-child a {
    background-color: #0079c8;
    color: #ffffff;
}

.listresults > * {
    padding: 0;
    text-align: left;
}

.listresults a .title:not(.sub) {
    color: #0079c8;
}

.list .bullets > li {
    margin-bottom: 0;
}

.listresults > * > a:hover {
    background-color: #f2f8fc;
}

.listresults .thumbleft {
    padding-left: 0;
    padding-bottom: 0.8rem;
    text-align: center;
}

.listresults .thumbleft .thumb {
    position: relative;
    left: auto;
    right: auto;
    margin: 0.8rem 0;
    width: 100%; /*padding-top:33% !important;*/
}

.listresults .thumbright .thumb {
    position: relative;
    left: auto;
    right: auto;
    margin: 0.8rem 0;
    width: 100%; /*padding-top:33% !important;*/
}

.listresults .media.thumb img {
    width: 100% !important;
    height: auto !important;
    min-height: 5.6rem;
}

.listresults .thumbleft + .func {
    padding-left: 0;
}

.listresults .mapviewer {
    padding-bottom: 66.66% !important;
}

/*}*/
.list > * a:first-child .title:first-child {
    color: #0079c8;
}

.list.bgcolor > * a:first-child .title:first-child {
    color: #ffffff;
}

.list.strips > *:nth-child(even) {
    background-color: #f9f9f9;
}

@media only screen and (min-width: 481px) {
    .list {
        text-align: left;
    }
    .listresults .thumbleft {
        text-align: left;
        padding-left: 12rem;
    }
    .listresults .thumbright {
        text-align: left;
        padding-right: 12rem;
    }
    .listresults .thumbleft .thumb {
        position: absolute;
        left: 0;
        right: auto;
        margin: 0.8rem 0;
        width: 10rem; /*padding-top:33%;*/
    }
    .listresults .thumbright .thumb {
        position: absolute;
        left: auto;
        right: 0;
        margin: 0.8rem 0;
        width: 10rem; /* padding-top:33%;*/
    }
    .list .func {
        display: table;
        width: 100%;
    }
    .list .func > * {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        width: 0.8rem;
    }
    .list .func > *:last-child {
        text-align: right;
        width: 300rem;
    }
    .list .func a {
        border: none;
        display: inline-block;
        white-space: nowrap;
        padding: 0.8rem 0;
        margin-right: 3rem;
        margin-bottom: 0;
        font-size: 1.3rem;
    }
    .list .func a i {
        font-size: 2.6rem;
    }
    .list .func > *:last-child a {
        padding: 0.8rem;
        margin-right: 0;
    }
}

@media only screen and (min-width: 721px) {
    .list .thumbleft + .func {
        padding-left: 12rem;
    }
}

.insights {
    color: #333333;
    overflow: hidden; /*margin-top:20px;margin-bottom:20px;*/
}

.insights > * {
    margin-bottom: 0 !important;
    text-align: center;
}

.insights > * > i,
.insights > * > a > i {
    display: block;
    clear: both;
    font-size: 4.5rem;
    color: #0079c8;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0;
}

.bgcolor .insights {
    color: #ffffff;
}

.bgcolor .insights i {
    color: #ffffff;
}

.insights i.bgcolor {
    border-radius: 50%;
    width: 13rem;
    height: 13rem;
    line-height: 13rem;
    margin: 0.8rem auto;
    color: #ffffff;
}

.insights + p {
    margin-top: 1.6rem;
}

/* search-results */
.search-results {
    clear: both;
    padding: 0 0.1rem;
    text-align: center;
    color: #333333;
    background-color: #f7f7f7;
    overflow: hidden;
}

.search-results > .data {
    margin: 1.6rem;
    width: 100%;
    clear: both;
}

.search-results a {
    float: right;
    font-weight: bold;
    color: #0079c8;
}

.search-results > .nav-tabs {
    width: 100%;
    clear: both;
    border-bottom: none;
}

.search-results > .nav-tabs > * {
    display: table-cell;
    float: none;
    text-align: center;
}

.search-results > .nav-tabs > * > a {
    width: 100%;
}

.search-results > .nav-tabs > * > a:hover {
    background-color: #ffffff;
}

/* equals > * > a */
@media only screen and (min-width: 721px) {
    .search-results {
        text-align: left;
    }
    .search-results > .data,
    .search-results > .nav-tabs {
        width: auto;
        clear: none;
    }
    .search-results > .data {
        float: left;
    }
    .search-results > .nav-tabs {
        float: right;
    }
    .search-results > .nav-tabs > * {
        display: block;
        float: left;
    }
}

/* carousel */
.carousel {
    position: relative;
    overflow: hidden;
    background-color: #ffffff;
}

.carosusel picture {
    background-color: #000000;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
    line-height: 1;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.carousel-inner > .item[class*="rel"] {
    overflow: visible;
}

.carousel .video iframe {
    border: none;
    margin: 0 0 2.5rem;
    width: 70%;
}

@media only screen and (min-width: 321px) {
    .carousel .video iframe {
        border: none;
        margin: 0 0 2.5rem;
        width: auto;
    }
}

@media only screen and (min-width: 721px) {
    .carousel .video iframe {
        width: 45rem;
        height: 25.3rem;
        margin: 5rem 0;
    }
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: transform 0.6s ease-in-out;
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        transition: -webkit-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out,
            -webkit-transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner > .item.active.right,
    .carousel-inner > .item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.active.left,
    .carousel-inner > .item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.active,
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.left {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0.0001))
    );
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5) 0,
        rgba(0, 0, 0, 0.0001) 100%
    ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
    background-repeat: repeat-x;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(0, 0, 0, 0.0001)),
        to(rgba(0, 0, 0, 0.5))
    );
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.0001) 0,
        rgba(0, 0, 0, 0.5) 100%
    ); /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
    background-repeat: repeat-x;
}

.carousel-control:focus,
.carousel-control:hover {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control .icon-next,
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -0.8rem;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 2.4rem;
    margin-left: -0.8rem;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 2.4rem;
    margin-right: -0.8rem;
}

.carousel-control .icon-next {
    width: 2.4rem;
    height: 2.4rem;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev {
    width: 2.4rem;
    height: 2.4rem;
    font-family: serif;
    line-height: 1;
}

.carousel-control .icon-prev:before {
    content: "\e913";
    font-family: "bupaicons" !important;
}

.carousel-control .icon-next:before {
    content: "\e914";
    font-family: "bupaicons" !important;
}

.carousel-indicators {
    position: absolute;
    bottom: 0.8rem;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0.1rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
    border: 1px solid #ffffff;
    border-radius: 0.8rem;
    padding: 0 !important;
}

.carousel-indicators li:before {
    display: none;
}

.wizard .carousel-indicators li {
    cursor: default;
}

.carousel-indicators .active {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0;
    background-color: #ffffff;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 4rem;
    left: 15%;
    z-index: 10;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    color: #ffffff !important;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 2px;
}

.carousel-caption > * {
    color: #ffffff !important;
}

@media screen and (min-width: 721px) {
    .carousel-control .icon-next {
        width: 3.2rem;
        height: 3.2rem;
        margin-top: -0.8rem;
        font-size: 3.2rem;
    }
    .carousel-control .icon-prev {
        width: 3.2rem;
        height: 3.2rem;
        margin-top: -0.8rem;
        font-size: 3.2rem;
        margin-left: -0.8rem;
    }
    a.right.carousel-control {
        margin-right: -0.8rem;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 3.2rem;
    }
    .carousel-indicators {
        bottom: 2.4rem;
    }
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 2.4rem;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(0, 0, 0, 0.0001)),
        to(rgba(0, 0, 0, 0.5))
    );
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.0001) 0,
        rgba(0, 0, 0, 0.5) 100%
    ); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
    background-repeat: repeat-x;
}

/* Carousel Vertical - Wizard */
.carousel.vertical {
    background-color: transparent;
}

.carousel.vertical .carousel-inner {
    height: 0;
    padding-top: 75%; /* rel4x3*/
    width: auto;
    margin: 0 3rem;
}

.carousel.wizard {
    height: 0;
}

.carousel-inner .item.doble .row {
    display: table-row;
}

.item.active {
    display: table;
    width: 100%;
}

.carousel-inner .item .content {
    display: table-cell;
    vertical-align: middle;
    padding: 0 3rem;
}

.carousel.vertical .carousel-inner > .item {
    height: 100%;
    opacity: 0;
    padding: 0;
    -webkit-transition: top 1s ease-in-out 0s;
    transition: top 1s ease-in-out 0s;
    width: 100%;
}

.carousel.vertical .carousel-inner > .active {
    display: table !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel.vertical .carousel-indicators {
    display: table;
    left: auto;
    margin-left: 0;
    right: 0;
    top: 50%;
    width: 2.5rem;
}

.carousel.vertical .carousel-indicators .active {
    background-color: #0079c8;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel.vertical .carousel-indicators li {
    background-color: #666;
    border: medium none;
    display: block;
    margin-bottom: 0.5rem;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
    display: table;
}

.carousel.vertical .carousel-inner > .active {
    top: 0;
    position: absolute;
}

.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel.vertical .carousel-inner > .next {
    top: 100%;
}

.carousel.vertical .carousel-inner > .prev {
    top: -100%;
}

.carousel.vertical .carousel-inner > .next.left,
.carousel.vertical .carousel-inner > .prev.right {
    top: 0;
}

.carousel.vertical .carousel-inner > .active.left {
    top: -100%;
}

.carousel.vertical .carousel-inner > .active.right {
    top: 100%;
}

.carousel.vertical .carousel-control {
    left: auto;
    width: 5rem;
}

.carousel.vertical .carousel-control.up {
    top: 0;
    right: 0;
    bottom: 50%;
}

.carousel.vertical .carousel-control.down {
    top: 50%;
    right: 0;
    bottom: 0;
}

.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-up,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel.vertical .carousel-control .icon-prev,
.carousel.vertical .carousel-control .glyphicon-chevron-up,
.carousel.vertical .carousel-control .icon-next,
.carousel.vertical .carousel-control .glyphicon-chevron-down {
    left: 50%;
    margin-left: -0.8rem;
    top: 50%;
    margin-top: -0.8rem;
}

.carousel.vertical .carousel-control .icon-up,
.carousel.vertical .carousel-control .icon-down {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 1;
    font-family: serif;
}

.carousel.vertical .carousel-control .icon-prev:before {
    content: "\2039";
}

.carousel.vertical .carousel-control .icon-next:before {
    content: "\203a";
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel.vertical .carousel-inner > .item {
        -webkit-transition: 0.6s ease-in-out;
        transition: 0.6s ease-in-out;
    }
    .carousel.vertical .carousel-inner > .item.next,
    .carousel.vertical .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        top: 0;
    }
    .carousel.vertical .carousel-inner > .item.prev,
    .carousel.vertical .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        top: 0;
    }
    .carousel.vertical .carousel-inner > .item.next.left,
    .carousel.vertical .carousel-inner > .item.prev.right,
    .carousel.vertical .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: 0;
    }
}

.check-wizard {
    cursor: pointer;
    font-size: 1.5rem;
    padding: 0;
}

@media only screen and (max-width: 480px) {
    /*#logo {z-index:201;}*/
    .carousel.wizard {
        width: 100%;
        height: 100%;
        padding-bottom: 0 !important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 19;
        background-color: transparent;
        display: block;
        padding-top: 10rem;
    }
    .carousel.vertical .carousel-inner {
        height: 100%;
        padding-top: 0 !important;
        margin: 0;
        background-color: #ffffff;
        overflow-y: scroll;
    }
    .carousel.wizard .square {
        display: block;
        padding-bottom: 0;
        height: 100%;
    }
    .carousel.wizard .square > * {
        display: block;
        position: relative;
    }
    .carousel.wizard .square > * > * {
        display: block;
        position: relative;
    }
    .carousel.wizard .square.checked > * {
        background-color: #0079c8;
    }
    .carousel.wizard .square > input {
        display: none;
    }
    .carousel.vertical .carousel-indicators {
        position: fixed;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -0.5rem;
    }
    .carousel.vertical .carousel-inner .row.vmar-lg > * {
        font-size: 2rem;
    }
    .carousel.vertical .active .grid.cols6 > li {
        display: block;
    }
    .carousel.vertical .carousel-inner .item .content {
        background-color: #ffffff;
        display: table;
        height: 100%;
        padding: 0 3rem;
        vertical-align: middle;
        width: 100%;
    }
    .carousel.vertical .active .content > * {
        margin: 0;
    }
    /*59*/
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .carousel.wizard .grid.cols2 > *,
    .carousel.wizard .grid.cols3 > *,
    .carousel.wizard .grid.cols4 > *,
    .carousel.wizard .grid.cols5 > *,
    .carousel.wizard .grid.cols6 > * {
        width: 33% !important;
    }
}

/*Slick carousel*/
.slick.list > *:not(dd) {
    padding: 0;
    border-top: 0;
}

.slick-slider {
    -moz-user-select: none;
    display: block;
    position: relative;
}

.slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.slick-list:focus {
    outline: medium none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0;
}

.slick-track::before {
    content: "";
    display: table;
}

.slick-track::after {
    content: "";
    display: table;
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin: 0 0.8rem;
    min-height: 1px;
}

.slick-slide:focus,
.slick-slide a:focus {
    outline: 0;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #ffffff none repeat scroll 0 0;
}

.slick-prev,
.slick-next {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    outline: medium none;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    z-index: 1;
}

.slick-prev:hover,
.slick-prev:focus {
    color: transparent;
    outline: medium none;
}

.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: medium none;
}

.slick-prev:hover::before,
.slick-prev:focus::before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.slick-next:hover::before,
.slick-next:focus::before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
    opacity: 0.25;
    filter: alpha(opacity=25);
}

.slick-prev::before,
.slick-next::before {
    color: #0079c8;
    font-family: "bupaicons";
    font-size: 4rem;
    line-height: 1;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.slick-prev {
    left: -4rem;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -4rem;
}

.slick-prev::before,
[dir="rtl"] .slick-prev::before {
    content: "\e9ce";
}

.slick-next {
    right: -4rem;
}

[dir="rtl"] .slick-next {
    left: -4rem;
    right: auto;
}

.slick-next::before,
[dir="rtl"] .slick-next::before {
    content: "\e9cf";
}

.slick-dotted.slick-slider {
    margin-bottom: 3rem;
}

.slick-dots {
    bottom: -2.5rem;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 2rem;
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    width: 2rem;
}

.slick-dots li button {
    background: #333333 none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 1rem;
    padding: 0.5rem;
    width: 1rem;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: medium none;
}

.slick-dots li.slick-active button {
    opacity: 0.75;
    filter: alpha(opacity=75);
}

@media only screen and (max-width: 1024px) {
    .slick-prev {
        width: 5rem;
        left: 0.8rem;
        height: 100%;
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(255, 255, 255, 0.5)),
            to(rgba(255, 255, 255, 0))
        );
        background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0.5) 0%,
            rgba(255, 255, 255, 0) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 );
    }
    .slick-next {
        width: 5rem;
        right: 0.8rem;
        height: 100%;
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(rgba(255, 255, 255, 0)),
            to(rgba(255, 255, 255, 0.5))
        );
        background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 );
    }
}

@media only screen and (max-width: 481px) {
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
    .slick-slide {
        margin: 0;
    }
}

/* no-scroll */
.no-scroll {
    z-index: 999;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.no-scroll.fixed {
    z-index: 999;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    top: 15px;
}

@media only screen and (max-width: 960px) {
    #masterlayout .col12 + div > .no-scroll,
    #main + div > .no-scroll,
    .main + div > .no-scroll {
        position: static !important;
        width: 100% !important;
    }
}

@media only screen and (max-width: 720px) {
    .no-scroll {
        position: static !important;
        width: auto !important;
    }
}

/* POSITION */
.fixed,
.sticky-on {
    position: fixed !important;
}

/* _DOCS (estilos para documentación en diseno.sanitasweb.es/framework-2016 */
.example {
    position: relative;
    padding: 0 0 2.4rem 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1.6rem;
    background: #ffffff;
}

.example .carousel-inner .item .row {
    width: 100%;
}

code {
    padding: 0.2rem 0.4rem;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

code.prettyprint > span {
    overflow-wrap: break-word;
}

.highlight {
    padding: 1.5rem 1.6rem;
    margin-bottom: 1.6rem;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 0.5rem;
    overflow-x: auto;
}

.highlight code {
    background: transparent;
}

figure {
    margin: 1.6rem 0;
}

/* DOCUMENTACION FRAMEWORK*/
.reticula p {
    background-color: #e6e6e6;
    text-align: center;
    margin-bottom: 0;
}

.reticula.row > * {
    border-left: 1px dotted red;
    margin-bottom: 0.8rem;
}

pre.prettyprint,
code.prettyprint {
    border-radius: 0 !important;
    display: block;
    padding: 1.6rem;
}

.showmargins > * {
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
    overflow: hidden;
}

.showmargins .title.sub,
.showmargins div + div {
    border-top: none;
}

.showhmargins > * {
    border-left: 1px dotted red;
    border-right: 1px dotted red;
}

.showhmargins > * + * {
    border-left: none;
}

/* tabs */
.nav-tabs {
    display: table;
    content: " ";
    padding: 0;
    margin-bottom: 0;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.nav-tabs > * {
    list-style-type: none;
    float: left;
    margin-bottom: -0.1rem;
    margin-right: -0.1rem;
    background: #f0f0f0;
    border: 1px solid #ddd;
    text-align: center;
}

.nav-tabs > * > a {
    display: block;
    padding: 1.6rem;
    font-weight: bold;
    color: #0079c8;
    cursor: pointer;
}

.nav-tabs > * > a:hover {
    background: #ffffff;
}

.nav-tabs > *.active {
    background: #ffffff;
    border-bottom-color: #ffffff;
}

.nav-tabs > *.active a {
    color: #000000;
}

.nav-tabs.justified {
    border-bottom: none;
}

.nav-tabs.justified > * {
    display: table-cell;
    float: none;
}

/* equals > * > a */
/* accordion, fan, tabs-accordion responsive */
.resp-tabs-container {
    background-color: #ffffff;
    clear: left;
}

.accordion dt,
.fan dt,
.resp-accordion > a {
    background-color: #f0f0f0;
    color: #0079c8;
    padding: 1.5rem 1.6rem 1.6rem 1.6rem;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    min-height: 5.6rem;
    font-weight: bold;
    font-size: 1.6rem;
}

.accordion.white dt,
.fan.white dt,
.resp-accordion.white > a {
    border-bottom-color: #e6e6e6;
}

.accordion dt:hover,
.abanico dt:hover,
.fan dt:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.accordion dt.active,
.fan dt.active,
.resp-accordion.active > a {
    background-color: #0079c8;
    color: #ffffff;
}

.accordion.color > dt.active,
.fan.color > dt.active {
    color: #0079c8;
}

.resp-accordion > a {
    display: block;
}

.accordion dt:after,
.fan dt:after,
.resp-accordion > a:after {
    content: "\e9cd";
    position: absolute;
    right: 1.6rem;
    top: 50%;
    margin-top: -0.8rem;
    font-family: "bupaicons" !important;
    font-size: 1.6rem;
    color: #0079c8;
}

.accordion dt.active:after,
.fan dt.active:after,
.resp-accordion.active > a:after {
    content: "\e9d0";
    color: #ffffff;
}

.accordion.color dt.active:after,
.fan.color dt.active:after {
    color: #0079c8;
}

.accordion > dd,
.abanico > dd,
.fan > dd {
    max-height: 9999px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.accordion > dd.off,
.abanico > dd.off,
.fan > dd.off {
    /*max-height:0;*/
    overflow: hidden;
}

.accordion > dd.off,
.abanico > dd.off,
.fan > dd.off {
    display: none;
}

.accordion dd .contributed,
.fan dd .contributed {
    padding: 1.6rem;
    display: inline-block;
    width: 100%;
}

.resp-tab-content {
    padding: 1.6rem;
    display: inline-block;
    width: 100%;
}

.resp-tab-content .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.accordion.bgcolor > dd *,
.abanico.bgcolor > dd *,
.fan.bgcolor > dd * {
    background-color: #ffffff;
    color: #6c6e71;
}

.accordion.bgcolor > dd > .picture,
.abanico.bgcolor > dd > .picture,
.fan.bgcolor > dd > .picture,
.accordion.bgcolor > dd *:last-child,
.abanico.bgcolor > dd *:last-child,
.fan.bgcolor > dd *:last-child {
    margin-bottom: 0;
}

.bgcolor:not(.lightgray50) > dd p,
.bgcolor:not(.lightgray50) > dd h2,
.bgcolor:not(.lightgray50) > dd h3,
.bgcolor:not(.lightgray50) > dd h4,
.bgcolor:not(.lightgray50) > dd h5 {
    color: #333333;
}

.accordion.bgcolor > dt,
.abanico.bgcolor > dt,
.fan.bgcolor > dt {
    background-color: transparent;
    color: #ffffff;
}

.accordion.bgcolor.white > dt,
.abanico.bgcolor.white > dt,
.fan.bgcolor.white > dt {
    color: #0079c8;
}

.accordion.bgcolor > dt:last-child,
.abanico.bgcolor > dt:last-child,
.fan.bgcolor > dt:last-child {
    border-bottom: none;
}

.accordion.bgcolor > dt:after,
.abanico.bgcolor > dt:after,
.fan.bgcolor > dt:after {
    color: #ffffff;
}

.accordion.bgcolor.white > dt:after,
.abanico.bgcolor.white > dt:after,
.fan.bgcolor.white > dt:after {
    color: #0079c8;
}

.accordion.color > dt,
.abanico.color > dt,
.fan.color > dt {
    background: transparent;
    color: #0079c8;
    border-top: 1px solid #ffffff;
}

.accordion.white > dt,
.abanico.white > dt,
.fan.white > dt {
    border-top-color: #e6e6e6;
}

.accordion.color > dt:first-child,
.abanico.color > dt:first-child,
.fan.color > dt:first-child {
    border-top: none;
}

.accordion dt.active:after,
.fan dt.active:after,
.resp-accordion.active > a:after {
    color: #ffffff;
}

.accordion.color > dd,
.abanico.color > dd,
.fan.color dd {
    background-color: #ffffff;
}

.resp-accordion,
.resp-arrow,
.resp-tab-content {
    display: none;
}

.resp-content-active,
.resp-accordion-active,
.resp-tab-content-active {
    display: block;
}

.lite dt.active,
.lite dd {
    background-color: #f5f5f5;
}

.lite dt {
    background-color: #ffffff;
    border-bottom: 2px solid #f3f3f3;
    color: #000000 !important;
    padding-right: 4.8rem;
}

.lite dd {
    color: #000000;
    padding-left: 0.8rem;
}

.lite dt.active:after {
    color: #0079c8;
    content: "\e929";
}

.lite dt:after {
    content: "\e926";
    font-size: 2rem;
    font-weight: 400;
    top: 2.4rem;
}

.lite dt:first-child {
    border-top: 2px solid #f3f3f3;
}

@media only screen and (max-width: 961px) {
    .resp-tabs-container {
        padding: 0;
        border: none;
        margin: 0.8rem 0 1.6rem;
    }
    ul.resp-tabs-list {
        display: none !important;
    }
    .resp-accordion {
        display: block;
    }
    .cont.resp-tab-content.resp-tab-content-active.purple > p {
        background: #ffffff;
        padding: 0.8rem;
    }
    .accordion.tabbed > dd {
        top: 0 !important;
    }
}

@media only screen and (min-width: 961px) {
    .resp-tab-content-active {
        display: block !important;
    }
    .accordion.tabbed {
        display: table;
        width: 100%;
        position: relative;
        background: #f0f0f0 !important;
    }
    .accordion.tabbed dt {
        display: table-cell;
        text-align: center;
        color: #0079c8;
    }
    .accordion.tabbed dt:hover {
        background-color: #ffffff;
        color: #0079c8;
    }
    .accordion.tabbed dd {
        position: absolute;
        width: 100%;
        left: 0;
        top: 5.5rem;
        padding-top: 0.1rem;
        overflow: hidden;
        background-color: #ffffff;
        z-index: 1;
    }
    .accordion.tabbed dt {
        border: 1px solid #ddd;
        border-bottom-color: #f0f0f0;
    }
    .accordion.tabbed dt.active {
        background-color: #ffffff;
        border-bottom-color: #ffffff;
        font-weight: bold;
        color: #000000;
    }
    .accordion.tabbed dt:after {
        content: "";
    }
    .accordion.tabbed.alphabet dt {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.1s ease 0s;
        transition: all 0.1s ease 0s;
        vertical-align: middle;
        opacity: 1;
        filter: alpha(opacity=100);
        padding: 0.7rem 1.4rem;
        height: 4rem;
    }
    .accordion.tabbed.alphabet > dt:hover {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        z-index: 99;
    }
}

/* COMPATIBILIDAD FANCYBOX 2015-2016 */
.fancybox-close:before {
    font-family: "bupaicons" !important;
    content: "\e9d1" !important;
}

.fancybox-prev span:before {
    font-family: "bupaicons" !important;
    content: "\e9ce" !important;
}

.fancybox-next span:before {
    font-family: "bupaicons" !important;
    content: "\e9cf" !important;
}

.fancylayer {
    display: none;
}

.fancybox-inner .fancylayer {
    display: block;
}

/*language selector*/
.language {
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

.language a {
    background: no-repeat scroll 5px 4px #eee;
    border-radius: 4px;
    height: 2.7rem;
    padding: 0.6rem 0.5rem 0.5rem 3rem;
    margin: 0 0.5rem 1rem 0;
    display: inline-block;
    font: bold 1.4rem Bupa, Arial, Helvetica, Sans-serif;
}

.language a:hover {
    color: #ffffff;
    background-color: #0079c8;
}

.language a.en-gb {
    background-position: 5px -23px;
}

.language a.de-de {
    background-position: 5px -50px;
}

#super .language {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    display: none;
}

/*end: language*/
/* _GRID */
body {
    text-align: center;
    background-color: #0079c8;
}

body > * {
    background: #ffffff; /*font-size:0 /* display-inline-block-margin-zero-hack*/
}

body.landing > * {
    background: transparent;
}

.container {
    border-top: 1px solid #e6e6e6;
}

.container.breadcrumb + .container,
.container.bgcolor {
    border-top: none;
}

.container:before,
.container:after {
    content: " ";
}

.container.padded {
    padding: 3rem 0;
}

.container.shadowed {
    background-color: #f0f0f0 !important;
}

/* >> screen-xs */
@media only screen and (max-width: 960px) {
    #main-header + .container {
        border-top: none;
    }
    .hero .row,
    .wide .row {
        margin: 0 !important;
    }
}

#main-header > .row,
.submenu > .row,
#breadcrumb > .row {
    display: inline-block;
    width: 100%;
    margin: 0 -1.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    clear: both;
    text-align: center;
}

.container > .row,
.container > .carousel item > .row {
    display: inline-block;
    width: 100%;
    margin: 0 -1.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    clear: both;
    text-align: center;
}

footer > .row,
.hero .row {
    display: inline-block;
    width: 100%;
    margin: 0 -1.6rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    clear: both;
    text-align: center;
}

.wide > .row {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 -1.6rem;
    padding-left: 0;
    padding-right: 0;
    clear: both;
    text-align: center;
}

#main-header > .row {
    display: block;
    margin: 0 auto;
}

.hero .row,
.wide .row {
    margin: 0 auto;
}

.row:before,
.row:after {
    content: "\00a0"; /*parche submenú responsive*/
    line-height: 0 !important;
    height: 0px;
    display: block;
}

.submenu > .row {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

/* floating grid */
.row:after {
    clear: both;
}

/* solution for children floats */
.clearfix {
    width: 100%;
    clear: both;
    margin: 0 !important;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
    float: left;
}

.col1,
.w1 {
    width: 8.333333% !important;
}

.col2,
.w2 {
    width: 16.666666% !important;
}

.col3,
.w3,
.w25 {
    width: 25% !important;
}

.col4,
.w4,
.w33 {
    width: 33.333333% !important;
}

.col5,
.w5 {
    width: 41.666666% !important;
}

.col6,
.w6,
.w50 {
    width: 50% !important;
}

.col7,
.w7 {
    width: 58.333333% !important;
}

.col8,
.w8,
.w66 {
    width: 66.666666% !important;
}

.col9,
.w9,
.w75 {
    width: 75% !important;
}

.col10,
.w10 {
    width: 83.333333% !important;
}

.col11,
.w11 {
    width: 91.6666666667% !important;
}

.col12,
.w12,
.w100 {
    width: 100% !important;
}

.grid {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
}

.grid.iconlist {
    margin-left: 0;
    margin-right: 0;
}

.list.grid,
.bullets.grid,
.tic.grid,
ol.grid {
    margin-left: 0;
    margin-right: 0;
}

.grid > * {
    display: inline-block;
    vertical-align: top;
    margin: 0 -0.3rem 2.4rem -0.3rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.grid.guttered > * {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.grid.left > * {
    float: left;
}

/*0 -3px 2.4rem -3px*/
table .grid > * {
    float: left;
}

.grid.cols1 > *,
.grid.cols2 > *,
.grid.cols3 > *,
.grid.cols4 > *,
.grid.cols5 > *,
.grid.cols6 > * {
    width: 100% !important;
    clear: both;
}

.grid.gallery {
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    background-color: #ffffff;
}

.grid.gallery > * {
    padding: 0.4rem;
    margin: 0; /*padding:0 2px 4px 2px;margin:0 -2px;float:none;*/
    float: left;
    clear: none !important;
    width: 33.3% !important;
}

.grid.gallery.firstfull > * {
    display: none;
}

.grid.gallery.firstfull > *:first-child {
    width: 100% !important;
    display: inline-block;
}

.grid.gallery a:hover {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-box-shadow: 0 0 0.4rem 0 gray;
    box-shadow: 0 0 0.4rem 0 gray;
}

.grid.tablerow {
    border-spacing: 1.6rem 0;
    margin: 0 -1.6rem;
    width: auto;
}

.grid.tablerow.border0 {
    border-spacing: 0;
    margin: 0;
}

/*.grid > *:first-child {margin-left:-17px}
.grid > *:last-child {margin-right:-17px}*/
@media only screen and (min-width: 721px) {
    .grid.gallery > * {
        width: 25% !important;
    }
}

@media only screen and (min-width: 961px) {
    .grid.gallery > * {
        width: inherit;
    }
}

/* screen-sm >> */
@media only screen and (min-width: 481px) {
    .grid.cols2 > *,
    .grid.cols3 > *,
    .grid.cols4 > *,
    .grid.cols5 > *,
    .grid.cols6 > * {
        width: 50% !important;
        clear: none;
    }
    .grid.cols2.list > *:nth-child(2),
    .grid.cols3.list > *:nth-child(2),
    .grid.cols4.list > *:nth-child(2),
    .grid.cols5.list > *:nth-child(2),
    .grid.cols6.list > *:nth-child(2) {
        border-top: none;
    }
    .grid.cols2 > *:nth-child(2n + 1),
    .grid.cols3 > *:nth-child(4n + 1),
    .grid.cols4 > *:nth-child(4n + 1),
    .grid.cols5 > *:nth-child(4n + 1),
    .grid.cols6 > *:nth-child(4n + 1) {
        clear: left;
    }
    .grid.gallery.firstfull > * {
        display: inline-block;
    }
    /*.grid.cols3 > *,.grid.cols4 > *,.grid.cols5 > *,.grid.cols6 > *  {width:25% !important;clear:none;}*/
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .grid.cols2 > * {
        width: 50% !important;
        clear: none;
    }
    .grid.cols3 > * {
        width: 33.333333% !important;
        clear: none;
    }
    .grid.cols4 > *,
    .grid.cols5 > *,
    .grid.cols6 > * {
        width: 25% !important;
        clear: none;
    }
    *[role="main"] .grid.cols5 > *,
    *[role="main"] .grid.cols6 > * {
        width: 33.333333% !important;
        clear: none;
    }
    /* ajuste de border superiores en listas */
    .grid.cols3.list > *:nth-child(2),
    .grid.cols3.list > *:nth-child(3) {
        border-top: none;
    }
    .grid.cols4.list > *:nth-child(2),
    .grid.cols4.list > *:nth-child(3),
    .grid.cols4.list > *:nth-child(4) {
        border-top: none;
    }
    .grid.cols5.list > *:nth-child(2),
    .grid.cols5.list > *:nth-child(3),
    .grid.cols5.list > *:nth-child(4) {
        border-top: none;
    }
    .grid.cols6.list > *:nth-child(2),
    .grid.cols6.list > *:nth-child(3),
    .grid.cols6.list > *:nth-child(4) {
        border-top: none;
    }
    *[role="main"] .grid.cols5.list > *:nth-child(4),
    *[role="main"] .grid.cols6.list > *:nth-child(4),
    *[role="main"] .grid.cols5.list > *:nth-child(5),
    *[role="main"] .grid.cols6.list > *:nth-child(5),
    *[role="main"] .grid.cols5.list > *:nth-child(6),
    *[role="main"] .grid.cols6.list > *:nth-child(6) {
        border-top: 1px solid #e7e7e7;
    }
    .grid.cols2 > *:nth-child(2n + 1),
    .grid.cols3 > *:nth-child(3n + 1),
    .grid.cols4 > *:nth-child(4n + 1),
    .grid.cols5 > *:nth-child(4n + 1),
    .grid.cols6 > *:nth-child(4n + 1) {
        clear: left;
    }
}

/* screen-la >> */
@media only screen and (min-width: 961px) {
    .grid.cols2 > * {
        width: 50% !important;
        clear: none;
    }
    .grid.cols3 > * {
        width: 33.333333% !important;
        clear: none;
    }
    .grid.cols4 > * {
        width: 25% !important;
        clear: none;
    }
    .grid.cols5 > * {
        width: 20% !important;
        clear: none;
    }
    .grid.cols6 > * {
        width: 16.666666% !important;
        clear: none;
    }
    .grid.cols3.list > *:nth-child(2),
    .grid.cols3.list > *:nth-child(3) {
        border-top: none;
    }
    .grid.cols4.list > *:nth-child(4),
    .grid.cols5.list > *:nth-child(5) {
        border-top: none;
    }
    .grid.cols6.list > *:nth-child(5),
    .grid.cols6.list > *:nth-child(6) {
        border-top: none;
    }
    .grid.cols2 > *:nth-child(2n + 1),
    .grid.cols3 > *:nth-child(3n + 1),
    .grid.cols4 > *:nth-child(4n + 1),
    .grid.cols5 > *:nth-child(5n + 1),
    .grid.cols6 > *:nth-child(6n + 1) {
        clear: left;
    }
}

/* screen-xl >> */
/* table grid */
.tablerow {
    display: table;
    border-spacing: 0;
}

.tablerow .tablerow {
    height: 100%;
}

.tablerow > *,
.tablerow > .banner {
    display: table-cell;
    float: none;
    vertical-align: top;
    height: 100%;
    width: 100rem;
}

.mobile #menu .tablerow > * {
    display: inline;
}

.tablerow.guttered {
    border-spacing: 3.2rem;
    margin-left: -3.2rem;
    margin-right: -1.6rem;
}

.tablerow > .col1,
.tablerow > .col2,
.tablerow > .col3,
.tablerow > .col4,
.tablerow > .col5,
.tablerow > .col6,
.tablerow > .col7,
.tablerow > .col8,
.tablerow > .col9,
.tablerow > .col10,
.tablerow > .col11,
.tablerow > .col12 {
    float: none;
}

/*.CONFLICTO CON .PLACEEN CSS MAPAS: tablerow > *, .place > * {display:table-cell;float:none;vertical-align:top;height:100%;}*/
.container > .row,
.container > .carousel item > .row {
    clear: both;
}

.container > .tablerow {
    clear: both;
    padding: 2rem 0 0 0;
}

.cont {
    padding: 2rem;
    overflow: hidden;
}

.row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    clear: both; /*se pone por formularios, podría dar problemas*/
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-me-1,
.col-me-2,
.col-me-3,
.col-me-4,
.col-me-5,
.col-me-6,
.col-me-7,
.col-me-8,
.col-me-9,
.col-me-10,
.col-me-11,
.col-me-12 {
    position: relative;
    min-height: 1px;
    padding-right: 1.6rem;
    padding-left: 1.6rem;
}

/* responsive grid */
/* screen-xs*/
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.tablerow-sm > *,
.tablerow-md > *,
.tablerow-me > *,
.tablerow-lg > *.tablerow-xl > * {
    display: block;
    clear: both;
    margin-bottom: 2.4rem;
    border: none;
}

/*border:none anula posible .piped*/
@media only screen and (max-width: 480px) {
    .xs-show {
        display: block !important;
    }
    .tablerow > .xs-show {
        display: table-cell !important;
    }
    .xs-hide {
        display: none !important;
    }
    .xs-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important;
    }
}

/* screen-sm >> */
@media only screen and (min-width: 481px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66667%;
    }
    .col-sm-10 {
        width: 83.33333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66667%;
    }
    .col-sm-7 {
        width: 58.33333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66667%;
    }
    .col-sm-4 {
        width: 33.33333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66667%;
    }
    .col-sm-1 {
        width: 8.33333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66667%;
    }
    .col-sm-pull-10 {
        right: 83.33333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66667%;
    }
    .col-sm-pull-7 {
        right: 58.33333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66667%;
    }
    .col-sm-pull-4 {
        right: 33.33333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66667%;
    }
    .col-sm-pull-1 {
        right: 8.33333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66667%;
    }
    .col-sm-push-10 {
        left: 83.33333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66667%;
    }
    .col-sm-push-7 {
        left: 58.33333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66667%;
    }
    .col-sm-push-4 {
        left: 33.33333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66667%;
    }
    .col-sm-push-1 {
        left: 8.33333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }
    .col-sm-offset-0 {
        margin-left: 0;
    }
    .sm-show {
        display: block !important;
    }
    .tablerow > .sm-show {
        display: table-cell !important;
    }
    .sm-hide {
        display: none !important;
    }
    .sm-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important;
    }
    .tablerow-sm {
        display: table;
        border-spacing: 1.6rem;
        margin: -1.6rem -1.6rem 0 -1.6rem;
    }
    .tablerow-sm > * {
        display: table-cell !important;
        vertical-align: top;
        float: none !important;
        width: 100rem; /* el width fuerza que se reparta el ancho de celdas */
    }
    /* -20 = -border-spacing */
}

/* screen-md >> */
@media only screen and (min-width: 721px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-me-1,
    .col-me-10,
    .col-me-11,
    .col-me-12,
    .col-me-2,
    .col-me-3,
    .col-me-4,
    .col-me-5,
    .col-me-6,
    .col-me-7,
    .col-me-8,
    .col-me-9 {
        float: left;
    }
    .col-md-12,
    .col-me-12 {
        width: 100%;
    }
    .col-md-11,
    .col-me-11 {
        width: 91.66667%;
    }
    .col-md-10,
    .col-me-10 {
        width: 83.33333%;
    }
    .col-md-9,
    .col-me-9 {
        width: 75%;
    }
    .col-md-8,
    .col-me-8 {
        width: 66.66667%;
    }
    .col-md-7,
    .col-me-7 {
        width: 58.33333%;
    }
    .col-md-6,
    .col-me-6 {
        width: 50%;
    }
    .col-md-5,
    .col-me-5 {
        width: 41.66667%;
    }
    .col-md-4,
    .col-me-4 {
        width: 33.33333%;
    }
    .col-md-3,
    .col-me-3 {
        width: 25%;
    }
    .col-md-2,
    .col-me-2 {
        width: 16.66667%;
    }
    .col-md-1,
    .col-me-1 {
        width: 8.33333%;
    }
    .col-md-pull-12,
    .col-me-pull-12 {
        right: 100%;
    }
    .col-md-pull-11,
    .col-me-pull-11 {
        right: 91.66667%;
    }
    .col-md-pull-10,
    .col-me-pull-10 {
        right: 83.33333%;
    }
    .col-md-pull-9,
    .col-me-pull-9 {
        right: 75%;
    }
    .col-md-pull-8,
    .col-me-pull-8 {
        right: 66.66667%;
    }
    .col-md-pull-7,
    .col-me-pull-7 {
        right: 58.33333%;
    }
    .col-md-pull-6,
    .col-me-pull-6 {
        right: 50%;
    }
    .col-md-pull-5,
    .col-me-pull-5 {
        right: 41.66667%;
    }
    .col-md-pull-4,
    .col-me-pull-4 {
        right: 33.33333%;
    }
    .col-md-pull-3,
    .col-me-pull-3 {
        right: 25%;
    }
    .col-md-pull-2,
    .col-me-pull-2 {
        right: 16.66667%;
    }
    .col-md-pull-1,
    .col-me-pull-1 {
        right: 8.33333%;
    }
    .col-md-pull-0,
    .col-me-pull-0 {
        right: auto;
    }
    .col-md-push-12,
    .col-me-push-12 {
        left: 100%;
    }
    .col-md-push-11,
    .col-me-push-11 {
        left: 91.66667%;
    }
    .col-md-push-10,
    .col-me-push-10 {
        left: 83.33333%;
    }
    .col-md-push-9,
    .col-me-push-9 {
        left: 75%;
    }
    .col-md-push-8,
    .col-me-push-8 {
        left: 66.66667%;
    }
    .col-md-push-7,
    .col-me-push-7 {
        left: 58.33333%;
    }
    .col-md-push-6,
    .col-me-push-6 {
        left: 50%;
    }
    .col-md-push-5,
    .col-me-push-5 {
        left: 41.66667%;
    }
    .col-md-push-4,
    .col-me-push-4 {
        left: 33.33333%;
    }
    .col-md-push-3,
    .col-me-push-3 {
        left: 25%;
    }
    .col-md-push-2,
    .col-me-push-2 {
        left: 16.66667%;
    }
    .col-md-push-1,
    .col-me-push-1 {
        left: 8.33333%;
    }
    .col-md-push-0,
    .col-me-push-0 {
        left: auto;
    }
    .col-md-offset-12,
    .col-me-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11,
    .col-me-offset-11 {
        margin-left: 91.66667%;
    }
    .col-md-offset-10,
    .col-me-offset-10 {
        margin-left: 83.33333%;
    }
    .col-md-offset-9,
    .col-me-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8,
    .col-me-offset-8 {
        margin-left: 66.66667%;
    }
    .col-md-offset-7,
    .col-me-offset-7 {
        margin-left: 58.33333%;
    }
    .col-md-offset-6,
    .col-me-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5,
    .col-me-offset-5 {
        margin-left: 41.66667%;
    }
    .col-md-offset-4,
    .col-me-offset-4 {
        margin-left: 33.33333%;
    }
    .col-md-offset-3,
    .col-me-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2,
    .col-me-offset-2 {
        margin-left: 16.66667%;
    }
    .col-md-offset-1,
    .col-me-offset-1 {
        margin-left: 8.33333%;
    }
    .col-md-offset-0,
    .col-me-offset-0 {
        margin-left: 0;
    }
    .md-show,
    .me-show {
        display: block !important;
    }
    .tablerow > .md-show,
    .tablerow > .me-show {
        display: table-cell !important;
    }
    .md-hide,
    .me-hide {
        display: none !important;
    }
    .md-clearfix,
    .me-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important;
    }
    .tablerow-md,
    .tablerow-me {
        display: table;
        border-spacing: 2.4rem;
        margin: -2.4rem -2.4rem 0 -2.4rem;
    }
    /* -20 = -border-spacing */
    .tablerow-md > *,
    .tablerow-me > * {
        display: table-cell !important;
        vertical-align: top;
        float: none !important;
        width: 100rem; /* el width fuerza que se reparta el ancho de celdas */
    }
    .cells1,
    .cells2,
    .cells3,
    .cells4,
    .cells5 {
        width: 100%;
        width: calc(100% + 4.8rem);
    }
    .tablerow-sm.cells1 > *,
    .tablerow-md.cells1 > *,
    .tablerow-me.cells1 > *,
    .tablerow-lg.cells1 > *.tablerow-xl.cells1 > * {
        width: 100%;
    }
    .tablerow-sm.cells2 > *,
    .tablerow-md.cells2 > *,
    .tablerow-me.cells2 > *,
    .tablerow-lg.cells2 > *.tablerow-xl.cells2 > * {
        width: 50%;
    }
    .tablerow-sm.cells3 > *,
    .tablerow-md.cells3 > *,
    .tablerow-me.cells3 > *,
    .tablerow-lg.cells3 > *.tablerow-xl.cells3 > * {
        width: 33.33%;
    }
    .tablerow-sm.cells4 > *,
    .tablerow-md.cells4 > *,
    .tablerow-me.cells4 > *,
    .tablerow-lg.cells4 > *.tablerow-xl.cells4 > * {
        width: 25%;
    }
    .tablerow-sm.cells5 > *,
    .tablerow-md.cells5 > *,
    .tablerow-me.cells5 > *,
    .tablerow-lg.cells5 > *.tablerow-xl.cells5 > * {
        width: 20%;
    }
    [class*="tablerow"][class*="cell"] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        margin: 0 0 2.4rem;
        width: 100%;
    }
    [class*="tablerow"][class*="cell"] > * {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
        margin: 0 1.2rem;
    }
    [class*="tablerow"][class*="cell"] > *:first-child {
        margin-left: 0;
    }
    [class*="tablerow"][class*="cell"] > *:last-child {
        margin-right: 0;
    }
}

/* screen-lg >> */
@media only screen and (min-width: 961px) {
    #main-header > .row,
    .submenu > .row,
    #breadcrumb > .row {
        width: 96.2rem;
    }
    .container > .row,
    .container > .tablerow,
    .container > .carousel item > .row {
        width: 96.2rem;
    }
    footer > .row,
    .hero .row,
    .wide > .row,
    .second-nav > ul {
        width: 96.2rem;
    }
    .row.guttered > * {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
    .row.guttered > *:first-child {
        padding-left: 1.6rem;
    }
    .row.guttered > *:last-child {
        padding-right: 1.6rem;
    }
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66667%;
    }
    .col-lg-10 {
        width: 83.33333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66667%;
    }
    .col-lg-7 {
        width: 58.33333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66667%;
    }
    .col-lg-4 {
        width: 33.33333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66667%;
    }
    .col-lg-1 {
        width: 8.33333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66667%;
    }
    .col-lg-pull-10 {
        right: 83.33333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66667%;
    }
    .col-lg-pull-7 {
        right: 58.33333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66667%;
    }
    .col-lg-pull-4 {
        right: 33.33333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66667%;
    }
    .col-lg-pull-1 {
        right: 8.33333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66667%;
    }
    .col-lg-push-10 {
        left: 83.33333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66667%;
    }
    .col-lg-push-7 {
        left: 58.33333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66667%;
    }
    .col-lg-push-4 {
        left: 33.33333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66667%;
    }
    .col-lg-push-1 {
        left: 8.33333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }
    .col-lg-offset-0 {
        margin-left: 0;
    }
    .lg-show {
        display: block !important;
    }
    .lg-hide {
        display: none !important;
    }
    .lg-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important;
    }
    .tablerow-lg {
        display: table;
        border-spacing: 2rem;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
    .tablerow-lg > * {
        display: table-cell;
        float: none !important;
        width: 100rem; /* el width fuerza que se reparta el ancho de celdas */
    }
}

/* screen-xl >> */
@media only screen and (min-width: 1281px) {
    .container > .row,
    .container > .tablerow,
    .container > .carousel item > .row {
        width: 124.8rem;
        margin: 0 auto;
        display: block;
    }
    #main-header > .row,
    .submenu > .row,
    footer > .row,
    .hero .row,
    .wide > .row,
    .second-nav > ul {
        width: 124.8rem;
        margin: 0 auto;
        display: block;
    }
    #menu.fixed,
    #menu.jump-menu.sticky-on {
        width: 114rem;
    }
    body > .container {
        display: table;
        width: 100%;
    }
    .container > .container {
        display: table;
        width: 100%;
    }
    .container > .row:before {
        content: "";
        display: table;
    }
    .container > .row:after {
        content: "";
        display: table;
        clear: both;
    }
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66667%;
    }
    .col-xl-10 {
        width: 83.33333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66667%;
    }
    .col-xl-7 {
        width: 58.33333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66667%;
    }
    .col-xl-4 {
        width: 33.33333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66667%;
    }
    .col-xl-1 {
        width: 8.33333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66667%;
    }
    .col-xl-pull-10 {
        right: 83.33333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66667%;
    }
    .col-xl-pull-7 {
        right: 58.33333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66667%;
    }
    .col-xl-pull-4 {
        right: 33.33333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66667%;
    }
    .col-xl-pull-1 {
        right: 8.33333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66667%;
    }
    .col-xl-push-10 {
        left: 83.33333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66667%;
    }
    .col-xl-push-7 {
        left: 58.33333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66667%;
    }
    .col-xl-push-4 {
        left: 33.33333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66667%;
    }
    .col-xl-push-1 {
        left: 8.33333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
    .xl-show {
        display: block !important;
    }
    .xl-hide {
        display: none !important;
    }
    .xl-clearfix {
        width: 100%;
        clear: both;
        margin: 0 !important;
    }
    .tablerow-xl {
        display: table-row;
        border-spacing: -1.6rem;
        margin-left: -1.6rem;
        margin-right: -1.6rem;
    }
    .tablerow-xl > * {
        display: table-cell;
        float: none !important;
        width: 100rem; /* el width fuerza que se reparta el ancho de celdas */
    }
}

/* Flexbox */
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-inline-flex > * {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.flex-row {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: horizontal !important;
    -moz-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.flex-column {
    -webkit-box-direction: normal !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.flex-row-reverse {
    -webkit-box-direction: reverse !important;
    -webkit-box-orient: horizontal !important;
    -moz-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    -webkit-box-direction: reverse !important;
    -webkit-box-orient: vertical !important;
    -moz-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
}

.flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.flex-last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.flex-unordered {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.flex-wrap-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-wrap-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

.flex-justify-content-flex-start {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
}

.flex-justify-content-flex-end {
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end;
}

.flex-justify-content-center {
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-pack: center;
}

.flex-justify-content-space-between {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.flex-justify-content-space-around {
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
}

@media (min-width: 481px) {
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-inline-flex > * {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .flex-sm-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-sm-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-sm-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-sm-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .flex-sm-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-sm-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .flex-sm-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-sm-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .flex-sm-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .flex-sm-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    .flex-sm-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .flex-sm-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .flex-sm-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
    }
}

@media (min-width: 721px) {
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-inline-flex > * {
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    }
    .flex-md-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-md-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-md-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-md-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .flex-md-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-md-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .flex-md-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-md-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .flex-md-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .flex-md-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    .flex-md-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .flex-md-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .flex-md-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
    }
}

@media (min-width: 961px) {
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .d-inline-flex > * {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    }
    .flex-lg-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-lg-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-lg-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-lg-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .flex-lg-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-lg-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .flex-lg-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-lg-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .flex-lg-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .flex-lg-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    .flex-lg-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .flex-lg-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .flex-lg-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
    }
}

@media (min-width: 1281px) {
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .flex-xl-row {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
    .flex-xl-column {
        -webkit-box-direction: normal !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .flex-xl-row-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: horizontal !important;
        -moz-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }
    .flex-xl-column-reverse {
        -webkit-box-direction: reverse !important;
        -webkit-box-orient: vertical !important;
        -moz-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }
    .flex-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
    .flex-xl-last {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .flex-xl-unordered {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .flex-xl-wrap-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .flex-xl-wrap-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
    }
    .flex-xl-justify-content-flex-start {
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start;
    }
    .flex-xl-justify-content-flex-end {
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    .flex-xl-justify-content-center {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .flex-xl-justify-content-space-between {
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-pack: space-between;
    }
    .flex-xl-justify-content-space-around {
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: space-around;
    }
}

/* force margin (mar) & padding (pad) */
.supstroke {
    border-top: 1px solid #e6e6e6;
}

.substroke {
    border-bottom: 1px solid #e6e6e6;
}

.pad {
    padding: 2.4rem !important;
}

.pad > *:first-child {
    padding-top: 0 !important;
}

.pad > *:last-child {
    padding-bottom: 0 !important;
}

.pad-xs {
    padding: 0.8rem !important;
}

.pad-sm {
    padding: 1.6rem !important;
}

.pad-md,
.pad,
.pad-me {
    padding: 2.4rem !important;
}

.pad-lg {
    padding: 3.2rem !important;
}

.pad-xl {
    padding: 4rem !important;
}

.hpad {
    padding-left: 2.4rem !important;
}

.hpad > *:first-child {
    margin-left: 0 !important;
}

.hpad > *:last-child {
    margin-right: 0 !important;
}

.hpad-xs {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}

.hpad-sm {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
}

.hpad,
.hpad-md {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
}

.hpad-lg {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
}

.hpad-xl {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.vpad {
    padding-top: 2.4rem !important;
}

.vpad > :first-child {
    margin-top: 0 !important;
}

.vpad > :last-child {
    margin-bottom: 0 !important;
}

.vpad-xs {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}

.vpad-sm {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
}

.vpad,
.vpad-md {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
}

.vpad-lg {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
}

.vpad-xl {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

/**[class*=' vpad'] + *[class*=' vpad'] {padding-top:0 !important;} no funciona con grid cols > .vpad-*/
.nopad {
    padding: 0;
}

.nopad-x {
    padding-right: 0;
    padding-left: 0;
}

.nopad-y {
    padding-top: 0;
    padding-bottom: 0;
}

.pad-xs > div:first-child,
.pad-sm > div:first-child,
.pad-md > div:first-child,
.pad-lg > div:first-child,
.pad-xl > div:first-child,
.pad-me > div:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pad-xs > div:last-child,
.pad-sm > div:last-child,
.pad-md > div:last-child,
.pad-lg > div:last-child,
.pad-xl > div:last-child,
.pad-me > div:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.mar {
    margin: 1.6rem !important;
}

.mar > *:first-child {
    margin-top: 0 !important;
}

.mar > *:last-child {
    margin-bottom: 0 !important;
}

.mar-xs {
    margin: 0.8rem !important;
}

.mar-sm {
    margin: 1.6rem !important;
}

.mar-md,
.mar {
    margin: 2.4rem !important;
}

.mar-lg {
    margin: 3.2rem !important;
}

.mar-xl {
    margin: 4rem !important;
}

.hmar {
    margin-left: 2.4rem !important;
}

.hmar > *:first-child {
    margin-left: 0 !important;
}

.hmar > *:last-child {
    margin-right: 0 !important;
}

.hmar-xs,
.hmar-sm {
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
}

.hmar-md,
.hmar {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important;
}

.hmar-lg {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important;
}

.hmar-xl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.nomar {
    margin: 0;
}

.nomar-x {
    margin-right: 0;
    margin-left: 0;
}

.nomar-y {
    margin-top: 0;
    margin-bottom: 0;
}

.vmar {
    margin-top: 1.6rem !important;
}

.vmar > *:first-child {
    margin-top: 0 !important;
}

.vmar > *:last-child {
    margin-bottom: 0 !important;
}

.vmar-xs {
    margin-top: 0.8rem !important;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;
}

.vmar-sm {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
}

.vmar-md,
.vmar {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important;
}

.vmar-lg {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
}

.vmar-xl {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

*[class*=" vmar"] + *[class*=" vmar"],
.vmar-xs + .vmar-xs,
.vmar-lg + .vmar-lg {
    margin-top: 0 !important;
}

/* screen-md > */
@media only screen and (min-width: 481px) {
    *[role="main"] > *[class*=" vmar"]:first-child,
    *[role="article"] > *[class*=" vmar"]:first-child {
        margin-top: 0 !important;
    }
}

/* _HEADER */
#main-header {
    font-weight: 400;
    min-height: 10rem;
    background-color: #0079c8;
}

#main-header.nocorner {
    min-height: 6rem;
}

#main-header.fixed {
    z-index: 12;
}

#main-header > .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #0079c8;
    position: fixed;
    top: 0;
    z-index: 12;
    min-height: 5.6rem; /*play tiene z10, iconos en inputs z11*/
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}

/* profesionales dentales*/
#logo {
    position: absolute;
    left: 50%;
    margin-left: -5rem;
    top: 0.8rem;
    width: 10rem;
    height: 4.8rem;
    display: block;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
}

#main-header.corner > .row {
    min-height: 10rem;
}

.landing #main-header {
    background-color: transparent;
}

/*#logo img {margin-top:-132px;}*/
#super {
    display: none;
}

#header-search {
    width: 100%;
}

.mobile #header-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 5.6rem;
    height: 5.6rem;
}

.mobile .corner ~ #header-search {
    top: 4rem;
}

.mobile #header-search .form-group > i {
    position: relative;
    display: block;
    left: 0;
    width: 5.6rem;
    line-height: 5.6rem;
    margin: 0;
    color: #ffffff !important;
    cursor: pointer;
}

.mobile #header-search.active .form-group > i {
    position: absolute;
    left: 0;
    top: 0;
    color: #0079c8 !important;
}

#header-search.active {
    display: block;
    position: absolute;
    width: 100%;
    height: 5.6rem;
    z-index: 1;
}

#header-search .form-group {
    width: 100%;
    margin-bottom: 0;
}

.search {
    border: none;
}

.mobile #header-search input {
    display: none;
}

#header-search input {
    padding-left: 4rem;
    background-color: #ffffff;
}

.mobile #header-search.active input {
    display: block;
    padding: 0 0 0 5.6rem !important;
    height: 5.6rem;
}

/*#header-search .form-group > i {position:absolute;left:0;top:0;width:40px;height:40px;line-height:40px;font-size:3.5rem;color:$color-bupablack;z-index:11}*/
.toggleview {
    cursor: pointer;
}

.toggleview + * {
    display: none;
}

.dropdown-toggle > i:first-child {
    line-height: 4rem;
    font-size: 3rem;
}

.dropdown-toggle > i:last-child {
    position: absolute;
    right: 0;
    top: 50%;
    margin: -0.7rem 0 0 0;
    width: 2.5rem;
    height: 4rem;
    font-size: 1.5rem;
    color: #0079c8;
}

.form-group .dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 4rem;
    line-height: 4rem;
    z-index: 10;
    text-align: left;
}

/*#header-search .dropdown-toggle > i:last-child {top:0;margin:0;}*/
.dropdown {
    display: none;
    position: absolute;
    width: 100%;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}

.dropdown > * {
    border-top: 1px solid #e6e6e6;
    width: 100% !important;
}

.dropdown > *:first-child {
    border-top: none;
}

.dropdown > * a {
    display: block;
    padding: 0.8rem;
    color: #000000;
}

.dropdown > * a i {
    color: #0079c8;
    font-size: 3rem;
}

.dropdown > *.active a {
    background-color: #f2f8fc;
}

#main-footer .dropdown {
    margin: 0 1.6rem 0 0;
    width: calc(100% -3.2rem);
    bottom: 4.4rem;
    max-height: 40rem;
    overflow-y: scroll;
}

#main-footer .dropdown dt {
    color: #000000;
    border-top: none;
    margin: 0;
    padding: 0.8rem;
}

#main-footer .dropdown > dd {
    border-top: 1px solid #e6e6e6;
}

#main-footer .dropdown a {
    display: block;
    padding: 0.8rem;
    color: #000000 !important;
}

#main-footer .dropdown-toggle {
    padding: 0.8rem 3.2rem 0.8rem 0.8rem;
    background-color: #005d91;
    border: 1px solid #409bd6;
    display: block;
}

#main-footer .dropdown-toggle > i:last-child {
    right: 0.8rem;
    margin-top: -1.8rem;
    color: #ffffff;
}

#utilities {
    position: absolute;
    right: 0;
    top: 0;
    width: 10rem;
    height: 5.6rem;
}

#utilities li {
    float: left;
    width: 5rem;
    height: 5.6rem;
}

#utilities a {
    color: #000000;
}

#utilities .activity,
#utilities .msg {
    display: table-cell;
    width: 5rem;
    height: 5.6rem;
    line-height: 5.6rem;
}

#utilities .status {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    line-height: 2rem;
    display: inline-block;
    text-align: center !important;
    background-color: #409bd6;
}

#utilities i {
    font-size: 2.5rem;
    color: #bfddf1;
}

#user {
    text-align: center;
}

#user img {
    width: 9rem;
    min-height: 9rem;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #e6e6e6;
}

#user .view-account {
    color: #333333;
}

#notuser {
    padding: 0.8rem;
}

#notuser .btn {
    width: 100%;
    padding: 0.8rem;
    margin-bottom: 1.6rem;
}

#notuser .sec {
    border-width: 2px;
}

.name {
    font-weight: 700;
}

#show-nav {
    width: 5.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    display: table-cell;
    color: #ffffff;
    cursor: pointer;
}

#show-nav i {
    font-size: 3.5rem;
    line-height: 5.6rem;
}

.corner a.telephone i {
    margin-right: 0;
    top: -0.2rem;
}

#main-header .corner {
    display: inline-table;
    width: 100%;
    text-align: center !important;
    min-height: 4rem;
    background-color: #00335b;
}

#main-header .corner .telephone-legend {
    display: none;
}

#main-header .corner .telephone-timetable {
    margin: 0 auto;
    padding: 0;
    line-height: 0.8rem;
    opacity: 0.5;
    filter: alpha(opacity=50);
    display: block;
    font-size: 0.8rem;
}

#main-header .corner a {
    display: inline-block;
    color: #ffffff;
    padding: 0.4rem 0;
}

#main-header .corner a.telephone {
    color: #ffffff;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    height: 4rem;
    width: 100%;
    padding-right: 1.6rem; /*corrección estética, centrado perfecto queda mal*/
}

#main-header .corner a.callmeback {
    display: none;
}

#header-search .dropdown-toggle > i:first-child {
    display: none;
}

.corner ~ #logo {
    top: 4.3rem;
}

#user-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 32rem;
    margin-right: 5.6rem;
    overflow-y: scroll;
    z-index: 20;
    background: #ffffff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
}

.corner ~ #user-nav {
    top: 4rem;
}

#langs + #main-header .corner ~ #user-nav {
    top: 6.8rem;
}

#hide-nav {
    width: 5.6rem;
    height: 5.6rem;
    line-height: 5.6rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #0079c8;
    color: #ffffff;
    cursor: pointer;
}

#hide-nav i {
    font-size: 2.5rem;
    line-height: 5.6rem;
}

#user {
    padding-bottom: 1.6rem;
}

#user .wellcome {
    display: none;
}

#menu i {
    color: #0079c8;
}

#menu li {
    float: left;
    display: block;
    clear: both;
    width: 100%;
    text-align: left;
}

#menu > li {
    border-top: 1px solid #e6e6e6;
}

#menu > li > i {
    position: absolute;
    right: 0.8rem;
    top: 0.8rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
    width: 3.2rem;
    text-align: center;
    cursor: pointer;
}

#menu a {
    display: block;
    padding: 0.8rem 0 0.8rem 5.6rem;
    margin-right: 4.8rem;
    color: #000000;
}

#menu li li a {
    padding: 0.8rem 0.8rem 0.8rem 5.6rem;
    margin-right: 0;
}

#menu li li i {
    display: none; /*position:absolute;left:40px; top:14px;font-size: 1.5rem;*/
}

#menu li > a.active {
    border-bottom: none;
}

#menu > li > a {
    font-weight: bold;
}

#menu > li > a > i {
    position: absolute;
    left: 1.8rem;
    margin-right: 1.8rem;
    font-size: 2.4rem;
}

#menu .submenu {
    display: none;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}

#menu .submenu a > i {
    display: none;
}

#menu > li > ul {
    margin: 0 3.5rem;
    padding: 0.8rem 0 3.2rem 0;
    overflow: hidden;
    border-top: 1px solid #0079c8;
}

#menu > li.active {
    background-color: #f2f8fc;
}

#menu > li.active > .submenu {
    display: block;
}

#user {
    padding-bottom: 0;
}

#user .account {
    cursor: pointer;
}

#user-options {
    display: block;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    text-align: center;
}

#user .account > i:last-child,
.wellcome {
    display: none;
}

#user .account .name {
    margin: 0.5rem auto;
    color: #0079c8;
}

#user-options li {
    border: none;
}

#user-options li a {
    display: block;
    text-align: center;
    padding: 0.8rem 1.6rem;
    text-decoration: underline;
}

#user-options li a:hover {
    background-color: #f3f8fd;
}

#menu.jump-menu > li {
    cursor: pointer;
}

#menu.jump-menu > li:first-child {
    width: 100rem;
    display: table-cell;
}

.jumper {
    cursor: pointer;
    display: block;
}

#menu.fixed,
#menu.jump-menu.sticky-on {
    background-color: #ffffff;
    top: 0;
    opacity: 0.95;
    filter: alpha(opacity=95);
    width: 96rem;
}

@media only screen and (min-width: 961px) {
    .fixed .jumper {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }
    .jumper.active {
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .second-nav {
        background-color: #0079c8;
        opacity: 0.9;
        filter: alpha(opacity=90);
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 6rem;
    }
    .second-nav > ul {
        display: table !important;
        margin: 0 auto;
    }
    .second-nav > ul > li {
        display: table-cell;
    }
    .nav-sticky.fixed {
        top: 0;
        left: 0;
        z-index: 12;
    }
}

/* menu tablerow */
.mobile #menu > li .submenu .tablerow {
    width: 100%;
    width: 100%;
}

.mobile #menu > li .submenu .tablerow > li > * {
    margin-left: 5.6rem;
    margin-right: 0;
    padding: 0.8rem;
}

.mobile #menu > li .submenu .tablerow > li:last-child a {
    border: medium none;
}

.mobile #menu > li .submenu .tablerow > li a {
    margin-right: 0;
}

.mobile #menu > li .submenu .tablerow > li a > * {
    display: none;
    color: #333333;
    font-size: 1.7rem;
    font-weight: normal;
}

.mobile #menu > li .submenu .tablerow > li a > :first-child {
    display: block;
}

.mobile #menu > li .submenu .tablerow .btn,
.mobile #menu > li .submenu .tablerow > li a > i {
    display: none !important;
}

/* screen-la >> */
@media only screen and (min-width: 961px) {
    #main-header {
        background-color: #ffffff;
    }
    #main-header > .row {
        position: relative;
        top: auto;
        z-index: auto;
        height: 20rem;
        background-color: #ffffff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #main-header.fixed {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 20;
        background-color: #ffffff !important;
        overflow: hidden;
        width: 100%;
    }
    .landing #main-header {
        background: transparent;
    }
    .landing #main-header > .row {
        background: transparent;
    }
    .landing #header-search input {
        background: transparent;
    }
    .landing #main-header + .container {
        border-top: none;
    }
    #main-header.nonav > .row {
        height: 16rem;
    }
    body.login #main-header nav,
    body.login #header-search,
    body.login #utilities,
    body.login #user-nav {
        display: none;
    }
    body.login #main-header > .row {
        height: 16.8rem;
    }
    .nonav #main-header > .row {
        height: 16.8rem;
    }
    #main-header .corner {
        background-color: transparent;
        display: block;
        min-height: auto;
        position: absolute;
        right: 1.6rem;
        text-align: right !important;
        top: 2.4rem;
        width: auto;
        z-index: 1;
    }
    #logo,
    .corner ~ #logo {
        position: absolute;
        left: 1.6rem;
        top: 2.4rem;
        width: 9.6rem;
        height: 12.8rem;
        margin: 0;
    }
    #logo img {
        margin-top: 0;
    }
    #super {
        display: block;
        position: absolute;
        left: 0;
        top: 2.4rem;
        text-align: left;
    }
    #super img {
        height: 9rem;
        width: auto;
    }
    #super .title + .handwritten {
        margin-top: 0.8rem;
    }
    /*logo cobranded, altura = cuadrado Sanitas*/
    #main-header .corner a {
        color: #0079c8;
    }
    #main-header .corner a.telephone {
        color: #000000;
        display: inline;
        font-size: 2rem;
        font-weight: 700;
        height: auto;
        padding: 0;
        vertical-align: text-bottom;
        width: auto;
    }
    #main-header .corner a.callmeback {
        margin-right: 0.5em;
        display: inline-block;
        padding: 0;
    }
    #main-header .corner .telephone-legend {
        display: inline;
    }
    #main-header .corner a.telephone .telephone-timetable {
        text-align: right;
    }
    .telephone-timetable {
        font-size: 1rem;
        font-weight: 400;
        display: block;
        line-height: 1;
        color: #666;
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }
    #main-header .corner a.telephone.telephone-xs {
        font-size: 1.5rem;
    }
    #main-header .corner a.telephone.telephone-sm {
        font-size: 1.8rem;
    }
    #main-header .corner a.telephone.telephone-md {
        font-size: 2rem;
    }
    #main-header .corner a.telephone.telephone-lg {
        font-size: 2.5rem;
    }
    #main-header .corner a.telephone.telephone-xl {
        font-size: 3rem;
    }
    #header-search {
        display: block;
        position: absolute;
        left: 0;
        padding: 0 35.2rem 0 13.6rem;
        top: 7.2rem;
    }
    #header-search .dropdown-toggle {
        left: 0;
        width: 4.8rem;
    }
    #header-search .dropdown-toggle i {
        color: #0079c8;
    }
    #header-search input {
        height: 4.8rem;
    }
    /*#header-search .form-group > i {left:auto;right:0;} */
    /* #user-nav */
    #hide-nav {
        display: none;
    }
    #user-nav {
        display: block;
        position: absolute;
        top: 15.2rem;
        left: 0;
        width: 100%;
        padding: 0 1.6rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: visible;
        height: auto !important;
    }
    .corner ~ #user-nav,
    #langs + #main-header .corner ~ #user-nav {
        top: 15.2rem;
    }
    #menu {
        display: table;
        width: 100%;
        z-index: 11;
        position: absolute;
    }
    #menu a {
        color: #0079c8;
    }
    #menu > li {
        width: 100rem;
        clear: none;
        display: table-cell;
        height: 4.8rem;
        vertical-align: middle;
        float: none;
        text-align: center;
        border: none;
        position: static;
    }
    #menu > li:first-child {
        display: none;
        width: 15rem;
    }
    #menu li {
        font-size: 1.5rem;
    }
    #menu li > i {
        display: none;
    }
    #menu > li.active {
        border: none;
    }
    #menu > li > * > i {
        color: #0079c8;
        margin-right: 0.8rem;
    }
    #menu > li > * > i:not(.icon-appointments) {
        display: none;
    }
    #menu > li > a,
    #menu > li > span {
        display: inline-block;
        padding: 0 0.5rem;
        font-size: 1.7rem;
        margin: 0;
        font-weight: normal;
    }
    #menu > li > *.active {
        color: #000000;
        border-bottom: none !important;
    }
    #menu.less > li > a,
    #menu.less > li > span {
        padding: 0 0.5rem;
        font-size: 1.7rem;
    }
    #menu > li.hover {
        background-color: #0079c8;
        color: #ffffff;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }
    #menu > li.hover a {
        color: #ffffff;
    }
    #menu > li.hover a > i {
        color: #ffffff;
    }
    #menu > li.hover > span,
    #menu > li.hover > span > i {
        color: #ffffff;
    }
    .submenu {
        display: none;
        position: fixed;
        top: 21rem;
        left: 0;
        width: 100%;
        padding: 1.6rem 0;
        z-index: 1;
        background-color: #0079c8;
        color: #ffffff;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.33);
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.33);
    }
    #menu > li .submenu a {
        color: #ffffff;
    }
    #menu > li .submenu a:hover {
        background-color: #00335b;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }
    #menu > li .submenu li {
        float: left;
        width: 25%;
        text-align: left;
        clear: none;
    }
    #menu > li .submenu li a {
        display: block;
        padding: 0.7rem 0 0.7rem 4rem;
        margin-right: 0;
    }
    #menu > li .submenu li:nth-child(1),
    #menu > li .submenu li:nth-child(2),
    #menu > li .submenu li:nth-child(3) {
        border-right: 1px solid #7fbce3;
    }
    #menu > li .submenu li:nth-child(1) a,
    #menu > li .submenu li:nth-child(2) a,
    #menu > li .submenu li:nth-child(3) a {
        padding: 0;
        width: 25rem;
        height: 16rem;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .submenu.hover {
        display: block !important;
        height: auto;
        -webkit-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
    }
    #menu > li .submenu li > a > i {
        display: none;
        position: static;
    }
    #menu > li .submenu li:nth-child(1) a > i,
    #menu > li .submenu li:nth-child(2) a > i,
    #menu > li .submenu li:nth-child(3) a > i {
        display: block;
        clear: both;
        font-size: 6rem;
        line-height: 6rem;
        margin: 0 0 0.8rem 0;
    }
    /* #user */
    #user,
    #notuser {
        position: absolute;
        right: 1.6rem;
        top: -7rem;
        text-align: left;
    }
    #user {
        width: 21rem;
        top: -7.2rem;
    }
    #notuser {
        width: 35rem;
        padding: 0;
    }
    #user .account {
        display: block;
        position: relative;
        padding-left: 5.6rem;
        min-height: 4.8rem;
    }
    #user .account > i:last-child {
        display: inline-block;
    }
    .wellcome {
        display: inline-block;
    }
    #user img {
        position: absolute;
        left: 0;
        top: 0;
        width: 4.8rem;
        min-height: 4.8rem;
    }
    #user a {
        color: #0079c8;
    }
    #user a:hover img {
        border-color: #7fbce3;
    }
    #user .wellcome {
        display: block;
        font-size: 1.2rem;
        color: #acacac;
    }
    #user .view-account {
        display: none;
    }
    #user .name {
        font-size: 1.3rem;
        font-weight: bold;
    }
    #user .account .name {
        margin: 0 auto;
    }
    #user-options {
        display: none;
        border: 1px solid #e6e6e6;
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
        position: absolute;
        text-align: left;
    }
    /*#user .deployer {right:0;top:0;height:30px;line-height:50px;font-size:1.5rem;}*/
    #notuser ul {
        text-align: right;
    }
    #notuser li {
        display: inline-block;
    }
    #utilities {
        right: 24rem;
        top: 7rem;
        width: 10rem;
        height: 5rem;
    }
    #utilities i {
        font-size: 3.5rem;
        color: #000000;
    }
    #show-nav {
        display: none;
    }
    /* menu tablerow */
    #menu > li .submenu .tablerow li {
        border-right: 1px solid #7fbce3;
        display: table-cell;
        float: none;
        padding: 0;
        width: 22.4rem;
    }
    #menu > li .submenu .tablerow li:first-child {
        border-left: 1px solid #7fbce3;
    }
    #menu > li .submenu .tablerow li a {
        display: inline-block;
        height: auto;
        padding: 0.8rem 1.6rem;
        width: 100% !important;
        text-align: left;
        vertical-align: top;
    }
    #menu > li .submenu .tablerow li a > * {
        text-align: left;
    }
    #menu > li .submenu .tablerow li a i {
        text-align: center;
    }
    /*  #menu > li .submenu .tablerow li:last-child{border:medium none;}*/
    .submenu.hover {
        height: auto;
    }
    #menu > li .submenu .tablerow {
        margin: 0 auto;
        max-width: 96.2rem;
    }
    #menu > li .submenu .tablerow .btn i {
        display: inline-block;
    }
    #menu > li .submenu .tablerow a > .title {
        color: #ffffff !important;
    }
}

/* screen-xl */
@media only screen and (min-width: 1281px) {
    #main-header > .row {
        height: 20rem;
    }
    #menu > li > a,
    #menu > li > span {
        font-size: 1.9rem;
    }
    #menu > li .submenu li:nth-child(1) a,
    #menu > li .submenu li:nth-child(2) a,
    #menu > li .submenu li:nth-child(3) a {
        width: 29.3rem;
    }
    #menu > li .submenu .tablerow {
        max-width: 112rem;
    }
}

/* screen >> vertical small  */
@media only screen and (max-height: 481px) {
    #main-header > .row {
        position: relative;
    }
}

/* show super in mobile*/
@media only screen and (max-width: 960px) {
    #super {
        display: block;
    }
    #super * {
        display: none;
    }
    #super *:first-child {
        display: block;
        color: #ffffff;
        font-weight: normal !important;
        font-size: 1.3rem;
        background-color: #409bd6;
        padding: 0.8rem 0;
        line-height: 1.6rem;
    }
    .nonav #super *:first-child {
        margin-top: 6rem;
    }
}

/* _footer */
#main-footer {
    padding: 2.4rem 0 0.8rem 0;
    font-size: 1.2rem;
    color: #d3e3f3;
    background: #0079c8;
}

.landing #main-footer {
    color: #6c6e71;
    background-color: transparent;
}

#main-footer .row {
    text-align: center;
}

#main-footer .logo {
    display: block;
    margin: 0 auto 1.6rem auto;
    width: 12rem;
    height: 5.5rem;
    overflow: hidden;
}

.landing #main-footer .logo {
    display: none;
}

#main-footer a {
    color: #ffffff;
    font-weight: 300;
}

#main-footer a:visited {
    color: #ffffff;
    font-weight: 300;
}

#main-footer a:hover {
    color: #ffffff;
}

#main-footer dt {
    font-size: 1.8rem;
    margin-bottom: 1.6rem;
    color: #ffffff;
}

#main-footer dd {
    margin: 0;
}

#main-footer dd + dt {
    margin-top: 1.6rem;
}

#main-footer dd a {
    padding: 0;
    font-weight: 300;
    font-size: 1.3rem;
    padding: 0.8rem 1rem 0.8rem 0;
    display: block;
}

#main-footer .legal-links li {
    display: inline-block;
    float: none;
    margin: 0;
}

#main-footer .legal-links a {
    margin-left: 1rem;
    font-weight: normal;
    color: #ffffff;
}

.landing #main-footer .legal-links a {
    color: #0079c8;
}

.landing .bgcolor #main-footer .legal-links a {
    color: #ffffff;
}

#main-footer h2 {
    color: #ffffff;
    font-weight: normal;
}

#main-footer ul {
    clear: both;
    display: block;
    padding-bottom: 1.6rem;
}

#main-footer li {
    float: left;
}

#main-footer .social li {
    float: none;
}

#main-footer li {
    font-size: 1.3rem;
}

#main-footer li a {
    font-size: 1.3rem;
}

#main-footer > .row.menu_footer {
    display: inline-block;
}

#main-footer > .row .menu_select {
    display: none;
    width: 30rem;
    height: 3.5rem;
    padding: 0 !important;
    margin-left: 1.6rem;
    margin-bottom: 0.8rem;
    overflow: hidden;
    background: #005d91;
    border: 1px solid #007ada;
}

/* screen-sm >> */
@media only screen and (min-width: 481px) {
    #main-footer .row {
        text-align: left;
    }
    #main-footer .logo {
        margin: 0 0 3rem 0;
    }
}

/* screen-md >> */
/* screen-lg */
@media only screen and (min-width: 961px) {
    #main-footer .dropdown-toggle {
        display: none;
    }
    #main-footer dl {
        float: left;
        width: 16.6666666667%;
    }
    #main-footer dl.colspan2 {
        width: 33.3333333333%;
    }
    #main-footer ul {
        display: inline-block;
    }
    #footerlinks {
        border-bottom: 1px solid #0060a2;
        margin-bottom: 2.3rem;
        padding-bottom: 0.8rem;
    }
}

/* LOGINBOX  */
.loginbox {
    background: #f7f7f7;
    padding: 0 3.2rem 3.2rem 3.2rem;
    background: #f7f7f7;
    padding: 2.4rem 0;
}

.loginbox .form-group {
    width: 100%;
    margin: 0 0 1.6rem 0 !important;
    padding: 0;
    display: block;
    float: left;
    clear: both;
}

.loginbox input[type="text"],
.loginbox input[type="password"] {
    padding-left: 4rem;
    padding-top: 0.8rem;
    border: 2px solid #e6e6e6;
    text-align: left;
    background: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.loginbox input:focus {
    border-color: #047ecb;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 121, 200, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 121, 200, 0.5);
}

.loginbox input + i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: 1.6rem;
    margin-top: -1.6rem;
    right: auto;
    color: #333333;
    font-size: 2rem;
    z-index: 12;
}

.loginbox *[class^="col"] > input + i {
    margin-left: 3rem;
    margin-top: -1rem;
}

.loginbox > *:first-child {
    margin-top: 0;
}

.loginbox > *:last-child {
    margin-bottom: 0;
}

.loginbox .form-group {
    margin-left: 0;
    margin-right: 0;
}

.loginbox .control-label {
    font-size: 1.5rem;
}

/* screen-xs*/
@media only screen and (min-width: 481px) {
    .loginbox p {
        text-align: left;
    }
}

/* pruebas chats */
.chat .msg {
    border-radius: 8px;
    padding: 0.4rem;
    text-align: left;
    background-color: #f2f8fc;
    border-color: #f2f8fc;
}

.chat .msg:before {
    top: -0;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(91, 105, 115, 0);
    border-top-color: inherit;
    border-width: 0.8rem;
    margin-left: -0.8rem;
}

.chat .msg.msg-ego {
    text-align: right;
    background-color: #f7f9f2;
    border-color: #f7f9f2;
}

.chat .msg.msg-ego:before {
    right: 0;
    margin-left: auto;
    margin-right: -0.8rem;
}

.baseline {
    background-image: url("/img/site_general/diseno/baseline-8px.gif") !important;
    background-position: 50% 0;
}