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

/* Contact block */


.MapWrapper {
	/*background: #fcf3d6;*/
	border-top:1px solid #CCC;
}


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

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

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

.MapWrapper .DescriptionWrapper .Description .Photo .CloseBtn {
	display: block;
	position: absolute;
	top:0;
	right:0;
	width:30px;
	height: 30px;
	background-color: #eec232;
	cursor: pointer;
}

.MapWrapper .DescriptionWrapper .Description .Photo .CloseBtn::after {
	content:'';
	display: block;
	position: absolute;
	top:13px;
	left:5px;
	width:20px;
	height: 2px;
	background-color: #FFF;
	transform: rotate(45deg);
}

.MapWrapper .DescriptionWrapper .Description .Photo .CloseBtn::before {
	content:'';
	display: block;
	position: absolute;
	top:13px;
	left:5px;
	width:20px;
	height: 2px;
	background-color: #FFF;
	transform: rotate(-45deg);
}


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


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

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

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

.MapWrapper .DescriptionWrapper .Description p {
	text-align: left;
	font-size: .9em;
	line-height: 1.25em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.MapWrapper .DescriptionWrapper .Description input[type="text"] {
	border:1px solid;
	border-radius: 4px;
	font-size: 1em;
	padding: 10px;
	height: 40px;
}

.MapWrapper .DescriptionWrapper .Description.Red input[type="text"] {
	border-color: #b31218;
}

.MapWrapper .DescriptionWrapper .Description.Blue input[type="text"] {
	border-color: #0052b2;
}

.MapWrapper .DescriptionWrapper .Description.Yellow input[type="text"] {
	border-color: #eec232;
}


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

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

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

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

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

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

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

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

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

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

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

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


.MapScroller {
	display: inline-block;
	position: relative;
	width: 49%;
	text-align: center;
	vertical-align: middle;
}


/* K mapě */

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


.Map img {
	width: 100%;
	}

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

.Map path, .Map polygon { 
	transition: .3s opacity;
	fill: #D3D3D3;
	opacity: 0;
	cursor: default;
    }
    
.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 .GroupV path, .Map .GroupV polygon {
	fill: #eec232;
	}
    
.Map .GroupM path, .Map .GroupM polygon {
	fill: #b31218;
	}
	
.Map .Label {
	position: absolute;
	display: block;
	width: 6%;
	padding-bottom: 4.0%;
	padding-top: 1.7%;
	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;
	transition: .3s background;
	}
	
.Map .Label.GroupV {
	background: rgba(238, 194, 49, 0.5);
	border-color: #eec232;
	color: #FFF;
	transition: .3s background;
	}
	
.Map .Label.GroupM {
	background: rgba(179, 18, 23, 0.5);
	border-color: #b31218;
	color: #FFF;
	transition: .3s background;
	}
	
.Map .Label.GroupL.Full {
	background: rgba(0, 85, 179, 1);
	transition: .3s background;
	}
	
.Map .Label.GroupV.Full {
	background: rgba(238, 194, 49, 1);
	transition: .3s background;
	}
	
.Map .Label.GroupM.Full {
	background: rgba(179, 18, 23, 1);
	transition: .3s background;
	}
	
	

.MapTableWrapper {
	position: relative;
	display: inline-block;
	width: 49%;
	padding-left: 50px;
	vertical-align: middle;
}	

.MapTable table.Desktop {
	display: inline-table;
}

.MapTable table.Mobile {
	display:none;
}
	
.MapTable table {
	width: 100%;
}

.MapTable table th, .MapTable table td {
	padding: 10px 8px;
	border-bottom: 1px solid #eec232;
	background: #FFF;
	transition: .3s background;
	vertical-align: top;
	line-height: 1.5em;
}

.MapTable table th b, .MapTable table td b {
	font-weight: 500;
}

.MapTable table th {
	font-weight: 500;
	text-align: left;
}

.MapTable table .R {
	text-align: right;
}

.MapTable table tr:nth-child(odd) td  {
	background: #f5f5f5;
}

.MapTable table tr.Active td  {
	background: rgba(238, 194, 49, 0.3);
	transition: .3s background;
}




@media (max-width: 1200px)
{
	.MapScroller {
		display: block;
		width: 100%;
		overflow-x: auto;
	}
	
	.MapTableWrapper {
	display: block;
	width: 100%;
	padding-left: 0px;
	margin-top: 50px;
	}	
	
	}


@media (max-width: 992px)
{
	.MapWrapper .DescriptionWrapper {
	display: block;
	width: 500px;
	max-width: 100%;
	padding-left: 0;
	margin: 40px auto 0 auto;
}
	.Map  {
	display: inline-block;
	width:500px;
	}
	
	.MapScroller {
		display: block;
		width: 100%;
		overflow-x: auto;
	}
	
	.Map .Label {
	position: absolute;
	display: block;
	
	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;
	}
}



@media (max-width: 600px)
{

	.MapTable table.Desktop {
	display:none;
	}
	
	.MapTable table.Mobile {
	display: inline-table;
	}


	.Map  {
	display: block;
	width:400px;
	}
	
	.Map .Label {
	line-height: .8em;
	}
	
	}