.dvForm {
    margin-bottom: 2%;
}

.cssPDF {
    width: 100%;
    height: 500px;
}

.imgPSE {
    margin: 0 auto;
    width: 35%;
}

.body {
    font: italic bold 1em Century Gothic !important;
}

/*.container > .container {
    margin-top: 17%;
}*/

.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
}

.cssTabs > li > a {
    padding: 10px 15px;
}

.dvGrillaIndexFooter > p > a {
    text-decoration: none;
    color: #00376a;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 1px solid #00376a;
    background-color: #00376a;
    color: #fff;
}

.nav-tabs > li > a:hover {
    border: 1px solid #00376a;
    background-color: #00376a;
    color: #fff;
}


.carousel-indicators li {
    background-color: #00376a;
    border-color: #ffffff;
    width: 20px;
    height: 20px;
}

.carousel-indicators .active {
    background-color: #fff;
    border-color: #00376a;
    width: 20px;
    height: 20px;
}

.panel-body > img {
    width: 35%;
    margin-right: 1%;
}

.imgOur {
    width: 50% !important;
    margin-bottom: 2% !important;
    margin-left: 25% !important;
}

.tab-pane > img {
    width: 35%;
    margin-right: 1%;
}

.tab-content > .active {
    margin-top: 2%;
    text-align: justify;
}

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    text-decoration: none;
}

.panel-title {
    color: #fff;
    text-align: center;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #00376a;
    text-decoration: none;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    text-align: justify;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #00376a;
    border-color: #00376a;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    color: #A41C1E;
    margin-top: 70%;
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    margin-top: 10%;
}

.carousel-control.left {
    left: 0;
    right: auto;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
    margin-top: 10%;
}

.carousel-control {
    top: 10%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin-left: 30%;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    /*top: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;*/
}

.navbar {
    padding: 2% 0 4% 13%;
}

.navbar-default .navbar-nav > li > a {
    color: #00376a;
    font: italic bold 1.3em Century Gothic !important;
    padding-top: 103%;
    background-color: transparent;
    text-align: center;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #fff;
        font-size: 0.78em !important;
        text-align: center;
        background-color: transparent;
        padding: -10px -10px -10px -10px;
        transition: all 1500ms ease;
        padding-top: 35%;
    }


    .navbar-default .navbar-nav > li > a:hover {
    }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}


.navbar-default .navbar-nav > li > .active > a,
.navbar-default .navbar-nav > li > .active > a:focus {
    background-color: transparent;
}


.navbar-default .navbar-nav > .active {
    background-color: #00376a;
    border-color: #00376a;
}

.navbar-nav > li {
    border-radius: 50% 0% 50% 50%;
    background-color: transparent;
    border: 4px #A41C1E solid;
    margin-right: 20px;
    width: 80px;
    height: 75px;
    margin-top: 4.0%;
}

.navbar-default .navbar-nav > li > .active {
    background-color: #00376a;
    border: 2px #fff solid !important;
    border-radius: 50% 0% 50% 50%;
    color: #fff;
}

.navbar-default .navbar-nav > li:hover {
    background-color: #00376a;
    border: 2px #fff solid;
    border-radius: 50% 0% 50% 50%;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}

.navbar-default .navbar-nav > .active > a {
    color: #fff;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}

.container {
    padding: 0 2% 0 2%;
    margin-right: 0;
    margin-left: 0;
}

.iconMenu {
    border-radius: 50% 0 50% 50%;
    width: 15px;
    height: 15px;
    border: 2px solid;
    float: left;
    margin-right: 5%;
    margin-top: 1.1%;
}

.iconPnl {
    border-radius: 50% 0 50% 50%;
    width: 15px;
    height: 15px;
    border: 2px solid #A41C1E;
    float: left;
    margin-right: 2%;
    margin-left: 5%;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 20%;
}

.navbar-default .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    padding-right: 50%;
}

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #00376a;
    }

.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    text-decoration: none;
    /*background-color: #00376a;*/
    border-radius: 50% 0% 50% 50%;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #A41C1E;
    background-color: #fff;
}

