/*-------------------------------------- body --------------------------------*/
	
	body, html {
		margin: 0;
		height: 100%;
		width: 100%;
		padding: 0;
	}
	
	html {
		font-size: 100%;
	}

	body {
		background: none repeat scroll 0 0 #fffef1;
		font: normal 0.87em 'Tahoma', 'Geneva' ,sans-serif;
		color: #555555;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		position: relative;
		min-width: 990px;
	}
	
/*----------------------------------- general ------------------------------*/
	
	*:focus {
		outline: none;
	}
	
	img {
		vertical-align: middle;
		border: 0;
		-ms-interpolation-mode: bicubic;
		margin: 0;
	}

	ul {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	
	p {
		margin: 0 0 10px;
	}

	h1, h1 a {
		font-size: 1.5em;
	}
	h2, h2 a {
		font-size: 1.25em;
	}
	h3, h3 a {
		font-size: 1.125em;
	}
	h4, h4 a {
		font-size: 1.125em;
	}
	h5, h5 a {
		font-size: 1em;
	}
	h6, h6 a {
		font-size: 1em;
	}
	
	address {
		font-style: normal;
		display: inline-block;
	}

/*------------------------------ general edit ---------------------------*/

	::selection {
		background: #74aab3; 
	}
	::-moz-selection {
		background: #74aab3; 
	}
	
	h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		margin: 0 0 10px;
		color: #333333;
		font-family: 'Myriad Pro', 'Tahoma', 'Geneva' ,sans-serif;
		font-weight: bold;
;
	}
	
/*--------------------------- general form -------------------------------*/
	
	button, input, select, textarea {
		padding: 3px 0;
		background-color: #f3fff6;
		border: 1px solid #c8d3c9;
		color: #aeb5af;
		font: 0.87em Arial,Helvetica,sans-serif;
		vertical-align: top;
		box-shadow: 0 1px 4px #BFCDC2 inset;
		-webkit-box-shadow: 0 1px 4px #BFCDC2 inset;
	}
	input:focus, select:focus, textarea:focus {
		
	}
	
	button, input[type="button"],
	input[type="reset"],
	input[type="submit"],
	.button {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 50%, #ededed 50%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(50%,#ededed), color-stop(100%,#fcfcfc));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#ededed 50%,#fcfcfc 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#ededed 50%,#fcfcfc 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 50%,#ededed 50%,#fcfcfc 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 50%,#ededed 50%,#fcfcfc 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #cccccc;
		display: inline-block;
		color: #0b636b;
		padding: 2px 30px;
		text-decoration:none;
		cursor: pointer;
		text-align: center;
		opacity: 0.8;
	}
	button:hover, 
	input[type="button"]:hover, 
	input[type="reset"]:hover, 
	input[type="submit"]:hover, 
	button:focus, 
	input[type="button"]:focus, 
	input[type="reset"]:focus, 
	input[type="submit"]:focus, 
	.button:hover, 
	.button:focus {
		opacity: 1;
	}
	button:active, 
	input[type="button"]:active, 
	input[type="reset"]:active, 
	input[type="submit"]:active, 
	.button:active {
		position:relative;
		top:1px;
	}
	input[name]:focus {
		border: 1px solid #87B19B;
		color: #576F68;
	}
	
	.button {
		
	}
	
	input[type="radio"] {
		position: relative;
		background-color: transparent;
		border: none;
		padding: 0;
	}
	input[type="radio"]:hover, input[type="radio"]:focus{
		
	}
	
	input[type="file"] {
		border: none;
		padding: 0;
		background-color: #FFFFFF;
	}
	
	button::-moz-focus-inner, input::-moz-focus-inner {
		border: none;
	}
	
	textarea {
		overflow: auto;
		vertical-align: top;
		resize: none;
	}
	
/*------------------------------ help block -------------------------*/	
	
	

/*------------------------------------- page -------------------------------*/	

	.page {
		background: url('/images/template/foot_bgr.png') no-repeat scroll 50% 100% transparent;
		min-height: 100%;
		position: relative;
		padding: 0;
		margin: 0 0 -120px;
		z-index: 2;
	}
	
