/* CONTENT */ .mapamenor { height: 400px; overflow: auto; } .mapamenor #mapa { position: relative; width: 210px; height: 300px; top: 40px; left: 25%; color: #fff; } .mapamenor #mapa .acre { position: absolute; top:123px; left:0; cursor:pointer; } .mapamenor #mapa .amazonas { position: absolute; top:55px; left:0; cursor:pointer; } .mapamenor #mapa .roraima { position: absolute; top:33px; left:48px; cursor:pointer; } .mapamenor #mapa .rondonia { position: absolute; top:120px; left:51px; cursor:pointer; } .mapamenor #mapa .mato_grosso { position: absolute; top:113px; left:80px; cursor:pointer; } .mapamenor #mapa .mato_grosso_do_sul { position: absolute; top:174px; left:107px; cursor:pointer; } .mapamenor #mapa .goias { position: absolute; top:123px; left:142px; cursor:pointer; } .mapamenor #mapa .df { position: absolute; top:148px; left:158px; cursor:pointer; z-index: 9; } .mapamenor #mapa .para { position: absolute; top:48px; left:89px; cursor:pointer; z-index: 3; } .mapamenor #mapa .amapa { position: absolute; top:34px; left:113px; cursor:pointer; } .mapamenor #mapa .goias { position: absolute; top:139px; left:134px; cursor:pointer; } .mapamenor #mapa .tocantins { position: absolute; top:91px; left:146px; cursor:pointer; } .mapamenor #mapa .maranhao { position: absolute; top:65px; left:160px; cursor:pointer; } .mapamenor #mapa .piaui { position: absolute; top:76px; left:176px; cursor:pointer; } .mapamenor #mapa .ceara { position: absolute; top:76px; left:203px; cursor:pointer; } .mapamenor #mapa .rio_grande_do_norte { position: absolute; top:87px; left:224px; cursor:pointer; } .mapamenor #mapa .paraiba { position: absolute; top:96px; left:221px; cursor:pointer; } .mapamenor #mapa .pernambuco { position: absolute; top:106px; left:206px; cursor:pointer; } .mapamenor #mapa .alagoas { position: absolute; top:114px; left:225px; cursor:pointer; } .mapamenor #mapa .sergipe { position: absolute; top:121px; left:225px; cursor:pointer; } .mapamenor #mapa .bahia { position: absolute; top:115px; left:173px; cursor:pointer; } .mapamenor #mapa .minas_gerais { position: absolute; top:150px; left:149px; cursor:pointer; } .mapamenor #mapa .espirito_santo { position: absolute; top:173px; left:201px; cursor:pointer; } .mapamenor #mapa .rio_de_janeiro { position: absolute; top:195px; left:184px; cursor:pointer; } .mapamenor #mapa .sao_paulo { position: absolute; top:189px; left:139px; cursor:pointer; } .mapamenor #mapa .parana { position: absolute; top:207px; left:131px; cursor:pointer; } .mapamenor #mapa .santa_catarina { position: absolute; top:228px; left:136px; cursor:pointer; } .mapamenor #mapa .rio_grande_do_sul { position: absolute; top:238px; left:119px; cursor:pointer; } .mapamenor #mapa .rio_grande_do_norte { position: absolute; top:87px; left:223px; cursor:pointer; } #acre { display: block; width: 47px; height: 20px; background: url("mapa/acre_2.png") no-repeat; } #acre:hover { background: url("mapa/acre_1.png") no-repeat; } #amazonas { display: block; width: 101px; height: 77px; background: url("mapa/amazonas_2.png") no-repeat; } #amazonas:hover { background: url("mapa/amazonas_1.png") no-repeat; } #roraima { display: block; width: 39px; height: 40px; background: url("mapa/roraima_2.png") no-repeat; } #roraima:hover { background: url("mapa/roraima_1.png") no-repeat; } #rondonia { display: block; width: 36px; height: 35px; background: url("mapa/rondonia_2.png") no-repeat; } #rondonia:hover { background: url("mapa/rondonia_1.png") no-repeat; } #mato_grosso { display: block; width: 66px; height: 63px; background: url("mapa/mato_grosso_2.png") no-repeat; } #mato_grosso:hover { background: url("mapa/mato_grosso_1.png") 0px 1px no-repeat; width: 66px; height: 63px; } #mato_grosso_do_sul { display: block; width: 41px; height: 40px; background: url("mapa/mato_grosso_do_sul_2.png") no-repeat; } #mato_grosso_do_sul:hover { background: url("mapa/mato_grosso_do_sul_1.png") no-repeat; } #goias { display: block; width: 40px; height: 43px; background: url("mapa/goias_2.png") no-repeat; } #goias:hover { background: url("mapa/goias_1.png") no-repeat; } #df { display: block; width: 7px; height: 9px; background: url("mapa/df_1.png") no-repeat; } #df:hover { background: url("mapa/df_2.png") no-repeat; } #para { display: block; width: 79px; height: 76px; background: url("mapa/para_2.png") no-repeat; } #para:hover { background: url("mapa/para_1.png") no-repeat; } #amapa { display: block; width: 30px; height: 32px; background: url("mapa/amapa_2.png") no-repeat; } #amapa:hover { background: url("mapa/amapa_1.png") no-repeat; } #goias { display: block; width: 40px; height: 43px; background: url("mapa/goias_2.png") no-repeat; } #goias:hover { background: url("mapa/goias_1.png") no-repeat; } #tocantins { display: block; width: 28px; height: 50px; background: url("mapa/tocantins_2.png") no-repeat; } #tocantins:hover { background: url("mapa/tocantins_1.png") no-repeat; } #maranhao { display: block; width: 36px; height: 58px; background: url("mapa/maranhao_2.png") no-repeat; } #maranhao:hover { background: url("mapa/maranhao_1.png") no-repeat; } #piaui { display: block; width: 31px; height: 50px; background: url("mapa/piaui_2.png") no-repeat; } #piaui:hover { background: url("mapa/piaui_1.png") no-repeat; } #ceara { display: block; width: 22px; height: 31px; background: url("mapa/ceara_2.png") no-repeat; } #ceara:hover { background: url("mapa/ceara_1.png") no-repeat; } #rio_grande_do_norte { display: block; width: 20px; height: 13px; background: url("mapa/rio_grande_do_norte_2.png") no-repeat; } #rio_grande_do_norte:hover { background: url("mapa/rio_grande_do_norte_1.png") no-repeat; } #paraiba { display: block; width: 24px; height: 11px; background: url("mapa/paraiba_2.png") no-repeat; } #paraiba:hover { background: url("mapa/paraiba_1.png") no-repeat; } #pernambuco { display: block; width: 38px; height: 12px; background: url("mapa/pernambuco_2.png") no-repeat; } #pernambuco:hover { background: url("mapa/pernambuco_1.png") no-repeat; } #alagoas { display: block; width: 15px; height: 10px; background: url("mapa/alagoas_2.png") no-repeat; } #alagoas:hover { background: url("mapa/alagoas_1.png") no-repeat; } #sergipe { display: block; width: 8px; height: 11px; background: url("mapa/sergipe_2.png") no-repeat; } #sergipe:hover { background: url("mapa/sergipe_1.png") no-repeat; } #bahia { display: block; width: 52px; height: 59px; background: url("mapa/bahia_2.png") no-repeat; } #bahia:hover { background: url("mapa/bahia_1.png") no-repeat; } #minas_gerais { display: block; width: 61px; height: 51px; background: url("mapa/minas_gerais_2.png") no-repeat; } #minas_gerais:hover { background: url("mapa/minas_gerais_1.png") no-repeat; } #espirito_santo { display: block; width: 12px; height: 22px; background: url("mapa/espirito_santo_2.png") no-repeat; } #espirito_santo:hover { background: url("mapa/espirito_santo_1.png") no-repeat; } #rio_de_janeiro { display: block; width: 21px; height: 14px; background: url("mapa/rio_de_janeiro_2.png") no-repeat; } #rio_de_janeiro:hover { background: url("mapa/rio_de_janeiro_1.png") no-repeat; } #sao_paulo { display: block; width: 46px; height: 30px; background: url("mapa/sao_paulo_2.png") no-repeat; } #sao_paulo:hover { background: url("mapa/sao_paulo_1.png") no-repeat; } #parana { display: block; width: 34px; height: 24px; background: url("mapa/parana_2.png") no-repeat; } #parana:hover { background: url("mapa/parana_1.png") no-repeat; } #santa_catarina { display: block; width: 28px; height: 20px; background: url("mapa/santa_catarina_2.png") no-repeat; } #santa_catarina:hover { background: url("mapa/santa_catarina_1.png") no-repeat; } #rio_grande_do_sul { display: block; width: 38px; height: 40px; background: url("mapa/rio_grande_do_sul_2.png") no-repeat; } #rio_grande_do_sul:hover { background: url("mapa/rio_grande_do_sul_1.png") no-repeat; } /* INFOS */ .info_ac { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 90px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_am { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ap { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ro { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_rr { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_mt { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ms { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 160px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_df { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_pa { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_go { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_to { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ce { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_pe { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ba { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_mg { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 140px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_es { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_rj { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_sp { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_pr { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_sc { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 120px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_rs { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 140px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_rn { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 150px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_paraiba { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_al { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_se { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_pi { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } .info_ma { display: none; position: absolute; top:-45px; left:80px; cursor:pointer; min-width: 100px; z-index: 100; background: #094c58; padding: 5px 15px 15px 15px; font-size: 13px; color: #094c58; } p.info-titles { font-size: 13px; color: #094c58; }