/*--- маркеры --*/
.poi-pm {
    width: 24px;
    height: 28px;
    background: url(/i/ico/map/cats.png) no-repeat -10px -10px;
}

.poi-pm .ci {
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/cats.png) no-repeat -10px -38px;
}

/*--- UI карт ---*/
.map-ui-info {
    position: absolute;
    width: 400px;
    height: 150px;
    border: solid 2px var(--color-gray-400);
    margin-left: -150px;
    margin-top: 100px;
    background: var(--color-white)
}

.map-ui-arrow {
    width: 24px;
    height: 24px;
    background-image: url(/i/ico/map/arrows.png?1);
}


/*--- Стрелки на контрол выбора направления ---*/
.map-ui-area {
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/arrows.png?1) 0 -48px;
}

.map-ui-area-a {
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/arrows.png?1) 0 -24px;
}

.map-ui-angle {

}

.map-ui-angle .area {
    position: absolute;
    top: 36px;
    left: 36px;
    width: 24px;
    height: 24px;
}

.map-ui-angle .area div {
    position: absolute;
}

.map-ui-angle .control div {
    position: absolute;
    cursor: pointer;
    background: url(/i/ico/map/arrows.png?1) no-repeat;
}

.map-ui-angle .control div a {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/arrows.png?1) no-repeat;
}

.map-ui-angle .control div.n {
    top: 0;
    left: 36px;
    background-position: -24px 0
}

.map-ui-angle .control div.n a:hover {
    background-position: -24px -24px
}

.map-ui-angle .control div.e {
    top: 36px;
    left: 72px;
    background-position: -48px 0
}

.map-ui-angle .control div.e a:hover {
    background-position: -48px -24px
}

.map-ui-angle .control div.s {
    top: 72px;
    left: 36px;
    background-position: -72px 0
}

.map-ui-angle .control div.s a:hover {
    background-position: -72px -24px
}

.map-ui-angle .control div.w {
    top: 36px;
    left: 0;
    background-position: -96px 0
}

.map-ui-angle .control div.w a:hover {
    background-position: -96px -24px
}

.map-ui-angle .control div.ne {
    top: 12px;
    left: 60px;
    background-position: -120px 0
}

.map-ui-angle .control div.ne a:hover {
    background-position: -120px -24px
}

.map-ui-angle .control div.se {
    top: 60px;
    left: 60px;
    background-position: -144px 0
}

.map-ui-angle .control div.se a:hover {
    background-position: -144px -24px
}

.map-ui-angle .control div.sw {
    top: 60px;
    left: 12px;
    background-position: -168px 0
}

.map-ui-angle .control div.sw a:hover {
    background-position: -168px -24px
}

.map-ui-angle .control div.nw {
    top: 12px;
    left: 12px;
    background-position: -192px 0
}

.map-ui-angle .control div.nw a:hover {
    background-position: -192px -24px
}

/*--- Направления --*/
.map-ui-dir {
    position: absolute;
    left: 1px;
    width: 24px;
    height: 24px;
}

.map-ui-dir div {
    position: absolute;
    width: 7px;
    height: 7px;
    background: url(/i/ico/map/arrows.png?1) no-repeat;
}

.map-ui-dir div.n {
    top: 0;
    left: 8px;
    background-position: -8px -72px
}

.map-ui-dir .s {
    top: 17px;
    left: 8px;
    background-position: -8px -89px
}

.map-ui-dir .w {
    top: 9px;
    left: 0;
    background-position: 0 -81px
}

.map-ui-dir .e {
    top: 9px;
    left: 17px;
    background-position: -17px -81px
}

.map-ui-dir .nw {
    top: 2px;
    left: 2px;
    background-position: -2px -74px
}

.map-ui-dir .ne {
    top: 2px;
    left: 15px;
    background-position: -15px -74px
}

.map-ui-dir .sw {
    top: 15px;
    left: 2px;
    background-position: -2px -87px
}

.map-ui-dir .se {
    top: 15px;
    left: 15px;
    background-position: -15px -87px
}

/*--- КОНСТРУКЦИИ ---*/
.map-ui-pin {
    width: 24px;
    height: 24px;
}

.map-ui-pin .area {
    position: absolute;
    top: 1px;
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/arrows.png?1) 0 -48px;
}

.map-ui-c {
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/pins.png) no-repeat;
    z-index:100;
}

.map-ui-ci {
    width: 24px;
    height: 24px;
    background: url(/i/ico/map/pins-i.png) no-repeat;
    z-index:100;
}

/* Брандмауэр */
.map-ui-c1 {
    background-position: -72px 0
}

.map-ui-c1l {
    background-position: -72px -24px
}

.map-ui-c1v {
    background-position: -72px -48px
}

.map-ui-c1vl {
    background-position: -72px -72px
}

/* Бэклайт */
.map-ui-c2 {
    background-position: -144px 0
}

.map-ui-c2l {
    background-position: -144px -24px
}

.map-ui-c2v {
    background-position: -144px -48px
}

.map-ui-c2vl {
    background-position: -144px -72px
}

/* Лайтбокс */
.map-ui-c3 {
    background-position: -216px 0
}

