@import '/fonts/MuseoSans/stylesheet.css';

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
input,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0px;
	padding: 0px;
}

body {
	background: #f6f6f6;
	font-family: arial;
}

#body {
	width: 950px;
	margin: 0 auto;
	min-height: 500px;
	background-color: #fff;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

a {
	text-decoration: underline;
	color: #000;
}

a:hover {
	text-decoration: none;
}

.mt-1 {
	margin-top: 6px;
}

.mt-2 {
	margin-top: 12px;
}

.pt-2 {
	padding-top: 1rem;
}

.pb-2 {
	padding-bottom: 1rem;
}

.py-2 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#header {
	position: relative;
	height: 101px;
	background: url('/images.tpl/header_bot.gif') #f3f1f1 repeat-x bottom;
}

#header a.logo {
	width: 700px;
	height: 74px;
	top: 12px;
	left: 0px;
	text-indent: -3000px;
	text-decoration: none;
	position: absolute;
	background: url('/images.tpl/21_logo.png') no-repeat;
}

#topmenu {
	position: relative;
	/*height:32px;*/
	background: #FFFFFF;
	border-bottom: 10px solid #074F8E;
	padding: 0 3px;
	z-index: 9998;
}

#topmenu:after {
	content: '';
	clear: both;
	display: block;
}

#topmenu ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#topmenu ul li {
	float: left;
	position: relative;
}

#topmenu ul li a {
	display: block;
	float: left;
	color: #2a2a2a;
	text-decoration: none;
	font-size: 14px;
	padding: 12px 10px 0px 4px;
	min-height: 27px;
	font-weight: normal;
	text-transform: uppercase;
}

#topmenu ul li a:hover {
	color: #527083;
}

#topmenu ul li.last {
	background: url('/images.tpl/spacer.gif');
	padding-right: 0px;
}

#topmenu ul li a.cur {
	color: #e72c2c;
}

#topmenu li .lvl2m {
	overflow: visible;
	position: absolute;
	display: none;
	left: 0;
	top: 32px;
	width: 250px;
	z-index: 10000;
	background: white;
}

#topmenu li:hover .lvl2m {
	display: block;
}

#topmenu li.right .lvl2m {
	left: -132px !important;
	z-index: 10000;
}

#topmenu li ul {
	width: 250px;
	min-height: 50px;
}

#topmenu li ul li {
	float: none;
	width: 250px;
	position: relative;
}

#topmenu li ul li a {
	font-weight: normal;
	padding: 7px 10px 7px 25px;
	color: #d5d4d4;
	min-height: 15px;
	/*background:url('/images.tpl/menu2lvl.png') repeat-y #677178;*/

	background: #82888e;
	background-image: linear-gradient(to right, #82888e 0%, #667077 100%);
	background-image: -ms-linear-gradient(left, #882888 0%, #667077 100%);

	border: 1px solid #ababac;
	font-size: 11px;
	float: none;
}

#topmenu li ul li a:hover {
	color: #ffffff;
	/*background:url('/images.tpl/menu2lvl_h.png') repeat-y #93999e;*/



	background-image: linear-gradient(to right, #8f959b 0%, #6b757c 100%);
	background-image: -ms-linear-gradient(left, #8f959b 0%, #6b757c 100%);
}

#topmenu li ul ul {
	display: none;
	position: absolute;
	width: 250px;
	background: #e9e9e9;
	left: 250px;
	top: 0px;
	min-height: 0;
}

#topmenu li ul li:hover ul {
	display: block;
}

#topmenu li.right ul li ul {
	left: auto;
	right: 252px !important;
}

#topmenu li ul ul li {
	float: none;
	border: 1px solid #ababac;
	width: 250px;
	position: relative;
}

#topmenu li ul ul li a {
	font-weight: normal;
	width: 210px;
	padding: 7px 20px 7px 20px;
	color: #757d84;
	min-height: 15px;
	background-image: none;
	background-color: #f4f4f4;
	font-size: 11px;
	border: none;
	margin-top: 1px;
}

#topmenu li ul ul li a:hover {
	color: #000000;
	background: url('') #f4f4f4;
}

#topmenu li ul ul.large {
	width: 400px !important;
}

