centered position absolute image (with its reference point)

by DIdac Montero

HTML

<div class="hotspot-map"></div>
<div style="position: absolute; top: 50px; left: 50px; width: 1px; height: 1px; background: black;"></div>

CSS

.hotspot-map {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50;
    border-radius: 50; 
    background: red;
     box-shadow: 0 0 1px 1px rgba(0, 0, 0, 1);
     -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 1);
     -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 1);
    position: absolute;
    top: 50px; left: 50px;
    margin-left: -13px;
    margin-top: -13px;
}