.cssFooter {
    font: italic bold .9em Century Gothic;
    text-align: center;
    margin-top: -2.5%;
    color: #00376a;
}

    .cssFooter > a, a:hover {
        text-decoration: none;
    }

.sFooter {
    margin-bottom: 10%;
    font-size: 2.5em !important;
}

.cssImgLogo {
    width: 40%;
    margin-left: -15%;
}

.dvSeparator {
    background-color: #00376a;
    margin-top: .3%;
    height: 25px;
    margin-top: .1%;
    margin-bottom: .1%;
    border-radius: 4px;
}

.container {
    width: 100%;
}

.dvIndex1 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cssImgIndex1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: fill;
    max-width: none !important;
    image-rendering: -webkit-optimize-contrast;
    position: absolute;
}

.dvGrilla {
    margin-top: 2%;
    margin-bottom: 2%;
}

.dvGrillaIndex {
    height: 300px;
    margin-bottom: 2%;
    color: #00376a;
    font: italic bold 1em Century Gothic !important;
    text-align: left;
}

.imgGrillaIndex {
    width: 100%;
    height: 100%;
    border-radius: 50% 0% 50% 50%;
    image-rendering: -webkit-optimize-contrast;
    border: 5px #00376a solid;
}

.dvGrillaIndexFooter {
    height: 200px;
    color: #00376a;
    font: italic bold 2em Century Gothic !important;
    text-align: center;
    border: 1px solid #fff;
    padding-top: 4%;
}

.imgFooter {
    width: 100%;
}


.dvFooter {
    border-radius: 50% 0% 50% 50%;
    background-color: transparent;
    width: 20%;
    height: 20%;
    background-color: #fff;
    color: #A41C1E;
    text-decoration: none;
    font-size: 3.5em;
    margin-left: 1%;
    margin-top: 9%;
}

    .dvFooter > a {
        text-decoration: none;
        color: #A41C1E;
    }

.dvContainFooter {
    background-color: #A41C1E;
    height: 160px;
    margin-top: 5%;
}


.dvColumnFooter {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    height: 120px;
    margin-top: 1%;
    color: #fff;
}

.go-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10%;
    right: 0.5%;
    text-decoration: none;
    color: #fff;
    background-color: #00376a;
    display: none;
    border-radius: 50% 0% 50% 50%;
}

    .go-top > a {
        color: #fff;
        text-decoration: none;
        margin-top: 15%;
        margin-left: 23%;
        font-size: 1.5em;
    }

        .go-top > a:hover {
            color: #00376a;
            text-decoration: none;
            font-size: 1.5em !important;
        }

@media (min-width: 1255px) and (max-width: 1295px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 38%;
    }
}



.album {
    padding-top: 3rem;
    margin-bottom: 2%;
}

.card {
    float: left;
    width: 33.333%;
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    text-align: justify;
}

_card.scss:6 .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

_reboot.scss:34 *, ::after, ::before {
    box-sizing: inherit;
}

.card > img {
    margin-bottom: .75rem;
}

_reboot.scss:258 img {
    vertical-align: middle;
    border-style: none;
}

.card-text:last-child {
    margin-bottom: 0;
}

album.css:47 .card-text {
    font-size: 85%;
}



@media (min-width: 1700px) {
    .dvFooter {
        border-radius: 50% 0% 50% 50%;
        background-color: transparent;
        width: 20%;
        height: 20%;
        background-color: #fff;
        color: #A41C1E;
        text-decoration: none;
        font-size: 3.5em;
        margin-left: 5%;
        /*margin-top: 20%;*/
    }

    .cssFooter {
        font: italic bold .9em Century Gothic;
        text-align: center;
        margin-top: -4.0%;
        color: #00376a;
    }

    .dvContainFooter {
        background-color: #A41C1E;
        height: 200px;
        margin-top: 5%;
    }

}


