body {
    background-color: #fff;
    font-family: Arial;
    font-size: 11px;
    color: #000;
}

#popup-left-bottom, #popup-left-top, #popup-right-bottom, #popup-right-top {
    width: 168px;
    height: 78px;
    position: absolute;
    z-index: 10000;
    display: none;
}
.rel {
    position: relative;
    height: 78px;
}

#popup-left-bottom .arrow {
    width: 53px;
    height: 78px;
    background: url(../images/arrows/bottom_left.png) no-repeat;
    position: absolute;
    left:0px;
    top: 0px;
    
}
#popup-left-top .arrow {
    width: 53px;
    height: 78px;
    background: url(../images/arrows/top_left.png) no-repeat;
    position: absolute;
    left:0px;
    top: 0px;
}
#popup-right-bottom .arrow {
    width: 53px;
    height: 78px;
    background: url(../images/arrows/bottom_right.png) no-repeat;
    position: absolute;
    left:126px;
    top:0px;
}
#popup-right-top .arrow {
    width: 53px;
    height: 78px;
    background: url(../images/arrows/top_right.png) no-repeat;
    position: absolute;
    left:126px;
    top: 0px;
}

#popup-left-bottom .text, #popup-left-top .text, #popup-right-bottom .text, #popup-right-top .text {
    width: 115px;
    height: 34px;
    background: #fff;
    border: 1px solid #000;
    position: absolute;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}
#popup-left-bottom .text {
    left:52px;
    top: 0px;
    z-index: -10;
}
#popup-left-top .text {
    left: 52px;
    top: 44px;
    z-index: -10;
    
}
#popup-right-bottom .text {
    left:0px;
    top:0px;
    z-index: -10;

}
#popup-right-top .text {
    left:0px;
    top: 44px;
    z-index: -10;
}

#mapa {
    position: absolute;
}