@font-face {
    font-family: 'acrom';
    src: url('../fonts/ACROM.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'acrom';
    src: url('../fonts/ACROM LIGHT.OTF');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'acrom';
    src: url('../fonts/ACROM MEDIUM.OTF');
    font-weight: bold;
    font-style: normal;
}

/* ГЛОБАЛЬНЫЕ */
  * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
  }

  html, body {
	margin: 0;
	padding: 0;
	height: 100%;
  }

body {
	overflow-x: hidden;
    background: none repeat scroll 0 0 #EEE;
    color: #505050;
    font: 100 14px "acrom",Verdana,Arial,Tahoma,sans-serif;
    margin: 0;
    padding: 0;
	display: block;
	min-width: 1200px;
}

section
{
	position: relative;
	font: 100 18px "acrom bold",Verdana,Arial,Tahoma,sans-serif;
}

body > section {
	width: 100%;
	height: 100%;
	min-height: 800px;
	/*overflow-x: hidden;*/
}

.section
{
	width: 100%;
	height: 100% !important;
	/*overflow-x: hidden;*/
	transform-origin: top center;
	-ms-transform-origin: 60% 100%;
}

a {
	text-decoration: none;
	color: #b3944b;
}

a:hover {
	text-decoration: underline;
}

.container {
    width: 1200px;
    position: relative;
    margin: 0 auto;
	height: 100%;
}

.fixed {
    position: fixed !important;
    top: 0;
}

.vector
{
	position: absolute;
	bottom: 20px;
    margin: 0 auto;
	cursor: pointer;
	z-index: 1;
}

.vector_up
{
	position: absolute;
	top: 20px;
    margin: 0 auto;
	cursor: pointer;
	z-index: 1;
}


.vector_left
{
	position: absolute;
	top: 380px;
	left: 80px;
    margin: 0 auto;
	cursor: pointer;
	z-index: 1;
}

.vector_right
{
	position: absolute;
	top: 380px;
	right: 60px;
    margin: 0 auto;
	cursor: pointer;
	z-index: 1;
}

.button_small
{
	background-color: black;
	text-align: center;
	vertical-align: middle;
	margin-top: 30px;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding: 9px 16px;
}

.button_small span {
	display:inline-block;

	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
}


