@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,300,600italic,700italic&subset=latin,cyrillic);

@font-face{
	font-family:'ALS Schlange Sans';
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.eot');
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.eot?#iefix') format('embedded-opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.svg#als_schlange_sansregular') format('svg'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.otf') format('opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.woff') format('woff'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/light/font.ttf') format('truetype');
	font-weight:300;
	font-style:normal
}

@font-face{
	font-family:'ALS Schlange Sans';
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.eot');
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.eot?#iefix') format('embedded-opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.svg#als_schlange_sansregular') format('svg'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.otf') format('opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.woff') format('woff'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/regular/font.ttf') format('truetype');
	font-weight:400;
	font-style:normal
}

@font-face{
	font-family:'ALS Schlange Sans';
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.eot');
	src:url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.eot?#iefix') format('embedded-opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.svg#als_schlange_sansregular') format('svg'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.otf') format('opentype'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.woff') format('woff'),url('http://orir.ifmo.ru/fonts/als_schlange_sans/bold/font.ttf') format('truetype');
	font-weight:600;
	font-style:normal
}

body {
	background: #fff;
	color: #000;
	font:normal 13px/120% 'Open Sans', sans-serif;
	padding:0;margin:0;
	height:100%;width:100%;
	 -ms-text-size-adjust: none !important;
	 -webkit-text-size-adjust: none !important;
	 -text-size-adjust: none !important;
	background: transparent url('../images/bg.jpg') no-repeat center top;
}
html, body{
	height: 100%;
	margin-bottom: -45px;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-weight: 400;
	color: #2D2D2D;
	line-height: 150%;
}
h1{font-size: 22px; margin-bottom:20px;}
h2 {font-family: 'Open Sans', sans-serif;}
h3 {font-family: 'Open Sans', sans-serif; }
h4 {margin:5px;font-family: 'Open Sans', sans-serif; }
h5 {margin:5px;font-family: 'Open Sans', sans-serif; }


