/*** MAPA EDIFICIOS *****/
#fondo-calle{
    width: 1067px;
    height: 1000px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    display: block;
    background:url(/assets/uploads/map-edi/mapa-edificios-CD-2022-edicion-57.jpg);
}

#fondo-calle-new{
    width: 1067px;
    height: 1067px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    display: block;
    background:url(/assets/uploads/map-edi/mapa-edificios-CD-2022-edicion-57.jpg);
}

@media (max-width: 1023px){
    #fondo-calle{
        display: none!important;
    }
}

#fondo-calle-new .boton-edificio {
    background-color: red;
}

.boton-edificio{
    width: 70px;
    height: 70px;
    position: absolute;
    border-radius: 50%;
    cursor:pointer;
    z-index: 2;
}


[data-edificio="1"]{top: 204px;left: 61%;}
[data-edificio="2"]{top: 367px;left: 80%;}
[data-edificio="3"]{top: 305px;left: 64%;}
[data-edificio="4"]{top: 466px;left: 67%;}
[data-edificio="5"]{top: 368px;left: 48%;}
[data-edificio="6"]{top: 253px;left: 46%;}
[data-edificio="7"]{top: 76px;left: 61%;}
[data-edificio="8"]{top: 337px;left: 56%;}
[data-edificio="9"]{top: 101px;left: 47%;}
[data-edificio="10"]{top: 473px;left: 82%;}
[data-edificio="11"]{top: 582px;left: 51%;}
[data-edificio="12"]{top: 692px;left: 52%;}
[data-edificio="13"]{top: 778px;left: 33%;}
[data-edificio="14"]{top: 133px;left: 78%;}
[data-edificio="15"]{top: 341px;left: 35%;}
[data-edificio="16"]{top: 650px;left: 61%;}
[data-edificio="17"]{top: 590px;left: 75%;}
[data-edificio="18"]{top: 713px;left: 17%;}
[data-edificio="19"]{top: 447px;left: 50%;}
[data-edificio="20"]{top: 681px;left: 43%;}
[data-edificio="21"]{top: 566px;left: 30%;}
[data-edificio="22"]{top: 963px;left: 23%;}
[data-edificio="23"]{top: 892px;left: 49%;}
[data-edificio="24"]{top: 438px;left: 41%;}
[data-edificio="25"]{top: 283px;left: 73%;}
[data-edificio="26"]{top: 558px;left: 62%;}
[data-edificio="27"]{top: 900px;left: 39%;}
[data-edificio="28"]{top: 548px;left: 80%;}


@media (min-width:1024px) and (max-width: 1320px){
    [data-edificio="1"]{left: 64%;}
    [data-edificio="2"]{left: 90%;}
    [data-edificio="3"]{left: 68%;}
    [data-edificio="4"]{left: 73%;}
    [data-edificio="6"]{left: 43%;}
    [data-edificio="7"]{left: 63%;}
    [data-edificio="8"]{left: 57%;}
    [data-edificio="9"]{left: 45%;}
    [data-edificio="10"]{left: 90%;}
    [data-edificio="12"]{left: 52%;}
    [data-edificio="13"]{left: 33%;}
    [data-edificio="14"]{left: 88%;}
    [data-edificio="15"]{left: 28%;}
    [data-edificio="16"]{left: 65%;}
    [data-edificio="17"]{left: 84%;}
    [data-edificio="18"]{left: 6%;}
    [data-edificio="19"]{top: 457px;left: 48%;}
    [data-edificio="20"]{left: 39%;}
    [data-edificio="21"]{left: 23%;}
    [data-edificio="22"]{left: 12%;}
    [data-edificio="23"]{left: 48%;}
    [data-edificio="24"]{left: 37%;}
    [data-edificio="25"]{left: 80%;}
    [data-edificio="26"]{left: 64%;}
    [data-edificio="27"]{left: 35%;}
    [data-edificio="28"]{left: 90%;}
} 

/** informacion recuadro **/
#fondo-texto-edificio{
    background: rgba(255, 255, 255, 0.5);
    width: 1067px;
    height: 1067px;
    z-index: 9999;
    position: absolute;
    display: none;
    transition: all 0.5s;
}

.recuadro-texto-edificio {
    background: #fff;
    width: 350px;
    text-align: center;
    min-height: 60px;
    position: relative;
    padding: 40px;
    margin: 0 auto;
    top: 45%;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.15);
    border: 3px solid #ea3424;
    z-index: 99999;
    display: none;
    transition: all 0.5s;
}
.boton-cerrar{
    position: absolute;
    background: #ccc;
    border-radius: 50%;
    padding: 0px 7px 2px;
    top: 4px;
    right: 4px;
    display: none;
    cursor: pointer;
}
.info-edificio span{
    display: none;
    transition: all 0.5s;
}

.info-edificio span a, .info-edificio span .date-edi{
    text-decoration: none;
    text-transform: uppercase;
    color: #ea3424;
    font-weight: 700;
}

.info-edificio span a:hover {
    color: #565656;
}