/*
 AGU BCN BCS CAM COA COL CHP CHH
 DIF DUR GUA GRO HID JAL MEX MIC
 MOR NAY NLE OAX PUE QUE ROO SLP
 SIN SON TAB TAM TLA VER YUC ZAC
*/

div.shield_sprite_container-32 {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

div.shield_sprite {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-image: url("./images/escudos.png");
    background-position: 0 0;
    background-size: 800%;
    /*display: block;*/
    display: inline-block;
}

div.shield_sprite.AGU { background-position: 0% 0%; }
div.shield_sprite.BCN { background-position: 14.3% 0%; }
div.shield_sprite.BCS { background-position: 28.6% 0%; }
div.shield_sprite.CAM { background-position: 42.9% 0%; }
div.shield_sprite.COA { background-position: 57.2% 0%; }
div.shield_sprite.COL { background-position: 71.5% 0%; }
div.shield_sprite.CHP { background-position: 85.8% 0%; }
div.shield_sprite.CHH { background-position: 100% 0%; }

div.shield_sprite.DIF { background-position: 0% 33.6%; }
div.shield_sprite.DUR { background-position: 14.3% 33.6%; }
div.shield_sprite.GUA { background-position: 28.6% 33.6%; }
div.shield_sprite.GRO { background-position: 42.9% 33.6%; }
div.shield_sprite.HID { background-position: 57.2% 33.6%; }
div.shield_sprite.JAL { background-position: 71.5% 33.6%; }
div.shield_sprite.MEX { background-position: 85.8% 33.6%; }
div.shield_sprite.MIC { background-position: 100% 33.6%; }

div.shield_sprite.MOR { background-position: 0% 67.1%; }
div.shield_sprite.NAY { background-position: 14.3% 67.1%; }
div.shield_sprite.NLE { background-position: 28.6% 67.1%; }
div.shield_sprite.OAX { background-position: 42.9% 67.1%; }
div.shield_sprite.PUE { background-position: 57.2% 67.1%; }
div.shield_sprite.QUE { background-position: 71.5% 67.1%; }
div.shield_sprite.ROO { background-position: 85.8% 67.1%; }
div.shield_sprite.SLP { background-position: 100% 67.1%; }

div.shield_sprite.SIN { background-position: 0% 100%; }
div.shield_sprite.SON { background-position: 14.3% 100%; }
div.shield_sprite.TAB { background-position: 28.6% 100%; }
div.shield_sprite.TAM { background-position: 42.9% 100%; }
div.shield_sprite.TLA { background-position: 57.2% 100%; }
div.shield_sprite.VER { background-position: 71.5% 100%; }
div.shield_sprite.YUC { background-position: 85.8% 100%; }
div.shield_sprite.ZAC { background-position: 100% 100%; }