@charset "UTF-8";
/* CSS Document */

/* Contact block */


.MapWrapper {
	background: #fff;
	border-top:1px solid #CCC;
}


.MapWrapper .DecriptionWrapper {
	display: inline-block;
	width: 24%;
	padding-left: 50px;
	vertical-align: middle;
}

.MapWrapper .DecriptionWrapper .Description {
	display: block;
	text-align: center;
}

.MapWrapper .DecriptionWrapper .Description .Photo {
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 65%;
	background: no-repeat center center;
	background-size: cover;
}

.MapWrapper .DecriptionWrapper .Description .HouseName {
	display: block;
	width: 100%;
	height: auto;
	padding: 10px 6px;
	color:#FFF;
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
}

.MapWrapper .DecriptionWrapper .Description.Red .HouseName {
	background: #b31218;
}

.MapWrapper .DecriptionWrapper .Description.Blue .HouseName {
	background: #0052b2;
}

.MapWrapper .DecriptionWrapper .Description.Yellow .HouseName {
	background: #eec232;
}

.MapWrapper .DecriptionWrapper .Description table {
	width: 100%;
	border-bottom: 1px solid;
	text-align: left;
}

.MapWrapper .DecriptionWrapper .Description.Red table {
	border-bottom-color: #b31218;
}

.MapWrapper .DecriptionWrapper .Description.Blue table {
	border-bottom-color: #0052b2;
}

.MapWrapper .DecriptionWrapper .Description.Yellow table {
	border-bottom-color: #eec232;
}

.MapWrapper .DecriptionWrapper .Description table td {
	padding: 5px 0;
}

.MapWrapper .DecriptionWrapper .Description table td.Left {
	text-align: right;
}

.MapWrapper .DecriptionWrapper .Description table td .Volny {
	font-weight: 800;
	color: #bfb52d
}

.MapWrapper .DecriptionWrapper .Description table td .Obsazeny {
	font-weight: 800;
	color: #f00000
}

.MapWrapper .DecriptionWrapper .Description button {
	background-color: #CCC;
	margin: 10px auto;
	font-size: 1.0em;
	padding: 7px 10px;
	min-height: 0;
	border-radius: 5px;
}

.MapWrapper .DecriptionWrapper .Description.Red button {
	background-color: #b31218;
}

.MapWrapper .DecriptionWrapper .Description.Blue button {
	background-color: #0052b2;
}

.MapWrapper .DecriptionWrapper .Description.Yellow button {
	background-color: #eec232;
}


.MapScroller {
	display: inline-block;
	position: relative;
	width: 75%;
}


/* K mapě */

.Map  {
	display: inline-block;
	position: relative;
	width: 100%;
	vertical-align: middle;
	}


.Map img {
	width: 100%;
	}

.Map svg {
	position: absolute;
	width: 100%;
	}

.Map path, .Map polygon { 
	transition: .3s opacity;
	fill: #D3D3D3;
	opacity: .0;
    }
    
.Map .Active path, .Map .Active polygon { 
	opacity: .4;
    }
    
.Map path:hover, .Map polygon:hover {
    opacity: .4;
    }
    
.Map .GroupL path, .Map .GroupL polygon {
	fill: #0052b2;
	}
.Map .GroupL.Disable path, .Map .GroupL.Disable polygon {
	fill: #CCC;
	opacity: .7;
	}
    
.Map .GroupS path, .Map .GroupS polygon {
	fill: #eec232;
	}
	
.Map .GroupS.Disable path, .Map .GroupS.Disable polygon {
	fill: #CCC;
	opacity: .7;
	}
    
    
.Map .GroupM path, .Map .GroupM polygon {
	fill: #b31218;
	}
	
.Map .GroupM.Disable path, .Map .GroupM.Disable polygon {
	fill: #CCC;
	opacity: .6;
	}
	
.Map .Label {
	position: absolute;
	display: block;
	width: 2.9%;
	padding-bottom: 1.9%;
	padding-top: .9%;
	height: 0;
	border-radius: 50%;
	background: #D3D3D3;
	vertical-align: middle;
	text-align: center;
	border:1px solid #D3D3D3;
	box-sizing: border-box;
	font-size: .75em;
	font-weight: 800;
	}
	
.Map .Label.GroupL {
	background: rgba(0, 85, 179, 0.5);
	border-color: #0052b2;
	color: #FFF;
	}
	
.Map .Label.GroupS {
	background: rgba(238, 194, 49, 0.5);
	border-color: #eec232;
	color: #FFF;
	}
	
.Map .Label.GroupM {
	background: rgba(179, 18, 23, 0.5);
	border-color: #b31218;
	color: #FFF;
	}



@media (max-width: 992px)
{
	.MapWrapper .DecriptionWrapper {
	display: block;
	width: 500px;
	max-width: 100%;
	padding-left: 0;
	margin: 40px auto 0 auto;
}
	.Map  {
	display: block;
	width:800px;
	}
	
	.MapScroller {
		display: block;
		width: 100%;
		overflow-x: auto;
	}
	
	.Map .Label {
	position: absolute;
	display: block;
	width: 3.2%;
	padding-bottom: 2.3%;
	padding-top: .7%;
	height: 0;
	border-radius: 50%;
	background: #D3D3D3;
	vertical-align: middle;
	text-align: center;
	border:1px solid #D3D3D3;
	box-sizing: border-box;
	font-size: .7em;
	font-weight: 800;
	}



}