html,
body,
#intro {
    height: 100%;
}





main {
    min-height: 600px;
}


header.header_full_screen {
    height: 100%;
}

#intro {
    background: url("../img/intro.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.top-nav-collapse {
    background-color: #24355C;
}

@media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
        background-color: #24355C;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background-color: #24355C;
    }
}


.alert-message {
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}

    .alert-message h4 {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .alert-message p:last-child {
        margin-bottom: 0;
    }

    .alert-message code {
        background-color: #fff;
        border-radius: 3px;
    }

.alert-message-success {
    background-color: #F4FDF0;
    border-color: #3C763D;
}

    .alert-message-success h4 {
        color: #3C763D;
    }

.alert-message-danger {
    background-color: #fdf7f7;
    border-color: #d9534f;
}

    .alert-message-danger h4 {
        color: #d9534f;
    }

.alert-message-warning {
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}

    .alert-message-warning h4 {
        color: #f0ad4e;
    }

.alert-message-info {
    background-color: #f4f8fa;
    border-color: #5bc0de;
}

    .alert-message-info h4 {
        color: #5bc0de;
    }

.alert-message-default {
    background-color: #EEE;
    border-color: #B4B4B4;
}

    .alert-message-default h4 {
        color: #000;
    }

.alert-message-notice {
    background-color: #FCFCDD;
    border-color: #BDBD89;
}

    .alert-message-notice h4 {
        color: #444;
    }

.navbar-brand {
    font-size: 1.4rem;
    font-weight: 400;
}

.navbar-nav {
    font-size: 1.1rem;
    font-weight: 400;
}

/*.dxgvControl_Office365 a {
    color: #5f256D;
    font-weight: 400;
    text-decoration: none;
}

    .dxgvControl_Office365 a:hover {
        color: #80428f;
        text-decoration: none;
    }*/

/*.dxeHyperlink_Office365 {
    color: #4b4b4b;
}*/

.dxflGroupBoxCaption_Office365 {
    font-size: 1.2rem;
    font-weight: 500;
}

.overlay-light-95 {
    background-color: rgba(255,255,255,.97);
}


.overlay-light-90 {
    background-color: rgba(255,255,255,.90);
}

.overlay-light-80 {
    background-color: rgba(255,255,255,.80);
}

.overlay-light-70 {
    background-color: rgba(255,255,255,.60);
}

.section-padding {
    padding: 110px 0;
}

.section-padding-xl {
    padding: 210px 0;
}

.bg-img-3 {
    background: url(../img/recot_bg.jpg) fixed;
    background-position: center center;
}

.bg-img-1 {
    background: rgba(221,221,221,1) url(../img/recot_bg.jpg) no-repeat scroll;
    background-position: center center;
}

.bg-img-center-center {
    background: url(../img/recot_bg.jpg) no-repeat scroll;
    background-position: center center;
}

.bg-img-bottom-center {
    background: url(../img/recot_bg.jpg) no-repeat scroll;
    background-position: bottom center;
}

.bg-img-top-center {
    background: url(../img/recot_bg.jpg) scroll;
    background-position: top center;
}

.light-gray-bg {
    color: #B4B4B4;
    background: #eee !important;
}

/*.light-gray-bg, .bg-gray-text-gray > a {
    color: #979696;
}*/

.parallax-image-bienvenida {
    /* The image used */
    background: #f8f8f8 url(../img/bg_micrositio_perf2020.jpg) no-repeat scroll;
    /*background: #f8f8f8 url(../img/bg.jpg) no-repeat scroll;*/
    /*background: #f8f8f8 url(../img/bg.jpg) no-repeat scroll;*/
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-image-recot {
    /* The image used */
    background: #f8f8f8 url(../img/recot_bg_png.png) no-repeat scroll;
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-image-perf2020 {
    /* The image used */
    background: #f8f8f8 url(../img/perf.jpg) no-repeat scroll;
    /*background: #fff no-repeat scroll;*/
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-image-comite-validado {
    /* The image used */
    background: #f8f8f8 no-repeat scroll;
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-image-lineamientos {
    /* The image used */
    background: #f8f8f8 url(../img/bg_micrositio_perf2020.jpg) no-repeat scroll;
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.parallax-image-recots {
    /* The image used */
    background: #f8f8f8 url(../img/recot_bg.jpg) no-repeat scroll;
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-image-coming-soon {
    /* The image used */
    background: #f8f8f8 url(../img/bg_micrositio_perf2020.jpg) no-repeat scroll;
    /*background: #f8f8f8 url(../img/bg.jpg) no-repeat scroll;*/
    /*background: #f8f8f8 url(../img/bg.jpg) no-repeat scroll;*/
    /* Full height */
    height: 100%;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;    
}


@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

.divider-d90096fb3ef71a6ae889313288441cfc {
    margin: 15px 0px 15px 0px !important;
}

.sh-divider-content {
    position: relative;
    font-size: 16px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto;
}

.sh-divider-icon {
    color: #dddddd;
}

.sh-divider-icon {
    font-size: 24px;
    padding: 0 25px;
    letter-spacing: 1px;
}

.divider-d90096fb3ef71a6ae889313288441cfc .sh-divider-content:before, .divider-d90096fb3ef71a6ae889313288441cfc .sh-divider-content:after {
    border-top-width: 1px;
    margin-top: -1px;
    border-top-style: solid;
}

.sh-divider-content:before {
    margin-left: -50%;
    text-align: right;
}

.sh-divider-content:before, .sh-divider-content:after {
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    border-top: 0 solid #e5e5e5;
    margin-top: 0;
}

.sh-divider-dark:before, .sh-divider-dark:after {
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 50%;
    height: 1px;
    content: '';
    border-top: 0 solid #828282;
    margin-top: 0;
}

.rgba-black-custom, .rgba-black-custom:after {
    background-color: rgba(255,255,255,0)
}

.sh-divider-icon-dark {
    color: #6c6c6c;
}
.header-custom-gradient {
    /*background: linear-gradient(40deg,#609e88,#465495) !important*/
    /*background: linear-gradient(40deg, rgba(72,127,140,1) -26.5%, rgba(129,174,62,1) 67.25%, rgba(207,181,24,1) 100%) !important*/
    background-color: #8c3f4c;
}

.custom-gradient {
    /*background: linear-gradient(40deg, rgba(72,127,140,1) -26.5%, rgba(129,174,62,1) 67.25%, rgba(207,181,24,1) 100%) !important*/
    background-color: #101e2f;
}

.footer-wrapper-custom-gradient {
    /*background: linear-gradient(0deg, rgba(72,127,140,1) -26.5%, rgba(129,174,62,1) 67.25%, rgba(207,181,24,1) 100%) !important*/
    background-color: #101e2f;
}

.footer-custom-gradient {
    /*background: linear-gradient(20deg, rgba(72,127,140,1) -26.5%, rgba(129,174,62,1) 67.25%, rgba(207,181,24,1) 100%) !important*/
    background-color: #101e2f;
}
table.table thead th
{
    font-size:1.2rem;
    font-weight:500;
    text-decoration:underline;
}

img.light-shadow-logo {
    filter: drop-shadow(5px 5px 0px rgba(255, 255, 255, 0.1));
}
img.light-shadow-bottom {
    filter: drop-shadow(5px 5px 0px rgba(255, 255, 255, 0.1));
    max-width:170px;
}
img.light-shadow {
    filter: drop-shadow(0px 3px 3px rgba(255, 255, 255, 0.1));
}
img.dark-shadow {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, .6));
}



.entidad-nombre::after
{
    content:" |";
}

.parallax-header-image {
    /* The image used */
    background: #24355C url(../img/bg.jpg) no-repeat scroll;
    /*background: #f8f8f8 url(../img/bg.jpg) no-repeat scroll;*/
    /* Full height */
    height: 500px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.card-columns {
    @include media-breakpoint-only(lg) {
        column-count: 4;
    }

    @include media-breakpoint-only(xl) {
        column-count: 5;
    }
}

/*.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}*/