/* STYLE */
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-size: 100%;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #1D1D1D;
	font-size: 0.875rem;
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color: #ffffff;
}
img {
    border: 0;
}
table {
	border: 0px;
	border-collapse: collapse;
}
table td {
   color: #e6e6e6;
   /* font-size: 0.75rem;		/* ! */
   text-decoration: none;
   padding: 0px;
}

.clr { clear: both }
.clrfix:after { clear: both; content: ""; display: table; }

.ruero-container a, .ruero-container a:active, .ruero-container a:visited, .ruero-container a:link {
	color: #d0d0d0;
	text-decoration: none;
}
.ruero-container a:hover {
	text-decoration: underline;
}
.ruero-content {
	font-size: 1em;
}

/* ==================== */

.lcol, .rcol {
    display: inline;
}

.lcol {
    float: left;
}

 .rcol {
    float: right;
}

.category {
	color: #ecc801;
	font-size: 0.75rem;		/* ! */
	text-decoration: none;
}
.category a:active, .category a:visited, .category a:link {
	color: #ecc801;
	text-decoration: none;
}
.category a:hover {
	color: #ecc801;
	text-decoration: underline;
}

/* ==================== */

.speedbar {
	color: #ffffff;
	text-decoration: none;
}
.speedbar a {
	color: #ffffff;
	text-decoration: none;
}
.speedbar a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ==================== */

.slink {
	color: #cfcfcf;
	/* font-size: 0.8125rem; */		/* ! */
	text-decoration: none;
}
.slink a:active, .slink a:visited, .slink a:link {
	color: #cfcfcf;
    font-weight: bold;
	text-decoration: none;
}
.slink a:hover {
	color: #cfcfcf;
    font-weight: bold;
	text-decoration: underline;
}

/* ==================== */

.copy {
	color: #e6e6e6;
	font-size: 0.75rem;		/* ! */
	line-height: 1.25;
	text-decoration: none;
}
.copy a:active, .copy a:visited, .copy a:link {
	color: #d0d0d0;
	text-decoration: none;
}
.copy a:hover {
	color: #d0d0d0;
	text-decoration: underline;
}

/* ==================== */

.stext {
	color: #fad9d9;
	/* font-size: 0.75rem; */		/* ! */
	text-decoration: none;
}
.stext a:active, .stext a:visited, .stext a:link {
	color: #fad9d9;
	text-decoration: none;
}
.stext a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ==================== */

.ltitle {
	color: #b9e7ff;
	font-size: 0.75rem;
	font-weight: bold;
}


.ltitle_small {
	color: #b9e7ff;
	font-size: 0.75rem;
	font-weight: bold;
}

/* ==================== */
.otash_top_menu {
	color: #d1d1d1;
	font-size: 0.75rem;
	font-weight: bold;
}
.otash_top_menu a {
	color: #ffffff;
	text-decoration: none;
    margin-bottom: 10px;
}
.otash_top_menu a:hover {
	color: #ffffff;
	text-decoration: underline;
}
/* ==================== */
.menu {
	color: #FFFFFF;
	font-size: 0.8125rem;
	font-weight: bold;
    text-indent: 15px;
}


.menu_small {
	color: #a4a4a4;
	font-size: 0.75rem;
	font-weight: bold;
}

/* ==================== */
.otash_menu {
	color: #FFFFFF;
	font-size: 0.75rem;
	font-weight: bold;
    height: 33px;
  text-indent: 25px;
   margin-top: 5px;
}
.otash_menu a {
	color: #4B73D4;
	text-decoration: none;
}
.otash_menu a:hover {
	color: #4B73D4;
	text-decoration: underline;
}
.otitle {
	color: #f26522;
	font-size: 1.125rem;
	font-weight: normal;
    padding-left: 10px;
}
.ruero-container .otitle > a {
	color: #f26522;
}
.ruero-container .otitle > a:hover {
    text-decoration: none;
}

/* ==================== */
.ntitle {
	color: #ffffff;
	font-size: 0.8125rem;
	font-weight: bold;
}
.ntitle a {
	color: #4B73D4;
	text-decoration: none;
}
.ntitle a:hover {
	color: #4B73D4;
	text-decoration: underline;
}

/* ==================== */

.ctitle {
	color: #ffffff;
	/* font-size: 0.75rem; */
	font-weight: normal;
}
.ctitle a:active, .ctitle a:visited, .ctitle a:link {
	color: #ffffff;
	text-decoration: none;
}
.ctitle a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ==================== */

.news {
	color: #ffffff;
	/* font-size:8pt; */
    padding-left: 10px;
	text-align:justify;
	line-height: 1.25;
}
.news a:active, .news a:visited, .news a:link {
	color: #ea5f24;
    font-weight: bold;
	text-decoration: none;
}
.news a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ==================== */

