﻿@font-face {
    font-family: ITC-Chart;
    src: url(fonts/CharterITCW05-Regular.ttf);
}

@font-face {
    font-family: Helvetica-Neue;
    src: url(fonts/HelveticaNeueLTW01-35Thin.ttf);
}



a {
    text-decoration: none;
    color: black !important;
}

form {
    padding-left: 30px;
    padding-right: 30px;
}

.encapsulado {
    width: 100%;
}

    .encapsulado > div {
        cursor: pointer !important;
        /*border: 1px solid #dedede;*/
        display: inline-block;
        width: 23%;
        margin-left: 1%;
        vertical-align: top;
        /*height: 600px;*/
    }

    .encapsulado div img {
        width: 100.5%;
        margin-left: -1px;
    }

.encapsulado1 > div {
    /*border: 1px solid #dedede;*/
    display: inline-block;
    width: 17%;
    margin-left: 2%;
    vertical-align: top;
    height: auto;
    margin-top: 26px;
    height: 400px !important;
}

.card__notice {
    background-color: #E4E4E4;
}

.encapsulado1 div img {
    width: 100%;
}

img {
}

.first {
    text-align: left;
    font-family: Helvetica-Neue;
    font-size: 14px;
    vertical-align: top;
    font-weight: 700;
    color: black;
    padding: 20px 20px 10px 20px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

.last {
    font-family: Helvetica-Neue;
    font-size: 17px;
    vertical-align: text-bottom;
    padding: 0px 20px 10px 20px;
    color: #D04A02;
    margin-block-start: 0px;
    margin-block-end: 0px;
    font-weight: bold;
}

.redes {
    width: 220px;
    padding: 0px 20px 10px 20px;
    display: flex;
    justify-content: space-between;
}

    .redes a img {
        width: 35px;
    }

.fecha {
    font-family: Helvetica-Neue;
    font-size: 15px;
    vertical-align: bottom;
    padding-bottom: 13px;
    color: #E0301E;
    padding: 16px;
    padding-bottom: 5px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

h2 {
    font-family: ITC-Chart;
    font-size: 45px;
    margin-top: 10px;
    margin-block-end: 10px;
}

table {
    width: 36%;
}

#heading1F {
    width: 93%;
    font-style: normal;
    font-size: 11pt;
    margin-top: 0px;
    font-family: Helvetica-Neue;
}

#heading2F {
    width: 93%;
    font-style: normal;
    font-size: 11pt;
    margin-top: 0px;
    font-family: Helvetica-Neue;
}

#heading3F {
    width: 93%;
    font-style: normal;
    font-size: 11pt;
    margin-top: 0px;
    font-family: Helvetica-Neue;
}

#heading4F {
    width: 93%;
    font-style: normal;
    font-size: 11pt;
    margin-top: 0px;
    font-family: Helvetica-Neue;
}

#heading1F > div > a {
    width: 100%;
    display: none;
}

#heading2F > div > a {
    width: 100%;
    display: none;
}

#heading3F > div > a {
    width: 100%;
    display: none;
}

#headin4F > div > a {
    width: 100%;
    display: none;
}

#heading1F, #heading2F, #heading3F, #heading4F {
    border: none;
}

    #heading1F div {
        border: none;
        width: 98%;
    }

    #heading2F div {
        border: none;
        width: 98%;
    }

    #heading3F div {
        border: none;
        width: 98%;
    }

    #heading4F div {
        border: none;
        width: 98%;
    }

#fecha1F, #fecha2F, #fecha3F, #fecha4F {
    margin-top: 0px;
}

.cuerpo {
    padding-left: 15px;
    padding-right: 5px;
}

.card__notice {
    height: 550px;
}

@media (min-width: 500px) {
    .card__notice {
        height: 450px;
    }
}
@media (min-width:700px) {
    .redes {
        width: auto;
        padding: 0px 5px 0px 5px;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 700px) {

    .encapsulado > div {
        width: 100% !important;
        /*height: 550px !important;*/
    }
}

@media (min-width:768px) {
    .redes {
        width: 100%;
        padding: 0px 20px 10px 20px;
        display: flex;
        justify-content: space-between;
    }

        .redes a img {
            width: 30px;
        }

    .title {
        padding-left: 10px;
    }
}

@media (max-width: 900px) {
    .encapsulado > div {
        /*height: 750px !important;*/
    }
}




@media (min-width:950px) {
    .redes {
        width: 200px;
        padding: 0px 20px 10px 20px;
        display: flex;
        justify-content: space-between;
    }

        .redes a img {
            width: 35px;
        }
}
.GeneralContainer {
    padding: 0 15px;
}