.button_small:hover
{
	background-color: #b3944b;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.orange
{
	background-color: #b3944b;
}

.orange:hover
{
	background-color: black;
}

.title
{
	font-size: 30px;
	position: absolute;
	top: 20px;
	color: #b3944b;
    font-weight: normal;
	text-transform: uppercase;
}

.title span
{
	color: black;
	font: 100 30px "acrom",Verdana,Arial,Tahoma,sans-serif;
}

.red 
{
	color: #b3944b;
}

.text
{
	font: 100 16px Arial,Tahoma,sans-serif;
	color: #666666;
	line-height: 1.3;

}

.menu_button
{
	top: 18px; 
	left: 326px;  
	position: absolute;
}
/* // ГЛОБАЛЬНЫЕ */

/* ШАПКА */
.head
{
	background-image: url(../img/itprize2025.png?5);
	background-color: #b3944b;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
	min-height: 820px;

}

.head .container
{
	height: 800px;
}

.head .container a
{
	color: white;
	text-transform: uppercase;
}

.head_img
{
	position: absolute; 
	top: 440px; 
	margin: 0 -790px;
}

/* // ГЛОБАЛЬНЫЕ */

/* О САММИТЕ */
#about
{
	min-height: 1166px;
}

.about
{
	background-image: url(../img/about.jpg);
	background-color: #cda535;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 1166px;
	min-height: 1166px;

	position: relative;
	text-align:center; 
}

.about .left
{
    position: absolute;
    left: 140px;
    top: 130px;
    height: 420px;
    width: 300px;
}

.about .left strong
{
	color: black;
}

.about .right
{
    position: absolute;
    left: 590px;
    top: 130px;
    width: 560px;
	min-height: 1000px;
	text-align: left;
}

.about .right .title
{
	color: white;
}

.about .right .title span
{
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;

	width: 3px;
	height: 24px;
	background-color: black;
	margin-top: 3px;
	margin-right: 8px;
}


.about .right_name
{
	color: black;
	margin-top: 25px;
}

.about .right_desc
{
	color: white;
	font-size: 12px;
	padding: 12px 0;
	font-weight: normal;
}

.about .right_desc span
{
	display: inline-block;
	width: 250px;
	padding: 3px 0;
}

/*
.about .container a
{
	color: white;
	text-transform: uppercase;
}
*/
.about .title
{
	position: relative;
	text-align: left;
}

.about .desc
{
	font: 100 13px Arial,Tahoma,sans-serif;
	color: #666666;
	line-height: 1.3;
	margin-top: 40px;
	text-align: left;
}



/* Новости */
.news
{
	background-image: url(../img/news.jpg);
	background-color: #cda535;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
}

.news_menu
{
	position: absolute;
	width: 200px;
	height: 350px;
	left: 76px;
	top: 280px;
	overflow: hidden;
}

.news_menu_inner
{
	position: relative;
	width: 100%;
	height: 300px;
	overflow: auto;
}

.news_menu a
{
	display:inline-block;
	padding-left: 10px;
	margin-bottom: 16px;
	color: white;
	font-size: 12px;
}

.news_menu a.active
{
	border-left: 3px solid white;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 

}

.news_snap
{
	overflow: hidden;
	height: 380px;
	width: 420px;
	position: absolute;
	top: 280px;
	left: 420px;
}


.news_snap_inner
{
	overflow: auto;
	height: 370px;
	width: 440px;
	position: relative;
}

.news  section
{
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-size: 12px;
	color: #666666;
	padding: 10px;
}

.news  section .name
{	
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.news .date
{
	background-color: #b3944b;
	margin-bottom: 20px;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 6px;
}

.news .date span {
	display:inline-block;

	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
}

.news_menu_up
{
	cursor: pointer;
}

.news_menu_dawn
{
	cursor: pointer;
}

/* УЧАСТНИКИ */
#people
{
	min-height: 1464px;
	height: 1464px;
}

.people
{
	background-image: url(../img/people4.jpg);
	background-color: #c0c0c0;
    background-position: 50% 0;
    background-repeat: no-repeat;
	position: relative;
	text-align:center; 
	min-height: 1080px;
}

.people .main_name
{
	background-color: #b3944b;
	margin-bottom: 20px;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;
	color: white;
	text-transform: uppercase;
	padding: 8px 16px;

	width: 500px;

	margin-top: 140px;
	margin-left: 90px;
	font-size: 20px;
}

.people .crop_img
{
	width: 400px; height: 260px; text-align: left; position: absolute; right: -122px; top: 210px;
}

.people table
{
	width: 500px;
	position: absolute;
	top: 200px;
	left: 380px;
	font-size: 12px;
	text-align: left;
}

.people table td
{
	vertical-align: top;
	padding: 6px 10px 6px 0;
}

.people table td:first-child
{
	width: 120px;
	text-transform: uppercase;
	color: #999999;
	text-align: right;
}


.main_name span {
	display:inline-block;

	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
}

.people_snap
{
	overflow: hidden;
	height: 690px;
	width: 1050px;
	position: absolute;
	top: 582px;
	left: 120px;
}

.people_snap_inner
{
	overflow: auto;
	height: 710px;
	width: 1080px;
	position: relative;
}

.people  section
{
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}

.people_menu
{
    position: absolute;
    top: 1350px;
    left: 70px;
    overflow: hidden;
	width: 200px;
	height: 40px;
	text-align: right;
}

.people_menu a
{
	color: white;
	font-size: 20px;
}

.people_menu a.active
{
	font-size: 24px;
	text-decoration: underline;
}

.people section a
{
	color: white;
}

.people section > div
{
	width: 230px;
	height: 260px;
	float: left;
	margin-right: 10px;
	margin-bottom: 45px;
	overflow:hidden;
}

.people section > div > span
{
	font-size: 12px;
	line-height: 1.4;
	font-style:italic;
	display:inline-block;
	/*min-height: 70px;*/
}

.people section  p
{
	font-size: 12px;
	line-height: 1.4;
}

.people section  p  font
{
	color: #cda535;
	text-transform: uppercase;
}

.people .nomen
{
	cursor: pointer;
}

.people .nomen:hover
{
	filter: contrast(95%);
	filter: brightness(0.95);
}


.people section > div > div
{
	background-color: #b3944b;
	height: 30px;
	width:210px;
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	padding-top: 6px;

}


.people section > div > div span {
	display:inline-block;

	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
}




/* ФОТО */
.photo
{
	background-image: url(../img/photo.jpg);
	background-color: #c0c0c0;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
}

.photo_menu
{
    position: absolute;
    top: 660px;
    left: 130px;
    overflow: hidden;
	width: 200px;
	height: 40px;
	text-align: right;
}

.photo_menu a
{
	color: white;
	font-size: 20px;
}

.photo_menu a.active
{
	font-size: 24px;
	text-decoration: underline;
}

.photo_snap
{
	overflow: hidden;
	height: 440px;
	width: 980px;
	position: absolute;
	top: 180px;
	left: 120px;
}

.photo_snap_inner
{
	overflow: auto;
	height: 430px;
	width: 1020px;
	position: relative;
}

.photo  section
{
	height: 100%;
	width: 100%;
	overflow-x: hidden;
}


.photo .photolist div
{	
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.photo .photolist img:hover
{
	filter: contrast(90%);
	filter: brightness(1.2);
}

 .photo .button_small
 {
    width: 300px;
    position: absolute;
    top: 632px;
    left: 460px;
	height: 40px;
	background-color: black;
	padding-top: 12px;
 }

.photo .button_small:hover
{
	background-color:  #b3944b;
}


/* ВИДЕО */
.video
{
	background-image: url(../img/video.jpg);
	background-color: #585858;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
}

.video .videolist
{
	width: 1100px;
	height: 400px;
	position: absolute;
	overflow:hidden;
    left: 100px;
    top: 180px;
	overflow: hidden;
}

.video .videolist div
{	
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}

.video .videolist img:hover
{
	filter: contrast(90%);
	filter: brightness(1.2);
}

 .video .button_small
 {
    width: 300px;
    position: absolute;
    top: 632px;
    left: 460px;
	height: 40px;
	background-color: black;
	padding-top: 12px;
 }

.video .button_small:hover
{
	background-color:  #b3944b;
}


/* МЕСТО */
.reg
{
	background-image: url(../img/reg.jpg);
	background-color: #cda535;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
	color: white;
}

.reg .left
{
    position: absolute;
    left: 140px;
    top: 100px;
    height: 616px;
    width: 300px;
}

.reg .left strong
{
	color: black;
}

.reg .title
{
	position: relative;
	text-align: left;
}

.reg .desc
{
	font: 100 13px Arial,Tahoma,sans-serif;
	color: #666666;
	line-height: 1.3;
	margin-top: 40px;
	text-align: left;
    width: 260px;
}

.reg .right
{
    position: absolute;
    left: 590px;
    top: 100px;
    width: 560px;
	min-height: 1000px;
	text-align: left;
}

.reg .right .title
{
	color: white;
}

.reg .right .title span
{
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	display:inline-block;

	width: 3px;
	height: 24px;
	background-color: black;
	margin-top: 3px;
	margin-right: 8px;
}


.reg .right_name
{
	color: black;
	margin-top: 30px;
}

.reg form
{
	font-size: 12px;
}

.reg form input[type=text]
{
	padding: 0px;
	background: transparent;
	border: 0px;
	width: 380px !important;
	color: white;
	margin-left: 5px;
	padding: 2px;
}

.reg form td
{
	border-bottom: 1px solid #dfc67f;

}

/* МЕСТО */
.place
{
	background-image: url(../img/place.jpg);
	background-color: #1e1d1d;
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	position: relative;
	text-align:center; 
	color: white;
}

.place .text
{
	position: absolute; top: 330px; left: 500px; padding: 7px 10px; color: white; font-size: 20px; text-transform: uppercase; line-height: 1.5
}

.place .text span
{
	font-size: 36px; 
	color: #b3944b;
	font-size: 30px;
}

.place .link
{
	text-transform: uppercase;
	position: absolute;
	padding: 7px 10px;
}

.place .phone
{
	color: white;
	text-transform: uppercase;
	position: absolute;
	padding: 7px 10px;
    top: 714px;
    left: 100px;
}

.place .quest
{
	color: white;
	position: absolute;
    top: 714px;
    left: 390px;
	font-size: 14px;
	width: 480px;
	text-align: left;
}



/* МЕНЮ */
.menu 
{
	position: fixed;
	top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
	background-image: url(../img/menu_bg.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
	height: 800px;
	text-align:center; 
	min-height: 800px;

	display:none;
	/*position: relative;
	text-align:center; 	
	background-color: #DDD;	display:none;

*/
}

.menu_archive 
{
	margin-top: 36px;
	color: #aaa;
	font-weight: bold;
}

.menu_archive  a
{
	color: white;
	margin-right: 14px;
}

.menu_list 
{
	margin-top: 70px;
}

.menu_list a
{
	font-size: 30px;
	color: white;
	text-transform: uppercase;
	display:inline-block;
	padding: 5px 15px;
	border-left: 2px solid transparent;

}


.menu_list a:hover
{
	border-left: 2px solid #b3944b;
	color:  #b3944b;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 

	text-decoration: none;
}

.menu_list a:hover span {
	display:inline-block;
	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
	color:#b3944b;
}


.menu_list .button_start
{
	background-color:  #b3944b;
	color: white;
	-webkit-transform: skewX(-15deg); 
	-moz-transform: skewX(-15deg); 
	-ms-transform: skewX(-15deg); 
	-o-transform: skewX(-15deg); 
	transform: skewX(-15deg); 
	margin-bottom: 20px;
}

.menu_list .button_start span {

	display:inline-block;
	-webkit-transform: skewX(15deg) !important; 
	-moz-transform: skewX(15deg) !important; 
	-ms-transform: skewX(15deg) !important; 
	-o-transform: skewX(15deg) !important; 
	transform: skewX(15deg) !important; 
	color:white;
}

.menu_list .button_start:hover {
	background-color:  black;

}


/* Другое */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:60px;
	right:15px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


form
{
	text-align: left;
	font-size: 16px;
}

form input[type="text"], textarea, input[type='submit']
{
	width: 100%;
	padding: 5px;
}

form select
{
	width: 100%;
	padding: 5px;
}

form table td
{
	padding: 5px;
}