@font-face {
    font-family: ArialNa;
    src: url("arialn.eot");
}
@font-face {
    font-family: ArialNa;
    src: url("arialn.ttf") format("truetype");
}
@font-face {
    font-family: Arial;
    font-stretch: condensed;
}
HTML {
height: 100%; /* Высота страницы */
}
BODY {
    background-color: #DEDEDE; /* Цвет фона */
    background-image: url(../images/br-index.jpg); /* Путь к фоновому рисунку */
    background-position: top center; /* Положение фона */
    background-repeat: no-repeat; /* Отменяем повторение фона */
    background-size: cover; /* Масштабируем фон */
    -webkit-background-size cover;
    -o-background-size cover;
    -moz-background-size cover;
    background-attachment: fixed; /* Фиксируем фон веб-страницы */
    font-family: ArialNa, Arial Narrow, Arial;
}
li {
    list-style: none;
}
ul {
    margin: 0px;
    padding: 0px;

}

a {
    text-decoration: none;
}

a#active_menu {
    color: #FE6C01;
    font-weight: bold;
}

a#active_menu:hover {
    color: #000;
    text-decoration: none;
}

#menu{    /* id */
width: 400px;
height: 90px;
margin: 0 auto;

}

#top{
width: 640px;
height: 43px;
margin: 0;
background-image: url(../images/module-index-bg_01.gif);
background-position: bottom;
background-repeat: no-repeat;
margin-top: 30px;
}

#body {
width: 640px;
overflow: hidden;
margin: 0;
background-image: url(../images/module-index-bg_02.gif);
background-position: center;
background-repeat: repeat-y;
background-size: 100% auto;
text-align: center;

}

#bottom{
width: 640px;
height: 41px;
margin: 0;
background-image: url(../images/module-index-bg_03.gif);
background-position: top;
background-repeat: no-repeat;
}

#container{
    margin-left: 0;
    margin-right: 0;
    margin-top: 10;
    width:100%;
    padding:0;
    text-align: center;
}
#content{
    margin-left: auto;
    margin-right: auto;
    overflow:hidden;
    width:930px;
    padding:0;
    text-align: left;
}
ul.left li a:link, ul.left li a:visited{
    list-style:none;
    background-image: url(../images/i-off.jpg); /* Путь к фоновому рисунку */
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: right;
    border:none;
    height:80px; /*высота ячейки*/
	width:205px;
	color:#333333; /*цвет текста*/
	margin-bottom:0;
	padding:0 28px;
	text-decoration:none;
	text-indent:0;
	font-weight: bold;
	font-size:16px;
	line-height:60px;/*линия текста по высоте*/
	white-space: nowrap
}

ul.left li a:hover{
	background-image: url(../images/i-on.jpg); /* Путь к фоновому рисунку */
}

ul.right li a:link, ul.right li a:visited{
	list-style:none;
	background-image: url(../images/i-off.jpg); /* Путь к фоновому рисунку */
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: left;
	border:none;
	height:80px; /*высота ячейки*/
	width:205px;
	color:#333333; /*цвет текста*/
	margin-bottom:0;
	padding:0 0 0 28px;
	text-decoration:none;
	text-indent:0;
	font-weight: bold;
	font-size:16px;
	line-height:60px;/*линия текста по высоте*/
	white-space: nowrap
}

ul.right li a:hover{
	background-image: url(../images/i-on.jpg); /* Путь к фоновому рисунку */
}
h1 {
	font-size: 36pt;
	font-family: ArialNa, Arial Narrow, Arial;
	font-weight: normal;
	white-space: nowrap;
	margin: 0 auto;
}
h2 {
	font-size: 36pt;
	font-family: ArialNa, Arial Narrow, Arial;
	font-weight: normal;
	white-space: nowrap;
	margin: 0 auto;
}
h3 {
	font-size: 24pt;
	font-family: ArialNa, Arial Narrow, Arial;
	font-weight: normal;
	margin: 0 auto;
}
p {
    font-size: 13px;
    font-family: -apple-system,BlinkMacSystemFont,Roboto,Open Sans,Helvetica Neue,sans-serif;
    word-wrap: break-word;
    direction: ltr;
    padding:0;
	margin: 5px 0px 5px 0px;
}
.black {
	color:#4E4E4E;
}
.gray {
	color:#808080;
}
.green {
	color:#3399FF;
}

#b_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-color: #fefefe;
	margin-top: 60px; /* отступ блока от главной страницы */
    margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	width:780px;
	padding:0 60px;
	font-size: 0.86em;
	letter-spacing: 1px;
	text-align: left;
}
.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;
}
@media only screen and (max-width : 978px) {
h2 {
    font-size: 40px;
    text-align: center;
}
}
@media only screen and (max-width : 767px) {
h2 {
    font-size: 26px;
}
}
@media only screen and (max-width : 420px) {
h2 {
    font-size: 23px;
}
}
@media only screen and (max-width : 359px) {
h2 {
    font-size: 20px;
}

}