/*!
 * Start Bootstrap - Shop Item HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.6;
}

/* MENU */
.dropdown-item {
    color: rgb(139, 139, 139);
}
.nav-link {
    font-weight: 500;
}
/* MENU */

/*-------------------------CELULAR--------------------------------------------*/
/* .col- */
@media(min-width: 300px) {
    .d-logo {
        display: block !important;
        width: auto;
    }
    .d-logo img {
        display: block !important;
        width: 150px;
    }

    .noframe {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sinMargenBloque {
        margin-right: 0;
        margin-left: 0;
    }

    .img-header {
        margin-left: -10px;
        margin-right: -10px;
    }

    #integra2_myBtn {
        width: 40px !important;
        height: 40px !important;
    }
    #integra2_myBtn img {
        width: 30px !important;
        height: 30px !important;
    }

    #dvCountdown {
        padding-top: 0 !important;
        height: auto;
        background: #d7bbaa no-repeat 100% 70% fixed url('https://ieechihuahua.org.mx/sistema/archivos/interno/paginas/PE2024/registro_candidaturas/img/efecto_SERCIEE.svg');
    }

    #dvCountdown table {
        width: 300px;
    }


    #dvCountdown .texto {
        font-size: 1em;
        font-weight: bold;
        padding-top: 7px;
        line-height: 18px;
    }

    #dvCountdown .numeros {
        font-size: 1.3em !important;
        font-weight: bold !important;
        padding: 10px 0 0 !important;
        border: none !important;
        width: 25%;
    }
   
    

    #dvCountdown .numeros a {
        padding: 5px;
        font-size: 1em;
        color:#FFF;
    }
       

    #dvCountdown .leyendas {
        font-size: 0.7em;

    }

    #dvCountdown .leyendas td {
        padding: 0 !important;
    }
    

}

/*-------------------------CELULAR--------------------------------------------*/
/*-------------------------TABLET--------------------------------------------*/
@media(min-width: 767px) {
    .sinMargenBloque {
        margin-right: 0;
        margin-left: 0;
    }

    #dvCountdown {
        height: auto;
    }

    #dvCountdown .texto {
        font-size: 1.3em;
        font-weight: bold;
        padding-top: 14px;
    }

    /* #dvCountdown table{
         margin-left:30% !important;
      }    */

    #dvCountdown .numeros {
        font-weight: bold !important;
        /* padding: 1px 0px 0px 0px !important; */
        border: none !important;
        width: 60px !important;
    }

    #dvCountdown .numeros a {
        padding: 0 !important;
        font-size: 1.3em;
    }

    #dvCountdown .leyendas {
        font-size: 0.8em;

    }

    #dvCountdown .leyendas td {
        padding: 0 !important;
    }
    
    .equis {
        display: block !important;
    }

}
/*-------------------------TABLET--------------------------------------------*/

/*-------------------------laptop--------------------------------------------*/
@media(min-width: 1200px) {
    
    .equis {
        display: block !important;

    }
    .d-logo {
        display: flex !important;
        justify-content: center;
        align-items: center;
        width: 15%;
    }
    .d-logo img {
        display: block !important;
        width: 250px;
    }

    #dvCountdown {
        padding-top: 10px;
        height: auto;
        background-color: #af4b86;
    }

    #dvCountdown .texto {
        font-size: 1.2em;
        font-weight: bold;
        padding-top: 12px;
        line-height: 34px;
    }

    #dvCountdown .numeros {

        font-weight: bold;
        padding: 15px 15px 2px;
        border: none !important;
        width: 100px;
    }

    #dvCountdown .numeros a {
        display: table-cell;
        color: #FFF;
        background-color: #000;
        border-radius: 3px;
        padding: 7px;
        font-size: 1.5em;
        width: 55px;
    }

    #dvCountdown table {
        margin-bottom: 0;
        padding-top: 10px;

    }

    #dvCountdown table td {
        border: none;
    }
    #dvCountdown .leyendas {
        font-size: 0.8em;
        color: #FFF;
    }

    #dvCountdown .numeros td {
        border: none !important;
       
    }

    .sinMargenBloque {
        margin-right: -25px;
        margin-left: -25px;
    }

    .sinMargenBloque-25 {
        /*Para todos los dispositivos*/
        margin-right: -25px !important;
        margin-left: -25px !important;
    }
}
/*-------------------------laptop--------------------------------------------*/
/*---------------------------PC------------------------------------------------- */
@media(min-width: 1700px) {
    .equis {
        display: none !important;
    }
    .d-pc-block{
        display: block !important;
    }
    .d-pc-none{
        display: none !important;
    }
}