a:link,
a:visited{color:#333;}
a:hover{}
a:active{}

._menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	._menu li{
		margin: 0;
	}

._clear{
	width: 100%;
	height: 1px;
	clear: both;
}
._leftcol{
	float: left;
	width: 490px;
}
._rightcol{
	margin-left: 500px;
	float:none;
}

a img {
	border: none;
	padding:0; margin:0;
}
	
/*________________________*/

.wrap{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/*_______HEADER______*/
	header{
		overflow: hidden;
		min-width: 1000px;
		height: 670px;
		position: relative;
	}
	header > .wrap{
		width: auto;
		min-width: 0;
		max-width: 100%;
		z-index: 10; 
	}
	header .atributes{
		width: 1000px;
		height: 200px;
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
		header .atributes .dp{
			width: 96px;
			height: 150px;
			position: absolute;
			left: 50px; top: 7px;
			background: transparent url('../images/9may.png') no-repeat;
		}
		header .atributes .dp_bg{
			width: 3000px;
			height: 110px;
			position: absolute;
			right: 830px; top: 25px;
			background-color: rgba(255, 255, 255, 0.2);
		}
		header .atributes .georg_feed{
			width: 350px;
			height: 555px;
			position: absolute;
			left: -280px; top: 0;
			background: transparent url('../images/geogrievskaya_feed.png') no-repeat;
		}
	header .top{
		height: 100px;
		background-color: rgba(17, 41, 101, 0.90);
	}
		header .top .logo_itmo{
			width: 287px;
			height: 60px;
			position: absolute;
			display: block;
			right: 30px;
			top: 25px;
			background: transparent url('../images/logo_itmo.png') no-repeat;
		}
/*_______BOOK______*/
	.book{
		width: 100%;
		height: 590px;
		z-index: 10; 
		background-color: rgba(91, 138, 255, 0.8);
	}
		.book h1{
			position: absolute;
			left: 190px; top: 10px;
			color: #fff;
			font-family: "ALS Schlange Sans";
			font-size: 42px;
			line-height: 130%;
			font-weight: 300;
			text-transform: none;
			margin: 0;
			padding: 0;
		}
			.book .book_name{
				position: absolute;
				left: 150px; top: 120px;
				color: #fff;
				font-family: "ALS Schlange Sans";
				font-size: 32px;
				line-height: 160%;
				font-weight: 400;
				text-transform: uppercase;
				text-align: right;
				margin: 0;
				padding: 0;
			}
			.book .book_img{
				position: absolute;
				right: 65px; top: 105px;
				color: #fff;
				padding: 6px 6px 3px;
				background-color: rgba(255, 255, 255, 0.2);
				transition: all 0.2s ease 0s;
			}
				.book .book_img:hover{
					cursor: pointer;
					transition: all 0.2s ease 0s;
					box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);
				}
			.book .download{
				position: absolute;
				right: 370px; top: 280px;
			}
			.book .download .read, .book .download .load{
				font-family: "ALS Schlange Sans";
				font-size: 20px;
				line-height: 50px;
				font-weight: 300;
				padding: 0 0 0 30px;
				color: #fff;
				text-decoration: none;
				display: inline-block;
				transition: all 0.2s ease 0s;
				border-radius: 30px;
			}
			.book .download .read:hover, .book .download .load:hover{
				background: #ec0b43;
				text-decoration: underline;
				transition: all 0.2s ease 0s;
			}
				.book .download .read:after, .book .download .load:after{
					content: "\f1c1";
					width: 55px;
					display: inline-block;
					text-align: center;
					font-family: Fontawesome;
					font-size: 28px;
					line-height: 55px;
					border: 2px solid #ec0b43;
					border-radius: 50%;
					margin-left: 20px;
					transition: all 0.2s ease 0s;
				}
				.book .download .read:hover:after, .book .download .load:hover:after{
					color: #ec0b43;
					transition: all 0.2s ease 0s;
					background: #fff;
					
				}
			.book .download .read{
				margin-right: 50px;
			}
				.book .download .read:after{
					content: "\f02d";
				}
	
/*_______OLD_BOOK______*/
	.old_book{
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 10; 
		height: 110px;
		background-color: rgba(0, 0, 0, 0.3);
	}
		.old_book h2{
			font-family: "ALS Schlange Sans";
			font-size: 25px;
			line-height: 160%;
			font-weight: 300;
			text-transform: none;
			color: #fff;
			margin-top: 35px;
		}
			.old_book h2 a.read_old{
				text-transform: uppercase;
				text-decoration: none;
				color: #fff;
				font-size: 16px;
				display: inline-block;
				padding: 4px 40px 1px;
				border: 2px solid #fff;
				border-radius: 30px;
				margin-left: 30px;
				transition: all 0.2s ease 0s;
			}
				.old_book h2 a.read_old:hover{
					background: #fff;
					color: #395395;
					transition: all 0.2s ease 0s;
				}
				
		
/*_______SLIDER______*/	
.slider_poetry{
	overflow: hidden;
	min-width: 1000px;
	height: 710px;
	position: relative;
}
	.slider_poetry > .wrap{
		width: 1000px;
		min-width: 1000px;
		max-width: 100%;
		z-index: 10; 
		padding-top: 20px;
	}
		.slider_poetry h2{
			font-family: "ALS Schlange Sans";
			font-size: 32px;
			line-height: 50px;
			font-weight: 300;
			color: #12358d;
			margin: 0px 0 0 10px;
			padding-left: 50px;
			padding-top: 20px;
			position: relative;
			z-index: 10;
			background: transparent url('../images/poetry_title_bg.png') no-repeat left;
		}
		.slider_poetry .poetry_bg{
			width: 1164px;
			height: 727px;
			position: absolute;
			left: 200px;
			top: 0;
			z-index: 1;
			background: transparent url('../images/poetry_bg.jpg') no-repeat;
		}
		.slider_poetry .stand{
			position: relative;
			display: table;
			margin: 20px 0 0 60px;
			padding: 6px 6px 3px;
			z-index: 10;
			transition: all 0.2s ease 0s;
			background-color: rgba(240, 240, 240, 0.8);
		}
			.slider_poetry .stand:hover{
				cursor: pointer;
				transition: all 0.2s ease 0s;
				box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.3);
			}
			
	.author, .where{
		text-align: right;
		display: block;
		font-family: "ALS Schlange Sans";
		font-size: 15px;
		line-height:17px;
		font-weight: 300;
	}
	.author{
		margin-bottom: 10px;
	}
	.where{
		margin-top: 10px;
		font-size: 15px;
	}
	.poetry_text{
		font-family: "ALS Schlange Sans";
		font-size: 19px;
		line-height:23px;
		font-weight: 600;
	}
		
/*_______SLIDER______*/	
.slider_photo{
	overflow: hidden;
	min-width: 1000px;
	height: 470px;
	position: relative;
	background: #113182 url('../images/photo_bg.svg') no-repeat center center;
}
	.slider_photo .wrap{
		width: auto;
		min-width: 1000px;
		max-width: 100%;
		z-index: 10; 
	}
	
/*_______TIMER______*/	
.timer{
	width: 100%;
	min-width: 1000px;
	height: 80px;
	position: relative;
	background: none;
	color: #113182;
	padding: 50px 0;
}
	.timer h2{
		font-family: "ALS Schlange Sans";
		font-size: 38px;
		line-height: 120%;
		font-weight: 300;
		text-align: right;
		text-transform: none;
		color: #113182;
	}
	.timer ._leftcol{
		width: 420px;
	}
	.timer ._rightcol{
		margin-left: 450px;
	}
		.timer .counter{
			display: inline-block;
			padding: 10px;
			text-align: center;
			font-family: "ALS Schlange Sans";
			line-height: 140%;
			font-weight: 300;
			text-transform: none;
			width: 95px;
			padding: 30px 0 15px;
			position: relative;
			background: #fff;
			margin: 3px 5px 10px;
		}
			.timer .counter:before{
				content: "";
				position: absolute;
				left: 0; top: 0; bottom: 0; right: 0;
				background: #eee;
				z-index: 1;
				border-radius: 10px;
			}
			.timer .counter:after{
				content: "";
				position: absolute;
				left: 0; top: 0; bottom: 0; right: 0;
				background: #fff;
				z-index: 1;
				margin: 5px;
				border: 1px solid #113182;
				border-radius: 8px;
			}
			.timer span.counter > span{
				font-size: 18px;
				clear: both;
				position: relative;
				z-index: 10;
				display: block;
			}
			.timer .counter .date{
				font-size: 45px;
				font-weight: 600;
				margin-bottom: 5px;
			}

/*_______PEOPLE______*/	
.people{
	overflow: hidden;
	min-width: 1000px;
	height: auto;
	position: relative;
	color: #fff;
	background: #113182;
}
	.people .wrap{
		width: 1000px;
		min-width: 1000px;
		max-width: 100%;
		z-index: 10; 
		padding-bottom: 20px;
		display: table;
	}
	.people .bg_itmo{
		position: absolute;
		right: 500px;
		bottom: 0;
		width: 1200px;
		height: 768px;
		z-index: 1;
		background: transparent url('../images/bgbg.png') no-repeat;
	}
	.people a{
		color: #fff;
	}
	.people a:hover{
		color: #25b5e2;
	}
	.people:before{
		content:"";
		width: 100%;
		height: 10px;
		position: absolute;
		background: #fff;
	}
	.people h2{
		display: block;
		color: #fff;
		padding: 10px 15px;
		background: #255be2;
		margin: 0 10px 20px;
	}
	.people .people_spis{
		float: left;
		width: 31%;
		display: inline-block;
		margin-left: 2%;
		font-size: 16px;
		font-family: "ALS Schlange Sans";
		line-height: 130%;
		font-weight: 400;
		text-transform: none;
		position: relative;
		z-index: 1;
	}
		.people .people_spis h3{
			color: #fff;
			font-size: 18px;
			font-family: "ALS Schlange Sans";
			line-height: 130%;
			font-weight: 600;
			text-transform: none;
			margin: 10px 0;
		}
/*_______BANNERS_________*/
.banners{
	width: 100%;
	min-width: 1000px;
	height: 300px;
	position: relative;
	background: none;
	padding: 120px 0 80px;
	color: #113182;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.3);
	background: transparent url('../images/banners_bg.png') no-repeat center;
}
	.banners .banner_box{
		position: absolute;
		padding: 30px 30px 25px;
		border-radius: 30px;
		text-align: center;
		color: #113182;
		font-size: 25px;
		font-family: "ALS Schlange Sans";
		line-height: 130%;
		font-weight: 300;
		text-transform: uppercase;
		text-decoration: none;
		background-color: rgba(255, 255, 255, 0.8);
		transition: all 0.2s ease 0s;
	}
		.banners .banner_box:hover{
			background-color: rgba(255, 255, 255, 1);
			box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);
			transition: all 0.2s ease 0s;
		}

	
/*_______FOOTER______*/		
footer{
	width: 100%;
	height: 70px;
	color: #fff;
	display: table;
	background-color: #0A1E4F;
}
	footer .wrap{
		height: 70px;
	}
		footer .copyright{
			padding-top: 17px;
		}
		.muz_logo{
			position: absolute;
			right: 10px;
			bottom: 10px;
		}