#map {
	width:100%; height:600px; overflow:hidden;
}


.map-marker { position: relative; cursor: pointer; user-select: none; white-space: nowrap; z-index: 10; }



/* Jen PIN posouváme tak, aby špička seděla na souřadnici */
.map-marker-pin, .map-marker-pin-big {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-50%, -100%);
}

.map-marker-pin svg {
	display: block;
	width: 26px;
	height: 26px;
	fill: #1cae61;
}

.map-marker-pin-big svg {
	display: block;
	width: 28px;
	height: 28px;
	fill: #06f;
}

/* Label už je relativně k bodu, neovlivňuje kotvu */
.map-marker-label {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	transform: translate(-50%, 1px); /* kousek pod bod */
	padding: 0 0;
	font-size: 12px;
	/*color: #338f5e;*/
	color: #134a79;
	font-weight: bold;
	z-index: 10;
	/*
	box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 4px -1px rgba(0,0,0,0.6);
	*/
	border:1px solid #eeecec;
	border-radius:6px;
	padding:2px 3px;
}


.map-tooltip {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -10px);
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 12px;
	line-height: 1.4;
	box-shadow: 0 6px 18px rgba(0,0,0,.25);
	display: none;
	z-index: 20;
	max-width: 220px;
	width: 220px;
	white-space: normal;
	word-break: normal;
	overflow-wrap: normal;
}

.map-tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
	border: 7px solid transparent;
	border-top-color: rgba(0,0,0,.85);
}

.map-tooltip b {
  font-size:0.9rem;
}

.map-tooltip a {
  color:#33dd4e;
  text-decoration: underline;
}
.map-tooltip a:hover {
  color:#33dd4e;
  text-decoration: none;
}

.map-marker.is-open .map-tooltip { display: block; }
.map-marker.is-open { z-index: 99999; }