/* CSS Document */

body {
	background: url(/img/bg.gif) 50% 0 repeat-y;
	margin: 0px;
	padding: 0px;
	font-family: Trebuchet MS, Trebuchet, Verdana, sans-serif;
	font-size: 90%;
}

body {
	/*width:990px;*/
	margin: 0px auto;
}

.png {
	behavior: url("/css/pngbehavior.htc");
}

/*----------------------------------------------------------------------------	Шапка	----------------------*/
#title {
	width: 990px;
	margin: 0px auto;
	text-align: center;
	font-size: 200%;
	position: relative;
}

#orange {
	color: #ff6c00;
}

#white, .white {
	color: #FFFFFF;
}

#ctl00_language,
#language,
.language_selector {
	position: absolute;
	top: 0px;
	right: 0px;
}

#social {
	position: absolute;
	top: 6px;
	left: 0px;
}

	#social a {
		opacity: 0.7;
	}

		#social a:hover {
			opacity: 1;
		}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	#ctl00_language,
	#language {
		top: 10px;
	}

	#social {
		top: 10px;
	}
}



/*----------------------------------------------------------------------------	Синее меню	--------------------*/

#blue_menu {
	width: 730px;
	height: 41px;
	margin: 0px auto;
	margin-top: 10px;
	position: relative;
	background: url(/img/blue_menu_bg.png);
	z-index: 10;
	text-align: center;
}

* html #blue_menu {
	margin-bottom: -1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/blue_menu_bg.png',sizingMethod='scale');
}

#b_m_left_shadow, #b_m_right_shadow {
	width: 5px;
	height: 42px;
	position: absolute;
	bottom: -6px;
}

#b_m_left_shadow {
	left: -5px;
	background: url(/img/b_m_left_shadow.png);
}

* html #b_m_left_shadow {
	left: 0px;
	top: -1px;
	background: url(/img/b_m_left_shadow_ie.png);
}

#b_m_right_shadow {
	right: -5px;
	background: url(/img/b_m_right_shadow.png);
}

* html #b_m_right_shadow {
	right: 0px;
	top: -1px;
	background: url(/img/b_m_right_shadow_ie.png);
}

#b_m_l_corner, #b_m_r_corner {
	width: 5px;
	height: 5px;
	position: absolute;
	top: 0px;
}

#b_m_l_corner {
	left: -5px;
	background: url(/img/top_menu_l_t_corner.png);
}

* html #b_m_l_corner {
	left: 0px;
	top: 0px;
	font-size: 1px;
	background: url(/img/top_menu_l_t_corner_ie.png);
}

#b_m_r_corner {
	right: -5px;
	background: url(/img/top_menu_r_t_corner.png);
}

* html #b_m_r_corner {
	right: 0px;
	top: 0px;
	font-size: 1px;
	background: url(/img/top_menu_r_t_corner_ie.png);
}

/*----------------------------------------------------------------------------	Главный блок	--------------*/
#main {
	width: 970px;
	position: relative;
	margin: 0px auto;
	padding: 0px 10px 0px 10px;
	background: url(/img/main_bg.gif) repeat-y;
	z-index: 100;
}

#main_top_shadow, * html #main_top_shadow {
	width: 970px;
	position: absolute;
	left: 10px;
}

#main_top_shadow {
	height: 5px;
	top: -5px;
	background: url(/img/main_top_shadow.png) repeat-x;
}

* html #main_top_shadow {
	font-size: 1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_top_shadow.png',sizingMethod='scale');
}

#main_bottom_shadow, * html #main_bottom_shadow {
	width: 970px;
	position: absolute;
	left: 10px;
	height: 10px;
}

#main_bottom_shadow {
	bottom: -10px;
	background: url(/img/main_bottom_shadow.png) repeat-x;
}

* html #main_bottom_shadow {
	font-size: 1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_bottom_shadow.png',sizingMethod='scale');
}

#main_l_t_corner, #main_r_t_corner {
	position: absolute;
	height: 5px;
	width: 10px;
	top: -5px;
}

