/*CSS COLORBOX*/

.expoVirtual iframe {
    width: 100%;
    height: 480px;
    margin: 0rem auto;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
}

.expoVirtual p {
    font-size: 0.9em;
    line-height: 120% !important;
    margin: 0.5rem 0;
    text-align: justify;
}

h3.expoVirtual {
    font-weight: 600;
    text-align: left;
    line-height: 135%;
    font-size: 1.15em;
    margin-bottom: 1.25rem;
    letter-spacing: -0.03em;
}

h4.expoVirtual {
    font-weight: 400;
    text-align: justify;
    line-height: 175%;
    font-size: 0.9em;
    margin-top: 1.25rem;
}

.expoVirtualbg {
    background-color: #f3f1f1;
}

    .expoVirtualbg img {
        width: 100%;
        height: auto;
    }

    .expoVirtualbg i {
        position: absolute;
        bottom: -4rem;
        right: 8rem;
        color: #FFF;
        font-size: 2em;
        text-shadow: 2px 2px 3px #000000;
    }

.lineTop {
    width: 20%;
    border-top: 5px solid #000;
    padding-bottom: 1rem;
}

.textExpo {
    text-align: justify;
}

.boxExpo {
    margin: 3rem auto;
    padding: 1.75em 2.5rem;
    background: #FFF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
}

.btnLink {
    font-size: 12px;
    padding: 5px !important;
    background: #288DA1;
    padding: 12px 24px;
    -webkit-box-shadow: 0 3px 10px -1px rgba(24, 65, 69, 0.37);
    box-shadow: 0 3px 10px -1px rgba(24, 65, 69, 0.37);
}

    .btnLink a, a.btnLink {
        color: #FFF;
        font-weight: 600;
        text-decoration:none;
    }

.mapaExpo iframe {
    width: 100%;
    height: 700px;
}

.fntdestaqExpo {
    font-size: 1.35em;
    font-weight: 700;
}

.bigFont {
    font-size: 1.25em;
}

.smallfont2 {
    font-size: 0.8em;
}

@media (max-width: 575px) {

    .IMGCabecPG2 img {
        width: 100%;
        height: auto;
        margin: 0 !important;
        text-align: center;
        padding-left: 0rem !important;
    }

    .expoVirtual iframe {
        width: 100%;
        height: 180px;
    }

    .boxExpo {
        width: 100%;
        margin: 2rem;
        padding: 0.75em 1.5rem;
    }

    h4.expoVirtual {
        text-align: left;
    }

    .textExpo {
        text-align: left !important;
        font-size: 0.9em;
    }

    .fntdestaqExpo {
        font-size: 1.2em !important;
    }

    .fnt_roboto .breadcrumb-item.mt-3 {
        margin: -5rem 0 2rem 0 !important;
        font-size: 0.8em !important;
    }

    .mapaExpo iframe {
        width: 100%;
        height: 280px;
    }

    .sobreporTop {
        margin-top: 0rem;
    }
}