@charset "utf-8"; 
@import url("/css/idn3/uni.css"); 

html, body {height:100%; color:#000; background:#fff;}
a {color:#296EB3;}
a:hover {color:#1E5083;}
#slip-out {display:none;}
#map-wide {position:relative; min-width:980px; border:5px solid #fff; text-align:left;}
#map_view {min-width:980px; overflow:hidden; border:1px solid #a3a9b2; background:#F0F0C8;}

#r-box {position:absolute; top:10px; right:10px; z-index:1000; width:300px;}

#compass {position:absolute; top:86px; right:10px; z-index:5;}
#compass ul {overflow:hidden; display:block; width:56px; margin:0 auto 4px; color:#FFF; background:#296EB3; }
#compass .compass-move {height:56px; transform:rotate(45deg); -ms-transform:rotate(45deg); border-radius:100%; box-shadow:3px 0 5px #999;}
#compass li {position:relative; float:left; display:block; width:28px; height:28px; text-align:center; cursor:pointer }
#compass li:hover {background:#1E5083}
#compass .compass-move li:before {content:''; position:absolute; vertical-align:middle; width:8px; height:8px; border:1px solid #FFF; }
#compass li.compass-top:before { border-width:3px 0 0 3px; bottom:5px; right:5px;}
#compass li.compass-left:before { border-width:3px 3px 0 0; bottom:5px; left:5px;}
#compass li.compass-right:before { border-width:0 0 3px 3px; top:5px; right:5px;}
#compass li.compass-down:before { border-width:0 3px 3px 0; top:5px; left:5px}
#compass .compass-zoom {height:22px; line-height:22px; border-radius:3px; font-size:20px; font-weight:700; box-shadow:3px 2px 5px #999; }
#compass .compass-zoom li {height:100%;}
#compass li.compass-minus:before {content:'\2212';}
#compass li.compass-plus:before {content:'+';}

.go-min, .go-max {position:absolute; top:0; height:100%; width:20px; z-index:1; list-style:none;}
.go-min:before, .go-max:before {content:''; position:absolute; top:50%; margin:-5px 0 0; vertical-align:middle; width:8px; height:8px; border:3px solid #F00; transform:rotate(-45deg); -ms-transform:rotate(-45deg); }

#map_navigator {position:absolute; bottom:10px; right:0; z-index:1; width:20px; height:160px; border-radius:8px 0 0 8px; overflow:hidden;}
#map_navigator.visible {right:10px; width:300px; padding:0 0 0 20px; border-radius:8px; background:#FFF url('/o/mapy/minimap-world.png') no-repeat 50% 50%;}
#map_navigator .go-min {left:0; border-radius:8px;}
#map_navigator .go-min:hover {background:#E8E8E8}
#map_navigator .go-min:before {left:2px; border-width:0 3px 3px 0; border-color:#296EB3;}
#map_navigator .go-max {right:0; background:#296EB3}
#map_navigator .go-max:before {right:2px;border-width:3px 0 0 3px; border-color:#FFF;}
#map_navigator .go-max:hover {background:#1E5083}
#map_navigator .go-min, #map_navigator.visible .go-max {display:none;}
#map_navigator.visible .go-min, #map_navigator .go-max {display:block;}

#header-idn {position:absolute; top:10px; left:0; z-index:1; width:20px; min-height:60px; padding:10px 0 5px; border-radius:0 8px 8px 0; overflow:hidden;}
#header-idn.visible {left:10px; width:320px; border-radius:8px; overflow:visible; color:#333; background:#FFF; box-shadow:0 0 6px #666;}
#header-idn.visible > .box-in { padding-left:8px; padding-right:27px;}
#header-idn .go-max {left:0; background:#296EB3}
#header-idn .go-max:before {left:2px; border-width:0 3px 3px 0; border-color:#FFF;}
#header-idn .go-max:hover {background:#1E5083}
#header-idn .go-min {right:0; border-radius:8px;}
#header-idn .go-min:hover {background:#E8E8E8}
#header-idn .go-min:before {right:2px; border-width:3px 0 0 3px; border-color:#296EB3;}
#header-idn .go-min, #header-idn.visible .go-max, #header-idn > * {display:none;}
#header-idn.visible .go-min, #header-idn .go-max, #header-idn.visible > * {display:block;}
#header-idn h1 {float:left;}
#header-idn h1 img {vertical-align:middle}
#header-idn span.btn {float:left; padding:.2em .5em; border:1px solid #999; border-radius:3px; text-decoration:none; white-space:nowrap; color:#333; background:#F0F0F0; cursor:pointer;}
#header-idn .submenu {float:right;}
#header-idn .submenu li {list-style:none; float:left; margin:0 0 0 3px;}
#header-idn input.btn {float:right; width:60px; height:1.9em; padding:0 .5em; border:1px solid #296EB3; border-radius:3px;}
#header-idn input.btn, #header-idn span.act {border-color:#296EB3; color:#FFF; background:#296EB3;}
#header-idn input.btn:hover, #header-idn span.btn:hover {border-color:#1E5083; color:#FFF; background:#1E5083;}
#header-idn .searcher {clear:both; display:block; padding:8px 0;}
#header-idn .inp {width:220px; height:1.9em; padding:0 4px; border:1px solid #999; color:#333; background:#FFF url('/u/portal/p-search-inp.gif') repeat-x}
#header-idn .inp:focus {border-color:#444}
.variant {overflow:hidden; display:inline-block; padding:2px; border:1px solid #999; border-radius:3px;}
.variant li {list-style:none; float:left;}
.variant input {position:absolute; left:-999em;}
.variant label {display:block; padding:.2em .5em; border-radius:3px;}
.variant label:hover {color:#FFF; background:#1E5083; cursor:pointer;}
.variant input:checked + label {color:#FFF; background:#296EB3; cursor:default;}

.header-follow {position:absolute; top:100%; width:100%; margin:15px 0 0;}

.ico-close {float:right; width:20px; height:20px; line-height:20px; margin:6px; border-radius:3px; text-align:center; color:#FFF; background:#296EB3}
.ico-close:before {content:'\00D7'; font-size:24px; font-weight:700}
.ico-close:hover {background:#1E5083}

.point, .point-g { display:inline-block; width:40px; height:50px; line-height:40px; overflow:hidden; text-align:center; white-space:nowrap; font-size:medium; font-weight:700; color:#000; background:url('/o/mapy/point.png')}
.point {background-position:0 0}
.point:hover {background-position:0 -60px; color:#FFF;}
.point-g {background-position:0 -120px}

.box {width:100%; background:#FFF; margin:0 0 15px; padding:0 0 2px; border-radius:8px; box-shadow:0 0 6px #666;}
.box h2 {padding:4px 8px 0; font-size:150%; font-weight:bold; color:#296EB3;}
.box .box-in {margin:8px 8px 6px;}

#gps .point-g {float:left; margin:0 10px 0 0;}

#resolut a { display:block; overflow:hidden; min-height:50px; padding:5px 8px; color:#333;}
#resolut a:hover { background:#DDD;}
#resolut .point {float:left; margin:0 10px 0 0;}
#resolut a:hover .point {background-position:0 -60px; color:#FFF;}
#resolut a b {font-size:117%}
#resolut strong {padding:0 8px; font-size:125%}
#resolut .box-in {max-height:360px; overflow:auto; margin-left:0; margin-right:0;}