#main_l_t_corner {
	left: 0px;
	background: url(/img/main_l_t_corner.png);
}

* html #main_l_t_corner {
	font-size: 1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_l_t_corner.png',sizingMethod='scale');
}

#main_r_t_corner {
	right: 0px;
	background: url(/img/main_r_t_corner.png);
}

* html #main_r_t_corner {
	font-size: 1px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_r_t_corner.png',sizingMethod='scale');
}

#main_l_b_corner, #main_r_b_corner {
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: -10px;
}

#main_l_b_corner {
	background: url(/img/main_l_b_corner.png);
	left: 0px;
}

* html #main_l_b_corner {
	font-size: 1px;
	background: none;
	bottom: -11px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_l_b_corner.png',sizingMethod='scale');
}

#main_r_b_corner {
	right: 0px;
	background: url(/img/main_r_b_corner.png);
}

* html #main_r_b_corner {
	font-size: 1px;
	background: none;
	bottom: -11px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_r_b_corner.png',sizingMethod='scale');
}


/*----------------------------------------------------------------------------	Внутренности главного блока	-*/
.clear {
	clear: both;
}

.container, #container {
	width: 950px;
	background: #FFFFFF;
	position: relative;
	padding: 10px;
}

.left_column, .right_column {
	width: 460px;
	margin: 0px;
	margin-top: 15px;
}

.left_column {
	float: left; /*background:#FFCC99; */
}

.right_column {
	float: right;
	text-align: left;
}

.user_menu {
	width: 930px;
	font-size: 130%;
	font-weight: normal;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	/*	border:#3399FF 1px solid;*/
}

	.user_menu .small {
		font-size: 60%;
	}

	.user_menu a:link, .user_menu a:visited, .user_menu a:hover, .user_menu a:active {
		color: #0066CC;
	}

	.user_menu a:hover, .user_menu a:active {
		color: #FF9933;
	}

.float_photo {
	float: left;
	margin-left: 10px;
}

#first_time_info p {
	margin-left: 150px;
}

#first_time_info h5 {
	text-align: right;
	color: #FF6600;
}

/*----------------------------------------------------------------------------	Футер	---------------------*/
#footer {
	width: 700px;
	height: 61px;
	margin: 0px auto;
	position: relative;
	background: url(/img/footer_bg.png) repeat-x;
	z-index: 101;
}

* html #footer {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_bg.png',sizingMethod='scale');
}

#footer_left_shadow, #footer_right_shadow {
	width: 5px;
	height: 56px;
	position: absolute;
	top: 0px;
}

#footer_left_shadow {
	left: -5px;
	background: url(/img/footer_left_shadow.png);
}

* html #footer_left_shadow {
	left: 0px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_left_shadow.png',sizingMethod='scale');
}

#footer_right_shadow {
	right: -5px;
	background: url(/img/footer_right_shadow.png);
}

* html #footer_right_shadow {
	right: 0px;
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_right_shadow_ie.png',sizingMethod='scale');
}

#footer_l_b_corner, #footer_r_b_corner {
	width: 5px;
	height: 5px;
	position: absolute;
	bottom: 0px;
}

#footer_l_b_corner {
	left: -5px;
	bottom: 0px;
	background: url(/img/footer_left_c.png);
}

* html #footer_l_b_corner {
	font-size: 1px;
	left: 0px;
	bottom: 0px;
	width: 5px;
	height: 5px;
	background: url(/img/footer_l_c_ie.png);
}

#footer_r_b_corner {
	right: -5px;
	background: url(/img/footer_right_c.png);
}

* html #footer_r_b_corner {
	font-size: 1px;
	right: -1px;
	bottom: -2px;
	width: 5px;
	height: 5px;
	background: url(/img/footer_r_c_ie.png);
}

.footer_block {
	width: 200px;
	height: 35px;
	position: absolute;
	vertical-align: middle;
	top: 10px;
}

