h1, h2, h3, h4, h5, h6 {
	padding: 0/*верх*/ 0/*право*/ 0/*низ*/ 0/*лево*/; /*поля*/
	margin:  1%/*верх*/ 0/*право*/ 1%/*низ*/ 0/*лево*/; /*отступы*/
	color: #FEE82A ; /*цвет текста*/
}
.clear {
 clear:both;
}
p {
 margin: 0 0 1em 0;
 font-size: 93%;
font-family: Helvetica, Arial, sans-serif;
 font:normal 100%/12px Arial;
 line-height: 1.1;
}

pre {
 margin: 0 0 1em 0;
 font-size: 96%;
font-family: Helvetica, Arial, sans-serif;
 font:normal 100%/5px Arial;
 line-height: 0.8;
}

body {
 font-family: Helvetica, Arial, sans-serif;
 padding: 0;
 margin: 0;
  font-size: 93%;
  	font:normal 100%/16px Arial;
 line-height: 1.1;
 background-color: #ffffff;
}

textarea {
 margin: 0 0 1em 0;
 font-size: 93%;
font-family: Helvetica, Arial, sans-serif;
 font:normal 100%/12px Arial;
 line-height: 1.1;
}

img {
 max-width: 100%;
 height: auto;
 margin: 0 0 10px 0;
}
.logo {
/*background-color: #000000;
 background-image: url("../images/BACKGROUND/fon_content.png");*/
 font-size: 20px;
 font-weight: bold;
 text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px;
 color: #FFDD00;
  	top: 0px;
	left: 0px;
	right: 0px;
	position: fixed; /*фиксированное положение*/
}

/* Section Inner */
div.section-inner {
 max-width: 1100px;
 padding: 0 20px;
 margin: 0 auto;
}

/*Header}*/
div.header {
	background-color: #3F3F3F;
	color: white;
	padding: 0px 0;
	font-size: 16px;
	border: 0px solid #CC0000;
	padding: 10px 0;
}

/*Navigation(адаптивное меню)*/
#dws-menu,
header label {
 display: none;
}
header nav,
header .leb-menu {
 background-color: #3F3F3F;
 	top: 0px;
	left: 0px;
	right: 0px;
	position: fixed; /*фиксированное положение*/
	z-index: 90; /*ориентация выше всех*/
}
.menu {
 z-index: 90;
}
.menu ul {
 margin: 0;
 list-style: none;
 padding: 0;
 display: flex;
 justify-content: center;
}
.menu li:hover {
 background: rgba(0,0,0,0.3);
}
.menu li a {
 display: block;
 padding: 15px 15px;
 color: #fff;
 text-decoration: none;
 text-transform:uppercase;
 font-size: 16px;
}/*Navigation(адаптивное меню)*/

/*body-content(стили контента)*/
div.body-content {
padding: 50px 0;
background-color: #FFF;
background: /*фон*/
url(../images/BACKGROUND/fon_content.png);
}
div.banner {
text-align: center;
width: 100%;
height: 300px;
overflow: hidden;
top: 30px;
position: relative;
z-index: 80;
}
h2.text-banner {
position: absolute;
color: #fff;
padding: 25px 15px;
bottom: 60%;
left: 25%;
font-size: 2em;
}/*body-content(стили контента)*/

 @font-face {
    font-family: Retron2000; /*Название шрифта*/
    src: url(../fonts/font.ttf); /*Путь к файлу*/
   }
#black_font {
	font-family: 'Retron2000', sans-serif; /* Для остальных браузеров */
	display: block;
	padding: 15px 15px;
	color: #000000;
	text-decoration: none;
	/*text-transform:uppercase;*/
	font-size: 22px;
}

/*blok-adaptiv(центральный блок: авторизация, регистрация)*/
div.blok-adaptiv {
width: 50%;
margin-right: 0%;
margin-left: 0%;
background:#ffffff; /*цвет фона*/
border: 1px solid #A2A4AD; /*граница*/
border-radius: 10px; /*радиус границы*/
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); /*тень элемента*/
padding: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
}
div.blok-adaptiv-last {
margin-right: 0%;
margin-left: 0%;
background:#ffffff; /*цвет фона*/
border: 1px solid #A2A4AD; /*граница*/
border-radius: 10px; /*радиус границы*/
box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
padding: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
}/*blok-adaptiv(центральный блок: авторизация, регистрация)*/

/*blok-adaptiv-fon(центральный блок-фон: форма поиска)*/
div.blok-adaptiv-fon {
width: 70%;
margin-right: 0%;
margin-left: 0%;
background: #3f3f3f; /*цвет фона*/
border: 1px solid #A2A4AD; /*граница*/
border-radius: 10px; /*радиус границы*/
box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); /*тень элемента*/
padding: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
}
div.blok-adaptiv-fon-last {
margin-right: 0%;
margin-left: 0%;
background: #3f3f3f; /*цвет фона*/
border: 1px solid #A2A4AD; /*граница*/
border-radius: 10px; /*радиус границы*/
box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
padding: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
}/*blok-adaptiv-fon(центральный блок-фон: форма поиска)*/