#topmenu li ul ul.large li {
	width: 400px !important;
}

#topmenu li ul ul.large li a {
	width: 360px !important;
}



#topbanner {
	display: block;
	margin-top: 20px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
}

#topbanner li {
	display: block;
	margin-right: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#topbanner li a {
	display: block;
	width: 185px;
	color: #074f8e;
	padding-top: 100px;
	text-align: center;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5px;
}

#topbanner li a:hover {
	text-decoration: underline;
}

#topbanner li.b1 a {
	background: url('/images.tpl/top/announce_min.jpg') no-repeat top left #fff;
}

#topbanner li.b2 a {
	background: url('/images.tpl/top/juridical_min.jpg') #fff no-repeat top left;
}

#topbanner li.b3 a {
	background: url('/images.tpl/top/question_min.jpg') #fff no-repeat top left;
}

#topbanner li.last {
	margin-right: 0px;
}

#topban {
	overflow: hidden;
	display: flex;
	flex-direction: row;
}

#topban__left {
	float: left;
	width: 569px;
	overflow: hidden;
}

#topban__right {
	width: 370px;
	overflow: hidden;
	padding: 20px 0 18px 10px;
}


#midannounce {
	overflow: hidden;
	padding: 18px 10px 10px;
	min-height: 80px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#midannounce a {
	color: #000;
	font-family: Georgia;
	font-size: 12px;
	text-decoration: none;
}

#midannounce b {
	margin-bottom: 5px;
	font-family: Georgia;
	display: block;
	font-weight: normal;
	color: #000;
	font-size: 16px;
}

#midannounce a:hover {
	text-decoration: underline;
}

#foother {
	margin-top: 20px;
	height: 50px;
	text-align: center;
	color: #000;
	font-size: 14px;
	font-family: Georgia;
	border-bottom: 1px solid #a6a4a4;
	position: relative;
	background: url('/images.tpl/bottom.png') repeat-x top #F3F1F1;
}

#foother a {
	color: #000;
	font-size: 14px;
	font-family: Georgia;
	font-size: 12px;
}

.topback {
	background: url('/images.tpl/bottom.png') repeat-x top;
	border-top: 1px solid #c5c4c4;
}

#master {
	position: absolute;
	text-align: center;
	font-family: Georgia;
	color: #000;
	right: 8px;
	top: 28px;
	font-size: 12px;
}

#copy {
	position: absolute;
	text-align: left;
	font-family: arial;
	color: #000;
	left: 10px;
	top: 11px;
	font-size: 11px;
}

#ref {
	position: absolute;
	text-align: center;
	font-family: Georgia;
	color: #000;
	left: 8px;
	top: 28px;
	font-size: 12px;
}

.clear {
	clear: both;
}

#left {
	width: 100%;
	float: left;
	overflow: hidden;
	min-height: 300px;
	margin-top: 15px;
}

#left_title {
	width: 728px;
	float: left;
	overflow: hidden;
	min-height: 300px;
	margin-top: 15px;
}

#left_m {
	padding: 0px 0px 60px 0;
	width: 237px;
	min-height: 350px;
	float: left;
	overflow: hidden;
}

#center {
	width: 693px;
	float: left;
	overflow: hidden;
	min-height: 350px;
	padding: 0px 10px 0 10px;
}

.large #center {
	width: 710px !important;
}

#center {
	color: #000;
	font-family: Georgia;
}

#center p {
	margin: 10px 0;
}

#left .il {
	background: url('/images.tpl/lmbg.gif') repeat-y left;
	overflow: hidden;
}

#left .il2 {
	background: url('/images.tpl/lmbot.png') no-repeat bottom left;
	overflow: hidden;
}

.large .il {
	background-image: none !important;
}

.large .il2 {
	background-image: none !important;
}

#right {
	padding: 15px 0;
	width: 202px;
	float: left;
	overflow: hidden;
}

#right_title {
	padding: 15px 0px 0 0px;
	width: 217px;
	float: left;
	overflow: hidden;
}

/* root element for tabs  */
ul.css-tabs {
	margin: 0 !important;
	padding: 0;
	height: 35px;
	border-bottom: 1px solid #d3d3d3;
}