@media (min-width: 1400px) and (max-width: 1600px) {
    .dvFooter {
        border-radius: 50% 0% 50% 50%;
        background-color: transparent;
        width: 17%;
        height: 20%;
        background-color: #fff;
        color: #A41C1E;
        text-decoration: none;
        font-size: 3.5em;
        margin-left: 5%;
        margin-top: 9%;
    }

    .cssFooter {
        font: italic bold .9em Century Gothic;
        text-align: center;
        margin-top: -4.0%;
        color: #00376a;
    }
}

@media (min-width: 1217px) and (max-width: 1254px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 36%;
    }
}

@media (min-width: 1185px) and (max-width: 1216px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 34%;
    }
}

@media (min-width: 1164px) and (max-width: 1185px) {
    .cssImgLogo {
        width: 47%;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -3%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 32%;
    }

    .dvFooter {
        border-radius: 50% 0% 50% 50%;
        background-color: transparent;
        width: 20%;
        height: 20%;
        background-color: #fff;
        color: #A41C1E;
        text-decoration: none;
        font-size: 3.5em;
        margin-left: 5%;
        margin-top: 9%;
    }

    .cssFooter {
        font: italic bold .9em Century Gothic;
        text-align: center;
        margin-top: -4.0%;
        color: #00376a;
    }
}

@media (min-width: 1134px) and (max-width: 1163px) {
    .cssImgLogo {
        width: 45%;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -3%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 30%;
    }
}

@media (min-width: 1086px) and (max-width: 1133px) {
    .cssImgLogo {
        width: 43%;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -3%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 28%;
    }
}

@media (min-width: 1045px) and (max-width: 1085px) {
    .cssImgLogo {
        width: 41%;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -3%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 25%;
    }
}


@media (min-width: 982px) and (max-width: 1044px) {
    .cssImgLogo {
        width: 35%;
    }

    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -5%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 20%;
    }
}

@media (min-width: 949px) and (max-width: 981px) {
    .cssImgLogo {
        width: 40%;
    }

    .navbar-nav > li {
        border: 3px #A41C1E solid;
        margin-right: 15px;
        width: 75px;
        height: 70px;
        margin-top: 3.5%;
    }


    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -4%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 25%;
    }


    .navbar-default .navbar-nav > li > a {
        font: italic bold .8em Century Gothic !important;
    }
}

@media (min-width: 886px) and (max-width: 948px) {
    .cssImgLogo {
        width: 39%;
    }

    .navbar-nav > li {
        border: 3px #A41C1E solid;
        margin-right: 15px;
        width: 72px;
        height: 67px;
        margin-top: 3.5%;
    }


    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -4%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 22%;
    }


    .navbar-default .navbar-nav > li > a {
        font: italic bold .8em Century Gothic !important;
    }
}

/*@media (min-width: 768px) and (max-width: 885px) {
    .cssImgLogo {
        width: 38%;
        margin-left: -15%;
    }

    .navbar-nav > li {
        border: 3px #A41C1E solid;
        margin-right: 10px;
        width: 65px;
        height: 60px;
        margin-top: 5%;
    }


    .navbar-nav {
        float: left;
        margin: 0;
        margin-top: -7%;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin-left: 21%;
    }


    .navbar-default .navbar-nav > li > a {
        font: italic bold .8em Century Gothic !important;
    }
}*/