/* por actualizacion de boostrap */
.img-responsive {
    max-width: 100%;
    height: auto;
}
/* por actualizacion de boostrap */

/* NOTICIAS */
.noticias-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: calc(100vh - 0);
    min-height: 660px;
    position: relative;
    display: block;
}

.noticias-text {
    height: 100%;
    min-height: 660px;
    align-items: flex-end !important;
    display: flex;
    position: relative;
    /* margin-bottom: 30px; */
}

.noticias-text h2 {
    color: #fff;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    background-color: rgba(0, 0, 0, 0.6); /* Negro con 50% de opacidad */
    color: white;
    padding: 10px;
}
/* NOTICIAS */


#buscar {
    cursor: pointer;
}

#OPC {
    float: right;
}

.glyphicon {
    color: #d7bbaa;
}

.list-group a {
    cursor: pointer;
}

select[disabled] {
    background: #d8d8d8;
}

#MDP {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}


/* make sidebar nav vertical */
@media(min-width: 767px) {
    .sidebar-nav .navbar .navbar-collapse {
        padding: 0;
        max-height: none;
        background: blue;
    }
    .sidebar-nav .navbar ul {
        float: none;
    }
    .sidebar-nav .navbar ul:not {
        display: block;
    }
    .sidebar-nav .navbar li {
        float: none;
        display: block;
    }
    .sidebar-nav .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .noframe {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }


    .img-header {
        margin-left: -30px;
        margin-right: -30px;
    }


}


.opciones:hover {
    cursor: pointer;
}

.opciones {
    padding: 1em;
    font-size: 15px;
    font-weight: bolder;
}

/* .navbar-default {
    
    background-color: #f9e1d3;
    border-color: white;
} */

.btn {
    background-color: #d7bbaa;
    float: right;
    margin-left: 1em;
}
.google-visualization-table-td {
    font-size: 80%;
}

.google-visualization-table-th {
    font-size: 90%;
    background-color: #c0c0c0;
}

.google-visualization-table-div-page {
    background-color: #c0c0c0;
}

label {
    margin-left: 1em;
}

.cuadro/*BLANCO*/
{
    background-color: #fff  !important;
}
.cuadro0/*GRIS*/
{
    background-color: #aaa  !important;
}
.cuadro1 {
    /*CAFE 1*/
    background-color: #d5bc9d  !important;
}
.cuadro2 {
    /*NARANJA*/
    background-color: #fc9e70  !important;
}
.cuadro3 {
    /*AZUL*/
    background-color: #579ec5  !important;
}
.cuadro4 {
    /*MORADO*/
    background-color: #af4b86 !important;
}
.cuadro5 {
    /*CAFE 2*/
    background-color: #d7bbaa  !important;
}
.cuadro6 {
    /*CYAN*/
    background-color: #5f9ea0  !important;
}
.cuadro7 {
    /*GRIS OSCURO*/
    background-color: #43575e  !important;
}
.cuadro8 {
    /*MORADO INE*/
    background-color: #8785a2  !important;
}
.cuadro9 {
    /*VERDE*/
    background-color: #669149  !important;
}
.cuadro10 {
    /*ROJO*/
    background-color: #da5730  !important;
}
.cuadrofondo {
    /*CAFE CLARO*/
    background-color: #faebd7  !important;
}
.cuadrogris {
    /*GRIS CLARO*/
    background-color: #e5e5e5  !important;
}
.cuadrogrisbajo {
    /*GRIS MUY BAJO*/
    background-color: #fafafa  !important;
}

.color {
    color: #fff !important;
}
.color0/*GRIS*/
{
    color: #aaa;
}
.color1 {
    /*CAFE 1*/
    color: #d5bc9d;
}
.color2 {
    /*NARANJA*/
    color: #fc9e70;
}
.color3 {
    /*AZUL*/
    color: #579ec5;
}
.color4 {
    /*MORADO*/
    color: #af4b86 !important;
}
.color5 {
    /*CAFE 2*/
    color: #d7bbaa;
}
.color6 {
    /*CYAN*/
    color: #5f9ea0;
}
.color7 {
    /*GRIS OSCURO*/
    color: #43575e;
}
.color8 {
    /*MORADO INE*/
    color: #8785a2 !important;
}
.color9 {
    /*VERDE*/
    color: #669149;
}
.color10 {
    /*ROJO*/
    color: #da5730 !important;
}
.colorfondo {
    /*CAFE CLARO*/
    color: #faebd7;
}
.colorgris {
    /*GRIS CLARO*/
    color: #e5e5e5;
}
.colorgrisbajo {
    /*GRIS MUY BAJO*/
    color: #fafafa;
}

