.dalsiobsah_13437 .grid-row {
	max-width: 100%;
	margin: 0;
}

#osada_mapa {
	position: relative;
	margin: 40px 0;
	width: 92%;
	height: 0;
	padding-bottom: 50.475369458128078817733990147783%;
}
#osada_mapa a, #osada_mapa span {
	image-rendering: -webkit-optimize-contrast;
}
#osada_mapa .mapa {
	display: block;
	position: relative;
	background-image: url(/program/porady/10571672457/mapa/mapa2.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 0;
	padding-bottom: 54.864532019704433497536945812808%;
}
#osada_mapa div {
	position: absolute;
	z-index: 1;
}
#osada_mapa div	img {
	display: none;
}
#osada_mapa .cp {
	display: none;
}
#osada_mapa div a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	transform: translate(0,0);
	transition: transform 300ms, filter 300ms;
	filter: drop-shadow(1px 1px 5px rgba(0,0,0,0));
	color: transparent;
	overflow: hidden;
	will-change: transform;
}
#osada_mapa a {
	border: none !important;
}

#osada_mapa div.vlevo a {
	transform-origin: right bottom;
}
#osada_mapa div.vpravo a {
	transform-origin: left bottom;
}

#osada_mapa div.vlevo.touched a.chata {
	transform: translate(+10px,-10px) rotate(+5deg);
}
#osada_mapa div.vlevo.touched a.postavy {
	transform: translate(-10px,+10px) rotate(-5deg);
}
#osada_mapa div.vpravo.touched a.chata {
	transform: translate(-10px,-10px) rotate(-5deg);
}
#osada_mapa div.vpravo.touched a.postavy {
	transform: translate(+10px,+10px) rotate(+5deg);
	will-change: opacity;
}
#osada_logo.touched a.touched,
#osada_logo.touched a.clicked {
	transform: scale(1.1);
}

#styblovi {
	width: 19.950738916256157635467980295567%;
	height: 23.905723905723905723905723905724%;
	left: 85.7%;
	top: 73%;
}
#styblovi .postavy {
	background-image: url(/program/porady/10571672457/mapa/styblovi_postavy.png);
	-webkit-clip-path: polygon(-5% 63.84976525821596244131455399061%, 42.901234567901234567901234567901% 56.338028169014084507042253521127%, 45.37037037037037037037037037037% 35.211267605633802816901408450704%, 59.876543209876543209876543209877% 10.32863849765258215962441314554%, 77.777777777777777777777777777778% -5%, 105% -5%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% 63.84976525821596244131455399061%, 42.901234567901234567901234567901% 56.338028169014084507042253521127%, 45.37037037037037037037037037037% 35.211267605633802816901408450704%, 59.876543209876543209876543209877% 10.32863849765258215962441314554%, 77.777777777777777777777777777778% -5%, 105% -5%, 105% 105%, -5% 105%);
}
#styblovi .kocianovi {
	background-image: url(/program/porady/10571672457/mapa/kocianovi_postavy2.png);
	-webkit-clip-path: polygon(-6% 57.89%, 15.62% 50.88%, 28.91% 50.88%, 43.66% 43.27%, 48.67% 33.34%, 51.62% 11.7%, 80.27% -4%, 85.5% -4%, 89.97% 15.21%, 104% 21.64%, 111% 110%, -5% 110%);
	clip-path: polygon(-6% 57.89%, 15.62% 50.88%, 28.91% 50.88%, 43.66% 43.27%, 48.67% 33.34%, 51.62% 11.7%, 80.27% -4%, 85.5% -4%, 89.97% 15.21%, 104% 21.64%, 111% 110%, -5% 110%);
	transform: translate(+20px,+50px) rotate(+0deg);
	filter: drop-shadow(-1px -1px 0px rgba(0,0,0,0.15));
	height: 87%;
  width: 110%;
}
#osada_mapa #styblovi.vpravo.touched a.postavy {
	transform: translate(0px,0px) rotate(-2deg);
}
#osada_mapa #styblovi.vpravo.touched a.kocianovi {
	transform: translate(+20px,+50px) rotate(+2deg);
}
@media (max-width: 959px) {
	#styblovi .kocianovi {
		transform: translate(30px,50px) rotate(+0deg);
		margin-top: -100%;
		max-width: 90% !important;
	}
	#osada_mapa #styblovi.vpravo.touched a.postavy {
		transform: translate(0px,20px) rotate(+2deg);
	}
	#osada_mapa #styblovi.vpravo.touched a.kocianovi {
		transform: translate(30px,80px) rotate(+5deg);
	}
}
@media (max-width: 639px) {
	#osada_mapa #styblovi {
		margin-bottom: 15%;
	}
	#osada_mapa #styblovi.vpravo.touched a.kocianovi {
		transform: translate(30px,80px) rotate(+5deg);
	}
}
@media (max-width: 479px) {
	#osada_mapa #styblovi {
		margin-bottom: 25%;
	}
}
#styblovi .chata {
	background-image: url(/program/porady/10571672457/mapa/styblovi_chata.png);
}
#osada_mapa #styblovi.touched a.touched,
#osada_mapa #styblovi.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #867F4A);
}