@media (max-width: 885px) {
    .cssImgIndex1 {
        top: -10%;
    }

    .container {
        padding: 0 0 0 0;
        margin-right: 0;
        margin-left: 0;
    }

    /*.container > .container {
            margin-top: 34%;
        }*/

    .go-top {
        display: none !important;
    }

    .dvIndex1 {
        height: 200px;
    }

    .cssImgLogo {
        width: 95%;
        margin-top: -18%;
    }

    .navbar-default {
        background-color: transparent;
        border-color: transparent;
        /*top: 0;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;*/
    }

    .navbar-toggle {
        border: 3px solid;
        border-radius: 50% 0% 50% 50%;
        border-color: #00376a !important;
        background-color: #00376a;
        margin-top: 8%;
        margin-right: 8%;
    }

    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse, .container > .navbar-header {
        margin-right: 20px;
        margin-left: 20px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

        .navbar-default .navbar-toggle:hover .icon-bar {
            background-color: #00376a;
        }

    .navbar-toggle:focus .icon-bar {
        background-color: #00376a;
    }

    .navbar-default .navbar-nav > li > a {
        color: #00376a;
        font: italic bold 1em Century Gothic;
        padding-top: 0;
        background-color: transparent;
        text-align: center;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #fff;
            font-size: 0.9em;
            text-align: center;
            background-color: transparent;
            padding-top: 0;
        }

    .navbar-nav > li {
        border-radius: 8px;
        background-color: transparent;
        border: none;
        margin-right: 0;
        width: 100%;
        height: 100%;
        padding-top: 2%;
    }

    .navbar-default .navbar-nav > li > .active {
        background-color: #00376a;
        border: 2px #fff solid;
        border-radius: 0;
        color: #fff;
        border-radius: 8px;
    }

    .navbar-default .navbar-nav > li:hover {
        background-color: #00376a;
        border: 2px #fff solid;
        border-radius: 8px;
        color: #fff;
    }

    .navbar-default .navbar-nav > .active > a:hover {
        color: #fff;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        padding-top: 0%;
    }

    .navbar-default .navbar-nav > .active > a {
        color: #fff;
        font-size: 0.9em;
        text-align: center;
        background-color: transparent;
        padding-top: 0;
    }

    .dvGrillaIndexFooter {
        height: 100%;
        padding: 0;
        margin-top: 2%;
    }

    .sFooter {
        margin-bottom: 0;
        font-size: 1.8em !important;
    }

    .dvFooter {
        float: left;
        margin-left: 2%;
        font-size: 2.0em;
        width: 20%;
        height: 20%;
        left: 20%;
    }

    .imgGrillaIndex {
        width: 40%;
        margin-left: 25%;
        margin-top: 1%;
    }

    .dvSeparator {
        margin-top: 1%;
    }

    .dvGrillaIndex {
        height: 250px;
        width: 100%;
    }

    .dvContainFooter {
        height: 100%;
    }

    .dvColumnFooter {
        border: none;
    }

    .imgFooter {
        width: 90%;
        margin-left: 5%;
        margin-bottom: -10%;
    }

    .cssFooter {
        margin-top: 0.5%;
        color: #fff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        font: italic bold 1em Century Gothic !important;
    }

    .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #00376a;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #A41C1E;
        font: italic bold 1.1em Century Gothic !important;
        background-color: #fff;
    }

    .navbar-default .navbar-nav > li > a {
        font: italic bold .9em Century Gothic !important;
    }

        .navbar-default .navbar-nav > li > a:hover {
            font: italic bold 1em Century Gothic !important;
        }

    .navbar-default .navbar-nav > .active > a {
        font: italic bold 1em Century Gothic !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: #00376a;
        padding-right: 0;
    }

    #pnlEducacion {
        margin-top: 60%
    }

    #pnlTarjeta {
        margin-top: 60%
    }

    #pnlSeguridad {
        margin-top: 60%
    }

    #pnlPExe {
        margin-top: 60%
    }


    .benefitsTittle {
        padding-top: 0%;
        font: italic bold 2em Century Gothic !important;
    }

    .subMenuBenefits {
        float: left;
        display: block !important;
        border-radius: 50% 0% 50% 50%;
        background-color: transparent;
        border: 4px #A41C1E solid;
        width: 80px;
        height: 70px;
        margin-left: 10%;
        margin-top: 2%;
        padding-top: 5%;
    }

    .subMenuBenefitsNav {
        display: none;
    }

    .subMenuBenefits > .active > a {
        color: #fff;
        font-size: 0.78em !important;
        text-align: center;
        background-color: transparent;
        padding-top: 35%;
    }

    .subMenuBenefits > a {
        color: #00376a;
        font: italic bold 0.75em Century Gothic !important;
        padding-top: 35%;
        padding-left: 15%;
        background-color: transparent;
        text-align: left;
    }
}

