@font-face {
    font-family: "TitilliumWeb-Black";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-Black.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Bold";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-BoldItalic";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-BoldItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLight";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-ExtraLight.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-ExtraLightItalic";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-ExtraLightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Italic";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-Italic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Light";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-Light.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-LightItalic";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-LightItalic.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-Regular";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBold";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-SemiBold.ttf")
        format("truetype");
}
@font-face {
    font-family: "TitilliumWeb-SemiBoldItalic";
    src: url("../../fonts/TitilliumWeb/TitilliumWeb-SemiBoldItalic.ttf")
        format("truetype");
}

/* COLORES*/

.colorPantone29 {
    color: #1a254b;
}
.colorPantone28 {
    color: #002f87;
}
.colorPantone47 {
    color: #c2b59b;
}
.colorPantone75 {
    color: #f5f1e3;
}
.colorPantone41 {
    color: #2d2926;
}

.backgroundColorPantone29 {
    background-color: #1a254b;
}
.backgroundColorPantone28 {
    background-color: #002f87;
}
.backgroundColorPantone47 {
    background-color: #c2b59b;
}
.backgroundColorrPantone75 {
    background-color: #f5f1e3;
}
.backgroundColorPantone41 {
    background-color: #2d2926;
}
/*MUNU dropdown-menu*/
.dropdown-menu {
    background-color: #fff;
    border-color: transparent;
    color: #1a254b;
}
.dropdown-item {
    color: #1a254b !important;
}
.dropdown-item:hover {
    background-color: #1a254b;
    color: #fff !important;
}
.dropdown-item:active {
    background-color: #1a254b;
    color: #fff !;
}

.listaCircle ul li {
    list-style-type: circle;
}
/*SubMENU*/
.zoomSubMenu {
    padding-top: 10px;
    padding-bottom: 10px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid #fff;
    -webkit-transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
    transition: transform 0.3s; /* Animation */
    vertical-align: middle;
    margin: 0;
}
.zoomSubMenu label {
    font-family: "TitilliumWeb-Bold" !important;
    font-size: 18px !important;
    text-align: center;
}

.zoomSubMenu:hover {
    background-color: #c2b59b;
    border-left: 3px solid #c2b59b;
    transform: scale(1.1);
    z-index: 5;
}

@media (min-width: 768px) {
    .zoomSubMenu {
        padding-top: 10px;
        padding-bottom: 10px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid transparent;
        -webkit-transition: background-color 0.4s ease-in-out;
        -moz-transition: background-color 0.4s ease-in-out;
        -o-transition: background-color 0.4s ease-in-out;
        transition: background-color 0.4s ease-in-out;
        transition: transform 0.3s; /* Animation */
        vertical-align: middle;
        margin: 0;
    }
    .zoomSubMenu label {
        font-family: "TitilliumWeb-Bold" !important;
        font-size: 18px !important;
        text-align: center;
    }

    .zoomSubMenu:hover {
        background-color: #c2b59b;
        border-left: 1px solid #c2b59b;
        border-right: 1px solid #c2b59b;
        transform: scale(1.1);
        z-index: 5;
    }
}

.imgConocePresidente {
    background: url(".././../img/index/conocePresidente.png") top center
        no-repeat;
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 20vh; /* You must set a specified height */
    width: 100%;
    background-size: cover; /* Resize the background image to cover the entire container */
}

@media (min-width: 768px) {
    .imgConocePresidente {
        background: url(".././../img/index/conocePresidente.png") top center
            no-repeat;
        background-color: #cccccc; /* Used if the image is unavailable */
        height: 80vh; /* You must set a specified height */
        background-position: center; /* Center the image */
        background-repeat: no-repeat; /* Do not repeat the image */
        width: 100%;
        position: relative;
        background-size: cover; /* Resize the background image to cover the entire container */
    }
}

.styleSi {
    font-family: "TitilliumWeb-Black";
    border-bottom: 20px solid #c2b59b;
    font-weight: 900;
}

.tituloUno {
    font-size: 3.5em;
    font-weight: 900;
}

