@font-face {
    font-family: digital-7;
    src: url("digital-7.eot");
}
@font-face {
    font-family: ArialNa;
    font-style: normal;
    font-weight: normal;
    src: url("arialn.eot");
}
@font-face {
    font-family: digital-7;
	src: url("digital-7.ttf") format("truetype");
}
@font-face {
	font-family: ArialNa;
	font-style: normal;
	font-weight: normal;
	src: url("arialn.ttf") format("opentype");
}

@font-face {
	font-family: Arial;
	font-stretch: condensed;
}
HTML {
height: 100%; /* Высота страницы */
}
BODY {
	background-color: #DEDEDE; /* Цвет фона */
	background-image: url(../images/fon.jpg); /* Путь к фоновому рисунку */
    background-position: top center; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
    background-size: cover; /* Масштабируем фон */
    background-attachment: fixed; /* Фиксируем фон веб-страницы */
	font-family: tahoma,arial,verdana,sans-serif,Lucida Sans;
	font-weight: normal;
	color: #606060;
}
h1 {
	font-family: ArialNa,Arial Narrow,Arial;
	font-size: 32px;
	color: #3399FF;
	font-weight: 100;
	/*line-height: 20px;*/
	margin: 12px 10px 0px 0px;
	padding:0;
	letter-spacing: normal;
}
h2 {
	font-family: ArialNa,Arial Narrow,Arial;
	font-size: 26px;
	color: #3399FF;
	font-weight: 100;
	margin: 12px 10px 0px 0px;
	padding:0;
	letter-spacing: normal;
}
h3 {
	font-family: ArialNa,Arial Narrow,Arial;
	font-size: 21px;
	color: #3399FF;
	font-weight: 100;
	margin: 12px 10px 0px 0px;
	padding:0;
	letter-spacing: normal;
}
li {
	list-style: none;
}
p {
	padding:0;
	margin: 5px 0px 5px 0px;
}

a {
	text-decoration:none;
	color: rgb(51, 102, 153);
}
.opacity {
	border-collapse: collaps;
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=93, FinishOpacity=93, Style=1);
	-moz-opacity: 0.93;
	-khtml-opacity: 0.93;
	opacity: 0.93;
}
.digitaltext{
	font-family: digital-7, Arial Narrow, ArialNa;
	font-size: 50px;
	color: #49dbfd; /*C2FC34 ccff33*/
}
.copy{
	text-align: center;
	margin: 0;
	font-size: 14px;
	filter: Shadow(Color=#ffffff, Direction=45, Strength=4);
	text-shadow: 1px 1px 1px #ffffff, 0 0 3px white;

}

#digital{
	border-radius:5px;
	background-color: #8C8D91;
	/*margin:30 auto 20;*/
	overflow:hidden;
	width:320px;
	height: 58px;
	padding:0;
}
#digital p {
	margin: 0;
	display: none;
}

#menu{	/* id */
font-family: ArialNa,Arial Narrow,Arial;
width: 400px;
height: 90px;
margin: 0 auto;
	padding:0;

}
#container{
	margin-left: 0;
	margin-right: 0;
	margin-top: 10;
	width:100%;
	padding:0;
	text-align: center;

}
#content{
	border-radius:25px;
	-moz-border-radius-topleft: 25px;
	-webkit-border-radius: 25px;
	box-shadow: 0px 2px 11px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 2px 11px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 2px 11px rgba(0,0,0,0.6);
	background:url(../images/bottom_bg.png) no-repeat bottom;
	background-color: #fefefe;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	width:810px;
	padding:0 60px;
	font-size: 0.86em;
	letter-spacing: 1px;
	text-align: left;
}

/* кнопка вверх */
.b-top {
	z-index:2600;
	position:fixed;
	left:0;
	bottom:90px;
	width:34%;
	margin-left:50%;
	opacity: 0.3;
	filter:alpha(opacity=30);
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=30, FinishOpacity=30, Style=1);
}
.b-top:hover {
	opacity:1;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=100, Style=1);
	cursor:pointer;
}
.b-top-but {
	z-index:2600;
	position:absolute;
	display:block;
	left:56px;
	bottom:0;
	margin:0 0 0 100%;
	padding:32px 12px 4px;
	color:white;
	font-size: 14px;
	background:#222222 url(../images/b-j-top.png) no-repeat 50% 11px;
	border-radius:7px;
}
@media only screen and (max-width : 978px) {
#content {
    padding: 0 20px;
}
}
@media only screen and (max-width : 420px) {
#content {
    padding: 0 10px;
}
}