.block_1 {
	left: 40px;
}

.block_2 {
	left: 260px;
}

.block_3 {
	left: 485px;
}

.small_red {
	font-size: 70%;
}

.small p {
	font-size: 90%;
}



/**************************************************/
.orange {
	color: #FF6600;
}

.users_projects {
	background: #FFFFFF;
	text-align: center;
	margin: 0px 20px 0px 20px;
	padding: 7px 15px 7px 15px;
	font-size: 16px;
	font-weight: bold;
}

	.users_projects sup {
		font-weight: normal;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
	}

.projects_menu {
	overflow: hidden;
	display: block;
	list-style: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

	.projects_menu li {
		display: inline;
		margin: 0px 25px 0px 0px;
	}

/**************/
.invite_block {
	width: 300px;
	margin: 0 auto;
	padding: 15px;
	line-height: 140%;
	background: #FFFFFF;
	border: #FF9900 3px double;
	overflow: hidden;
}

	.invite_block center {
		color: #414141;
		font-weight: bold;
		font-size: 16px;
		font-style: italic;
		text-align: center;
	}

.read_all {
	float: right;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
}


/***********************/

.float_menu {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}

	.float_menu li {
		float: left;
		margin: 3px 5px;
		padding: 5px;
		background: #EEE;
	}

.popup {
	position: absolute;
	top: -50px;
	left: 100px;
	padding: 25px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 2px 2px 8px 1px #999;
	z-index: 9999;
	width: 750px;
	height: 500px;
}

.popup_in {
	position: absolute;
	top: 20px;
	left: 25px;
	width: 750px;
	height: 500px;
	overflow: auto;
}

.close_btn {
	position: absolute;
	top: -10px;
	right: -10px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(/img/close.png) no-repeat;
}

.project_descr {
	width: 640px;
	margin: 0 auto;
	padding: 30px;
	border: #FF9900 3px double;
}

	.project_descr p {
		margin: 5px 0px 15px;
	}

	.project_descr h3,
	.copm_count h3 {
		font-size: 18px;
		font-weight: normal;
		margin: 0px 0px 5px;
	}

.accent {
	font-weight: bold;
	padding: 5px 50px;
	color: #96220E;
	font-size: 14px;
}

/***********************/
.copm_count {
	padding: 0px 15px;
}

.count_txt {
	padding: 20px 0px 0px 0px;
}

.comps {
	margin: 0px 20px 0px 20px;
}

.one_comp {
	/*	display:inline-block;*/
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	color: #3F99DC;
	padding: 5px 15px 6px;
	border: #FFDDA4 1px solid;
	border-bottom: none;
	background: #FFFFFF;
}

.comp {
	margin: 5px 0px 20px 0px;
	padding: 10px 15px;
	border: #FFDDA4 1px solid;
}

	.comp p {
		margin: 5px 0px 5px 0px;
	}

.download_prog {
	margin-bottom: 30px;
}

.load_data {
	margin: 10px 0px 0px 0px;
}


.mess {
	color: #009933;
}

/*.clear_btn {
	margin:-10px;
	padding:0px;
	clear:both;
	overflow:hidden;}*/

/* =Buttons
*************************************************************/

/************** buttons *******/
.span_button {
	display: inline-block;
	height: 33px;
	padding: 0px 0px 0px 0px;
	line-height: 10px;
	background: url(/img/buttons/b.png) top left no-repeat;
	_height: 0;
	_white-space: nowrap;
}

.button {
	border: none;
	height: 33px;
	margin: 0px 0px 0px 12px;
	padding: 0px 10px 0px 0px;
	cursor: pointer;
	font-family: "Calibri", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #585858;
	background: url(/img/buttons/b.png) top right no-repeat;
	$overflow:visible;
	_width: 0;
	_white-space: nowrap;
}


.span_button {
}

a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
	color: #333333;
	_white-space: nowrap;
}