/*------------------------------------ header -------------------------------*/
	
	.page > header {
		background: url('/images/template/head_bgr.jpg') no-repeat scroll 50% 0 transparent;
		height: 340px;
		position: relative;
	}
	.page > header:before {
		content: '';
		background: url('/images/template/gerb.png') no-repeat scroll 0 0 transparent;
		display: block;
		width: 110px;
		height: 133px;
		position: absolute;
		left: 50%;
		top: 158px;
		z-index: 3;
		margin-left: -55px;
	}
	
	.page > header .center > .slogan {
		display: block;
		padding: 230px 0 20px;
		color: #0a575e;
		text-transform: uppercase;
		font: bold 30px 'Myriad Pro', 'Tahoma', 'Geneva' ,sans-serif;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7);
		text-align: center;
	}
	.page > header .center > .slogan b {
		color: #B03713;
	}
	
	.page > header .center > .logo {
		background: url('/images/template/logo.png') no-repeat scroll 0 0 transparent;
		display: block;
		position: relative;
		top: 30px;
		width: 713px;
		height: 39px;
		margin: 0 auto;
	}
	
/* header nav */
	
	.page > header nav {
		background: url('/images/template/head_nav_bgr.png') no-repeat scroll 50% 0 transparent;
		height: 69px;
		text-align: center;
		position: relative;
		top: 240px;
		z-index: 2;
	}
	.page > header nav > ul {
		display: inline-block;
		height: 50px;
	}
	.page > header nav > ul > li {
		background: url('/images/template/head_nav_sep.png') no-repeat scroll 0 50% transparent;
		padding-left: 3px;
	}
	.page > header nav > ul > li:first-child {
		background-image: none;
		padding-left: 0;
	}
	.page > header nav > ul > li > a, 
	.page>header nav > ul > li > span {
		padding: 13px 12px 15px;
		color: #0b636b;
		font: 18px 'Myriad Pro', 'Tahoma', 'Geneva' ,sans-serif;
	}
	.page > header nav > ul > li:first-child > a,
	.page > header nav > ul > li:first-child > span {
		
	}
	
	.page > header nav > ul > li > a:hover,
	.page > header nav > ul > li > a:focus {
		background: url('/images/template/head_nav_hov.png') repeat scroll 0 0 transparent;
	}
	.page > header nav > ul > li > span {
		background: #355457;
		background: -moz-linear-gradient(top,  #355457 0%, #4c6a6b 50%, #3c5c5e 50%, #2c4c50 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#355457), color-stop(50%,#4c6a6b), color-stop(50%,#3c5c5e), color-stop(100%,#2c4c50));
		background: -webkit-linear-gradient(top,  #355457 0%,#4c6a6b 50%,#3c5c5e 50%,#2c4c50 100%);
		background: -o-linear-gradient(top,  #355457 0%,#4c6a6b 50%,#3c5c5e 50%,#2c4c50 100%);
		background: -ms-linear-gradient(top,  #355457 0%,#4c6a6b 50%,#3c5c5e 50%,#2c4c50 100%);
		background: linear-gradient(to bottom,  #355457 0%,#4c6a6b 50%,#3c5c5e 50%,#2c4c50 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355457', endColorstr='#2c4c50',GradientType=0 );
		color: #e7fdff;
		position: relative;
	}
	.page > header nav > ul > li > span:after {
		content: '';
		display: block;
		background: url('/images/template/head_nav_arrow.png') no-repeat scroll 50% 0 transparent;
		width: 100%;
		height: 9px;
		position: absolute;
		bottom: -9px;
		left: 0;
	}
	
	.page > header nav > ul > li > ul {
		text-align: left;
		width: 200px;
		padding: 10px;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
		-webkit-box-shadow: 0 1px 6px rgba(33, 33, 33, 0.6);
		box-shadow: 0 1px 6px rgba(33, 33, 33, 0.6);
	}
	
	.page > header nav > ul > li > ul li {
		margin-bottom: 4px;
	}
	.page > header nav > ul > li > ul  a,
	.page > header nav > ul > li > ul  span {
		color: #0B636B;
		text-decoration: none;
	}
	.page > header nav > ul > li > ul  a:hover,
	.page > header nav > ul > li > ul  a:focus,
	.page > header nav > ul > li > ul  span {
		text-decoration: underline;
	}

/*-------------------------------------- wrap ------------------------------*/
	
	.page > section {
		margin: 0 auto;
		position: relative;
		padding: 0 20px 20px;
		width: 960px;
	}
	
	.page > section  a {
		color: #943415;
	}
	.page > section a:hover,
	.page > section a:focus {
		text-decoration: none;
	}
	.page > section a:active {
		
	}
	.page > section  a.more {
		font-weight: bold;
		color: #943415;
	}
	
/*---wrap-aside---*/

	.page>section aside {
		padding: 10px 0 0;
		position: relative;
		font-family: 'Myriad Pro', 'Tahoma', 'Geneva' ,sans-serif;
	}
	.page>section aside.aside_left {
		width: 236px;
		float: left;
		border-right: 1px solid #C7D5D5;
		padding-right: 10px;
	}
	.page>section aside.aside_right {
		width: 220px;
		float: right;
		border-left: 1px solid #C7D5D5;
		padding-left: 10px;
	}
	
	.page>section aside > div {
		margin-bottom: 20px;
	}
	.page > section aside h3 {
		color: #0b636b;
		font-size: 18px;
		text-transform: uppercase;
		text-align: center;
	}
	.page > section aside .rostelecom {
		background: url('/images/parners/rostel_64.png') no-repeat scroll 0 0 transparent;
		padding-left: 64px;
		min-height: 55px;
	}
	.page > section aside .list_volonters h3 {
		text-align: left;
	}
	.page > section aside .list_volonters h4 {
		color: #943415;
		font-size: 1em;
	}
	.page > section aside p {
		color: #9b9a9a;
	}
	
	.page > section aside .news li div h4 {
		font-size: 0.875em;
		font-weight: normal;
	}
	.page > section aside .news li div h4 {
		color: #702009;
		margin: 0;
		text-decoration: underline;
		text-transform: uppercase;
	}
	.page > section aside .news li div p {
		color: #6b6b6b;
	}
	.page > section aside .news li div > a {
		text-decoration: none;
	}
	
	.page > section aside .list_vedeos {
		text-align: center;
	} 
	
	.page > section aside .search {
		
	}
	.page > section aside .search input[type="text"] {
		display: inline-block;
		width: 140px;
	}
	.page > section aside .search input[type="submit"] {
		display: block;
		padding: 2px 16px;
		float: right;
	}
	
	.partners {
		text-align: center;
	}
	.partners a {
		text-decoration: none;
		display: inline-block;
		padding: 2px;
	}
	
	
/*----------------------------- content -----------------------------*/	

	.page .content {
		overflow: hidden;
		padding: 20px;
	}
	
	.page .content .news ul,
	.page .content article ul {
		list-style-position: inside;
		list-style-type: inherit;
	}
	.page .content .news strong,
	.page .content article strong {
		font-weight: bold;
	}
	
	.text_col {
		color: #943415;
	}
	
	.text_center {
		display: block;
		text-align: center;
	}
	.button_help {
		display: inline-block;
		background: url('/images/button_help.png') no-repeat scroll 0 0 transparent;
		width: 386px;
		height: 92px;
		cursor: pointer;
		opacity: 0.9;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
	.button_help:hover,
	.button_help:focus {
		opacity: 1;
	}
	
	.page .content .button_help {
		margin-bottom: 20px;
	}
	
/*---------------------------- footer ------------------------------*/

	footer {
		height: 120px;
		position: relative;
		color: #809799;
		z-index: 2;
	}
	footer .center {
		height: inherit
	}
	
	footer address:first-child {
		font-size: 0.75em;
		position: absolute;
		bottom: 20px;
		left: 0;
	}
	
	footer nav {
		display: block;
		text-align: center;
		color: #0b636b;
	}
	footer nav a, 
	footer nav span {
		display: inline-block;
		margin: 0 10px;
		color: #0b636b;
		text-decoration: none;
	}
	footer nav span,
	footer nav a:hover,
	footer nav a:focus {
		text-decoration: underline;
	}
	
	footer .counter {
		width: auto;
		position: absolute;
		right: 0;
		bottom: 58px;
	}
	footer .counter a {
		text-decoration: none;
	}
	
	footer .copy {
		display: inline-block;
		right: 0;
		bottom: 20px;
		font-size: 0.75em;
		text-align: right;
		position: absolute;
	}
	footer .copy a {
		text-decoration: none;
		display: block;
		font-size: inherit;
		color: #809799;
	}
	footer .copy a span {
		font-size: inherit;
		color: #943415;
	}