@media screen and (max-width: 480px) {

    .dvContainFooter {
        margin-top: 10%;
    }

    .cssImgLogo {
        width: 85%;
        margin-top: -20%;
        margin-left: -10%;
    }

    .navbar {
        padding: 0%;
    }

    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse, .container > .navbar-header {
        margin-top: 10px;
    }

    .navbar-toggle {
        margin-top: 20px;
    }

    .dvIndex1 {
        height: 200px;
    }

    .dvFooter {
        height: 60px;
        width: 60px;
        font-size: 3em !important;
    }

    .dvSeparator {
        margin-top: 2%;
    }

    .imgFooter {
        top: -50px;
    }

    .cssFooter {
        color: #fff;
    }

    .tittlePrincipal {
        margin-top: 11%;
    }

    #pnlIntroBen {
        margin-top: 40%;
    }
}

@media screen and (max-width: 380px) {
    .cssImgLogo {
        width: 75%;
        margin-top: -23%;
    }

    .navbar {
        margin-top: 2%;
    }

    .navbar-brand {
        height: .5%;
    }

    .container-fluid > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse, .container > .navbar-header {
        margin-top: 1%;
    }

    .navbar-toggle {
        margin-top: 7%;
    }

    .dvIndex1 {
        height: 200px;
    }

    .dvFooter {
        margin-left: 38%;
    }

    .dvSeparator {
        margin-top: 4%;
    }

    .imgFooter {
        top: -20px;
    }

    .dvFooter {
        height: 50px;
        width: 50px;
        font-size: 2em !important;
        margin-left: 12%;
        margin-top: 12%;
    }

    .imgGrillaIndex {
        width: 70%;
        margin-left: 15%;
        margin-top: 1%;
    }

    .cssFooter {
        color: #fff;
    }
}

/*Raul*/
.benefitsTittle {
    color: #00376a;
    font: italic bold 3em Century Gothic;
}

.navbarVertical-default .navbarVertical-collapse, .navbarVertical-default .navbarVertical-form {
    margin-left: 40%;
}

.navbarVertical-default {
    background-color: transparent;
    border-color: transparent;
}

.navbarVertical {
    padding: 2% 0 4% 13%;
}

.navbarVertical-default .navbarVertical-nav > li > a {
    color: #00376a;
    font: italic bold 0.75em Century Gothic !important;
    padding-top: 35%;
    padding-left: 15%;
    background-color: transparent;
    text-align: left;
}

    .navbarVertical-default .navbarVertical-nav > li > a:hover {
        color: #fff;
        font-size: 0.78em !important;
        text-align: center;
        background-color: transparent;
        padding-top: 35%;
    }

.navbarVertical-default .navbarVertical-nav > .active > a,
.navbarVertical-default .navbarVertical-nav > .active > a:focus {
    background-color: transparent;
}


.navbarVertical-default .navbarVertical-nav > li > .active > a,
.navbarVertical-default .navbarVertical-nav > li > .active > a:focus {
    background-color: transparent;
}


.navbarVertical-default .navbarVertical-nav > .active {
    background-color: #00376a;
    border-color: #00376a;
}

.navbarVertical-nav > li {
    border-radius: 50% 0% 50% 50%;
    background-color: transparent;
    border: 4px #A41C1E solid;
    margin-right: 20px;
    width: 80px;
    height: 75px;
    margin-top: 2.5%;
}

.navbarVertical-default .navbarVertical-nav > li > .active {
    background-color: #00376a;
    border: 2px #fff solid !important;
    border-radius: 50% 0% 50% 50%;
    color: #fff;
}

.navbarVertical-default .navbarVertical-nav > li:hover {
    background-color: #00376a;
    border: 2px #fff solid;
    border-radius: 50% 0% 50% 50%;
    color: #fff !important;
}

