/*
    font-family: 'Be Vietnam Pro', sans-serif;
    font-family: 'Mulish', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Questrial', sans-serif;
    font-family: 'Quicksand', sans-serif;
    font-family: 'Antic Slab', serif;
    font-family: 'Balsamiq Sans', cursive;
    font-family: 'Bree Serif', serif;
    font-family: 'Grenze Gotisch', cursive;
    font-family: 'Indie Flower', cursive;
    font-family: 'Oxygen', sans-serif;
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
*/


/* CSS INDEX HTML  */

body {scroll-behavior: smooth; max-width: 1920px;}
.imgTitulo {width: 70% !important;}
.btnSubM {color: #111 !important; transition: all .2s ease;}
.btnSubM:hover {color:rgba(76, 76, 84, 0.737) !important}
.banner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: fixed !important;
    z-index: 9;
    opacity: 1;
    transition: all .3s ease;
}
.banerLigas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: auto;
    
}
.imgCarrusel {
    overflow: hidden !important;
    position: relative;
    top: -100px;
}
.banerLigas a {width: 100%; margin: 10px;}
.ancho100 {width: 100%;}
.movil {display:none;}
.vanish {display:none;}
.text {
    padding: 3rem;
    text-align: justify;
}
.pubs img {
    height: 200px;
    margin: 5px;
}

.cont {display:none !important;}
.responChild {
    width: 45rem;
}
.img01 {
    height: auto;
    width: 100%;
    object-fit: contain;
    
}
#pie {
    font-size: 0.7rem !important;
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    grid-auto-flow: row dense;
}