/*footer(низ подвала сайта)*/
div.footer {
background-color: #3f3f3f;
padding: 15px 0;
text-align: center;
}

/*-- МОИ Параметры CSS --*/

/*--Все ссылки на сайте--*/
a:link {text-decoration: none; color: #CC0000;} /*цвет непосещённой сылки*/
a:visited{text-decoration: none; color: #CC0000;} /*цвет посещённой сылки*/
a:active{text-decoration: none; color: #FF0000;} /*цвет активной сылки*/
a:hover{text-decoration: none; color: #FF0000;} /* цвет при наведении сылки*/

/*--Ссылки жёлтые--*/
a.class_menu:link {text-decoration: none; color: #ffffff;} /* цвет непосещённой сылки*/
a.class_menu:visited{text-decoration: none; color: #E7E7E7;} /* цвет посещённой сылки*/
a.class_menu:active{text-decoration: none; color: #CC0000;} /* цвет активной сылки*/
a.class_menu:hover{text-decoration: none; color: #FFCC00;} /* цвет при наведении сылки*/

/*--Кнопка submit--*/
.superbutton {
height:40px;
border-radius:10px;
background:#959595;
color:#fff;
font-size:18px;
cursor:pointer;
}
.superbutton:hover{
background:#959595;
color:#FFCC00;
font-size:19px;
}
.superbutton:focus{
outline:none;
}



/*--Параметры блоков--*/
#blok_krut_fixed{ /*фиксированный блок прокрутки: под текстовый контент*/
	width: 5%;/*ширина*/
	background:#ffffff; /*цвет фона*/
	border: 1px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 2%/*право*/ 0.5%/*низ*/ 2%/*лево*/; /*поля*/
	margin:  0px/*верх*/ 10px/*право*/ 50px/*низ*/ 0px/*лево*/; /*отступы*/
	display: inline-block;/* */
	float: center; /*смещение*/
	text-align: left; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
	position: fixed; /*фиксированное положение*/
	bottom: 0; right: 0; /*заданное положение*/
	z-index: 100; /*ориентация выше всех*/
}

/*Стили кнопок прокрутки*/
a.button_krut {
  display: inline-block;
  color: black;
  font-size: 100%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 10px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
a.button_krut:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
a.button_krut:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

#blok{/*блок: каталог-модели, эбу*/
transform: scale(1.0);
transition: 1s all;
	background:#ffffff; /*цвет фона*/
	width: 140px; /*ширина*/
	min-height: 150px; /*максимальная высота*/
	border: 2px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
	margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
	display: inline-block;/* */
	text-align: center; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#blok:hover{/*анимация к blok*/
	transform: rotate(-8deg) scale(1.3);
	
}
#blok_short{/*короткий блок: каталог-марки*/
transform: scale(1.0);
transition: 0.5s all;
	background:#ffffff; /*цвет фона*/
	width: 160px; /*ширина*/
	min-height: 160px; /*максимальная высота*/
	border: 2px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 1%/*право*/ 0%/*низ*/ 1%/*лево*/; /*поля*/
	margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
	display: inline-block;/* */
	text-align: center; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#blok_short:hover{/*анимация к blok_short*/
	transform: rotate(0deg) scale(1.2);	
}
#blok_long{/*длинный блок: справочник, дорожные знаки*/
transform: scale(1.0);
transition: 0.5s all;
	background:#ffffff; /*цвет фона*/
	width: 295px; /*ширина*/
	min-height: 150px; /*максимальная высота*/
	border: 2px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
	margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
	display: inline-block;/* */
	text-align: center; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#blok_long:hover{/*анимация к blok_long*/
	transform: rotate(0deg) scale(1.1);
}

#blok_line{ /*блок линия: под текстовый контент*/
	width: 96%;/*ширина*/
	background:#E1E1E1; /*цвет фона*/
	border: 2px solid #FFDD00; /*граница*/
	border-radius: 5px; /*радиус границы*/

	padding: 5px/*верх*/ 2%/*право*/ 0.5%/*низ*/ 2%/*лево*/; /*поля*/
	margin:  0%/*верх*/ 0%/*право*/ 1%/*низ*/ 0%/*лево*/; /*отступы*/
	display: inline-block;/* */
	float: center; /*смещение*/
	text-align: left; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#blok_line_fon{ /*блок линия с фоном: подложка под блоки*/
	width: 96%;/*ширина*/
	background:#3F3F3F; /*цвет фона*/
	border: 1.5px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 2%/*право*/ 0.5%/*низ*/ 2%/*лево*/; /*поля*/
	margin:  0%/*верх*/ 0%/*право*/ 1%/*низ*/ 0%/*лево*/; /*отступы*/
	display: inline-block;/* */
	float: center; /*смещение*/
	text-align: left; /*выравнивание*/
	vertical-align: center; /*выравнивание текста по вертикали*/
	color: #ffffff;
}
#blok_messang{ /*нужен*/
	background: /*фон, блока*/
	url(../images/BACKGROUND/line_messang.jpg);
	width: 86%; /*ширина*/
	border: 1px solid #A2A4AD; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 1%/*верх*/ 2%/*право*/ 1%/*низ*/ 2%/*лево*/; /*поля*/
	margin:  2%/*верх*/ 5%/*право*/ 1%/*низ*/ 5%/*лево*/; /*отступы*/
	text-align: center; /*выравнивание*/
	font:normal bold 130%/16px Arial;
	line-height: 1.1; /*межстроковый интервал*/
	text-shadow: black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px, black 0 0 3px;
	color: #ffffff ; /*цвет текста*/
}


/*--Параметры блоков для разделов статей и справочника--*/
#blok_img{ /*нужен*/
	background-size: cover;
	background:#fff; /*цвет фона*/
    width: 50%; /*ширина*/
	overflow: hidden;
	background-position: 50% 60%;
	background-repeat: no-repeat;	
}

#bukva{ /*буквы алфавита*/
transform: scale(1.0);
transition: 0.2s all;
	background:#959595; /*цвет фона*/
	min-width: 30px; /*ширина*/
	border: 1px solid #A2A4AD; /*граница*/
	border-radius: 5px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 2px/*верх*/ 0px/*право*/ 2px/*низ*/ 0px/*лево*/; /*поля*/
	margin:  2px/*верх*/ 1px/*право*/ 2px/*низ*/ 1px/*лево*/; /*отступы*/
	text-align: center; /*выравнивание*/
	display: inline-block;/* */
	text-align: center; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#bukva:hover{ /*анимация букв*/
	transform: rotate(-5deg) scale(1.4);
}

/*--Кнопки меню--*/
#button{/*нужен*/
	font:normal bold 100%/14px Arial; /*Параметры шрафта */	
	background: /*фон кнопки*/ 	
	url(../images/BACKGROUND/fon_button.jpg);
	border: 0.5px solid #A2A4AD; /*граница*/
	border-radius: 5px; /*радиус границы*/
	width: 140px; /*ширина*/
	height : 20px; /*высота*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 3px/*верх*/ 0%/*право*/ 0%/*низ*/ 0%/*лево*/; /*поля*/
	margin: 1px; /*отступы*/
	text-align: center; /*выравнивание*/
	display: inline-block;
}
#blok_button{
	background: /*фон кнопки*/ 	
	url(../images/BACKGROUND/blok_button.jpg);
	background-size: cover; /*фон растянуть*/
	width: 200px; /*ширина*/
	border: 1px solid #5D5D5D; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(0,0,0,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
	margin:  1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*отступы*/
	display: inline-block;/* */
	text-align: center; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}