/* single tab */
ul.css-tabs li {
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float: left;
	display: block;
	padding: 3px 30px 5px;
	text-decoration: none;
	border: none;
	border-bottom: 0px;
	height: 17px;

	background: url() #074F8E no-repeat;

	color: #FFFFFF;
	margin-right: 2px;
	position: relative;
	top: 2px;
	font-family: arial;
	margin-top: 8px;
}

ul.css-tabs a:hover {}

/* selected tab */
ul.css-tabs a.current {
	background: #f8f8f8;
	border: 1px solid #d3d3d3;
	border-bottom: 1px solid #f8f8f8;
	color: #074F8E;
	cursor: default;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	height: 20px;
	padding-top: 8px;
}


/* tab pane */
.css-panes div.intpanels {
	display: none;
	border: 1px solid #d3d3d3;
	border-width: 0 1px 1px 1px;
	min-height: 500px;
	padding: 15px 0px 5px 15px;
	background-color: #f8f8f8;
	overflow: hidden;
}

div.intpanels * {
	font-family: Georgia;
	color: #7e7e7e;
}

.rigpan {
	color: #000;
	font-size: 14px;
	font-family: Georgia;
	padding: 15px 5px 20px 10px;
	margin-bottom: 20px;
	background-color: #fff;

}

.rigpan a {
	text-decoration: none;
}

.rigpan a:hover {
	text-decoration: underline;
}

.rigpan h3 {
	color: #000;
	font-family: Georgia;
	padding: 0px 2px 10px;
	display: block;
	border-bottom: 1px solid #a6a4a4;
	margin-bottom: 10px;
	font-size: 16px;
}

#rhr {
	height: 35px;
}

.hr {
	height: 26px;
	background: url('/images.tpl/hr.png') repeat-x;
	margin: 13px 0 3px;
}

.blue * {
	color: #074F8E;
}

.rigpan ul {
	list-style: none;
}

.rigpan a {
	font-family: Georgia;
}

#botblock {
	border: 1px solid #d4d2d2;
	overflow: hidden;
	position: relative;
	background: url('/images.tpl/botblock.png') no-repeat bottom right white;
}

#botblock * {
	color: #646262;
	font-family: Georgia;
}

#botblock li b {
	display: block;
	height: 29px;
	text-align: center;
	font-size: 14px;
	padding: 14px 0 0;
}

#botblock li {
	margin-right: 6px;
	display: block;
	width: 116px;
	float: left;
}

#botblock ul {
	display: block;
	overflow: hidden;
	background: url('/images.tpl/topw.png') top repeat-x #FBFAFA;
	padding: 10px 0 10px;
	position: relative;
	height: 200px;
}

#botblock ul li {
	display: block;
	overflow: hidden;
	float: none;
	padding: 2px 6px;
	zoom: 1;
	width: auto;
	display: block;
}

#botblock ul a {
	font-size: 11px;
	font-family: arial;
	zoom: 1;
	text-decoration: none;
	display: block;
}

#botblock ul a:hover {
	text-decoration: underline;
}

#botblock_int {
	border: 1px solid #d4d2d2;
	overflow: hidden;
	position: relative;
	background: url('/images.tpl/botblock.png') no-repeat bottom right white;
}

#botblock_int * {
	color: #646262;
	font-family: Georgia;
}

#botblock_int li b {
	display: block;
	height: 29px;
	text-align: center;
	font-size: 14px;
	padding: 14px 0 0;
}

#botblock_int li {
	margin-right: 4px;
	display: block;
	width: 154px;
	float: left;
}

#botblock_int ul {
	display: block;
	overflow: hidden;
	background: url('/images.tpl/topw.png') top repeat-x #FBFAFA;
	padding: 10px 0 10px;
	height: 150px;
}

#botblock_int ul li {
	display: block;
	overflow: hidden;
	float: none;
	padding: 2px 6px;
	zoom: 1;
	width: auto;
}

#botblock_int ul a {
	font-size: 11px;
	font-family: verdana;
	text-decoration: none;
	zoom: 1;
	display: block;
}

#botblock_int ul a:hover {
	text-decoration: underline;
}

.vn2 {
	overflow: hidden;
	margin: 20px 0 10px;
	width: 179px;
	float: left;
}

