HTML to PDF Example

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
        body {
            font-family: 'Arial';
        }
        h1 {
            margin-bottom: 5px;
        }
        h2 {
            margin-top: 0;
            margin-bottom: 20px;
            font-size: 15px;
        }

        div {
            font-size: 12px;
        }
        #Container {
            width: 1050px;
            height: 500px;
            border-top: 1px solid black;
        }
        #Table {
            float: left;
            margin-top: 20px;
            width: 263px;
            height: 195px;
        }
        #Chart {
            margin-top: 20px;
            float: right;
            width: 770px;
            height: 600px;
        }


        /*Mapa*/
        #section .content.map {
            background-image: url(../layout/image/map/bg-mapa.png);
            background-repeat: repeat;
        }

            #section .content.map table {
                font-size: 13.5px;
            }


        .world-map {
            width: 722px;
            text-align: center;
            margin: 0 auto;
            height: 368px;
            color: #494848;
        }
            /*Maps Backgrounds*/
            .world-map.map-continents {
                color: #ffffff;
                background-image: url(../layout/image/map/mapa.png);
                background-position: 725px 1px;
            }

            .world-map.map-america-central {
                background-image: url(../layout/image/map/mapa-america-central.png);
                background-position: -148px -17px;
            }

            .world-map.map-america-norte {
                background-image: url(../layout/image/map/mapa-america-norte.png);
                background-position: -134px -480px;
            }

            .world-map.map-europa {
                background-image: url(../layout/image/map/mapa-europa.png);
                background-position: -127px 0px;
            }

            .world-map.map-africa {
                background-image: url(../layout/image/map/mapa-africa.png);
                background-position: -21px -12px;
            }

            .world-map.map-asia {
                background-image: url(../layout/image/map/mapa-asia.png);
                background-position: -54px -17px;
            }

            .world-map.map-oceania {
                background-image: url(../layout/image/map/mapa-oceania.png);
                background-position: -110px 0px;
            }

            .world-map.map-america-sul {
                background-image: url(../layout/image/map/mapa-america-sul.png);
                background-position: 99px -12px;
            }

            .world-map.map-brasil {
                background-image: url(../layout/image/map/mapa-brasil.png);
                background-position: -34px -18px;
            }

            .world-map.map-brasil-colorful {
                background-image: url(mapa-brasil-colorido.png);
                background-position: -133px 0px;
                height: 383px;
                width: 620px;
            }

                .world-map.map-brasil-colorful .selButtons-map-brasil {
                    position: relative;
                    left: -109px;
                    top: 19px;
                }

            .world-map.map-sao-paulo {
                background-image: url(../layout/image/map/mapa-sao-paulo.png);
                background-position: -27px -2px;
            }

            .world-map div {
                height: 100%;
            }

            .world-map .icon-selection-map {
                display: inline-block;
                position: relative;
            }

            .world-map .click-map {
                border: solid 2px #FFFFFF;
                border-radius: 16px;
                background-color: #143fa4;
                height: 13px;
                width: 13px;
            }


        .map .map-continents .icon-selection-map:hover {
            -webkit-box-shadow: 2px 4px 40px 10px rgba(255,255,255,1);
            -moz-box-shadow: 2px 4px 40px 10px rgba(255,255,255,1);
            box-shadow: 2px 4px 40px 10px rgba(255,255,255,1);
        }

        .world-map a {
            color: #ffffff;
        }

            .world-map a:hover {
                z-index: 99;
            }

                .world-map a:hover span.active {
                    font-size: 17px;
                }

            .world-map a span label {
                cursor: pointer;
            }


        .world-map .icon-selection-map span {
            position: absolute;
            width: 143px;
            top: 0;
            left: -64px;
            text-shadow: 1px 1px 2px rgba(56, 56, 56, 1);
        }


        .world-map.map-europa .icon-selection-map span,
        .world-map.map-africa .icon-selection-map span,
        .world-map.map-asia .icon-selection-map span,
        .world-map.map-brasil .icon-selection-map span,
        .world-map.map-america-central .icon-selection-map span {
            padding-top: 0;
            width: auto;
        }

        .world-map .icon-selection-map span,
        .map .map-america-sul .icon-selection-map.brasil span,
        .world-map.map-brasil .icon-selection-map span {
            padding-top: 22px;
        }

        .world-map.map-brasil .icon-selection-map.sao-paulo span {
            width: 143px;
        }


        /*Hover Links continents*/
        .map-continents.america-sul-active {
            background-position: 1px 1px;
        }

        .map-continents.america-norte-active {
            background-position: -2px -382px;
        }

        .map-continents.america-central-active {
            background-position: 725px -384px;
        }

        .map-continents.europa-active {
            background-position: 1467px -783px;
        }

        .map-continents.asia-active {
            background-position: 725px -783px;
        }

        .map-continents.africa-active {
            background-position: 724px 377px;
        }

        .map-continents.oceania-active {
            background-position: 1469px -1171px;
        }


        /*Hover Links north america*/
        .map-america-norte.groenlandia-active {
            background-position: -905px -480px;
        }

        .map-america-norte.mexico-active {
            background-position: -134px -65px;
        }

        .map-america-norte.eua-active {
            background-position: -905px -924px;
        }

        .map-america-norte.canada-active {
            background-position: -909px -66px;
        }


        /*Hover Links Central America*/
        .map-america-central.belize-active {
            background-position: -1850px -16.6px;
        }

        .map-america-central.guatemala-active {
            background-position: -997px -17px;
        }

        .map-america-central.haiti-active {
            background-position: -7232.6px -1232.6px;
        }

        .map-america-central.bahamas-active {
            background-position: -6241.6px -826px;
        }

        .map-america-central.el-salvador-active {
            background-position: -2699px -16.6px;
        }

        .map-america-central.nicaragua-active {
            background-position: -4542px -420px;
        }

        .map-america-central.costa-rica-active {
            background-position: -5392px -401px;
        }

        .map-america-central.panama-active {
            background-position: -3690.6px -822.6px;
        }

        .map-america-central.honduras-active {
            background-position: -3690px -420px;
        }

        .map-america-central.cuba-active {
            background-position: -2670px -396px;
        }

        .map-america-central.republica-dominicana-active {
            background-position: -8079.6px -1235.6px;
        }

        .map-america-central.porto-rico-active {
            background-position: -8935px -1232px;
        }

        .map-america-central.trinidad-tobago-active {
            background-position: -4538.6px -823px;
        }

        .map-america-central.jamaica-active {
            background-position: -5391.6px -783.2px;
        }


        /*Hover Links Europe*/
        .map-europa.italia-active {
            background-position: -129px -2301px;
        }

        .map-europa.noruega-active {
            background-position: -1029px 0px;
        }

        .map-europa.suecia-active {
            background-position: -1932px 0px;
        }


        .map-europa.finlandia-active {
            background-position: -2834px 0px;
        }

        .map-europa.russia-europeia-active {
            background-position: -3737px -1px;
        }


        .map-europa.estonia-active {
            background-position: -128px -381px;
        }


        .map-europa.letonia-active {
            background-position: -1028.6px -380.9px;
        }

        .map-europa.lituania-active {
            background-position: -1931.1px -380.9px;
        }

        .map-europa.bielorussia-active {
            background-position: -2834px -381px;
        }

        .map-europa.ucrania-active {
            background-position: -3736px -382.6px;
        }

        .map-europa.moldavia-active {
            background-position: -128.1px -761px;
        }

        .map-europa.romenia-active {
            background-position: -1029px -761px;
        }

        .map-europa.grecia-active {
            background-position: -1931px -760px;
        }

        .map-europa.bulgaria-active {
            background-position: -2834px -761px;
        }

        .map-europa.turquia-europeia-active {
            background-position: -3736px -762.6px;
        }

        .map-europa.macedonia-active {
            background-position: -124.5px -1142.4px;
        }

        .map-europa.hungria-active {
            background-position: -1030.5px -1144.1px;
        }

        .map-europa.servia-active {
            background-position: -1931.5px -1145.2px;
        }

        .map-europa.polonia-active {
            background-position: -2833.6px -1146px;
        }

        .map-europa.eslovaquia-active {
            background-position: -3736.5px -1145.9px;
        }

        .map-europa.eslovaquia-active {
            background-position: -3736.5px -1145.9px;
        }


        .map-europa.austria-active {
            background-position: -128px -1535px;
        }

        .map-europa.rep-checa-active {
            background-position: -1027.7px -1536px;
        }

        .map-europa.croacia-active {
            background-position: -1930.6px -1535.6px;
        }

        .map-europa.eslovenia-active {
            background-position: -2834.6px -1535.6px;
        }

        .map-europa.bosnia-active {
            background-position: -3735.6px -1534.6px;
        }

        .map-europa.montenegro-active {
            background-position: -125px -1915.6px;
        }

        .map-europa.albania-active {
            background-position: -1028.5px -1914.6px;
        }

        .map-europa.dinamarca-active {
            background-position: -1932px -1914px;
        }

        .map-europa.alemanha-active {
            background-position: -2833px -1914.6px;
        }


        .map-europa.suica-active {
            background-position: -3735px -1915.6px;
        }

        .map-europa.franca-active {
            background-position: -3735px -2301px;
        }

        .map-europa.luxemburgo-active {
            background-position: -2833px -2301px;
        }

        .map-europa.belgica-active {
            background-position: -1930px -2301px;
        }


        .map-europa.holanda-active {
            background-position: -1031px -2301px;
        }


        .map-europa.reino-unido-active {
            background-position: -127px -2689.5px;
        }

        .map-europa.irlanda-active {
            background-position: -1028.5px -2689.9px;
        }

        .map-europa.espanha-active {
            background-position: -1931.5px -2690.6px;
        }

        .map-europa.portugal-active {
            background-position: -2832.5px -2690.6px;
        }


        /*Hover Links africa*/
        .map-africa.marrocos-active {
            background-position: -583px -12px;
        }

        .map-africa.argelia-active {
            background-position: -1143px -12px;
        }

        .map-africa.tunisia-active {
            background-position: -1706px -12px;
        }

        .map-africa.libia-active {
            background-position: -2290.8px -10.5px;
        }

        .map-africa.egito-active {
            background-position: -2854.6px -15px;
        }

        .map-africa.saara-ocidental-active {
            background-position: -3422.8px -13px;
        }

        .map-africa.mali-active {
            background-position: -590.7px -394.6px;
        }

        .map-africa.mauritania-active {
            background-position: -26px -392px;
        }

        .map-africa.burkina-faso-active {
            background-position: -1143px -392px;
        }

        .map-africa.niger-active {
            background-position: -1710px -394.6px;
        }

        .map-africa.chade-active {
            background-position: -2278.6px -394.6px;
        }

        .map-africa.sudao-active {
            background-position: -2854.6px -394.6px;
        }

        .map-africa.eritreia-active {
            background-position: -3422.9px -393.6px;
        }

        .map-africa.etiopia-active {
            background-position: -30px -775px;
        }

        .map-africa.somalia-active {
            background-position: -586.6px -775px;
        }

        .map-africa.quenia-active {
            background-position: -1143.6px -775.9px;
        }

        .map-africa.uganda-active {
            background-position: -1709.6px -776px;
        }

        .map-africa.rep-dem-congo-active {
            background-position: -2278.6px -776px;
        }

        .map-africa.rep-centro-africana-active {
            background-position: -2835.6px -776px;
        }

        .map-africa.senegal-active {
            background-position: -3423.6px -776px;
        }

        .map-africa.guine-bissau-active {
            background-position: -4195.6px -1156px;
        }

        .map-africa.guine-active {
            background-position: -4744.5px -1157px;
        }


        .map-africa.serra-leoa-active {
            background-position: -5314px -1157px;
        }

        .map-africa.liberia-active {
            background-position: -5882px -1157px;
        }

        .map-africa.costa-marfim-active {
            background-position: -6451px -1156px;
        }

        .map-africa.gana-active {
            background-position: -7021px -1157px;
        }


        .map-africa.togo-active {
            background-position: -7594.6px -1157px;
        }

        .map-africa.benim-active {
            background-position: -25px -1550.7px;
        }

        .map-africa.nigeria-active {
            background-position: -590.6px -1551px;
        }

        .map-africa.camaroes-active {
            background-position: -1148.6px -1550px;
        }

        .map-africa.guine-equatorial-active {
            background-position: -1710.6px -1550.8px;
        }

        .map-africa.gabao-active {
            background-position: -2291.6px -1550.8px;
        }

        .map-africa.congo-active {
            background-position: -2857.6px -1550.8px;
        }

        .map-africa.malui-active {
            background-position: -3428px -1551.6px;
        }

        .map-africa.madagascar-active {
            background-position: -3429px -1927.6px;
        }

        .map-africa.mocambique-active {
            background-position: -2866.6px -1930.6px;
        }

        .map-africa.zambia-active {
            background-position: -2302.6px -1929px;
        }

        .map-africa.angola-active {
            background-position: -1726.6px -1929.3px;
        }

        .map-africa.tanzania-active {
            background-position: -1156.6px -1928.3px;
        }

        .map-africa.burundi-active {
            background-position: -590.6px -1928.4px;
        }

        .map-africa.ruanda-active {
            background-position: -30px -1928.4px;
        }

        .map-africa.namibia-active {
            background-position: -25px -2314.4px;
        }

        .map-africa.botsuana-active {
            background-position: -586px -2314.4px;
        }

        .map-africa.zimbabue-active {
            background-position: -1155px -2314.4px;
        }

        .map-africa.africa-sul-active {
            background-position: -1715px -2314.4px;
        }


        /*Hover Links asia*/
        .map-asia.russia-asiatica-active {
            background-position: -735px -16px;
        }

        .map-asia.cazaquistao-active {
            background-position: -1416.6px -15.6px;
        }

        .map-asia.mongolia-active {
            background-position: -2100.6px -17.6px;
        }

        .map-asia.china-active {
            background-position: -2778.6px -16px;
        }

        .map-asia.quirguistao-active {
            background-position: -54px -399px;
        }

        .map-asia.usbequistao-active {
            background-position: -3461.6px -14.9px;
        }

        .map-asia.siria-active {
            background-position: -52px -779px;
        }

        .map-asia.tajiquistao-active {
            background-position: -4979px -399.6px;
        }

        .map-asia.afeganistao-active {
            background-position: -6340px -399.6px;
        }

        .map-asia.ira-active {
            background-position: -7020.6px -400.2px;
        }

        .map-asia.turquia-active {
            background-position: -7708.6px -400.2px;
        }

        .map-asia.arabia-saudita-active {
            background-position: -7706px -778.6px;
        }

        .map-asia.iraque-active {
            background-position: -9220.9px -779.6px;
        }

        .map-asia.israel-active {
            background-position: -10583.9px -777.6px;
        }

        .map-asia.jordania-active {
            background-position: -11260.9px -778.6px;
        }

        .map-asia.arabia-saudita-active {
            background-position: -11947.9px -778.6px;
        }

        .map-asia.iemen-active {
            background-position: -12781.9px -1162.6px;
        }

        .map-asia.oma-active {
            background-position: -13461.9px -1165px;
        }

        .map-asia.emirados-arabes-active {
            background-position: -14138.6px -1163px;
        }

        .map-asia.kwait-active {
            background-position: -15508px -1163.6px;
        }

        .map-asia.japao-active {
            background-position: -16191px -1164.5px;
        }


        .map-asia.bangladesh-active {
            background-position: -16184px -1544.6px;
        }

        .map-asia.nepal-active {
            background-position: -15507px -1553.6px;
        }

        .map-asia.india-active {
            background-position: -14826px -1553.6px;
        }

        .map-asia.paquistao-active {
            background-position: -14145px -1554.7px;
        }

        .map-asia.coreia-sul-active {
            background-position: -13461px -1552.7px;
        }

        .map-asia.coreia-norte-active {
            background-position: -12776px -1552px;
        }

        .map-asia.tailandia-active {
            background-position: -11949px -1937px;
        }

        .map-asia.sri-lanka-active {
            background-position: -14145.6px -1932.6px;
        }


        .map-asia.vietna-active {
            background-position: -14826px -1935.6px;
        }

        .map-asia.laos-active {
            background-position: -15504.6px -1935.6px;
        }

        .map-asia.camboja-active {
            background-position: -55px -2318px;
        }

        .map-asia.malasia-active {
            background-position: -742px -2322px;
        }

        .map-asia.brunei-active {
            background-position: -1423px -2323px;
        }

        .map-asia.brunei-active {
            background-position: -1423px -2323px;
        }

        .map-asia.filipinas-active {
            background-position: -2098.6px -2320px;
        }

        .map-asia.indonesia-active {
            background-position: -2774.6px -2338.6px;
        }

        .map-asia.timor-leste-active {
            background-position: -3464px -2338.6px;
        }

        .map-asia.myanmar-active {
            background-position: -12781px -1936.6px;
        }


        .map-asia.butao-active {
            background-position: -13463px -1933.6px;
        }


        /*Hover Links oceania*/

        .map-oceania.australia-active {
            background-position: -98px -455px;
        }

        .map-oceania.nova-zelandia-active {
            background-position: -866px -464px;
        }

        .map-oceania.papua-nova-guine-active {
            background-position: -849px -10.6px;
        }

        .map-oceania.tazmania-active {
            background-position: -98px -928px;
        }


        /*Hover Links america do sul*/
        .map-america-sul.brasil-active {
            background-position: -5028px -402px;
        }

        .map-america-sul.guiana-francesa-active {
            background-position: -451px -12px;
        }

        .map-america-sul.suriname-active {
            background-position: -999.6px -12px;
        }

        .map-america-sul.guiana-active {
            background-position: -1557px -12px;
        }

        .map-america-sul.venezuela-active {
            background-position: -2116px -12px;
        }

        .map-america-sul.colombia-active {
            background-position: -5707px -402px;
        }

        .map-america-sul.equador-active {
            background-position: -6268px -402px;
        }

        .map-america-sul.peru-active {
            background-position: -849px -10.6px;
        }

        .map-america-sul.bolivia-active {
            background-position: -4465px -402px;
        }

        .map-america-sul.paraguai-active {
            background-position: -5715.6px -788px;
        }

        .map-america-sul.argentina-active {
            background-position: -6842px -783.6px;
        }

        .map-america-sul.uruguai-active {
            background-position: -7367px -794.6px;
        }

        .map-america-sul.chile-active {
            background-position: -6264px -782.6px;
        }

        .map-america-sul.peru-active {
            background-position: -3910px -402px;
        }


        /*Hover Links america do sul*/
        .map-brasil.roraima-active {
            background-position: -642px -18px;
        }

        .map-brasil.amapa-active {
            background-position: -1233px -18px;
        }

        .map-brasil.amazonas-active {
            background-position: -1827px -18px;
        }

        .map-brasil.acre-active {
            background-position: -2655.6px -403px;
        }

        .map-brasil.para-active {
            background-position: -3249px -403px;
        }

        .map-brasil.maranhao-active {
            background-position: -3849px -406.6px;
        }

        .map-brasil.piaui-active {
            background-position: -4441px -406.6px;
        }

        .map-brasil.ceara-active {
            background-position: -5264px -781.6px;
        }

        .map-brasil.rio-grande-do-norte-active {
            background-position: -5873px -788px;
        }

        .map-brasil.paraiba-active {
            background-position: -6464px -787px;
        }

        .map-brasil.pernambuco-active {
            background-position: -7057px -788px;
        }

        .map-brasil.alagoas-active {
            background-position: -7879.6px -1165px;
        }

        .map-brasil.sergipe-active {
            background-position: -8490.6px -1170px;
        }

        .map-brasil.bahia-active {
            background-position: -9104px -1170.6px;
        }

        .map-brasil.tocantins-active {
            background-position: -9675px -1170.6px;
        }

        .map-brasil.mato-grosso-active {
            background-position: -10496px -1554.6px;
        }

        .map-brasil.rondonia-active {
            background-position: -11104px -1560px;
        }

        .map-brasil.goias-active {
            background-position: -11699px -1560px;
        }

        .map-brasil.minas-gerais-active {
            background-position: -12299px -1555px;
        }

        .map-brasil.espirito-santo-active {
            background-position: -13113px -1934.6px;
        }

        .map-brasil.rio-de-janeiro-active {
            background-position: -13720.6px -1934.6px;
        }

        .map-brasil.sao-paulo-active {
            background-position: -14329px -1940.6px;
        }

        .map-brasil.mato-grosso-sul-active {
            background-position: -14905px -1940.6px;
        }

        .map-brasil.parana-active {
            background-position: -15734px -2325.6px;
        }

        .map-brasil.santa-catarina-active {
            background-position: -16335.6px -2325.6px;
        }

        .map-brasil.rio-grande-do-sul-active {
            background-position: -16944.6px -2338.6px;
        }

        .map-brasil.brasilia-active {
            background-position: -17522.6px -2321.6px;
        }

        /*hover sao paulo*/

        .map-sao-paulo.sao-paulo-grande-active {
            background-position: -30px -454px;
        }

        .map-sao-paulo.sao-paulo-capital-active {
            background-position: -782px -454px;
        }

        .map-sao-paulo.sao-paulo-interior-active {
            background-position: -790px -3px;
        }


        .map-sao-paulo.sao-paulo-litoral-active {
            background-position: -27px -905px;
        }


        /*Links Continents*/
        .world-map .icon-selection-map.america-norte {
            top: 26%;
            left: -23%;
        }

        .world-map .icon-selection-map.america-sul {
            top: 68%;
            left: -17%;
        }


        .world-map .icon-selection-map.africa {
            top: 54%;
            left: 0%;
        }

        .world-map .icon-selection-map.zimbabue {
            top: 74%;
            left: 3%;
        }

        .world-map .icon-selection-map.europa {
            top: 23%;
            left: 6%;
        }

        .world-map .icon-selection-map.asia {
            top: 37%;
            left: 23%;
        }

        .world-map .icon-selection-map.oceania {
            top: 74%;
            left: 28%;
        }

        .world-map .icon-selection-map.america-central {
            top: 55%;
            left: -23%;
        }


        /*Links North America*/
        .world-map .icon-selection-map.eua {
            top: 62%;
            left: -7%;
        }

        .world-map .icon-selection-map.mexico {
            top: 82%;
            left: -9%;
        }


        .world-map .icon-selection-map.canada {
            top: 37%;
            left: -11%;
        }

        .world-map .icon-selection-map.groenlandia {
            top: 8%;
            left: 24%;
        }


        /*Links Central America*/
        .world-map .icon-selection-map.honduras {
            top: 62%;
            left: -25%;
        }

        .world-map .icon-selection-map.guatemala {
            top: 51%;
            left: -28%;
        }

        .world-map .icon-selection-map.jamaica {
            top: 146px;
            left: 5px;
        }


        .world-map .icon-selection-map.belize {
            top: 43%;
            left: -19%;
        }

        .world-map .icon-selection-map.el-salvador {
            top: 54%;
            left: -18%;
        }

        .world-map .icon-selection-map.costa-rica {
            top: 80%;
            left: -13%;
        }

        .world-map .icon-selection-map.nicaragua {
            top: 66%;
            left: -14%;
        }

        .world-map .icon-selection-map.panama {
            top: 87%;
            left: -2%;
        }

        .world-map .icon-selection-map.cuba {
            top: 20%;
            left: 0%;
        }

        .world-map .icon-selection-map.bahamas {
            top: 6%;
            left: 7%;
        }

        .world-map .icon-selection-map.haiti {
            top: 36%;
            left: 15%;
        }

        .world-map .icon-selection-map.republica-dominicana {
            top: 30%;
            left: 21%;
        }

        .world-map .icon-selection-map.porto-rico {
            top: 39%;
            left: 32%;
        }

        .world-map .icon-selection-map.trinidad-tobago {
            top: 74%;
            left: 41%;
        }

        /*Links Europe*/
        .world-map .icon-selection-map.italia {
            top: 75%;
            left: -3%;
        }

        .world-map .icon-selection-map.noruega {
            top: 24%;
            left: -5%;
        }


        .world-map .icon-selection-map.suecia {
            top: 14%;
            left: 4%;
        }

        .world-map .icon-selection-map.finlandia {
            top: 24%;
            left: 11%;
        }


        .world-map .icon-selection-map.russia-europeia {
            top: 34%;
            left: 31%;
        }


        .world-map .icon-selection-map.estonia {
            top: 35%;
            left: 10%;
        }

        .world-map .icon-selection-map.letonia {
            top: 40%;
            left: 8%;
        }

        .world-map .icon-selection-map.lituania {
            top: 44%;
            left: 7%;
        }


        .world-map .icon-selection-map.bielorussia {
            top: 51%;
            left: 9%;
        }

        .world-map .icon-selection-map.ucrania {
            top: 59%;
            left: 14%;
        }

        .world-map .icon-selection-map.moldavia {
            top: 65%;
            left: 10%;
        }

        .world-map .icon-selection-map.romenia {
            top: 69%;
            left: 7%;
        }

        .world-map .icon-selection-map.bulgaria {
            top: 75%;
            left: 7%;
        }

        .world-map .icon-selection-map.turquia-europeia {
            top: 81%;
            left: 7%;
        }

        .world-map .icon-selection-map.polonia {
            top: 50%;
            left: -2%;
        }


        .world-map .icon-selection-map.eslovaquia {
            top: 61%;
            left: 0%;
        }

        .world-map .icon-selection-map.rep-checa {
            top: 58%;
            left: -5%;
        }

        .world-map .icon-selection-map.hungria {
            top: 66%;
            left: -1%;
        }

        .world-map .icon-selection-map.servia {
            top: 72%;
            left: 0%;
        }

        .world-map .icon-selection-map.macedonia {
            top: 79%;
            left: 0%;
        }

        .world-map .icon-selection-map.albania {
            top: 81%;
            left: -4%;
        }


        .world-map .icon-selection-map.grecia {
            top: 87%;
            left: 0%;
        }

        .world-map .icon-selection-map.bosnia {
            top: 74%;
            left: -4%;
        }

        .world-map .icon-selection-map.montenegro {
            top: 77%;
            left: -6%;
        }

        .world-map .icon-selection-map.croacia {
            top: 72%;
            left: -8.5%;
        }

        .world-map .icon-selection-map.eslovenia {
            top: 69%;
            left: -8.5%;
        }

        .world-map .icon-selection-map.austria {
            top: 64%;
            left: -8.5%;
        }

        .world-map .icon-selection-map.suica {
            top: 66%;
            left: -14.5%;
        }

        .world-map .icon-selection-map.alemanha {
            top: 53%;
            left: -12.5%;
        }

        .world-map .icon-selection-map.dinamarca {
            top: 42.5%;
            left: -14.5%;
        }

        .world-map .icon-selection-map.holanda {
            top: 50%;
            left: -18.5%;
        }

        .world-map .icon-selection-map.belgica {
            top: 56%;
            left: -21.5%;
        }

        .world-map .icon-selection-map.luxemburgo {
            top: 60%;
            left: -21.5%;
        }

        .world-map .icon-selection-map.reino-unido {
            top: 41%;
            left: -31.5%;
        }


        .world-map .icon-selection-map.irlanda {
            top: 52%;
            left: -35.5%;
        }

        .world-map .icon-selection-map.franca {
            top: 68%;
            left: -25.5%;
        }

        .world-map .icon-selection-map.espanha {
            top: 78%;
            left: -32.5%;
        }

        .world-map .icon-selection-map.portugal {
            top: 85%;
            left: -34.5%;
        }


        /*Links Africa*/
        .world-map .icon-selection-map.marrocos {
            top: 4%;
            left: 1%;
        }


        .world-map .icon-selection-map.argelia {
            top: 12%;
            left: 9%;
        }


        .world-map .icon-selection-map.tunisia {
            top: 2%;
            left: 15%;
        }

        .world-map .icon-selection-map.libia {
            top: 13%;
            left: 19%;
        }

        .world-map .icon-selection-map.egito {
            top: 14%;
            left: 27%;
        }

        .world-map .icon-selection-map.saara-ocidental {
            top: 15%;
            left: -8%;
        }

        .world-map .icon-selection-map.mauritania {
            top: 24%;
            left: -6%;
        }

        .world-map .icon-selection-map.mali {
            top: 24%;
            left: 6%;
        }

        .world-map .icon-selection-map.niger {
            top: 26%;
            left: 11%;
        }

        .world-map .icon-selection-map.chade {
            top: 28%;
            left: 16%;
        }


        .world-map .icon-selection-map.sudao {
            top: 30%;
            left: 23%;
        }

        .world-map .icon-selection-map.etiopia {
            top: 38%;
            left: 29%;
        }


        .world-map .icon-selection-map.somalia {
            top: 43%;
            left: 35%;
        }

        .world-map .icon-selection-map.dibuti {
            top: 33%;
            left: 32%;
        }


        .world-map .icon-selection-map.senegal {
            top: 29%;
            left: -11%;
        }

        .world-map .icon-selection-map.guine-bissau {
            top: 34%;
            left: -15%;
            width: 10px;
        }

        .world-map .icon-selection-map.guine {
            top: 35%;
            left: -8%;
        }


        .world-map .icon-selection-map.serra-leoa {
            top: 38%;
            left: -14%;
        }

        .world-map .icon-selection-map.liberia {
            top: 41%;
            left: -9%;
        }


        .world-map .icon-selection-map.costa-marfim {
            top: 42%;
            left: -6%;
        }


        .world-map .icon-selection-map.burkina-faso {
            top: 29%;
            left: -5%;
        }

        .world-map .icon-selection-map.gana {
            top: 37%;
            left: -2%;
        }


        .world-map .icon-selection-map.berlim {
            top: 37%;
            left: -9%;
        }

        .world-map .icon-selection-map.togo {
            top: 39%;
            left: 0%;
        }


        .world-map .icon-selection-map.benim {
            top: 35%;
            left: 0%;
        }

        .world-map .icon-selection-map.nigeria {
            top: 37%;
            left: 2%;
        }

        .world-map .icon-selection-map.camaroes {
            top: 42%;
            left: -1%;
        }


        .world-map .icon-selection-map.rep-centro-africana {
            top: 38%;
            left: 6%;
            width: 10px;
        }


        .world-map .icon-selection-map.guine-equatorial {
            top: 45%;
            left: -4%;
        }


        .world-map .icon-selection-map.gabao {
            top: 51%;
            left: -1%;
        }

        .world-map .icon-selection-map.congo {
            top: 53%;
            left: 0%;
        }


        .world-map .icon-selection-map.rep-dem-congo {
            top: 48%;
            left: 5%;
        }

        .world-map .icon-selection-map.uganda {
            top: 46%;
            left: 12%;
        }

        .world-map .icon-selection-map.quenia {
            top: 49%;
            left: 17%;
        }

        .world-map .icon-selection-map.ruanda {
            top: 51%;
            left: 13%;
        }

        .world-map .icon-selection-map.burundi {
            top: 53%;
            left: 12%;
        }

        .world-map .icon-selection-map.tanzania {
            top: 57%;
            left: 14%;
        }

        .world-map .icon-selection-map.madagascar {
            top: 75%;
            left: 17%;
        }


        .world-map .icon-selection-map.angola {
            top: 65%;
            left: -2%;
        }


        .world-map .icon-selection-map.zambia {
            top: 66%;
            left: 4%;
        }

        .world-map .icon-selection-map.malui {
            top: 64%;
            left: 10%;
        }

        .world-map .icon-selection-map.mocambique {
            top: 71%;
            left: 9%;
        }

        .world-map .icon-selection-map.namibia {
            top: 77%;
            left: -4%;
        }

        .world-map .icon-selection-map.botsuana {
            top: 79%;
            left: 0%;
        }

        .world-map .icon-selection-map.africa-sul {
            top: 91%;
            left: 1%;
        }

        .world-map .icon-selection-map.suazilandia {
            top: 83%;
            left: 9%;
        }

        .world-map .icon-selection-map.lesoto {
            top: 87%;
            left: 7%;
        }

        .world-map .icon-selection-map.eritreia {
            top: 28%;
            left: 11%;
        }

        .world-map .icon-selection-map.gambia {
            top: 31%;
            left: -27%;
        }


        /*Links asia*/
        .world-map .icon-selection-map.russia-asiatica {
            top: 17%;
            left: 19%;
            width: 26px;
        }

        .world-map .icon-selection-map.cazaquistao {
            top: 31%;
            left: -3%;
        }

        .world-map .icon-selection-map.mongolia {
            top: 33%;
            left: 17%;
        }

        .world-map .icon-selection-map.china {
            top: 45%;
            left: 15%;
        }

        .world-map .icon-selection-map.japao {
            top: 43%;
            left: 37%;
        }


        .world-map .icon-selection-map.coreia-norte {
            top: 39%;
            left: 27%;
            width: 20px;
        }

        .world-map .icon-selection-map.coreia-sul {
            top: 45%;
            left: 22%;
            width: 20px;
        }

        .world-map .icon-selection-map.quirguistao {
            top: 39%;
            left: -5%;
        }

        .world-map .icon-selection-map.usbequistao {
            top: 37%;
            left: -14%;
        }


        .world-map .icon-selection-map.tajiquistao {
            top: 41%;
            left: -15%;
        }


        .world-map .icon-selection-map.afeganistao {
            top: 47%;
            left: -12%;
        }

        .world-map .icon-selection-map.paquistao {
            top: 52%;
            left: -10%;
        }

        .world-map .icon-selection-map.ira {
            top: 46%;
            left: -17%;
        }

        .world-map .icon-selection-map.turquia {
            top: 41%;
            left: -33%;
            width: 28px;
        }

        .world-map .icon-selection-map.siria {
            top: 46%;
            left: -30%;
        }

        .world-map .icon-selection-map.iraque {
            top: 48%;
            left: -27%;
        }

        .world-map .icon-selection-map.libano {
            top: 48%;
            left: -36%;
        }

        .world-map .icon-selection-map.israel {
            top: 51%;
            left: -36%;
        }

        .world-map .icon-selection-map.arabia-saudita {
            top: 55%;
            left: -32%;
        }


        .world-map .icon-selection-map.iemen {
            top: 67%;
            left: -27%;
        }

        .world-map .icon-selection-map.oma {
            top: 62%;
            left: -21%;
        }

        .world-map .icon-selection-map.kwait {
            top: 51.5%;
            left: -31%;
        }

        .world-map .icon-selection-map.catar {
            top: 56%;
            left: -30%;
        }


        .world-map .icon-selection-map.emirados-arabes {
            top: 59%;
            left: -167px;
            width: 26px;
        }

        .world-map .icon-selection-map.turcomenistao {
            top: 41%;
            left: -31%;
        }

        .world-map .icon-selection-map.india {
            top: 63%;
            left: -17%;
        }

        .world-map .icon-selection-map.nepal {
            top: 53%;
            left: -15%;
        }

        .world-map .icon-selection-map.butao {
            top: 53%;
            left: -9%;
        }

        .world-map .icon-selection-map.bangladesh {
            top: 58%;
            left: -12%;
        }

        .world-map .icon-selection-map.myanmar {
            top: 62%;
            left: -9%;
        }

        .world-map .icon-selection-map.tailandia {
            top: 66%;
            left: -6%;
        }

        .world-map .icon-selection-map.laos {
            top: 63%;
            left: -3%;
        }

        .world-map .icon-selection-map.vietna {
            top: 60%;
            left: -3%;
        }

        .world-map .icon-selection-map.filipinas {
            top: 71%;
            left: 3%;
        }

        .world-map .icon-selection-map.camboja {
            top: 69%;
            left: -9%;
        }

        .world-map .icon-selection-map.malasia {
            top: 80%;
            left: -6%;
        }

        .world-map .icon-selection-map.brunei {
            top: 77%;
            left: -4%;
        }

        .world-map .icon-selection-map.timor-leste {
            top: 92%;
            left: 4%;
        }

        .world-map .icon-selection-map.indonesia {
            top: 85%;
            left: -1%;
        }

        .world-map .icon-selection-map.jordania {
            top: 51%;
            left: -45%;
        }

        .world-map .icon-selection-map.sri-lanka {
            top: 76%;
            left: -23%;
        }

        .world-map .icon-selection-map.barem {
            top: 198px;
            left: -30%;
        }


        /*Hover Links Oceania*/
        .world-map .icon-selection-map.papua-nova-guine {
            top: 2%;
            left: 4%;
            width: 30px;
        }

        .world-map .icon-selection-map.australia {
            left: -16%;
            top: 40%;
        }

        .world-map .icon-selection-map.tazmania {
            left: 1%;
            top: 80%;
        }

        .world-map .icon-selection-map.nova-zelandia {
            top: 80%;
            left: 35%;
        }


        /*Hover Links América do Sul*/
        .world-map .icon-selection-map.chile {
            top: 58%;
            left: -7%;
        }

        .world-map .icon-selection-map.brasil {
            top: 29%;
            left: 13%;
        }

        .world-map .icon-selection-map.argentina {
            top: 61%;
            left: 1%;
        }

        .world-map .icon-selection-map.colombia {
            top: 2%;
            left: -10%;
        }

        .world-map .icon-selection-map.venezuela {
            top: -5%;
            left: -2%;
        }

        .world-map .icon-selection-map.equador {
            top: 10%;
            left: -15%;
        }


        .world-map .icon-selection-map.guiana {
            top: -3%;
            left: 4%;
        }


        .world-map .icon-selection-map.suriname {
            top: 3%;
            left: 4%;
        }


        .world-map .icon-selection-map.guiana-francesa {
            top: 1%;
            left: 12%;
            width: 28px;
        }

        .world-map .icon-selection-map.peru {
            top: 23%;
            left: -16%;
        }

        .world-map .icon-selection-map.bolivia {
            top: 31%;
            left: -8%;
        }

        .world-map .icon-selection-map.paraguai {
            top: 41%;
            left: -3%;
        }

        .world-map .icon-selection-map.uruguai {
            top: 55%;
            left: 0%;
        }


        /*Hover Links Brasil*/
        .world-map .icon-selection-map.rio-grande-do-sul {
            top: 271px;
            left: -35px;
        }

        .world-map.map-brasil-colorful .icon-selection-map.rio-grande-do-sul {
            left: -8px;
        }

        .world-map .icon-selection-map.santa-catarina {
            top: 249px;
            left: 30px;
        }

        .world-map .icon-selection-map.parana {
            top: 220px;
            left: 8px;
        }

        .world-map .icon-selection-map.sao-paulo {
            top: 223px;
            left: 9px;
        }

        .world-map.map-brasil-colorful .icon-selection-map.sao-paulo {
            top: 196px;
            left: 45px;
        }

        .world-map .icon-selection-map.rio-de-janeiro {
            top: 207px;
            left: 112px;
        }

        .world-map .icon-selection-map.espirito-santo {
            top: 180px;
            left: 141px;
        }

        .world-map .icon-selection-map.minas-gerais {
            top: 163px;
            left: 94px;
        }

        .world-map .icon-selection-map.brasilia {
            top: 139px;
            left: 76px;
        }

        .world-map .icon-selection-map.mato-grosso-sul {
            top: 174px;
            left: 3px;
        }

        .world-map .icon-selection-map.goias {
            top: 155px;
            left: 66px;
        }

        .world-map .icon-selection-map.mato-grosso {
            top: 114px;
            left: 6px;
        }

        .world-map .icon-selection-map.bahia {
            top: 109px;
            left: 149px;
        }

        .world-map .icon-selection-map.sergipe {
            top: 99px;
            left: 203px;
        }


        .world-map .icon-selection-map.alagoas {
            top: 86px;
            left: 214px;
        }

        .world-map .icon-selection-map.pernambuco {
            top: 74px;
            left: 196px;
        }

        .world-map .icon-selection-map.piaui {
            top: 68px;
            left: 152px;
        }

        .world-map .icon-selection-map.paraiba {
            top: 62px;
            left: 228px;
        }

        .world-map .icon-selection-map.rio-grande-do-norte {
            top: 43px;
            left: 257px;
            width: 47px;
        }

        .world-map .icon-selection-map.ceara {
            top: 31px;
            left: 240px;
        }

        .world-map .icon-selection-map.maranhao {
            top: 38px;
            left: 178px;
        }

        .world-map .icon-selection-map.acre {
            top: 84px;
            left: -25px;
        }

        .world-map .icon-selection-map.rondonia {
            top: 101px;
            left: 31px;
        }

        .world-map .icon-selection-map.tocantins {
            top: 89px;
            left: 162px;
        }

        .world-map .icon-selection-map.para {
            top: 45px;
            left: 135px;
        }

        .world-map .icon-selection-map.amapa {
            top: -12px;
            left: 144px;
        }

        .world-map .icon-selection-map.amazonas {
            top: 39px;
            left: 22px;
        }

        .world-map .icon-selection-map.roraima {
            top: -20px;
            left: 61px;
        }


        /*Hover Links Sao Paulo*/

        .world-map .icon-selection-map.sao-paulo-interior {
            top: 82px;
            left: -82px;
        }

        .world-map .icon-selection-map.sao-paulo-grande {
            top: 204px;
            left: 141px;
        }

        .world-map .icon-selection-map.sao-paulo-capital {
            top: 230px;
            left: 100px;
        }

        .world-map .icon-selection-map.sao-paulo-litoral {
            top: 283px;
            left: 100px;
        }

    </style>
