@font-face {
    font-family: "HeliosCondRegular";
    src: url(fonts/HeliosCondRegular.eot);
    src: url(fonts/HeliosCondRegular.eot?#iefix)format("embedded-opentype"),
    url(fonts/HeliosCondRegular.woff) format("woff"),
    url(fonts/HeliosCondRegular.ttf) format("truetype");
    font-style: normal;
    font-weight: normal;
}

html,body{margin:0;padding:0;width:100%;height:100%}
.wr0 {
	display:table;
	width:100%;
	height:100%
}
.wr1 {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

body{
	font-family:'HeliosCondRegular','arial narrow',arial;
	font-size:15px;
	color:#000;
	background:#bfbfbf;
	min-width:1200px;
	min-height:660px;
}
a {
	color:#000;
}
p {
	padding:0;
	margin:0 0 .8em;
}
.wrap {
	width:1200px;
	height:660px;
	background:#dcd7c7 url(../img/bg.jpg) no-repeat 0 0;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	display:inline-block;
	text-align:left;
}
#splash {
	position:absolute;
	left:0;
	top:0;
	width:1200px;
	height:660px;
	background:#ded8ca url(../img/splash.jpg) no-repeat 0 0;
	z-index:5;
}
.header {
	height:87px;
	width:100%;
	overflow:hidden;
}
.header>div {display:inline-block;position:relative;color:#fff;vertical-align:top;font-family:HeliosCondRegular;float:left}

.logo {
	margin-right:6px;
	width:80px;
	height:80px;
	background:#ab4a3a url(../img/logo.png) no-repeat 50% 50%;
}
.period {
	margin-right:6px;
	width:205px;
	background:#ab4a3a url(../img/bg-period.png) no-repeat 50% 50%;
	font-size:30px;
	text-align:center;
	padding-top:20px;
	height:60px;
}
.header .title {
	margin:0;
	padding:0 0 0 28px;
	width:875px;
	background:#000 url(../img/bg-title.png) no-repeat 100% 50%;
	font-size:27px;
	font-weight:normal;
	height:80px;
}
.header .title h1 {
	display:table-cell;
	vertical-align:middle;
	height:80px;
	margin:0;padding:0;
	font-size:1em;
	font-weight:normal;
}
#full-info h1 {
	margin-top:0;
}
#main-content {
	height:433px;
	padding:0;
	/*background:transparent url(../img/250let.png) no-repeat 27px 14px;*/
	position:relative;
}
#loader,.loader {
	position:absolute;
	left:50%;
	top:50%;
	width:32px;
	height:32px;
	margin-left:-16px;
	margin-top:-16px;
	background:transparent url(../img/loading.gif) no-repeat 50% 50%;
}
#main-content>div {
	position:absolute;
}
.tmpl-4 .div-0 {
	left:89px;
	top:162px;
	width:246px;
	height:145px;
}
.tmpl-4 .div-1 {
	left:346px;
	top:100px;
	width:205px;
	height:302px;
}
.tmpl-4 .div-2 {
	left:561px;
	top:131px;
	width:348px;
	height:216px;
}
.tmpl-4 .div-3 {
	left:920px;
	top:26px;
	width:257px;
	height:323px;
}
.tmpl-4b .div-0 {
	left:90px;
	top:83px;
	width:232px;
	height:283px;
}
.tmpl-4b .div-1 {
	left:334px;
	top:123px;
	width:301px;
	height:281px;
}
.tmpl-4b .div-2 {
	left:646px;
	top:83px;
	width:264px;
	height:285px;
}
.tmpl-4b .div-3 {
	left:921px;
	top:83px;
	width:257px;
	height:319px;
}
.tmpl-3 .div-0 {
	left:89px;
	top:83px;
	width:409px;
	height:283px;
}
.tmpl-3 .div-1 {
	left:510px;
	top:118px;
	width:398px;
	height:284px;
}
.tmpl-3 .div-2 {
	left:920px;
	top:83px;
	width:257px;
	height:283px;
}
.tmpl-6h .div-0,
.tmpl-6v .div-0 {
	left:89px;
	top:138px;
	width:409px;
	height:228px;
}
.tmpl-6h .div-1 {
	left:510px;
	top:26px;
	width:205px;
	height:140px;
}
.tmpl-6h .div-2 {
	left:510px;
	top:220px;
	width:206px;
	height:146px;
}
.tmpl-6h .div-3 {
	left:727px;
	top:26px;
	width:181px;
	height:265px;
}
.tmpl-6h .div-4 {
	left:920px;
	top:83px;
	width:257px;
	height:128px;
}
.tmpl-6h .div-5 {
	left:920px;
	top:222px;
	width:257px;
	height:128px;
}
.tmpl-6v .div-1 {
	left:510px;
	top:26px;
	width:181px;
	height:265px;
}
.tmpl-6v .div-2 {
	left:703px;
	top:26px;
	width:198px;
	height:140px;
}
.tmpl-6v .div-3 {
	left:703px;
	top:220px;
	width:198px;
	height:146px;
}
.tmpl-6v .div-4 {
	left:913px;
	top:87px;
	width:128px;
	height:257px;
}
.tmpl-6v .div-5 {
	left:1053px;
	top:87px;
	width:128px;
	height:257px;
}