span.button_green {
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 120%;
	background: top left no-repeat;
	height: 30px;
	padding: 0px 15px 0px 0px;
	_position: relative;
	_width: 10px;
	_overflow-y: hidden;
	_font-size: 0;
	_white-space: nowrap;
}



	span.button_green,
	span.button_green input,
	span.button_green a:link,
	span.button_green a:visited,
	span.button_green a:hover,
	span.button_green a:active {
		background-image: url(/img/user/green_btn.png);
	}


		span.button_green input,
		span.button_green a:link,
		span.button_green a:visited,
		span.button_green a:hover,
		span.button_green a:active {
			white-space: nowrap;
			cursor: pointer;
			color: #FFF;
			display: -moz-inline-box;
			display: inline-block;
			line-height: 130%;
			letter-spacing: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-style: normal;
			font-weight: bold;
			background-color: transparent;
			background-position: top right;
			background-repeat: no-repeat;
			height: 30px;
			padding: 8px 25px 0px 0px;
			margin: 0 -16px 0 20px;
			border: none;
			vertical-align: text-top;
			zoom: 1;
			$padding:0px 15px 0px 0px;
			_position: relative;
			_padding: 0px 15px 0px 0px;
			_margin-right: -10px;
			_display: block;
			_top: 0;
			_right: -5px;
			_white-space: nowrap;
		}

		span.button_green input,
		span.button_green a:link,
		span.button_green a:visited,
		span.button_green a:hover,
		span.button_green a:active {
			padding-top: 0px;
			line-height: 125%;
		}


		/*Hover Style*/
		span.button_green:hover,
		span.button-behavior-hover {
			background-position: bottom left;
			color: #222;
			text-decoration: none;
		}

			span.button_green:hover input,
			span.button-behavior-hover input,
			span.button_green:hover a:link,
			span.button_green:hover a:visited,
			span.button_green:hover a:hover,
			span.button_green:hover a:active {
				background-position: bottom right;
			}

		span.button_green input {
			margin-top /*\**/: 0px;\9
		}

		span.button_green input {
			$margin-top:0px;
		}


		span.button_green a:link,
		span.button_green a:visited,
		span.button_green a:hover,
		span.button_green a:active {
			display: inline-block;
			text-decoration: none;
			line-height: 28px;
		}


/**  red **********************************************/
span.button_red {
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 120%;
	background: top left no-repeat;
	height: 30px;
	padding: 0px 15px 0px 0px;
	_position: relative;
	_width: 10px;
	_overflow-y: hidden;
	_font-size: 0;
}



	span.button_red,
	span.button_red input {
		background-image: url(/img/user/red_btn.png);
	}


		span.button_red input {
			white-space: nowrap;
			cursor: pointer;
			color: #FFF;
			display: -moz-inline-box;
			display: inline-block;
			line-height: 130%;
			letter-spacing: 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-style: normal;
			font-weight: bold;
			background-color: transparent;
			background-position: top right;
			background-repeat: no-repeat;
			height: 30px;
			padding: 8px 25px 0px 5px;
			margin: 0 -16px 0 20px;
			border: none;
			vertical-align: text-top;
			zoom: 1;
			$padding:0px 15px 0px 0px;
			_position: relative;
			_padding: 0px 15px 0px 0px;
			_margin-right: -10px;
			_display: block;
			_top: 0;
			_right: -5px;
		}

		span.button_red input {
			padding-top: 0px;
			line-height: 125%;
		}


		/*Hover Style*/
		span.button_red:hover,
		span.button-behavior-hover {
			background-position: bottom left;
			color: #222;
			text-decoration: none;
		}

			span.button_red:hover input,
			span.button-behavior-hover input {
				background-position: bottom right;
			}



		span.button_red input {
			margin-top /*\**/: 0px;\9
		}

		span.button_red input {
			$margin-top:0px;
		}


/* =Rules
*********************************************************/
.thanks {
	width: 850px;
	margin: 20px auto 0;
}

.rules {
	width: 700px;
	margin: 50px auto 0;
}

	.rules li {
		margin: 0px 0px 8px;
	}