</head>
<body>
    <h1>Relatório Estados (Brasil)</h1>
    <h2>Visitante</h2>
    <div id="Container">
        <div id="Table"><table id="gridPorEstado" style="color:#333333;border-collapse:collapse;" cellpadding="4" cellspacing="0">
            <tbody><tr style="background-color: rgb(17, 55, 90); color: rgb(255, 255, 255);" class="title">
                <th scope="col" align="left">Estado</th><th scope="col">Quantidade</th><th scope="col">%</th>
            </tr><tr style="background-color:#F7F6F3;">
                <td>AC</td><td style="width:20px;" align="center">2</td><td style="width:20px;" align="center">10,53%</td>
            </tr><tr style="background-color:White;">
                <td>BA</td><td style="width:20px;" align="center">1</td><td style="width:20px;" align="center">5,26%</td>
            </tr><tr style="background-color:#F7F6F3;">
                <td>MA</td><td style="width:20px;" align="center">1</td><td style="width:20px;" align="center">5,26%</td>
            </tr><tr style="background-color:White;">
                <td>PB</td><td style="width:20px;" align="center">1</td><td style="width:20px;" align="center">5,26%</td>
            </tr><tr style="background-color:#F7F6F3;">
                <td>PI</td><td style="width:20px;" align="center">1</td><td style="width:20px;" align="center">5,26%</td>
            </tr><tr style="background-color:White;">
                <td>RO</td><td style="width:20px;" align="center">1</td><td style="width:20px;" align="center">5,26%</td>
            </tr><tr style="background-color:#F7F6F3;">
                <td>SP</td><td style="width:20px;" align="center">12</td><td style="width:20px;" align="center">63,16%</td>
            </tr>
        </tbody></table></div>
        <div id="Chart"><div id="ContentPlaceHolder1_divMapa" class="world-map map-brasil-colorful">
                                        <!-- Links Mapa Brasil -->
                                        <div class="selButtons-map-brasil">

                                            <a href="#" title="" class="icon-selection-map roraima">

                                                <span>RR
                        -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map amazonas">

                                                <span>AM
                                        -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map amapa">

                                                <span>AP
                        -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map para">

                                                <span>PA
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map tocantins">

                                                <span>TO
                                        -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map rondonia">

                                                <span>RO
                                        -
                                            1

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map acre">

                                                <span>AC
                                -
                                            2

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map maranhao">

                                                <span>MA
                                        -
                                            1

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map ceara">

                                                <span>CE
                                        -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map rio-grande-do-norte">

                                                <span>RN
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map paraiba">

                                                <span>PB
                                    -
                                            1

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map piaui">

                                                <span>PI
                                -
                                            1

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map pernambuco">

                                                <span>PE
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map alagoas">

                                                <span>AL
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map sergipe">

                                                <span>SE
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map bahia">

                                                <span>BA
                                    -
                                            1

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map mato-grosso">

                                                <span>MT
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map goias">

                                                <span>GO
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map mato-grosso-sul">

                                                <span>MS
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map brasilia">

                                                <span>DF
                            -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map minas-gerais">

                                                <span>MG
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map espirito-santo">

                                                <span>ES
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map rio-de-janeiro">

                                                <span>RJ
                                    -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map sao-paulo">

                                                <span>SP
                                    -
                                            12

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map parana">

                                                <span>PR
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map santa-catarina">

                                                <span>SC
                                -
                                            0

                                                </span>


                                            </a>

                                            <a href="#" title="" class="icon-selection-map rio-grande-do-sul">

                                                <span>RS
                            -
                                            0
                                                </span>
                                            </a>
                                        </div>
                                    </div></div>
    </div>
</body>
</html>