#srovnalovi {
	width: 20.689655172413793103448275862069%;
	height: 29.068462401795735129068462401796%;
	left: 12.6%;
	top: 59%;
}
#srovnalovi .postavy {
	background-image: url(/program/porady/10571672457/mapa/srovnalovi_postavy.png);
	-webkit-clip-path: polygon(0% 67.953667953667953667953667953668%, 32.440476190476190476190476190476% 61.389961389961389961389961389961%, 32.440476190476190476190476190476% 47.104247104247104247104247104247%, 47.619047619047619047619047619048% 26.640926640926640926640926640927%, 63.690476190476190476190476190476% -5%, 105% -5%, 105% 105%, 0% 105%);
	clip-path: polygon(0% 67.953667953667953667953667953668%, 32.440476190476190476190476190476% 61.389961389961389961389961389961%, 32.440476190476190476190476190476% 47.104247104247104247104247104247%, 47.619047619047619047619047619048% 26.640926640926640926640926640927%, 63.690476190476190476190476190476% -5%, 105% -5%, 105% 105%, 0% 105%);
}
#srovnalovi .chata {
	background-image: url(/program/porady/10571672457/mapa/srovnalovi_chata.png);
}
#srovnalovi.touched a.touched,
#srovnalovi.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #7D6252);
}

#rybakovy {
	width: 20.997536945812807881773399014778%;
	height: 27.16049382716049382716049382716%;
	left: 24%;
	top: 1%;
}
#rybakovy .postavy {
	background-image: url(/program/porady/10571672457/mapa/rybakovy_postavy.png);
	-webkit-clip-path: polygon(-5% -5%, 41.935483870967741935483870967742% -5%, 57.771260997067448680351906158358% 11.983471074380165289256198347107%, 68.621700879765395894428152492669% 56.611570247933884297520661157025%, 105% 56.611570247933884297520661157025%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% -5%, 41.935483870967741935483870967742% -5%, 57.771260997067448680351906158358% 11.983471074380165289256198347107%, 68.621700879765395894428152492669% 56.611570247933884297520661157025%, 105% 56.611570247933884297520661157025%, 105% 105%, -5% 105%);
}
#rybakovy .chata {
	background-image: url(/program/porady/10571672457/mapa/rybakovy_chata.png);
}
#rybakovy.touched a.touched,
#rybakovy.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #48575B);
}

#rubalovi {
	width: 21.551724137931034482758620689655%;
	height: 26.599326599326599326599326599327%;
	left: 42.5%;
	top: 34%;
}
#rubalovi .postavy {
	background-image: url(/program/porady/10571672457/mapa/rubalovi_postavy.png);
	-webkit-clip-path: polygon(-5% 13.502109704641350210970464135021%, 42% 11.814345991561181434599156118143%, 49.714285714285714285714285714286% 37.552742616033755274261603375527%, 67.714285714285714285714285714286% 56.540084388185654008438818565401%, 105% 54.430379746835443037974683544304%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% 13.502109704641350210970464135021%, 42% 11.814345991561181434599156118143%, 49.714285714285714285714285714286% 37.552742616033755274261603375527%, 67.714285714285714285714285714286% 56.540084388185654008438818565401%, 105% 54.430379746835443037974683544304%, 105% 105%, -5% 105%);
}
#rubalovi .chata {
	background-image: url(/program/porady/10571672457/mapa/rubalovi_chata.png);
}
#rubalovi.touched a.touched,
#rubalovi.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #48696C);
}