.footer{
	position:absolute;
	width:100%;
	height:121px;
	bottom:0;
	left:0;
	background:#333;
	color:#fff;
}



.tr-d:after {
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-6px;
	content:'';
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #ab4a3a;
}
.tr-18:after{
	left:18%;
}
.rot-90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}


.period-container {
	position:absolute;
	width:1162px;
	height:121px;
	overflow:hidden;
	padding:0;
	margin:-20px 0 0 19px;
	white-space:nowrap;
}
.period-links {
	display:inline-block;
	height:121px;
	padding:0;
	margin:0;
	list-style:none;
}
.period-container .item,
.period-links li{
	display:inline-block;
	vertical-align:middle;
	width:140px;
	height:121px;
	margin:0 6px 0 0;
	padding:0;
	background:#282828;
	position:relative;
}
.period-links li{
	cursor:pointer;
}
.period-container .title {
	position:relative;
	text-align:center;
	font-size:18px;
	background:#82382b;
	line-height:40px;
}
.period-container .ftitle {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	font-size:15px;
	background:#82382b;
	line-height:26px;
	cursor:pointer;
}
.period-container .active .title {
	background:#ab4a3a
}
.period-container .tr-d:after {
	border-top: 6px solid #82382b;
}
.period-container .active .tr-d:after {
	border-top: 6px solid #ab4a3a;
}
.period-container .description {
	padding:15px 15px 0;
	font-size:10px;
	white-space:normal;
	max-height:60px;
	overflow:hidden;
}
.period-container .jp-interface {
	margin:16px 12px 0;
}
.period-container .item.periods {
	width:724px;overflow:hidden;background:transparent
}
.period-container .navig {
	width:53px;
	height:53px;
	margin:-8px auto 0;
	background:transparent url(../img/nav-arrow.png) no-repeat 50% 0;
	cursor:pointer;
	position:relative;
}
.period-container .navig-next {
	background-position:50% 100%;
}

.jp-controls {
	width:43px;
	height:39px;
	overflow:hidden;
	cursor:pointer;
	margin:0 auto;
}
.jp-controls .jp-play{
	width:43px;
	height:39px;
	background:transparent url(../img/player-play.png) no-repeat;
}
.jp-controls .jp-pause{
	width:43px;
	height:39px;
	background:transparent url(../img/player-pause.png) no-repeat;
}
.jp-progress {
	height:2px;
	background:#dfd3c8;
	position:relative;
	margin:10px 8px 0;
}
.jp-seek-bar {
	position:absolute;
	top:-7px;
	left:0;
}
.jp-play-bar-round {
	margin:0 0 0 -8px;
	width:16px;
	height:16px;
	background:transparent url(../img/player-progress.png) no-repeat 50% 50%;
	display:inline-block;
	line-height:16px;
}
.jp-play-bar {
	display:inline-block;
	line-height:16px;
}
.align-left {
	float:left;
	margin:0 10px 5px 0;
}
.align-right {
	float:right;
	margin:0 0 5px 10px;
}
#main-content>div {
	background:url(../img/e.gif);
	/*
	border:3px solid transparent;
	box-sizing: border-box;
	transition:1s;
	-webkit-transition:1s;
	*/
}
#main-content>div:hover {
	/*border-color:brown;
	transition:1s;
	-webkit-transition:1s;
	*/
}
#full-info {
	display:none;
	position:absolute;
	top:86px;
	left:0;
	width:1200px;
	height:574px;
	background:transparent url(../img/250let.png) no-repeat 27px 12px;
	z-index:5;
}
.full-info-content{
	width:1040px;
	height:425px;
	overflow:auto;
	position:absolute;
	left:86px;
	top:24px;
	background:#f4f4f4;
	border:2px dotted #ccc;
	padding:15px;
	color:#414141;
}
.full-info-content img {
	max-width:100%;
}
.full-info-footer {
	width:1200px;
	height:59px;
	position:absolute;
	bottom:0;
	left:0;
	background:#333;
	color:#d9dbc5;
	font-size:18px;
	text-transform:uppercase;
}
.full-info-footer .return-back {
	padding-left:53px;
	margin:10px 0 0 20px;
	line-height:38px;
	background:transparent url(../img/arrow-left.png) no-repeat 0 50%;
	cursor:pointer;
	float:left;
}
#data-blocks {
	display:none
}