.vn2 h3 {
	padding: 10px 2px 10px;
	display: block;
	height: 10px;
}

.vn2 h3 a {
	font-family: Georgia;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	display: block;
}


.leftnews {
	width: 307px;
	float: left;
	padding-right: 10px;
}

.leftnews a {
	text-decoration: none;
}

.leftnews a:hover {
	text-decoration: underline;
}

.leftnews h3 {
	padding-bottom: 5px;
	color: #074F8E !important;
}


.rightnews {
	float: left;
	width: 390px;
}

.rightnews ul {
	list-style: none;
}

.rightnews ul li {
	overflow: hidden;
	margin-bottom: 10px;
}

.rightnews a {
	display: block;
	font-size: 13px;
	text-decoration: none;
	overflow: hidden;
}

.rightnews a:hover {
	text-decoration: underline;
}

.rightnews i {
	display: block;
	font-style: normal;
	color: #e72c2c;
}

.rightnews b {
	color: #074F8E !important;
	display: block;
}

.leftnews {
	font-size: 13px;
}

#tolink {
	position: absolute;
	top: 10px;
	left: 550px;
	list-style: none;
	font-size: 11px;
	color: #074F8E;
	font-family: arial;
	text-decoration: none;
}

#tolink:hover {
	text-decoration: underline;
}

#topnav {
	position: absolute;
	top: 10px;
	right: 15px;
	list-style: none;
}

#topnav li {
	float: left;
	position: relative;
	overflow: hidden;
	padding-right: 5px;
}

#topnav li a {
	padding-right: 5px;
	font-weight: normal;
	display: block;
	font-size: 11px;
	color: #074F8E;
	text-decoration: none;
	border-right: 1px solid #646262;
}

#topnav li a:hover {
	text-decoration: underline;
}

#midnav {
	position: absolute;
	top: 31px;
	right: 17px;
	list-style: none;
}

#midnav li {
	float: left;
	position: relative;
	overflow: hidden;
	padding: 1px 0 1px 5px;
}

#midnav li a {
	padding-right: 5px;
	font-weight: normal;
	display: block;
	font-size: 10px;
	color: #074F8E;
	text-decoration: none;
}

#midnav li.novid {
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	display: block;
	padding: 4px 6px 4px 28px;
	background: #fff url('/images.tpl/vid.png') no-repeat left center;
	border-radius: 10px;
	transition: .3s all;
}

#midnav li.novid:hover {
	color: #fff;
	background: #074f8e url('/images.tpl/vid.png') no-repeat left center;
}

#midnav li a:hover {
	text-decoration: underline;
}


#search {
	position: absolute;
	right: 10px;
	bottom: 13px;
}

#searchtext {
	border: 1px solid #aeacac;
	float: left;
	background: transparent;
	width: 190px;
}

#searchbut {
	border: none;
	background: transparent;
	width: 70px;
	float: left;
	margin-left: 5px;
	height: 18px;
	display: block;
	cursor: pointer;
	background: #074F8E;
	color: white;
	font-size: 11px;
}

.advbl {
	width: 224px;
	margin: 17px 0 0 5px;
	background: url('/images.tpl/lmenutop.png') no-repeat top;
}

.advbl span {
	overflow: hidden;
	display: block;
	padding: 6px 10px 6px 10px;
	color: #646363;
	font-family: Georgia;
	font-size: 12px;
	width: 204px;
	background: url('/images.tpl/lmenubot.png') no-repeat bottom;
}

#lmenu {
	width: 224px;
	list-style: none;
	margin: 17px 0 0 5px;
}

#lmenu li {
	overflow: hidden;
	display: block;
	background: url('/images.tpl/lmenutop.png') no-repeat top;
}

#lmenu li a {
	width: 184px;
	overflow: hidden;
	display: block;
	color: #646363;
	font-family: Georgia;
	font-size: 12px;
	background: url('/images.tpl/lmenubot.png') no-repeat bottom;
	text-decoration: none;
	padding: 6px 10px 6px 30px;
}

#lmenu li:hover {
	background: none;
}

#lmenu li:hover a {
	color: #074F8E;
	background: none;
}