#krausovi {
	width: 20.320197044334975369458128078818%;
	height: 25.028058361391694725028058361392%;
	left: 62%;
	top: 71%;
}
#krausovi .postavy {
	background-image: url(/program/porady/10571672457/mapa/krausovi_postavy.png);
	-webkit-clip-path: polygon(-5% 57.399103139013452914798206278027%, 26.969696969696969696969696969697% 57.399103139013452914798206278027%, 33.333333333333333333333333333333% 28.699551569506726457399103139013%, 42.424242424242424242424242424242% 21.52466367713004484304932735426%, 41.212121212121212121212121212121% 4.932735426008968609865470852018%, 53.939393939393939393939393939394% -5%, 105% -5%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% 57.399103139013452914798206278027%, 26.969696969696969696969696969697% 57.399103139013452914798206278027%, 33.333333333333333333333333333333% 28.699551569506726457399103139013%, 42.424242424242424242424242424242% 21.52466367713004484304932735426%, 41.212121212121212121212121212121% 4.932735426008968609865470852018%, 53.939393939393939393939393939394% -5%, 105% -5%, 105% 105%, -5% 105%);
}
#krausovi .chata {
	background-image: url(/program/porady/10571672457/mapa/krausovi_chata.png);
}
#krausovi.touched a.touched,
#krausovi.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #7C5484);
}

#keyhoss {
	width: 18.288177339901477832512315270936%;
	height: 25.252525252525252525252525252525%;
	left: 89%;
	top: 33%;
}
#keyhoss .postavy {
	background-image: url(/program/porady/10571672457/mapa/keyhoss_postavy.png);
	-webkit-clip-path: polygon(-5% 57.777777777777777777777777777778%, 47.138047138047138047138047138047% 59.111111111111111111111111111111%, 48.148148148148148148148148148148% 46.666666666666666666666666666667%, 61.952861952861952861952861952862% 31.555555555555555555555555555556%, 60.942760942760942760942760942761% 12.444444444444444444444444444444%, 80.13468013468013468013468013468% 3.555555555555555555555555555556%, 105% 17.777777777777777777777777777778%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% 57.777777777777777777777777777778%, 47.138047138047138047138047138047% 59.111111111111111111111111111111%, 48.148148148148148148148148148148% 46.666666666666666666666666666667%, 61.952861952861952861952861952862% 31.555555555555555555555555555556%, 60.942760942760942760942760942761% 12.444444444444444444444444444444%, 80.13468013468013468013468013468% 3.555555555555555555555555555556%, 105% 17.777777777777777777777777777778%, 105% 105%, -5% 105%);
}
#keyhoss .chata {
	background-image: url(/program/porady/10571672457/mapa/keyhoss_chata.png);
}
#keyhoss.touched a.touched,
#keyhoss.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #B86456);
}

#juzanovi {
	width: 19.581280788177339901477832512315%;
	height: 25.925925925925925925925925925926%;
	left: 38.1%;
	top: 70%;
}
#juzanovi .postavy {
	background-image: url(/program/porady/10571672457/mapa/juzanovi_postavy.png);
	-webkit-clip-path: polygon(-5% 53.246753246753246753246753246753%, 33.333333333333333333333333333333% 57.575757575757575757575757575758%, 34.905660377358490566037735849057% 34.199134199134199134199134199134%, 46.540880503144654088050314465409% 26.839826839826839826839826839827%, 49.685534591194968553459119496855% 12.121212121212121212121212121212%, 63.207547169811320754716981132075% 10.38961038961038961038961038961%, 72.012578616352201257861635220126% 27.272727272727272727272727272727%, 80.817610062893081761006289308176% 13.419913419913419913419913419913%, 105% 21.645021645021645021645021645022%, 105% 105%, -5% 105%);
	clip-path: polygon(-5% 53.246753246753246753246753246753%, 33.333333333333333333333333333333% 57.575757575757575757575757575758%, 34.905660377358490566037735849057% 34.199134199134199134199134199134%, 46.540880503144654088050314465409% 26.839826839826839826839826839827%, 49.685534591194968553459119496855% 12.121212121212121212121212121212%, 63.207547169811320754716981132075% 10.38961038961038961038961038961%, 72.012578616352201257861635220126% 27.272727272727272727272727272727%, 80.817610062893081761006289308176% 13.419913419913419913419913419913%, 105% 21.645021645021645021645021645022%, 105% 105%, -5% 105%);
}
#juzanovi .chata {
	background-image: url(/program/porady/10571672457/mapa/juzanovi_chata.png);
}
#juzanovi.touched a.touched,
#juzanovi.touched a.clicked {
	filter: drop-shadow(0px 0px 5px #A5883A);
}