.colSiDigital {
    width: 100%;
    background: url(".././../img/index/mosaicosDos.png") top center no-repeat;
    background-size: 55%;
    position: relative;
}
.padre {
    display: table;
    height: 150px;
}
.hijo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.tituloDigital {
    font-family: "TitilliumWeb-Bold";
    font-size: larger;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .tituloUno {
        font-size: 7.5em;
        font-weight: 900;
    }

    .colSiDigital {
        width: 100%;
        background: url(".././../img/index/mosaicosDos.png") top center
            no-repeat;
        background-size: "cover";
        position: relative;
    }
    .padre {
        display: table;
        height: 420px;
    }
    .hijo {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
}

.cardSiDigital {
    background-color: #1a254b;
    height: 175px;
    width: 100%;
    display: table;
}

@media (min-width: 768px) {
    .cardSiDigital {
        background-color: #1a254b;
        height: 175px;
        box-sizing: border-box;
    }
}

.colSiRedesSociales {
    background: url(".././../img/index/fondoRedesSociales.png") top center
        no-repeat;
    background-color: #cccccc; /* Used if the image is unavailable */
    height: 50vh; /* You must set a specified height */
    width: 100%;
    background-size: cover;
}
.padreSociales {
    display: table;
}
.hijoSociales {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.tituloDos {
    font-size: 2.5em;
    font-weight: bold;
    padding: 30px;
}

.redSocial {
    cursor: pointer;
    padding: 10px;
    width: 75px;
}

.redSocial:hover {
    cursor: pointer;
    padding: 10px;
    transform: scale(1.1);
}

@media (min-width: 768px) {
    .tituloDos {
        font-size: 4.5em;
        font-weight: bold;
        padding: 10px;
    }
    .redSocial {
        cursor: pointer;
        padding: 10px;
        width: 75px;
    }

    .redSocial:hover {
        cursor: pointer;
        padding: 10px;
        transform: scale(1.1);
    }
}

/*paddingHeaderGeneral*/
.paddingHeaderGeneral {
    background: url("../imagenes/BARRAINICIAL.png") top center
        no-repeat;
    background-color: #cccccc; /* Used if the image is unavailable */
    padding-top: 100px;
    padding-bottom: 20px;
    width: 100%;
    background-size: cover;
    align-items: center;
    align-self: center;
}
.h1TituloGeneral {
    font-family: "TitilliumWeb-Black";
    font-size: 75px;
    padding-top: 5px;
    font-weight: 500;
    color:white;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .paddingHeaderGeneral {
        background-size: cover;
        background: url("../imagenes/BARRAINICIAL.png") top center
            no-repeat;
        align-items: center;
        padding-top: 100px;
        padding-bottom: 50px;
        align-self: center;
    }
    .h1TituloGeneral {
        font-family: "TitilliumWeb-Black";
        font-size: 40px;
        font-weight: 500;
        color:white;
    }
}
@media (max-width: 767px) {
    .paddingHeaderGeneral {
        background-size: cover;
        background: url("../imagenes/BARRAINICIAL.png") top center
            no-repeat;
        align-items: center;
        padding-top: 25%;
        padding-bottom: 2%;
        align-self: center;
    }
    .h1TituloGeneral {
        font-family: "TitilliumWeb-Black";
        font-size: 25px;
        font-weight: 200;
        color:white;
    }
}

/*-----------------------------*/
.limiter {
    width: 100%;
    margin: 0 auto;
    }
    .container-header {
    width: 100%;  
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    padding-right: 50px;
    background: #EFF4FA;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    flex-direction: row;
    justify-content: space-between;
    }
    
    .container-Title {
    width: 100%;  
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #fff;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;;
    }
    
    .container-login100 {
    width: 100%;  
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #EFF4FA;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;;
    }
    
    
    .container-footer1 {
    width: 100%;  
    display: flex;
    justify-content: space-between;
    background-color: #1A254B;
    flex-direction: row;
    }
    
    .container-footer2 {
    width: 100%;  
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background: #002F87;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;;
    }
    
    .wrap-login100 {
    background: #fff;
    border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding:30px;
    }
    
    .login100-form {
    width: 100%;
    }
    
    .login100-form-title {
    font-family:Montserrat-Bold;
    font-size: 30px;
    color: #FFF;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    
    width: 100%;
    display: block;
    padding: bottom 51px;;
    }
    
    .color_azul_principal {
      color: #0E4765;
    }
    
    .icon {
      font-size: 30px
    }
    
    .caja_titulo_izquierdo {
      background: #0E4765;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 30px;
      padding-right: 30px;
    }
    
    .caja_titulo_derecho {
      background: #EFF4FA;
      padding-top: 15px;
      padding-bottom: 15px;
      padding-left: 30px;
      padding-right: 30px;
    }
    
    .color_blanco {
      color: #FFF;
      font-size:14px;
      font-weight: bold;
    }
    
    .color_azul_oscuro {
      color: #1A254B;
      font-size:14px;
      font-weight: bold;
    }
    
    .linea_blanca {
      border-left: 2px solid #FFF;
      height:10vh;
    }
    
    .caja_text_footer_izquierdo {
      flex-direction: column;
      flex: 0.3;
      justify-content: center;
      align-items: center;
      display: flex;
    
    }
    .caja_text_footer_central {
      flex: 0.3;
      background:#C2B59B;
    }
    .caja_text_footer_derecho {
      flex: 0.4;
      background:#C2B59B;
      justify-content: center;
      align-items: center;
      display: flex;
    }