.navbarVertical-default .navbarVertical-nav > .active > a:hover {
    color: #fff !important;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}

.navbarVertical-default .navbarVertical-nav > .active > a {
    color: #fff;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}


#map-canvas {
    width: 100%;
    height: 335px;
    margin-bottom: 15px;
    border: 2px solid #fff;
}

.subMenuBenefits {
    display: none;
}

.fondoModalPlan {
    background-color: #00376a;
    color: #fff !important;
}

.benefitsTittle1 {
    padding-top: 0%;
    font: italic bold 2em Century Gothic !important;
    color: #fff;
}

.tittlePrincipal > p {
    text-decoration: none;
    color: #00376a !important;
    text-align: center;
    font: italic bold 2em Century Gothic !important;
}

    .tittlePrincipal > p > a {
        color: #00376a !important;
    }

.menuPrincipalAlineado > li > div {
    margin-top: 100%;
    text-align: center;
    font: italic bold 1em Century Gothic !important;
}

    .menuPrincipalAlineado > li > div > a {
        color: #00376a !important;
    }


.planExe {
    bottom: 10%;
    color: #FFF;
    padding: 3%;
    position: absolute;
    width: 50%;
    text-align: justify;
}




/*07102018*/

.cardGalery {
    float: left;
    /*width: 33.333%;*/
    padding: .75rem;
    margin-bottom: 2rem;
    border: 0;
    text-align: justify;
}

_cardGalery.scss:6 .cardGalery {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

_reboot.scss:34 *, ::after, ::before {
    box-sizing: inherit;
}

.cardGalery > img {
    margin-bottom: .75rem;
}

_reboot.scss:258 img {
    vertical-align: middle;
    border-style: none;
}

.cardGalery-text:last-child {
    margin-bottom: 0;
}

album.css:47 .cardGalery-text {
    font-size: 85%;
}

/*07102018*/

/*10102018*/


/*10102018*/



/*cssNavGames*/

.navbarGames-navGames > li {
    border-radius: 50% 0% 50% 50%;
    background-color: transparent;
    /*border: 4px #A41C1E solid;*/
    margin-right: 20px;
    width: 80px;
    height: 75px;
    margin-top: 2.5%;
    display: inline !important;
}

/*.navbarGames-navGames > li > div > div > a {
    color: #00376a;
    font: italic bold 1.0em Century Gothic !important;
    padding-top: 103%;
    background-color: transparent;
    text-align: center;
}


.navbarGames-navGames > li > div > div > a:hover {
        color: #fff;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding: -10px -10px -10px -10px;
        transition: all 1500ms ease;
        padding-top: 35%;
    }


.navbarGames-navGames > .active > a, .navbarGames-default .navbarGames-navGames > .active > a:focus {
    background-color: transparent;
}


.navbarGames-navGames > li > .active > a,
.navbarGames-navGames > li > .active > a:focus {
    background-color: transparent;
}


.navbarGames-navGames > .active {
    background-color: #00376a;
    border-color: #00376a;
}


.navbarGames-navGames > li > div > div > .active {
    background-color: #00376a;
    border: 2px #fff solid !important;
    border-radius: 50% 0% 50% 50%;
    color: #fff;
}

.navbarGames-navGames > li:hover {
    background-color: #00376a;
    border: 2px #fff solid;
    border-radius: 50% 0% 50% 50%;
    color: #fff;
}

.navbarGames-navGames > .active > a:hover {
    color: #fff;
    font-size: 0.78em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}

.navbarGames-navGames > .active > a {
    color: #fff;
    font-size: 1.0em !important;
    text-align: center;
    background-color: transparent;
    padding-top: 35%;
}*/



/*cssNavGames*/

.descargarDocumento {
    background-color: #fff !important;
    color: #2e6da4 !important;
    border-color: transparent;
}

.hrefTerminos {
    font-size: 13px !important;
    text-decoration: underline;
    color: #337ab7;
}

.fondoModal {
    background-color: #00376a;
    color: white;
}


/*Page young*/

.liYoung > li {
    list-style: none;
    border: 4px #A41C1E solid;
    display: inline-block;
}


.liYoung > li > a {
    position: relative;
    color: #00376a;
    padding-top: 100%;
    display: block;
    background-color: transparent;
    font-size: 20px;
    font-weight: bold;
}

.displayDiv {
    display: none;
}

div.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 100%;
    width: 100%;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}