#lmenu .lvl3 {
	background-image: url();
}

#lmenu .lvl3 a {
	background-image: url();
	color: #477798;
	font-size: 10px;
	padding: 3px 10px 3px 30px;
}

#lmenu .lvl3 .cur {
	font-weight: bold;
	color: #E72C2C;
}


.calendar {
	margin: 10px auto 0px;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

.calendar * {
	font-size: 12px;
	font-family: Arial !important;
	padding: 0;
	margin: 0;
}

.calendar a {
	color: #636363;
}

#midscroll {
	padding: 0 54px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
}


/* disabled navigational button */
a.disabled {
	visibility: hidden !important;
}

#uynum {
	display: block;
	font-family: arial;
	margin: 0;
	padding: 0;
	height: 14px;
	float: left;
}

.newslist {
	list-style: none;
}

.newslist li {
	margin-bottom: 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
}


.newslist a {
	display: block;
	text-decoration: none;
	overflow: hidden;
}

.newslist a:hover {
	text-decoration: none;
}

.newslist i {
	display: block;
	font-style: normal;
	color: #8a8a8a;
}

.newslist b {
	color: #074F8E !important;
	display: block;
}

.bg_midnews {
	width: 302px;
	height: 155px;
	padding: 5px 0 0 4px;
	background: url("/images.tpl/bg_midnews.png") no-repeat;
	margin-bottom: 8px;
	text-align: left;
}

.bg_midnews img {
	border: 1px solid #e7e6e3;
	width: 295px;
	height: 147px;
}

.bg_minnews {
	width: 149px;
	min-width: 149px;

	box-shadow: rgba(0, 0, 0, 0.60) 0px 2px 8px;

	margin-right: 15px;
}

.bg_minnews .img {
	width: 100%;
	display: block;
	overflow: hidden;
}

.bg_minnews img {
	display: inline-block;
	width: 100%;
}

.bg_bignews {
	width: 477px;
	height: 242px;
	padding: 5px 0 0 5px;
	background: url("/images.tpl/bg_bignews.png") no-repeat;
	margin-bottom: 10px;
}

.bg_bignews img {
	border: 2px solid #e7e6e3;
	width: 468px;
	height: 233px;
}

.rlnews ul {
	list-style: none;
}

.rlnews li a i {
	display: block;
	margin-top: 5px;
	color: #E72C2C;
	text-decoration: none !important;
}

.rlnews a {
	color: #074F8E;
}

.rlnews h3 {
	color: #074F8E;
}

.news_title_text {
	margin-bottom: 15px;
}

.rgt a {
	color: #646262;
	font-size: 17px;
	text-decoration: none;
}

.rgt a:hover {
	text-decoration: underline;
}

.news_title a,
.news_text a {
	text-decoration: none;
}

.news_title a:hover,
.news_text a:hover {
	text-decoration: underline;
}

.alink {
	display: block;
	font-size: 15px !important;
	font-family: Georgia;
	background: url("/images.tpl/alert.png") no-repeat left;
	padding: 2px 2px 2px 20px;
	color: #074F8E !important;
	margin: 2px 0 3px !important;
}

.grads {
	background: url('/images.tpl/bottom2.png') top repeat-x;
	min-height: 30px;
	padding-left: 4px;
}

.techban {
	display: block;
	width: 202px;
	min-height: 30px;
	overflow: hidden;
	background: url('/images.tpl/bgban_bot.png') no-repeat bottom left;
	text-align: right;
	text-decoration: none;
	margin-bottom: 5px;
}

.techban span {
	padding: 16px 13px 35px 13px;
	display: block;
	overflow: hidden;
	font-size: 15px;
	font-family: Georgia;
	color: #074F8E !important;
	min-height: 12px;
	background: url('/images.tpl/bgban_top.png') no-repeat top left;
}

.techban:hover {
	background-position: bottom right;
}

.techban:hover span {
	background-position: top right;
	color: #7A1102 !important;
}

.bgph {
	background: #f6f6f6;
	padding: 15px;
	overflow: hidden;
	min-height: 210px;
}

.bgph_title {
	padding: 15px;
	overflow: hidden;
}

