/* Mapa embebio del index */

#embebido {border: 1px solid #108a97;}
    
    #embebido {
    position: relative;
    padding-bottom: 39.33%;
    height: 0;
    overflow: hidden;
}
#embebido iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100% !important;
   /* height: 100% !important;
   */
}
.mark{
    color: black!important;
    font-weight: bolder!important;
    background-color: transparent;
}

@media screen and (max-width: 360px){
    #embebido{padding-bottom: 125%;}
    .imagen-link-box {float: none !important; padding-left: 0px !important;}
}
@media screen and (max-width: 769px){
       #container-mapa{float: none !important;        margin: auto;}
    }

    
/* NOTICIAS */

.seccion-noticias{height: 400px; background-color: #4276bc; color: white}
.seccion-noticias header{ padding: 20px;}
#contenedor-noticias {
    height: 250px;
    margin-bottom: 15px;
    text-align: left;
}

.nav-slider {
    z-index: 100;
    display: inline-block;
    text-align: center;
    width: 100%;
    background-color: #4276bc;
    height: 50px
}    

.seccion-noticias footer .btn-group button{background-color: transparent; border-color: white;outline: none !important; }
.seccion-noticias footer .btn-group  button:hover, .seccion-noticias footer .btn-group  button:focus, .seccion-noticias footer .btn-group  button:active{color: white ; border-color: white}
.seccion-noticias .botonera{background-color: transparent }


.block-novedades{ width: 100%; height: 250px; background-color: #4276bc; color: white}
.block-novedades h2 {
    /* border-bottom: 1px dashed #5C5C5C; */
    color: white;
    float: left;
    /* float: right; */

    font-weight: bold;
    margin: 0px 0 0;
    padding: 0 0 10px;
    /* width: 233px; */
    width: 100%;
}

.ver-mas{color: white;     font-size: small;}


/* IMAGENES LINKEADAS */
.imagen-link-box div{margin-bottom: 10px}

    #container-imagenes-links{height: auto; display: inline-block; background-image: linear-gradient(to right, rgba(223, 105, 0, 0.05) 0%,rgba(255, 233, 4, 0.05) 100%);}
    .imagen-link-box{margin:auto; width: 230px; float:left; color: white;     padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 10px;}
    
    
    #google-earth{margin-bottom: 0px}
    
  
    
    #donde-estamos{width: 230px;     margin-top: 15px;}
    #donde-estamos h3 {
        color: #9E9E9E;
        font-size: 20px;
        font-family: 'Aller';
        text-transform: uppercase;
        margin: 0 0 15px 0px;
        font-weight: 700;
        text-shadow: 1px 1px 1px #fff;
        opacity: 0.8;
        letter-spacing: .02em;
        border-bottom: 5px solid #FFE905;
        padding: 0px 0px 5px 5px;
        text-align: left
    }
    
    /* 2021 */
    #imagenes-linkeadas { margin-bottom: 30px; margin-top: 30px} 
    #imagenes-linkeadas .row{margin-bottom: 20px}
        #imagenes-linkeadas > div > div > div {border: 1px solid gray;padding: 5px;height: 250px;}
        
        .bahra a{background: #6EA100 !important;  display: flex;    justify-content: center;    align-items: center;}
    #imagenes-linkeadas .bahra a img{width: 100%}
    
    #imagenes-linkeadas a{height: 80px}
    #imagenes-linkeadas .descripcion{padding: 10px;}
    #imagenes-linkeadas .covid a{background: #e10a17;       display: flex;    justify-content: center;    align-items: center;}
    
.mapas-escolares-ign a{background:#008dc9;  display: flex;    justify-content: center;    align-items: center;}
.mapas-escolares-ign a:hover{text-decoration: none}
.mapas-escolares-ign a img{height: 60px}
#alerta img{width:100%}


    #idera{text-align: -webkit-center;}
    #servicios-OGC img, #situacion-hidrica img, #google-earth img, #eventos img  {width: 100%}