#TelaEstadoModal{
    position:absolute;
    background-color:#ffffff;
    z-index:99;
    top:60px;
    left:240px;
    width: calc(100% - 240px);
    height: calc(100% - 60px);
   
}

@media only screen and (max-width:1024px) {
    #TelaEstadoModal {
        position: absolute;
        width:100%;
       
        left: 0px;
    }
}
.active {
        display: inherit;
    }
.telaEstado{
    padding:20px;
}
    ul#map {
        display: block;
        margin: 0;
        padding:0px;
        width: 570px;
        height: 585px;
        background-image: url('../../Content/css/images/map.gif');
    }

        ul#map li {
            display: block;
            padding: 0;
            position: absolute;
            cursor:pointer;
        }

    li#RS {
        margin-top: 485px;
        margin-left: 237px;
    }

    li#SC {
        margin-top: 467px;
        margin-left: 292px;
    }

    li#PR {
        margin-top: 416px;
        margin-left: 281px;
    }

    li#SP {
        margin-top: 375px;
        margin-left: 303px;
        z-index: 9999;
    }

    li#MS {
        margin-top: 336px;
        margin-left: 229px;
    }

    li#RJ {
        margin-top: 390px;
        margin-left: 422px;
        z-index: 9999;
    }

    li#ES {
        margin-top: 347px;
        margin-left: 467px;
        z-index: 9999;
    }

    li#MG {
        margin-top: 292px;
        margin-left: 333px;
        z-index: 9998;
    }

    li#GO {
        margin-top: 264px;
        margin-left: 301px;
        z-index: 9999;
    }

    li#DF {
        margin-top: 311px;
        margin-left: 373px;
        z-index: 9999;
    }

    li#BA {
        margin-top: 207px;
        margin-left: 397px;
    }

    li#MT {
        margin-top: 189px;
        margin-left: 180px;
    }

    li#RO {
        margin-top: 199px;
        margin-left: 104px;
        z-index: 9998;
    }

    li#AC {
        margin-top: 185px;
        margin-left: 0px;
    }

    li#AM {
        margin-top: 46px;
        margin-left: 3px;
    }

    li#RR {
        margin-top: 0;
        margin-left: 133px;
    }

    li#PA {
        margin-top: 40px;
        margin-left: 219px;
    }

    li#AP {
        margin-top: 13px;
        margin-left: 278px;
    }

    li#MA {
        margin-top: 94px;
        margin-left: 366px;
        z-index: 9999;
    }

    li#TO {
        margin-top: 156px;
        margin-left: 338px;
    }

    li#SE {
        margin-top: 221px;
        margin-left: 519px;
        z-index: 9998;
    }

    li#AL {
        margin-top: 211px;
        margin-left: 518px;
        z-index: 9999;
    }

    li#PE {
        margin-top: 188px;
        margin-left: 473px;
    }

    li#PB {
        margin-top: 169px;
        margin-left: 511px;
        z-index: 9999;
    }

    li#RN {
        margin-top: 151px;
        margin-left: 514px;
    }

    li#CE {
        margin-top: 121px;
        margin-left: 473px;
    }

    li#PI {
        margin-top: 120px;
        margin-left: 406px;
        z-index: 9997;
    }

    ul#map li a {
        display: block;
        text-decoration: none;
        position: absolute;
    }

    a#RS {
        width: 116px;
        height: 101px;
    }

    a#SC {
        width: 81px;
        height: 53px;
    }

    a#PR {
        width: 97px;
        height: 64px;
    }

    a#SP {
        width: 131px;
        height: 84px;
    }

    a#MS {
        width: 106px;
        height: 104px;
    }

    a#RJ {
        width: 58px;
        height: 40px;
    }

    a#ES {
        width: 33px;
        height: 51px;
    }

    a#MG {
        width: 163px;
        height: 131px;
    }

    a#GO {
        width: 108px;
        height: 108px;
    }

    a#DF {
        width: 16px;
        height: 9px;
    }

    a#BA {
        width: 136px;
        height: 148px;
    }

    a#MT {
        width: 166px;
        height: 161px;
    }

    a#RO {
        width: 104px;
        height: 87px;
    }

    a#AC {
        width: 108px;
        height: 62px;
    }

    a#AM {
        width: 258px;
        height: 181px;
    }

    a#RR {
        width: 87px;
        height: 103px;
    }

    a#PA {
        width: 188px;
        height: 187px;
    }

    a#AP {
        width: 73px;
        height: 85px;
    }

    a#MA {
        width: 102px;
        height: 139px;
    }

    a#TO {
        width: 74px;
        height: 125px;
    }

    a#SE {
        width: 28px;
        height: 32px;
    }

    a#AL {
        width: 46px;
        height: 27px;
    }

    a#PE {
        width: 97px;
        height: 34px;
    }

    a#PB {
        width: 59px;
        height: 35px;
    }

    a#RN {
        width: 53px;
        height: 33px;
    }

    a#CE {
        width: 61px;
        height: 76px;
    }

    a#PI {
        width: 83px;
        height: 124px;
    }

        /* Código pronto via http://css.spritegen.com (com alterações nos seletores) */

        a#PA:hover, a#PA:active, a#AM:hover, a#AM:active, a#MT:hover, a#MT:active, a#BA:hover, a#BA:active, a#MA:hover, a#MA:active,
        a#MG:hover, a#MG:active, a#TO:hover, a#TO:active, a#PI:hover, a#PI:active, a#GO:hover, a#GO:active, a#MS:hover, a#MS:active,
        a#RR:hover, a#RR:active, a#RS:hover, a#RS:active, a#RO:hover, a#RO:active, a#AP:hover, a#AP:active, a#SP:hover, a#SP:active,
        a#CE:hover, a#CE:active, a#PR:hover, a#PR:active, a#AC:hover, a#AC:active, a#SC:hover, a#SC:active, a#ES:hover, a#ES:active,
        a#RJ:hover, a#RJ:active, a#PB:hover, a#PB:active, a#PE:hover, a#PE:active, a#RN:hover, a#RN:active, a#SE:hover, a#SE:active,
        a#AL:hover, a#AL:active, a#DF:hover, a#DF:active {
            display: block;
            background: url('../../Content/css/images/sprite.gif') no-repeat;
        }

    a#PA:hover, a#PA:active {
        background-position: -10px -0px;
        width: 188px;
        height: 187px;
    }

    a#AM:hover, a#AM:active {
        background-position: -10px -197px;
        width: 258px;
        height: 181px;
    }

    a#MT:hover, a#MT:active {
        background-position: -10px -388px;
        width: 166px;
        height: 161px;
    }

    a#BA:hover, a#BA:active {
        background-position: -10px -559px;
        width: 136px;
        height: 148px;
    }

    a#MA:hover, a#MA:active {
        background-position: -156px -559px;
        width: 102px;
        height: 139px;
    }

    a#MG:hover, a#MG:active {
        background-position: -10px -717px;
        width: 163px;
        height: 131px;
    }

    a#TO:hover, a#TO:active {
        background-position: -183px -717px;
        width: 74px;
        height: 125px;
    }

    a#PI:hover, a#PI:active {
        background-position: -10px -858px;
        width: 83px;
        height: 124px;
    }

    a#GO:hover, a#GO:active {
        background-position: -103px -858px;
        width: 108px;
        height: 108px;
    }

    a#MS:hover, a#MS:active {
        background-position: -103px -976px;
        width: 106px;
        height: 104px;
    }

    a#RR:hover, a#RR:active {
        background-position: -10px -992px;
        width: 87px;
        height: 103px;
    }

    a#RS:hover, a#RS:active {
        background-position: -107px -1090px;
        width: 116px;
        height: 101px;
    }

    a#RO:hover, a#RO:active {
        background-position: -10px -1201px;
        width: 104px;
        height: 87px;
    }

    a#AP:hover, a#AP:active {
        background-position: -10px -1105px;
        width: 73px;
        height: 85px;
    }

    a#SP:hover, a#SP:active {
        background-position: -124px -1201px;
        width: 131px;
        height: 84px;
    }

    a#CE:hover, a#CE:active {
        background-position: -186px -388px;
        width: 61px;
        height: 76px;
    }

    a#PR:hover, a#PR:active {
        background-position: -124px -1295px;
        width: 97px;
        height: 64px;
    }

    a#AC:hover, a#AC:active {
        background-position: -10px -1298px;
        width: 108px;
        height: 62px;
    }

    a#SC:hover, a#SC:active {
        background-position: -128px -1369px;
        width: 81px;
        height: 53px;
    }

    a#ES:hover, a#ES:active {
        background-position: -208px -0px;
        width: 33px;
        height: 51px;
    }

    a#RJ:hover, a#RJ:active {
        background-position: -186px -474px;
        width: 58px;
        height: 40px;
    }

    a#PB:hover, a#PB:active {
        background-position: -10px -1370px;
        width: 59px;
        height: 35px;
    }

    a#PE:hover, a#PE:active {
        background-position: -10px -1415px;
        width: 97px;
        height: 34px;
    }

    a#RN:hover, a#RN:active {
        background-position: -186px -524px;
        width: 53px;
        height: 33px;
    }

    a#SE:hover, a#SE:active {
        background-position: -208px -61px;
        width: 28px;
        height: 32px;
    }

    a#AL:hover, a#AL:active {
        background-position: -208px -103px;
        width: 46px;
        height: 27px;
    }

    a#DF:hover, a#DF:active {
        background-position: -208px -140px;
        width: 16px;
        height: 9px;
    }

    /* Fim sprite */

    ul#map li a img {
        border: 0;
        width: inherit;
        height: inherit;
    }