#osada_logo {
	width: 21.613300492610837438423645320197%;
	height: 15.151515151515151515151515151515%;
	left: 84%;
	top: 6%;
	max-width: 80%;
}
#osada_logo a {
	background-image: url(/program/porady/10571672457/mapa/logo2.png);
}


@media (max-width: 959px) {
	#osada_mapa {
		position: static;
		height: auto;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	#osada_mapa div	{
		display: inline-block;
		position: relative;
		left: 0;
		top: 0;
		margin: 40px auto;
		width: 45%;
		line-height: 0;
	}
	#osada_mapa div	a.postavy {
		width: auto;
		height: auto;
		display: inline-block;
		position: relative;
		max-width: 80%;
	}
	#osada_mapa div	img {
		display: inline-block;
		visibility: hidden;
		max-width: 100%;
		height: auto;
	}
	#osada_mapa #osada_logo {
	}
	#osada_mapa .cp {
		display: inline-block;
		position: absolute;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		color: transparent;
		width: 76px;
		height: 62px;
		max-width: 17%;
		margin: -31px -38px;
	}
	#osada_mapa div .cp {
		left: 0;
		top: 0;
		z-index: 2;
		position: relative;
	}
	#osada_mapa div.vlevo .cp {
		float: right;
		margin: 12% 6% -62px -76px;
	}
	#osada_mapa div.vpravo .cp {
		float: left;
		margin: 12% -76px -62px 6%;
	}
	
	#styblovi .cp, .cp[rel="styblovi"] {
		background-image: url(/program/porady/10571672457/mapa/6.png);
	}
	.cp[rel="styblovi"] {
		left: 89%;
		top: 83%;
	}
	#srovnalovi .cp, .cp[rel="srovnalovi"] {
		background-image: url(/program/porady/10571672457/mapa/3.png);
	}
	.cp[rel="srovnalovi"] {
		left: 24%;
		top: 81%;
	}
	#rybakovy .cp, .cp[rel="rybakovy"] {
		background-image: url(/program/porady/10571672457/mapa/7.png);
	}
	.cp[rel="rybakovy"] {
		left: 41%;
		top: 16%;
	}
	#rubalovi .cp, .cp[rel="rubalovi"] {
		background-image: url(/program/porady/10571672457/mapa/2.png);
	}
	.cp[rel="rubalovi"] {
		left: 58%;
		top: 48%;
	}
	#krausovi .cp, .cp[rel="krausovi"] {
		background-image: url(/program/porady/10571672457/mapa/5.png);
	}
	.cp[rel="krausovi"] {
		left: 72%;
		top: 81%;
	}
	#keyhoss .cp, .cp[rel="keyhoss"] {
		background-image: url(/program/porady/10571672457/mapa/1.png);
	}
	.cp[rel="keyhoss"] {
		left: 93.5%;
		top: 45%;
	}
	#juzanovi .cp, .cp[rel="juzanovi"] {
		background-image: url(/program/porady/10571672457/mapa/4.png);
	}
	.cp[rel="juzanovi"] {
		left: 45.5%;
		top: 75%;
	}

}

@media (max-width: 639px) {
	#osada_mapa div	{
		display: block;
		width: 100%;
	}
}

.color-scheme-dark #osada_mapa .mapa {
	filter: invert(1) grayscale(1);
}
.color-scheme-dark #osada_logo {
	filter: invert(1) hue-rotate(180deg) brightness(1.0);
}