.start {
	text-align: center;
}


.thanks h3 {
	font-size: 20px;
	text-align: center;
}

.rules h4 {
	color: #FF9900;
	text-align: center;
	margin-bottom: 5px;
}


/* =Date selector
*********************************************************/
.date_selector {
	width: 700px;
	margin: 30px auto 30px;
	text-align: center;
	font-size: 20px;
}

.current_date {
	color: #FF6600;
}

.thank {
	text-align: center;
	color: #FF6600;
}

.is_unfilled {
	text-align: center;
	font-size: 18px;
	color: #FF0000;
	margin: 0px 0px 10px 0px;
}

.calendar p {
	text-align: center;
	color: #009900;
	margin-bottom: 10px;
}



/* =Download video
*********************************************************/
.download_video {
	width: 670px;
	margin: 20px auto 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #FF6600;
}

	.download_video div {
		margin-top: 5px;
	}



/*
	*******************************/
.fb_icon,
.vk_icon,
.vk_icon_wide {
	border: none;
	background: none;
	background: no-repeat center;
	opacity: 0.8;
	cursor: pointer;
	width: 28px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}

	.fb_icon:hover,
	.vk_icon:hover {
		opacity: 1;
	}

.icon_wide {
	width: 128px;
	height: 35px;
}

.fb_icon {
	background-image: url(/img/buttons/fb.png);
}

.vk_icon {
	background-image: url(/img/buttons/vk.png);
}

	.vk_icon.icon_wide {
		background-image: url(/img/buttons/vk_wide.jpg);
	}

.fb_icon.icon_wide {
	background-image: url(/img/buttons/fb_wide.jpg);
}


.from_android {
	background: none;
}

	.from_android #main {
		background: none;
		width: auto;
	}

	.from_android #container {
		width: auto;
	}

	.from_android #title,
	.from_android #blue_menu,
	.from_android .user_menu,
	.from_android .users_projects,
	.from_android #footer,
	.from_android #main_top_shadow,
	.from_android #main_bottom_shadow,
	.from_android #main_l_t_corner,
	.from_android #main_r_t_corner,
	.from_android #main_l_b_corner,
	.from_android #main_r_b_corner {
		display: none;
	}

.important_notification {
	text-align: center;
	/* box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.62); */
	padding: 1em;
	line-height: 1;
	background: rgba(255, 168, 0, 0.6);
	margin: 1em 2em;
	border-radius: 5px;
	border: 2px solid;
	border-color: #549CD3;
}

	.important_notification h4 {
		margin: 0;
		color: white;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.63);
	}

		.important_notification h4 small {
			text-shadow: none;
			margin-left: 1em;
			font-size: 0.7em;
		}

.important_btn {
	background: #fff3de;
	background-image: -webkit-linear-gradient(top, #fff3de, #ffbf00);
	background-image: -moz-linear-gradient(top, #fff3de, #ffbf00);
	background-image: -ms-linear-gradient(top, #fff3de, #ffbf00);
	background-image: -o-linear-gradient(top, #fff3de, #ffbf00);
	background-image: linear-gradient(to bottom, #fff3de, #ffbf00);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	text-shadow: 1px 1px 3px #ffffff;
	font-family: Arial;
	color: #005c9e;
	font-size: 20px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	box-shadow: 1px 1px 5px 0 black;
}

	.important_btn:hover {
		background: #ffbf00;
		text-decoration: none;
	}

	.important_btn:active {
		box-shadow: 0px 0px 2px 0 black;
	}

.edit_block.region_block {
	height: auto;
}


.cookie_warning_block {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	z-index: 9999;
}
.cookie_warning_block .container {
	background: none;
	margin: 0 auto;
	padding: 15px;
}
.cookie_warning_block .close_btn {
	 top: 10px;
	 right: 5px;
	cursor: pointer;
	opacity: 0.7;
	border: none;
}
.cookie_warning_block .close_btn:hover {
	opacity: 1;
}