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

.clearFix {
	clear: both;
}

.black-line{
	display: none;
}
.block-comments{
	color: #000;
}

body {
	color: #fff;
}
#wrapper {
	color: #fff;
	
	.block {
	padding-left: 60px;
		width: 1100px;
		margin: 0 auto;
		position: relative;
	}
	.zahod {
		width: 1000px;
		height: 686px;
		background: url(../images/h1.jpg) no-repeat center center;
	}
	.black {
		background: #000;
		padding: 50px 0;
	}
	.green {
		color: #fff;
		background: #0b9444;
		padding: 50px 0;
	}
	h2 {
		text-align: center;
		font-family: OctavaSCC !important;
		font-size: 76px !important;
		color: #fff !important;
		padding-bottom: 40px !important; 
	}
	
	table.vat {
		border: none;
		td {
			vertical-align: top;
		}
	}
	p {
		font-family: Octava !important;
		font-size: 20px;
		line-height: 24px;
	}
	
	.menu {
		background: rgba(0, 0, 0, 0.4);
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		text-align: center;
		padding-top: 50px;
		
		ul {
			list-style: none;
		}
		li {
			display: inline-block;
			color: #fff;
			margin: 0 10px;
			line-height: 50px;
			font-size: 18px;
			font-family: Octava;
			cursor: pointer;
		}
		.active {
			color: #fef160;
			cursor: default;
			text-decoration: underline;
			font-style: italic;
		}
	}
	.small {
		font-size: 15px;
		line-height: 19px;
		font-family: Octava;
	}
	.small:first-letter {
		font-size: 44px;
		padding: 18px 15px 15px 0;
		float: left;
	}
	.trainer {
		text-align: center;
		font-family: OctavaSCC;
		font-size: 23px;
		
		img {
			padding-top: 4px;
		}
	}
	.popup {
		position: fixed;
		display: none;
		top: 50%;
		left: 50%;
		margin: -210px 0 0 -315px;
		width:631px;
		height: 421px;
		background: url(../images/popup.png) no-repeat center center;
		z-index: 5;
		
		.close {
			position: absolute;
			width: 32px;
			height: 32px;
			right:12px;
			top: 5px;
			cursor: pointer;
		}
		h3 {
			padding-top: 30px;
			font-family: Futura;
			font-size: 37px;
			text-align: center;
		}
		p {
			font-size: 19px;
			line-height: 20px;
			padding: 30px 20px 20px 20px;
			font-family: Futura !important;
		}
	}
	.data {
		display: none;
	}
	.map {
		position: relative;
		
		.item {
			position: absolute;
			width: 94px;
			height: 86px;
			cursor: pointer;
			top: 0px;
			left: 0px;
		}
		.item[data-id="1"] {
			background: url(../images/Classik/01.png);
			&:hover {background: url(../images/Classik/01_.png);}
		}
		.item[data-id="2"] {
			background: url(../images/Classik/02.png);
			&:hover {background: url(../images/Classik/02_.png);}
		}
		.item[data-id="3"] {
			background: url(../images/Classik/03.png);
			&:hover {background: url(../images/Classik/03_.png);}
		}
		.item[data-id="4"] {
			background: url(../images/Classik/04.png);
			&:hover {background: url(../images/Classik/04_.png);}
		}
		
		.item[data-id="5"] {
			background: url(../images/primitivizm/01.png);
			&:hover {background: url(../images/primitivizm/01_.png);}
		}
		.item[data-id="6"] {
			background: url(../images/primitivizm/02.png);
			&:hover {background: url(../images/primitivizm/02_.png);}
		}
		.item[data-id="7"] {
			background: url(../images/primitivizm/03.png);
			&:hover {background: url(../images/primitivizm/03_.png);}
		}
		.item[data-id="8"] {
			background: url(../images/primitivizm/04.png);
			&:hover {background: url(../images/primitivizm/04_.png);}
		}
		.item[data-id="9"] {
			background: url(../images/primitivizm/05.png);
			&:hover {background: url(../images/primitivizm/05_.png);}
		}
		.item[data-id="10"] {
			background: url(../images/primitivizm/06.png);
			&:hover {background: url(../images/primitivizm/06_.png);}
		}
		
		.item[data-id="11"] {
			background: url(../images/romantizm/01.png);
			&:hover {background: url(../images/romantizm/01_.png);}
		}
		.item[data-id="12"] {
			background: url(../images/romantizm/02.png);
			&:hover {background: url(../images/romantizm/02_.png);}
		}
		.item[data-id="13"] {
			background: url(../images/romantizm/03.png);
			&:hover {background: url(../images/romantizm/03_.png);}
		}
		.item[data-id="14"] {
			background: url(../images/romantizm/04.png);
			&:hover {background: url(../images/romantizm/04_.png);}
		}
		
		.item[data-id="15"] {
			background: url(../images/realizm/01.png);
			&:hover {background: url(../images/realizm/01_.png);}
		}
		.item[data-id="16"] {
			background: url(../images/realizm/02.png);
			&:hover {background: url(../images/realizm/02_.png);}
		}
		.item[data-id="17"] {
			background: url(../images/realizm/03.png);
			&:hover {background: url(../images/realizm/03_.png);}
		}
		.item[data-id="18"] {
			background: url(../images/realizm/04.png);
			&:hover {background: url(../images/realizm/04_.png);}
		}
		
		.item[data-id="19"] {
			background: url(../images/nihilizm/01.png);
			&:hover {background: url(../images/nihilizm/01_.png);}
		}
		.item[data-id="20"] {
			background: url(../images/nihilizm/02.png);
			&:hover {background: url(../images/nihilizm/02_.png);}
		}
		.item[data-id="21"] {
			background: url(../images/nihilizm/03.png);
			&:hover {background: url(../images/nihilizm/03_.png);}
		}
		.item[data-id="22"] {
			background: url(../images/nihilizm/04.png);
			&:hover {background: url(../images/nihilizm/04_.png);}
		}
		
		.item[data-id="23"] {
			background: url(../images/Sur/01.png);
			&:hover {background: url(../images/Sur/01_.png);}
		}
		.item[data-id="24"] {
			background: url(../images/Sur/02.png);
			&:hover {background: url(../images/Sur/02_.png);}
		}
		.item[data-id="25"] {
			background: url(../images/Sur/03.png);
			&:hover {background: url(../images/Sur/03_.png);}
		}
		.item[data-id="26"] {
			background: url(../images/Sur/04.png);
			&:hover {background: url(../images/Sur/04_.png);}
		}
		
		.item[data-id="27"] {
			background: url(../images/Barokko/01.png);
			&:hover {background: url(../images/Barokko/01_.png);}
		}
		.item[data-id="28"] {
			background: url(../images/Barokko/02.png);
			&:hover {background: url(../images/Barokko/02_.png);}
		}
		.item[data-id="29"] {
			background: url(../images/Barokko/03.png);
			&:hover {background: url(../images/Barokko/03_.png);}
		}
		.item[data-id="30"] {
			background: url(../images/Barokko/04.png);
			&:hover {background: url(../images/Barokko/04_.png);}
		}
	}
}