/* ############## */
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/back.png);
	cursor: move;
}
.clearFix {
	clear: both;
}

#wrapper {
	-moz-user-select: none;
	  -webkit-user-select: none;
	  -ms-user-select: none;
}

.mini-map {
	position: fixed;
	top: 30px;
	left: 10px;
	width: 160px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	background: url(../images/map.png) no-repeat top center;
	z-index: 100;
	.square {
		position: absolute;
		top: 0px;
		left: 0px;
		border: 1px solid #f00;
		width: 10px;
		height: 10px;
		background: rgba(255,0,0,0.2);
		box-sizing: border-box;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
}

.zahod {
	width: 895px;
	background: url(../images/zahod.png) no-repeat 0px 30px;
	text-align: center;
	padding-top: 390px;
	margin-left: 803px;
	color: #fff;
	
	p {
		font-family: Octava;
		font-size: 16px;
		line-height: 19px;
		padding: 0 30px;
	}
	.nn {
		font-family: FuturaBold;
	}
	.arrow {
		display: inline-block;
		background: url(../images/arrow.gif);
		width: 79px;
		height: 100px;
		margin-top: 60px;
	}
	.tool-tip {
		position: absolute;
		display: block;
		width: 203px;
		height: 66px;
		background: url(../images/tool-tip.png);
		margin-left: 580px;
		margin-top: 80px;
	}
}

.map {
	position: relative;
	width: 1991px;
	height: 4157px;
	background: url(../images/scheme.png) no-repeat center center;
	padding: 450px 450px 450px 450px;
}

.block {
	position: absolute;
	width: 803px;
	height: 655px;
/*	border: 1px solid #f00;*/
	top: -100000px;
	
	.title {
		position: relative;
		cursor: pointer;
		z-index: 3;
		width: 506px;
		height: 276px;
		top: 189px;
		left: 148px;
	}
	.film {
		display: none;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.close {
		display: none;
		position: absolute;
		width: 17px;
		height: 17px;
		background: url(../images/close.png);
		z-index: 100;
		margin: 136px 0 0 624px;
		cursor: pointer;
	}
	.text {
		display: none;
		position: absolute;
		left: 149px;
		top: 400px;
		z-index: 2;
		width: 504px;
		height: 210px;
		
		.txt {
			width: 504px;
			height: 210px;
			background: #eeee00;
			position: relative;	
			z-index: 3;
			
			.scroll {
				position: relative;
				top: 30px;
				left: 30px;
				width: 424px;
				height: 150px;
				overflow: auto;
				padding-right: 20px;
				cursor: default;
				
				p {
					font-family: Octava;
					font-size: 14px;
					line-height: 18px;
				}
				h2 {
					font-family: Futura;
					font-size: 12px;
					line-height: 16px;
					border-bottom: 1px solid #000;
					text-transform: uppercase;
					font-weight: bold;
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
			}
		}
		.text-icon {
			position: absolute;
			width: 40px;
			height: 40px;
			background: url(../images/text.png);
			cursor: pointer;
			bottom: -20px;
			left: 225px;
		}
	}
	.title.active {
		cursor: default;
	}
	&.b1 {
		left: 854px;
		top: 86px;
		.title {background: url(../images/title/1.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/1a.png) no-repeat center center;}
		.film {background: url(../images/film/1.png);}
	}
	&.b2 {
		left: 852px;
		top: 686px;
		.title {background: url(../images/title/2.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/2a.png) no-repeat center center;}
		.film {background: url(../images/film/2.png);}
	}
	&.b3 {
		left: 852px;
		top: 1516px;
		.title {background: url(../images/title/3.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/3a.png) no-repeat center center;}
		.film {background: url(../images/film/3.png);}
	}
	&.b4 {
		left: 74px;
		top: 1481px;
		.title {background: url(../images/title/4.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/4a.png) no-repeat center center;}
		.film {background: url(../images/film/4.png);}
	}
	&.b5 {
		left: 74px;
		top: 2180px;
		.title {background: url(../images/title/5.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/5a.png) no-repeat center center;}
		.film {background: url(../images/film/5.png);}
	}
	&.b6 {
		left: 853px;
		top: 3582px;
		.title {background: url(../images/title/6.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/6a.png) no-repeat center center;}
		.film {background: url(../images/film/6.png);}
		.text {top: 445px;}
		.close{margin-top: 181px;}
	}
	&.b7 {
		left: 849px;
		top: 2173px;
		.title {background: url(../images/title/7.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/7a.png) no-repeat center center;}
		.film {background: url(../images/film/7.png);}
		.text {top: 445px;}
		.close{margin-top: 181px;}
	}
	&.b8 {
		left: 1642px;
		top: 1506px;
		.title {background: url(../images/title/8.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/8a.png) no-repeat center center;}
		.film {background: url(../images/film/8.png);}
	}
	&.b9 {
		left: 1642px;
		top: 2176px;
		.title {background: url(../images/title/9.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/9a.png) no-repeat center center;}
		.film {background: url(../images/film/9.png);}
	}
	&.b10 {
		left: 849px;
		top: 2813px;
		.title {background: url(../images/title/10.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/10a.png) no-repeat center center;}
		.film {background: url(../images/film/10.png);}
	}
	&.b11 {
		left: 50px;
		top: 3584px;
		.title {background: url(../images/title/11.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/11a.png) no-repeat center center;}
		.film {background: url(../images/film/11.png);}
	}
	&.b12 {
		left: 1641px;
		top: 3584px;
		.title {background: url(../images/title/12.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/12a.png) no-repeat center center;}
		.film {background: url(../images/film/12.png);}
	}
	&.b13 {
		left: 1648px;
		top: 4229px;
		.title {background: url(../images/title/13.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/13a.png) no-repeat center center;}
		.film {background: url(../images/film/13.png);}
	}
	&.b14 {
		left: 848px;
		top: 4229px;
		.title {background: url(../images/title/14.png) no-repeat center center;}
		.title:hover, .title.active {background: url(../images/title/14a.png) no-repeat center center;}
		.film {background: url(../images/film/14.png);}
		.text {top: 445px;}
		.close{margin-top: 181px;}
	}
}