.userstop {
	color: #ffffff;
	/* font-size: 0.75rem; */		/* ! */
	text-decoration: none;
}
.userstop a {
	color: #4B73D4;
	text-decoration: none;
}
.userstop a:hover {
	color: #4B73D4;
	text-decoration: underline;
}
.userstop td {
	padding: 3px;
}
.userstop thead {
	color: #ffffff;
	font-weight: bold;
}

/* ==================== */

.hr_line {
	background: url(../images/line.gif);
	width: 100%;
	height: 7px;
	font-size: 0.1875rem;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* ==================== */

.footer_b {
	background-image: url(../images/dlet_footer_b.gif);
	background-repeat: repeat-x;
	height: 71px;
}

/* ==================== Поле малой формы поиска */

.s_field {
	color: #ffffff;			/* ! */
	font-size: 0.75rem;		/* ! */
	background-color: #727272;
	background-repeat: repeat-x;
	height: 20px;
	padding-left: 2px;
    margin-left:  2px;
	
	border: 1px solid #e6e6e6;	
}

/* ==================== Поле формы авторизации */

.a_field {
	color: #ad2c0a;		/* ! */
	font-size: 0.75rem;		/* ! */
	background-image: url(../images/dlet_field_a.gif);
	background-repeat: repeat-x;
	height: 20px;
	padding-left: 3px;
	
	border: 1px solid #ffffff;	
}

/* ==================== */

.f_textarea {
	color: #ffffff;		/* ! */
	font-size: 0.75rem;		/* ! */
	 background-color: #727272;
	background-repeat: repeat-y;
	
	width: 449px;
	height: 156px;
	border: 1px solid #e0e0e0;
}
input.f_input, textarea.f_input {
	color: #ffffff !important;
	font-size: 0.75rem !important;
	background-color: #727272 !important;
	background-repeat: repeat-x;
	width: 300px !important;
	height: 20px !important;
	padding: 2px 4px !important;
	border: 1px solid #e0e0e0 !important;
	box-sizing: content-box !important;
}
select.f_select {
	color: #757575 !important;
	font-size: 0.75rem !important;
	background-image: url(../images/dlet_field_o.gif);
	background-repeat: repeat-x;
	height: 14px !important;
	border: 1px solid #e0e0e0 !important;
}

/* ==================== Главное меню сайта */

.mainmenu {
	color: #ffffff;
	font-size: 0.75rem;		/* ! */
	text-decoration: none;
	font-weight: bold;
    text-indent: 5px;
}
.mainmenu a:active, .mainmenu a:visited, .mainmenu a:link {
	color: #576c44;
	text-decoration: underline;
}
.mainmenu a:hover {
	color: #576c44;
	text-decoration: underline;
}
.pod_mainmenu {
	color: #fffff;
	font-size: 0.75rem;		/* ! */
	text-decoration: none;
    text-indent: 4px;
    padding-left: 5px;
}
.pod_mainmenu a:active, .pod_mainmenu a:visited, .pod_mainmenu a:link {
	color: #ffffff;
    font-weight: normal ;
    text-decoration: none;
}
.pod_mainmenu a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.otash_pod_category
{
   margin-left: 20px;
}
.hr_line {
	background: url(../images/line.gif);
	width: 100%;
	height: 7px;
	font-size: 0.1875rem;
	margin-top: 4px;
	margin-bottom: 4px;
}
.a_menu {
    background-position: top;
    background-image: url(../images/index_12.jpg);
	background-repeat: no-repeat;
}
.a_linia {
    background-position: top;
    background-position: left ;
    background-image: url(../images/index_14.gif);
	background-repeat: repeat-y;
}
.otash {
	color: #f3f3f2;
	font-size: 0.625rem;		/* ! */
	text-decoration: none;
}
.otash a:active, .otash a:visited, .otash a:link {
	color: #f3f3f2;
    font-weight: bold;
	text-decoration: none;
}
.otash a:hover {
	color: #f3f3f2;
    font-weight: bold;
	text-decoration: underline;
}
/*
.glav_fon {
 background-image: url(../images/fon_2.jpg);
 background-repeat: repeat-x;
 background-color: #0e0e0d;
}
*/
.left_fon {
 background-image: url(../images/index_39.png);
 background-repeat: repeat-y;
}
.posledniy_fon {
 background-image: url(../images/index_32.png);
 background-repeat: repeat-y;
}
.right_fon {
 background-image: url(../images/index_38.png);
 background-repeat: repeat-y;
}
.top_fon {
 background-image: url(../images/index_33.png);
 background-repeat: repeat-y;
}
.banner_fon {
 background-image: url(../images/index_53.jpg);
 background-repeat: repeat-y;
}
.news_fon {
/* background-image: url(../images/index_68.png); */
 background-repeat: repeat-y;
}

.footer_fon {
 background-image: url(../images/index_20.jpg);
 background-position: right bottom;
 background-repeat: no-repeat;
}

.comment-avatar-block {
  background: no-repeat center #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 101px;
  height: 101px;
}

img.comment-avatar {
    max-width: 101px;
    height: auto;
}

/* SITE */
.glav_fon {
 background-image: url(../images/fon.png);
 background-repeat: repeat-x;
 background-color: #1d1d1d;
}
.glav_fon2 {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 100%;
    height: 600px;
    background: #1d1d1d; /* Old browsers */
    background: -moz-linear-gradient(top,  #3f3f3f 0%, #3a3a3a 21%, #242424 74%, #1d1d1d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(21%,#3a3a3a), color-stop(74%,#242424), color-stop(100%,#1d1d1d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 21%,#242424 74%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 21%,#242424 74%,#1d1d1d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3f3f3f 0%,#3a3a3a 21%,#242424 74%,#1d1d1d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3f3f3f 0%,#3a3a3a 21%,#242424 74%,#1d1d1d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1d1d1d',GradientType=0 ); /* IE6-9 */
}
.logo {
 background-image: url(../images/logo.jpg);
 background-position: left;
 background-repeat: no-repeat;
}
.menu_fon {
 background-image: url(../images/menu_fon.jpg);
 background-position: right;
 background-repeat: repeat-y;
}
.menu_fon2 {
    background: #2f2f2f;
}
.footer_image {
 background-image: url(../images/index_20.jpg);
 background-position: right;
 background-repeat: no-repeat;
}


/* ==========================================================================
   ПЕРЕОПРЕДЕЛЕНИЯ ENGINE.CSS ДЛЯ ТЁМНОЙ ТЕМЫ
   ========================================================================== */

/*--- Цитаты, Спойлеры, Код (темный фон) ---*/
.scriptcode, .title_quote,
	.title_spoiler, .text_spoiler, .quote { 
	background: #1D1D1D !important; 
}

.title_quote {
	color: #636363;
	background-color: #f2f2f2 !important;
	border: 1px dotted #bebebe; 
	border-bottom: 0;
	font-weight: bold;
	padding: 5px;
}

.quote {
	color: #ffffff;
	background-color: #727272 !important;
	border: 1px dotted #bebebe;
	text-align: justify;
	padding: 5px;
}

/*--- Календарь (стиль для рабочих дней) ---*/
.calendar tr th.workday { 
	color: #757575; 
}

/*--- Диалоговые окна (темный фон) ---*/
.ui-dialog {
	background-color: #464646 !important;
}

/*--- Модуль Neteye Posts ---*/
.neteye-posts ul {
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.neteye-posts li {
    display: block;
    width: 250px;
    padding: 5px;
    float: left;
    text-align: center;
}

@media (min-width: 801px) {
	.neteye-posts.wrap3 li:nth-child(3n+1) {
		clear: left;
	}
}

.neteye-posts .preview img {
    width: 150px;
    height: 150px;
}

/*--- Случайные блоки ---*/
.random-block-container .random-item {
    display: none;
}

.random-block-container .random-item.active {
    display: block;
}

/* ==========================================================================
   ПЕРЕОПРЕДЕЛЕНИЯ INPUT ПОЛЕЙ (возврат к компактному виду)
   ========================================================================== */
select, textarea, input[type="text"], input[type="password"], input[type="file"],
input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"],
input[type="color"] {
	padding: 2px 4px !important;
	height: auto !important;
}

/* ==========================================================================
   АДАПТИВНАЯ ВЁРСТКА ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ
   ========================================================================== */
@media screen and (max-width: 970px) {

	.ruero-content img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}

	.main-blk > tbody > tr > td,
	.main-blk > tbody > tr {
		display: block;
		width: 100%;
	}

	.otash_top_menu a {
		display: inline-block;
		margin: 5px;
	}

	.menu_fon2 {
		width: 100%;
	}

	.menu_fon2 > tbody {
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 30px;
	}

	.menu_fon2 > tbody > tr {
		display: block;
		flex: 0 0 auto;
	}
	.stext {
		margin-bottom: 15px;
	}
	.stext + table > tbody > tr {
		display: block;
	}
	.stext + table > tbody > tr > td {
		display: block;
		margin-bottom: 10px;
		text-align: left;
	}
}