#center_button{
	background: /*фон кнопки*/ 	
	url(../images/BACKGROUND/center_button.jpg);
	background-size: cover; /*фон растянуть*/
	width: 60%; /*ширина*/
	border: 1px solid #5D5D5D; /*граница*/
	border-radius: 10px; /*радиус границы*/
	box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.5); /*тень элемента*/
	padding: 5px/*верх*/ 2%/*право*/ 0%/*низ*/ 2%/*лево*/; /*поля*/
	margin:  2%/*верх*/ 20%/*право*/ 1%/*низ*/ 20%/*лево*/; /*отступы*/
	display: inline-block;/* */
	text-align: left; /*выравнивание*/
	vertical-align: top; /*выравнивание текста по вертикали*/
}



/* Footer */
div.footer {
background-color: #3F3F3F;
vertical-align: ; bottom;/*выравнивание текста по вертикали*/
}

.fixed-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	/*display: inline-block; */
	text-align: left; /*выравнивание*/
}

#black-bar-bottom {
	background-color: #3F3F3F;
	color: white;
	padding: 10px 0 40px 0;
	font-size: 14px;
	border: 0px solid #CC0000; /*граница*/
}

#bottom-block {
	width: 40%;
	min-width: 250px;
	border: 0px solid #CC0000; /*граница*/
	padding: 0px/*верх*/ 0px/*право*/ 0px/*низ*/ 4%/*лево*/; /*поля*/
	display: inline-block;/* */
	vertical-align: top; /*выравнивание текста по вертикали*/
}
#statistic-informer {
	float: right;
	border: 0px solid #CC0000; /*граница*/
}

/*--Блок меню админки прозрачный--*/
#menu_admin{
width: 96%;/*ширина*/
	padding: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/; /*поля*/
	margin: 1%/*верх*/ 1%/*право*/ 1%/*низ*/ 1%/*лево*/;/*отступы*/
	display: flex; /*flex-box*/
	justify-content: space-around; /*flex-box*/
	flex-wrap: wrap; /*flex-box*/
}

/*Стили кнопок */
a.button_menu {
  display: inline-block;
  color: black;
  font-size: 100%;
  font-weight: 500;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 10px;
  	width: 140px; /*ширина*/
	height : 20px; /*высота*/
	text-align: center; /*выравнивание*/
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.8);
  transition: box-shadow .2s, border-color .2s;
} 
a.button_menu:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.1);
}
a.button_menu:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}




.table-wrap{/*адаптация таблицы*/
	overflow-x:auto;
}