@import "http://top-ms.ru/template/boostcs/main/css/fonts/play.css";
* {
	margin: 0;
	padding: 0;
}
html {
position:relative; 
 min-height:100%;
    
   
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	background:#272727;
	font: 12px/18px Arial, sans-serif;
	width: 100%;
	height: 100%;

	}
	
hr {
  margin: 15px 0;
  border: 0;
  border-top: 1px solid #1c1c1c;
  border-bottom: 1px solid #3a3a3a;
}
	

.wrapper {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	height: 100%;
	padding-bottom: 450px;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 300px;
	background:#cfcfcf url(../img/hbg.png) no-repeat;
	background-attachment:scroll;
	background-position:top;
	box-shadow: 0px 1px 3px #888, 0px -10px 3px #888;

}

.header_info {
	color:#d7d7d7;
	font-size:16px;
	font-weight:normal;
	width:900px;
	margin: 0 auto;
	padding:32px 0 20px 0;
}

.gray {
	color:#d7d7d7;
	font-size:16px;
	font-weight:normal;
	width:900px;
	margin: 0 auto;
	padding:32px 0 20px 0;
	background:#222222;
}

.block {
height:250px;
display:block;
}

.block_video {
float:left;
width:400px;
height:225px;
padding:7px;
color:#000;
}

ul.block_down {
width:450px;
float:right;
list-style:none;
margin-top:9px;
}
ul.block_down li a {
background: #d8d8d8; /* Old browsers */
background: -moz-linear-gradient(top,  #d8d8d8 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d8d8d8 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d8d8d8 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d8d8d8 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d8d8d8 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
height:60px;
width:290px;
display:block;
margin:4px;
border-radius:3px;
line-height:60px;
padding:0 20px;
text-decoration:none;
font-family: 'Play';
font-size:20px;
color:#424242;
 -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
text-shadow:-1px -1px 1px rgba(255,255,255,0.1),1px 1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.3);
font-smooth:auto;
font-weight:bold;
-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
}


ul.block_down li a:hover {

background: #2b82d8; /* Old browsers */
background: -moz-linear-gradient(top,  #2b82d8 1%, #208fe5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2b82d8), color-stop(100%,#208fe5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2b82d8 1%,#208fe5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2b82d8 1%,#208fe5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2b82d8 1%,#208fe5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2b82d8 1%,#208fe5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b82d8', endColorstr='#208fe5',GradientType=0 ); /* IE6-9 */




 -webkit-box-shadow: 0px 0px 5px 0px rgba(43, 130, 216, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(43, 130, 216, 0.75);
box-shadow: 0px 0px 5px 0px rgba(43, 130, 216, 0.75);

color:#eaeaea;
text-shadow:-1px -1px 1px rgba(255,255,255,0.2),1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.7);

-moz-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
}


span.size {
background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
border-left:3px solid rgba(145,148,156,0.7);
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
display:block;
width:60px;
height:60px;
line-height:60px;
padding:0px 20px;
color:#eaeaea;
 -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
text-shadow:-1px -1px 1px rgba(255,255,255,0.2),1px 1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.7);
font-smooth:auto;
font-weight:bold;
}

img.down {
float:left;
padding:13px 10px 0 20px;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
	
	width:900px;
	padding: 0 0 200px;
	margin:0 auto;
	height:100%;
}

.cont_info {
float:left;
width:900px;
margin-top:10px;
font-size:14px;
color:#fff;
}
.cont_info b{
font-weight:bold;
color:#6f9fd4;	
}


.cont_mini_info {
float:right;
width:310px;

background:#474747;
-webkit-box-shadow: inset 0px 0px 5px 3px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    inset 0px 0px 5px 3px rgba(50, 50, 50, 0.15);
box-shadow:         inset 0px 0px 5px 3px rgba(50, 50, 50, 0.15);
padding:13px 15px 15px 15px;
margin-top:10px;
border-radius:5px;
border:6px solid rgba(0,0,0,0.6);
color:#b2b2b2;
font-size:16px;
font-family: 'Play';
}




/* Footer
-----------------------------------------------------------------------------*/
.footer {
	width: 100%;
	height: 90px;
	background: #686868;
	position: absolute;
    bottom: 0;
	border-top:3px solid rgba(192,192,192,0.8);
}

.footer_text {width:900px;margin:0 auto;padding:20px 0;color:#e3e3e3;font-family: 'Play';font-size:17px;text-shadow: 1px 1px 4px rgba(53, 53, 53, 1);}
.footer_text a {color:#6f9fd4;}

.title h1 {
font-size:24x;
font-family: 'Play';
color:#303030;
margin-left:50px;
position:relative;
bottom:10px;
}

.white h1{color:#e6e6e6;}


















