#map{width:688px;height:588px}
#karta2 img{margin-right:4px}
.ka2,.ka2 i{margin:1%;border-radius:9px;border:4px solid #f57021;box-shadow:5px 5px 5px #ccc}
.ka2{padding:2% 1% 0;background:linear-gradient(135deg,rgba(255,199,153,1)9%,rgba(255,199,153,0)77%,rgba(255,199,153,0)88%,rgba(255,199,153,0)94%)}
article .ka2 a{text-decoration:none}
article .ka2 i,article .ka2 i a{color:#fff}
.ka2 i{display:block;padding:2%;text-align:right;background:#554596;text-shadow:1px 1px 1px #000}
.k{background:url(/i/metro.svg)}
.f{background:url(/i/metro-f.svg)}
.y{background:url(/i/metro-y.svg)}
.g{background:url(/i/metro-g.svg)}
.k,.f,.y,.g{padding:0 0 0 62px;background-repeat:no-repeat}
summary{font-size:24px;cursor:pointer}
article details:hover a{color:#554596}
article details:hover a:hover{color:#c24}

@media (max-width:900px){
.k,.f,.y,.g{background:none;padding:0}
b#mobk,b#mobf,b#moby,b#mobg{display:block;margin:0 0 3%;width:30px;height:30px}
b#mobk{background:url(/i/metro.svg)}
b#mobf{background:url(/i/metro-f.svg)}
b#moby{background:url(/i/metro-y.svg)}
b#mobg{background:url(/i/metro-g.svg)}
}