@font-face {
    font-family: CastleT;
    src: url(./fuentes/CastleT.ttf);
}

@font-face {
    font-family: CastleTBold;
    src: url(./fuentes/CastleTBold.ttf);
}

@font-face {
    font-family: Avian;
    src: url(./fuentes/AVIAN/AVIAN.ttf);
}

#MEX2707 {
    fill: #d4d4d4;
}

#MEX2707:hover {
    fill: #717171;
}

#MEX2711 {
    fill: #d4d4d4;
}

#MEX2711:hover {
    fill: #717171;
}

#MEX2721 {
    fill: #d4d4d4;
}

#MEX2721:hover {
    fill: #717171;
}

#MEX2719 {
    fill: #d4d4d4;
}

#MEX2719:hover {
    fill: #717171;
}

#MEX2718 {
    fill: #d4d4d4;
}

#MEX2718:hover {
    fill: #717171;
}

/* #MEX2720 {
    fill: #d4d4d4;
}

#MEX2720:hover {
    fill: #717171;
} */

#MEX2728 {
    fill: #d4d4d4;
}

#MEX2728:hover {
    fill: #717171;
}

#MEX2715 {
    fill: #d4d4d4;
}

#MEX2715:hover {
    fill: #717171;
}

#MEX2727 {
    fill: #d4d4d4;
}

#MEX2727:hover {
    fill: #717171;
}

#MEX2724 {
    fill: #d4d4d4;
}

#MEX2724:hover {
    fill: #717171;
}

.display-none {
    display: none;
}

.logosMapa {
    filter: grayscale(100%);
    opacity: 0.4;
}

.logosMapa:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.textoMapa {
    font-family: CastleT;
}

.tituloEstado {
    font-family: CastleT;
    color: #717171;
    border-bottom: #d4d4d4;
    border-bottom-style: solid;
    text-align: start;
    font-size: medium ;
}

.subtituloEstado {
    font-family: CastleT;
    color: black;
    text-align: start;
    font-size: smaller;
}

.tituloMapa{
    font-size: medium ;
}

.subtituloMapa {
    font-family: CastleT;
    color: #717171;
    font-size: smaller;
}

.iconoMano{
    transform: rotate(90deg);
}

/* // X-Small devices (portrait phones, less than 576px) */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .tituloEstado {
        font-size: large ;
    }
    
    .subtituloEstado {
        font-size: medium;
    }
    
    .tituloMapa{
        font-size: large ;
    }
    
    .subtituloMapa {
        font-size: medium ;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .tituloEstado {
        font-size: larger ;
    }
    
    .subtituloEstado {
        font-size: large;
    }
    
    .tituloMapa{
        font-size: larger ;
    }
    
    .subtituloMapa {
        font-size: large ;
    }
    
    .iconoMano{
        transform: rotate(0deg);
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .tituloEstado {
        font-size: x-large ;
    }
    
    .subtituloEstado {
        font-size: larger;
    }
    
    .tituloMapa{
        font-size: x-large ;
    }
    
    .subtituloMapa {
        font-size: larger ;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .tituloEstado {
        font-size: xx-large ;
    }
    
    .subtituloEstado {
        font-size: x-large;
    }
    
    .tituloMapa{
        font-size: xx-large ;
    }
    
    .subtituloMapa {
        font-size: x-large ;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}



/* AQUI EMPIEZA EL DIRECTORIO */

.tituloAgencia {
    font-family: CastleTBold;
    letter-spacing: 2px;
    color: black;
    font-size: medium;
    padding: 0%;
    margin: 0%;
}

.textoDirectorio {
    font-family: Avian;
    color: #474747;
    font-size: small;
    margin: 0%;
    vertical-align: middle;
}

.numeroDirectorio {
    font-family: Avian;
    color: #474747;
    font-size: small;
}

.cajaAgencia {
    padding-top: 1em;
    padding-bottom: 1em;
}

td {
    padding: 0%;
    padding-left: 2px;
    padding-right: 6px;
    vertical-align: 50%;
}

th {
    padding: 0%;
    margin: 0%;
}

table {
    vertical-align: middle;
}