.map-ui-c3l {
    background-position: -216px -24px
}

.map-ui-c3v {
    background-position: -216px -48px
}

.map-ui-c3vl {
    background-position: -216px -72px
}

/* Монитор */
.map-ui-c4 {
    background-position: -192px 0
}

.map-ui-c4l {
    background-position: -192px -24px
}

.map-ui-c4v {
    background-position: -192px -48px
}

.map-ui-c4vl {
    background-position: -192px -72px
}

/* Пилларс */
.map-ui-c5 {
    background-position: -120px 0
}

.map-ui-c5l {
    background-position: -120px -24px
}

.map-ui-c5v {
    background-position: -120px -48px
}

.map-ui-c5vl {
    background-position: -120px -72px
}

/* Пилон */
.map-ui-c6 {
    background-position: -96px 0
}

.map-ui-c6l {
    background-position: -96px -24px
}

.map-ui-c6v {
    background-position: -96px -48px
}

.map-ui-c6vl {
    background-position: -96px -72px
}

/* Призма */
.map-ui-c7 {
    background-position: -24px 0
}

.map-ui-c7l {
    background-position: -24px -24px
}

.map-ui-c7v {
    background-position: -24px -48px
}

.map-ui-c7vl {
    background-position: -24px -72px
}

/* Ситилайт */
.map-ui-c8 {
    background-position: -168px 0
}

.map-ui-c8l {
    background-position: -168px -24px
}

.map-ui-c8v {
    background-position: -168px -48px
}

.map-ui-c8vl {
    background-position: -168px -72px
}

/*цифровой ситилайт*/
.map-ui-c19, .map-ui-c19v, .map-ui-c19l, .map-ui-c19vl {
    background-position: -168px -72px
}

/* Cитискролл */
.map-ui-c20, .map-ui-c20v {
    background-position: -168px 0
}
.map-ui-c20l, .map-ui-c20vl {
    background-position: -168px -24px
}

/* Цифровой борд */
.map-ui-c21 {
    background-position: 0 0
}
.map-ui-c21l {
    background-position: 0 -24px
}
.map-ui-c21v {
    background-position: 0 -48px
}
.map-ui-c21vl {
    background-position: 0 -72px
}

/* Цифровой скролл */
.map-ui-c22, .map-ui-c22v {
    background-position: -168px 0
}
.map-ui-c22l, .map-ui-c22vl {
    background-position: -168px -24px
}

/* Скролл */
.map-ui-c9 {
    background-position: -48px 0
}

.map-ui-c9l {
    background-position: -48px -24px
}

.map-ui-c9v {
    background-position: -48px -48px
}

.map-ui-c9vl {
    background-position: -48px -72px
}

/* Борд */
.map-ui-c10 {
    background-position: 0 0
}

.map-ui-c10l {
    background-position: 0 -24px
}

.map-ui-c10v {
    background-position: 0 -48px
}

.map-ui-c10vl {
    background-position: 0 -72px
}

/* Тролл */
.map-ui-c11 {
    background-position: -240px 0
}

.map-ui-c11l {
    background-position: -240px -24px
}

.map-ui-c11v {
    background-position: -240px -48px
}

.map-ui-c11vl {
    background-position: -240px -72px
}

/* Арка/мост */
.map-ui-c12 {
    background-position: -288px 0
}

.map-ui-c12l {
    background-position: -288px -24px
}

.map-ui-c12v {
    background-position: -288px -48px
}

.map-ui-c12vl {
    background-position: -288px -72px
}

/* Object */
.map-ui-c14 {
    background-position: -312px 0
}

.map-ui-c14l {
    background-position: -312px 0
}

.map-ui-c14v {
    background-position: -312px 0
}

.map-ui-c14vl {
    background-position: -312px 0
}

/* Холдер */
.map-ui-c13 {
    background-position: -264px 0
}

.map-ui-c13l {
    background-position: -264px -24px
}

.map-ui-c13v {
    background-position: -264px -48px
}

.map-ui-c13vl {
    background-position: -264px -72px
}

/* Остановка, киоск (вид как у пилларса) */
.map-ui-c15,.map-ui-c16 {
    background-position: -120px 0
}

.map-ui-c15l,.map-ui-c16l {
    background-position: -120px -24px
}

.map-ui-c15v,.map-ui-c16v {
    background-position: -120px -48px
}

.map-ui-c15vl,.map-ui-c16vl {
    background-position: -120px -72px
}

/* Суперборд (как у бэклайта) */
.map-ui-c17 {
    background-position: -144px 0
}

.map-ui-c17l {
    background-position: -144px -24px
}

.map-ui-c17v {
    background-position: -144px -48px
}

.map-ui-c17vl {
    background-position: -144px -72px
}

/* Крыша (как Брандмауэр) */
.map-ui-c18 {
    background-position: -72px 0
}

.map-ui-c18l {
    background-position: -72px -24px
}

.map-ui-c18v {
    background-position: -72px -48px
}

.map-ui-c18vl {
    background-position: -72px -72px
}

.c_arrow_sel{
	background: url(/i/ico/map/arrows.png?1) -167px -96px;
}