.forma {
    box-shadow: 1px 2px 10px lightgrey;
    border-radius: 15px;
}

.shadows {
    box-shadow: -5px 5px 3px gray;
}

.shadowsrightup {
    box-shadow: 5px -5px 3px gray;
}
.shadowsrightdown {
    box-shadow: 5px 5px 3px gray;
}
.shadowsleftup {
    box-shadow: -5px -5px 3px gray;
}
.shadowsleftdown {
    box-shadow: -5px 5px 3px gray;
}

#boton {
    padding: 10px;
    cursor: pointer;
    box-shadow: 1px 1px 5px gray;
    background: #f0f0f0;
}

#boton:hover {
    background: #fff;
}

.boton {
    padding: 10px;
    cursor: pointer;
    color: #af4b86 !important;
    background-color: transparent;
    border-color: #af4b86;
}

.boton:hover {
    color: white !important;
    background-color: #af4b86;
}

.vacio {
    background-color: #c5c5c5;
}

.blanco {
    color: white;
}

.marco {
    box-shadow: 1px 2px 10px lightgray;
}

.marcoblack {
    box-shadow: 1px 1px 10px;
}

.fondo-cover {
    background-position: center center;
    /* Background image doesn't tile */
    background-repeat: no-repeat;
    /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based
     on the container's size */
    background-size: cover;
    /* Set a background color that will be displayed
     while the background image is loading */
    background-color: #000;
}

.img-cover {
    /*Va en el Div que contiene a la imagen*/
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cover {
    object-fit: cover;
}

.img-cover img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

/*Ligas Rapidas*/
.imgLigas {
    height: 10em;
    vertical-align: bottom;
}

.subrayado {
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: #950054;
    padding-bottom: 4px;
}

.btn-morado {
    float: none !important;
    font-size: 1.1em;
    color: #4d01ae;
    background-color: white;
    font-weight: bold;
    border-color: #4d01ae;
    border-radius: 5px;
}

.btn-morado:hover {
    color: #fff;
    background-color: #4d01ae;
}

.btn-rosa {
    float: none !important;
    font-size: 1.1em;
    color: #ce2a87;
    background-color: white;
    font-weight: bold;
    border-color: #ce2a87;
    border-radius: 5px;
}

.btn-rosa:hover {
    color: #fff;
    background-color: #ce2a87;
}

.btn-cafe {
    float: none !important;
    font-size: 1.1em;
    color: #d7bbaa;
    background-color: white;
    font-weight: bold;
    border-color: #d7bbaa;
}

.btn-cafe:hover {
    color: #fff;
    background-color: #d7bbaa;
}

.btn-gris {
    float: none !important;
    font-size: 1.1em;
    color: #667;
    background-color: white;
    font-weight: bold;
    border-color: #667;
}

.btn-gris:hover {
    color: #fff;
    background-color: #667;
}
.img-centrada {
    display: flex;
    justify-content: center;
}

.todo-junto {
    white-space: nowrap;
}

.txt-jtf {
    text-align: justify;
}


.sinMargenBloqueArriba {
    margin-top: -25px !important;
}


.galeria img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.galeria .col-md-4 {
    padding: 25px;
}

.galeria a {
    cursor: pointer;
}

/* plugin de discapacidad */
#lemodaleposition {
    margin-right: 10px !important;
}


.float-none {
    float: none !important;
}

.mismos-divs {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* #integra2_myBtn{
left: 0px !important; 
} */

.imagen-con-equis img {
    z-index: 900;
    position: absolute;
    display: block;
    height: auto;

}
.imagen-con-equis .equis {
    position: absolute;
    /* top: 72px; */
    right: 5px;
    color: white;
    background-color: red;
    padding: 2px 5px;
    cursor: pointer;
    z-index: 900;
}

@media (max-width: 1699px) {
    .dv-esconder {
        display: none;
    }
}

.equis {
    display: none;
}

.hand {
    cursor: pointer !important;
}
.underline {
    text-decoration: underline !important;
}

.zona {
    padding: 4%;
}

.zona-laterales {
    padding-left: 10%;
    padding-right: 10%;
}

.zona-sandwich {
    padding-top: 10%;
    padding-bottom: 10%;
}

.centrar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fsize2{
	font-size:2px !important;

}
.fsize4{
	font-size:4px !important;
}
.fsize6{
	font-size:6px !important;
}
.fsize8{
	font-size:8px !important;
}
.fsize10{
	font-size:10px !important;
}
.fsize12{
	font-size:12px !important;
}
.fsize20{
	font-size:20px !important;
}