.list_it {
	width: 184px;
	min-height: 137px;
	padding: 13px;
	margin: 5px;
	overflow: hidden;
	float: left;
	background: #E7E5E5;
	text-align: center;
}

.list_it .incl {
	font-size: 11px;
	margin: 0 10px;
	text-align: center;
}

.list_it .incl a {
	text-decoration: none;
}

.list_it .incl a:hover {
	text-decoration: underline;
}

.list_it img {
	border: 1px solid #D4D1C0;
	float: left;
}

.centmenu {
	list-style: none;
	margin: 0 0 0 8px !important;
	padding: 0 !important;
}

.centmenu li {
	margin: 0 !important;
	padding: 0 !important;
}

.centmenu li a {
	text-decoration: none;
	display: block;
	margin: 3px 0 0 !important;
	padding: 2px !important;
	background: #EEEDED;
	color: #074F8E !important;
	border-bottom: 1px solid #95B0C9;
}

.centmenu li a:hover {
	color: #7A1102 !important;
	border-bottom: 1px solid #7A1102;
	background: #F3F1F1;
}

.fullcontent {
	padding: 10px 0px 0 0px;
}

.fullcontent,
.fullcontent * {
	color: #000;
	font-family: Georgia;
	font-size: 13px;
}

.notbord,
.notbord td {
	border: none !important;
	background-color: transparent !important;
}

.yesbord {
	margin: 10px 4px;
	border-collapse: collapse;
	background: white;
	border: 1px dotted #646363;
}

.yesbord td {
	padding: 2px;
	font-size: 11px;
	border: 1px dotted #646363;
}

.content img {
	max-width: 100% !important;
}

.content ul li,
.content ol li {
	margin-left: 20px;
}

.faq {
	padding: 0;
	margin: 0;
	list-style: none;
}

.faq li {
	padding: 5px 2px;
	margin: 2px;
	cursor: pointer;
}

.faq li span {
	font-size: 12px;
	color: #004075;
}

.faq li div {
	font-style: italic;
	padding-top: 6px;
	display: none;
	font-size: 12px;
	color: #004075;
}

.faq .n1 {
	background: #f6f6f6;
}

.faq .n2 {
	background: #ebebeb;
}

.thisday time {
	color: #074F8E;
}

.newslent_sidebar {}

.newslent_sidebar ul {
	list-style: none;
}

.newslent_sidebar ul li {
	overflow: hidden;
	margin-bottom: 10px;
}

.newslent_sidebar a {
	display: block;
	text-decoration: none;
	overflow: hidden;
	line-height: 1.25rem;
}

.newslent_sidebar a:hover {
	text-decoration: underline;
}

.newslent_sidebar i {
	display: block;
	font-style: normal;
	color: #8a8a8a;
}

.newslent_sidebar b {
	color: #074F8E !important;
	display: block;
}

.leftmenu-addon {
	padding: 1em 2em;
}

.leftmenu-addon a {
	color: #adadad;
}

.leftmenu-addon>ul {
	list-style: none;
}