#pie:nth-child() {
  width: 50%;
}
.alert-dark {background: #877d5758!important;}
.bg-dark2 {background: #877d5758!important;}
.carousel-caption, .carousel-caption h5, .carousel-control {
    color: #FFFFFF !important;
}
.carousel-item {width: 100%; height: 550px !important;}
.carousel-item img {position: relative; top: 0;}

.respon {
    display: flex;
    justify-content:center;
    flex-wrap: no-wrap;
    align-items: start;
}
.responBtn {
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    grid-auto-flow: row dense;
}
.respon p {text-align: justify;}
.respon1 {display: flex; justify-content:space-around; flex-direction: column;}
.pubs {display: flex; justify-content:space-around; flex-direction: row;}
.respon:nth-child(n){
    width: 100%;
    height: auto;
}

#conv01 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv02 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv03 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv04 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv05 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv06 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}
#conv07 {border-bottom: 5px solid rgba(200, 200, 218, 0.397)}


#conv01:hover{background: #FDCC00; color:#111 !important; }
#conv02:hover{background: #FDCC00; color:#111 !important; }
#conv03:hover{background: #FDCC00; color:#111 !important; }
#conv04:hover{background: #FDCC00; color:#111 !important; }
#conv05:hover{background: #FDCC00; color:#111 !important; }
#conv06:hover{background: #FDCC00; color:#111 !important; }
#conv07:hover{background: #FDCC00; color:#111 !important; }


#conv01 {
    scroll-behavior: smooth;
}

.cls {
    font-size: 1.5rem;
    }


.alert-warning {background: #FDCC00; border: 0px solid transparent}

.socialMedia {
        position: relative;
        margin-top: 110px;
        padding: 15px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.mapa {display:flex;justify-content:center;}
.mapa iframe {width: 50%; height: 250px;}






.navbar:nth-child(1), .offcanvas {


        background-image: url(../media/index/fondoSmob.png);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: -20% 70%;
    

}


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


    .navbar:nth-child(1), .offcanvas {
        background-position: 50% 0% !important
    }

  .imgTitulo {
    width: 15rem !important;
  }
    .banner {
        width: 100%; 
        height:290px;
        display: flex;
        flex-direction: column;
        
    }
    .cls {
        scroll-behavior: smooth;
    }
    .socialMedia {
        margin-top: 85px; 
        position:relative;
        padding: 15px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    .movil {display:block;}
    .banerLigas {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: auto;
    }
    /* .pubs {display: flex; justify-content:space-around; flex-direction: row;} */
    .pubs {display:none !important;}
    .respon p {text-align: justify;}
    .responBtn {
        display: flex;
        flex-direction: column;
    }
    .responBtn div {
        width: 100%;
    }
    .respon1 {display: flex; justify-content:space-around; flex-direction: column;}
    .responChild {
        width: 100%;
    }
    .respon:nth-child(n){
        width: 100%;
        height: auto;
    }
    body {margin: 0 auto;}
    .pubs img {
        height: auto;
        margin: 5px;
    }
    #pie {
    width: 100%;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
    grid-auto-flow: row dense;
    
    }

    .carousel-item {overflow: hidden; width: 100%; height: 300px !important;}
    .carousel-item {transform: scale(1.3);}
    .carousel-item img {width: 100%; height: auto !important;}
    .carousel-item img {position: relative; top: 1px !important;}

    .imgCarrusel {
        overflow: hidden;
        position: relative;
        top: 0;
    }

    .respon {
        display: flex;
        flex-direction: column;
        justify-content:center;
    }




    /* CARRUSEL */
    .carrusel {
        width: 100%;
        height: 350px !important;
        margin: 15px;

        display: flex;
        justify-content: space-between;
        transition: all .3s ease;
    }

    .item-carrusel {
        width: 100%;
        margin: 15px;
        position: relative;
        transition: all .3s ease;


    }

    .item-carrusel img {
        box-shadow: 0px 0px 15px #999999AA;

    }
    .cont {
        width: 100%;
        overflow-x: auto ;
        display: block !important;
        
    }
    .divcarrusel {
        overflow-x: scroll
    }

    .cont::-webkit-scrollbar {
        background-color: rgba(139, 139, 167, 0.26);
        scrollbar-width: thickness;
        border: 1px solid #EFE;
        
        
        
    }
    
    .cont::-webkit-scrollbar-thumb {
        background-color: #EFE;
        scrollbar-width: thickness;
        border: 1px solid #AAA;
        
    }
    .cont-webkit-scrollbar-track {
        border-radius: 10px;  
    }
    
    .mapa {display:flex;justify-content:center;}
    .mapa iframe {width: 100%; height: 250px;}
}

/* .f-pie {width: 100%; text-align: center; position: fixed; bottom: 0 ; height: 25px;} */



/* */


/* body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
    margin: 0 auto !important;
    padding: 0;
    overflow-x: hidden;

} */
#ieepcFoot {text-align: center !important; width: 100%;}
.contBasic {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50 50;
  background-image: url(../media/index/fondo1.png);  
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1020%26quot%3b)' fill='none'%3e%3cpath d='M42.48 -149.76L206.16 -55.26L206.16 133.74L42.48 228.24L-121.2 133.74L-121.2 -55.26zM206.16 133.74L369.85 228.24L369.85 417.24L206.16 511.74L42.48 417.24L42.48 228.24zM697.21 -149.76L860.9 -55.26L860.9 133.74L697.21 228.24L533.53 133.74L533.53 -55.26zM1024.58 417.24L1188.26 511.74L1188.26 700.74L1024.58 795.24L860.9 700.74L860.9 511.74zM1515.63 133.74L1679.31 228.24L1679.31 417.24L1515.63 511.74L1351.95 417.24L1351.95 228.24zM1679.31 -149.76L1843 -55.26L1843 133.74L1679.31 228.24L1515.63 133.74L1515.63 -55.26zM1843 700.74L2006.68 795.24L2006.68 984.24L1843 1078.74L1679.31 984.24L1679.31 795.24z' stroke='rgba(253%2c 204%2c 0%2c 0.15)' stroke-width='2'%3e%3c/path%3e%3cpath d='M23.58 -149.76 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM187.26 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM187.26 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM23.58 228.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM-140.1 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM-140.1 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM350.95 228.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM350.95 417.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM187.26 511.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM23.58 417.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM678.31 -149.76 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM842 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM842 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM678.31 228.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM514.63 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM514.63 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1005.68 417.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1169.36 511.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1169.36 700.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1005.68 795.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM842 700.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM842 511.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1496.73 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1660.41 228.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1660.41 417.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1496.73 511.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1333.05 417.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1333.05 228.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1660.41 -149.76 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1824.1 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1824.1 133.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1496.73 -55.26 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1824.1 700.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1987.78 795.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1987.78 984.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1824.1 1078.74 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1660.41 984.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0zM1660.41 795.24 a18.9 18.9 0 1 0 37.8 0 a18.9 18.9 0 1 0 -37.8 0z' fill='rgba(253%2c 204%2c 0%2c 0.15)'%3e%3c/path%3e%3cpath d='M222.76 720.64L395.97 820.64L395.97 1020.64L222.76 1120.64L49.55 1020.64L49.55 820.64zM395.97 420.64L569.18 520.64L569.18 720.64L395.97 820.64L222.76 720.64L222.76 520.64zM569.18 720.64L742.39 820.64L742.39 1020.64L569.18 1120.64L395.97 1020.64L395.97 820.64zM395.97 1020.64L569.18 1120.64L569.18 1320.64L395.97 1420.64L222.76 1320.64L222.76 1120.64zM915.6 720.64L1088.81 820.64L1088.81 1020.64L915.6 1120.64L742.39 1020.64L742.39 820.64zM742.39 1020.64L915.6 1120.64L915.6 1320.64L742.39 1420.64L569.18 1320.64L569.18 1120.64zM1088.81 -179.36L1262.02 -79.36L1262.02 120.64L1088.81 220.64L915.6 120.64L915.6 -79.36zM1088.81 420.64L1262.02 520.64L1262.02 720.64L1088.81 820.64L915.6 720.64L915.6 520.64zM1608.44 120.64L1781.65 220.64L1781.65 420.64L1608.44 520.64L1435.23 420.64L1435.23 220.64zM1435.23 420.64L1608.44 520.64L1608.44 720.64L1435.23 820.64L1262.02 720.64L1262.02 520.64zM1781.65 -179.36L1954.86 -79.36L1954.86 120.64L1781.65 220.64L1608.44 120.64L1608.44 -79.36z' stroke='rgba(253%2c 204%2c 0%2c 0.17)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1020'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e"); */

}
#menu ul{font-size: 0.8rem !important;}
#menu ul li {padding: 5px 7px; margin: 0;}
#menu ul li a {padding: 5px 7px; margin: 0; }



.doblei i {transition: all .3s ease; cursor: pointer; margin: 5px; color:rgba(0, 0, 0, 0.8)!important; transition: all .3s ease;}
.doblei2 i {transition: all .3s ease; cursor: pointer; margin: 5px; color:rgba(230, 230, 230, 0.8)!important; transition: all .3s ease;}

.doblei i:hover, .doblei2 i:hover  {
  
  /* color: #999; */
  color: #FDCC00 !important; 
  /* text-shadow: 0px 0px 10px #333; */
  /* animation: loco .3s forwards; */

}


.card {
  border: 1px solid #DDD !important;
}

.btn-info {
  background: #DDD !important;
  color: #111 !important;
}

.btn-info:hover {
  background: #AAA !important; 
 
}


.navbar:nth-child(2) {background: rgba(0, 0, 0, 0.8) !important}


.nav-pills .active {
  background: #FDCC0099 !important; 
} 
.nav-pills .nav-link {text-transform: uppercase !important; font-size: 0.8rem; font-weight: bold;}