.leftmenu-addon>ul li::before {
	content: "\2022";
	color: #adadad;
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.museo {
	font-family: 'Museo Sans Cyrl 500', Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	color: #272727;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	letter-spacing: 0.2px;
}

.news_block {}

.news_block a {
	text-decoration: none;
	color: #272727;
	transition: 0.2s;
}

.news_block a:hover {
	color: #7a7a7a;
}

.news_item {
	width: 200px;
	height: auto;
	position: relative;
	list-style: none;
	text-align: left;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: space-between;
	/* display: inline-block; */
	border-right: 1px solid #f0f0f0;
}

.news_item__image {
	position: relative;
	padding: 2px;
	width: 180px;
	height: 180px;
	overflow: hidden;
	border-radius: 4px;
	background: #fff;
}

.news_item__image img {
	display: block;
	width: 100%;
	border-radius: 4px;
	transition: 0.2s;
}

.news_block a:hover .news_item__image img {
	opacity: 0.90;
}

.news_item__date {
	padding: 5px 8px;
	position: absolute;
	bottom: 2px;
	left: 2px;
	background: rgba(255, 255, 255, 0.85);
	color: #000;
	font-weight: 600;
	transition: 0.2s;
}

.news_block a:hover .news_item__date {
	bottom: -30px;
}

.news_item__annot {
	padding: 10px 4px 12px 5px;
}

.news_item__button {
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.news_item__button a {
	margin: 0 auto;
	font-size: 11px;
	line-height: 30px;
	letter-spacing: 0.4px;
	color: #646363;
	width: 70%;
	display: block;
	text-align: center;
	font-weight: 300;
	text-transform: uppercase;
	border-radius: 4px;
	box-shadow: 0 1px 4px 1px rgb(0 0 0 / 10%);
	background: #fff;
	/* background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(0, 0, 0, .025) 0, rgba(0, 0, 0, .025) 10px) rgba(241, 243, 244, .4); */
}

.news_item__button a:hover {
	color: #8a8a8a;
}

.news_item__button .arrow {
	position: relative;
	font-size: 20px;
}

.gu_code {
	margin: 16px auto;
	max-width: 600px;
	border: 1px solid #2d73bc;
	border-radius: 4px;
	overflow: hidden;
}

#newsGallerySwiper .swiper-nav {
	--swiper-navigation-size: 25px;
	--swiper-navigation-color: #000;
	position: relative;
	display: block;
	height: calc(var(--swiper-navigation-size)*2);
	width: calc(var(--swiper-navigation-size)*3);
}

#newsGallerySwiper .swiper-slide {
	display: flex;
	width: auto;
	margin-right: 10px;
	border: 1px solid #dddddd;
	border-radius: 10px;
	overflow: hidden;
	padding: 1px;
}

#newsGallerySwiper .swiper-slide img {
	display: block;
	border: 1px solid transparent;
	border-radius: 10px;
}


.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.page-title.content {
	margin-left: 16px;
	margin-right: 16px;
}

.row {
	display: flex;
	margin-left: 16px;
	margin-right: 16px;
}

.col {
	flex: 1 0 0%;
}

.col-auto {
	flex: 0 0 auto;
	width: auto;
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}

.col-3 {
	flex: 0 0 auto;
	width: 25%;
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}

.col-6 {
	flex: 0 0 auto;
	width: 50%;
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}

.col-9 {
	flex: 0 0 auto;
	width: 75%;
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}

.col-12 {
	flex: 0 0 auto;
	width: 100%;
}

.index_right_menu {
	list-style: none;
}

.index_right_menu li {
	margin: 0 0 8px 8px !important;
	padding: 0;
	list-style: none;
}

.index_right_menu a.btn {
	display: block;
	font-weight: 700;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: .8em 1em calc(.8em + 3px);
	border: 1px solid #2d73bc;
	border-radius: 4px;
	background: #2d73bc;
	box-shadow: -1px -2px #2d67a5 inset;
	transition: 0.2s;
}

.index_right_menu a.btn:hover {
	border: 1px solid rgb(53, 167, 110);
	background: rgb(53, 167, 110);
	box-shadow: 0 3px rgb(33, 147, 90) inset;
}

.index_right_menu a.btn:active {
	background: rgb(33, 147, 90);
	box-shadow: 0 3px rgb(33, 147, 90) inset;
}

.index_right_menu a.alert {
	border: 1px solid #dc3545;
	color: #fff;
	background: #dc3545;
	box-shadow: -1px -2px #9b1a27 inset;
}

.index_right_menu a.alert:hover,
.index_right_menu a.alert:active {
	border: 1px solid #c82333;
	background: #c82333;
	box-shadow: 0 3px #9b1a27 inset;
}

.index_right_menu_social {
	margin: 20px 0 0 0 !important;
	list-style: none;
}

.index_right_menu_social li {
	margin: 8px 0;
}

.index_right_menu_social a {
	display: block;
	text-decoration: none;
	transition: 0.2s;
	font-size: 14px;
}

.index_right_menu_social a:hover {
	background-color: #E7E5E5;
}

.index_right_menu_social a .icon_text {
	margin-left: 4px;
	display: inline-block;
	line-height: 32px;
	vertical-align: middle;
}

.soc_vk_icon {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: url(/images.tpl/social/soc32_vk.png) left top no-repeat;
}

.soc_youtube_icon {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: url(/images.tpl/social/soc32_youtube.png) left top no-repeat;