* {margin:0;padding:0;border:0;}
html,body {height:100%;}
body {font:24px/1.2 "Trebuchet MS", sans-serif;color:#000;background:#fff;}
a {color:#000;text-decoration:none;/*transition:all .2s ease-in 0s;*/}
h1 {font-size:36px;margin:1em 0;}


.Trebuchet_MS {
	font-family:"Trebuchet MS", sans-serif;
}
.Georgia {
	font-family:Georgia, serif;
}
.ls0 {
}
.ls5 {
	letter-spacing:5px;
}
.ls10 {
	letter-spacing:10px;
}
.cs1 {
}
.cs2 {
	color:#fff;
	background:#000;
}
.cs3 {
	color:#002d56;
	background:#c8e5ff;
}
.cs4 {
	color:#301700;
	background:#fff5e6;
}
.cs2 a {
	color:#fff;
}
.cs3 a {
	color:#002d56;
}
.cs4 a {
	color:#301700;
}
.fs18 {
	font-size:18px;
}
.fs24 {
}
.fs30 {
	font-size:30px;
}
.wrap {
	width:1000px;
	margin:0 auto;
}


.top {
	font-family:"Trebuchet MS", sans-serif;
	letter-spacing:0;
	background:linear-gradient(to top, #000, #444);
	position:relative;
	z-index:120;
}
.cs2 .top {
	background:linear-gradient(to top, #bbb, #fff);
}
.cs3 .top {
	background:linear-gradient(to top, #024, #426382);
}
.cs4 .top {
	background:linear-gradient(to top, #210, #654);
}
.top .wrap {
	height:55px;
}
#font-size, #color-scheme {
	float:left;
	line-height:1;
	margin:3px 20px 0 0;
}
#font-size > span, #color-scheme > span, .cs3 #font-size > span, .cs3 #color-scheme > span, .cs4 #font-size > span, .cs4 #color-scheme > span {
	float:left;
	color:#fff;
	font-size:16px;
	margin:20px 10px 0 25px;
}
.cs2 #font-size > span, .cs2 #color-scheme > span {
	color:#000;
}
#font-size > a, #color-scheme > a {
	float:left;
	font-weight:bold;
}
#font-size > a > span, #color-scheme > a > span {
	display:block;
}
#font-size {
}
#font-size > a {
	font-size:24px;
	color:#fff;
	padding:16px 7px 12px;
}
.cs2 #font-size > a {
	color:#000;
}
.cs3 #font-size > a {
	color:#c8e5ff;
}
.cs4 #font-size > a {
	color:#fff5e6;
}
#font-size > a+a {
	font-size:35px;
	padding:7px 7px 10px;
}
#font-size > a+a+a {
	font-size:40px;
	padding:2px 7px 10px;
}
#font-size > a:hover {
	border-bottom:5px solid #000;
	background:rgba(255,255,255,.2);
}
.cs2 #font-size > a:hover {
	border-bottom:5px solid #fff;
	background:rgba(0,0,0,.2);
}
.cs3 #font-size > a:hover {
	border-bottom:5px solid #002d56;
	background:rgba(255,255,255,.2);
}
.cs4 #font-size > a:hover {
	border-bottom:5px solid #301700;
	background:rgba(255,255,255,.2);
}
#font-size > a.active {
	border-bottom:5px solid #000;
	color:#000;
	background:#fff;
}
.cs2 #font-size > a.active {
	border-bottom:5px solid #fff;
	color:#fff;
	background:#000;
}
.cs3 #font-size > a.active {
	border-bottom:5px solid #002d56;
	color:#355e83;
	background:#c8e5ff;
}
.cs4 #font-size > a.active {
	border-bottom:5px solid #301700;
	color:#301700;
	background:#fff5e6;
}
#color-scheme {
}
#color-scheme > a {
	padding:2px 6px 8px;
}
#color-scheme > a > span {
	font:bold 26px/38px Tahoma, sans-serif;
	padding:0 7px 2px;
	color:#000;
	background:#fff;
	border:1px solid #000;
}
#color-scheme > a:hover, #color-scheme > a.active {
	background:#fff;
	border-bottom:5px solid #000;
}
.cs2 #color-scheme > a:hover, .cs2 #color-scheme > a.active {
	border-bottom:5px solid #fff;
}
.cs3 #color-scheme > a:hover, .cs3 #color-scheme > a.active {
	border-bottom:5px solid #002d56;
}
.cs4 #color-scheme > a:hover, .cs4 #color-scheme > a.active {
	border-bottom:5px solid #301700;
}
#color-scheme > a+a {
}
#color-scheme > a+a > span {
	color:#fff;
	background:#000;
	border:1px solid #fff;
}
#color-scheme > a+a:hover, #color-scheme > a+a.active {
	background:#000;
}
#color-scheme > a+a+a {
}
#color-scheme > a+a+a > span {
	color:#195183;
	background:#c8e5ff;
	border:1px solid #195183;
}
#color-scheme > a+a+a:hover, #color-scheme > a+a+a.active {
	background:#c8e5ff;
}


#settings {
	float:right;
	margin:3px 0 0;
	position:relative;
	z-index:130;
}
#settings > a {
	float:right;
	height:40px;
	font-size:16px;
	line-height:36px;
	color:#fff;
	padding:6px 25px;
	position:relative;
	z-index:150;
}
.cs2 #settings > a {
	color:#000;
}
.cs3 #settings > a {
	color:#fff;
}
.cs4 #settings > a {
	color:#fff;
}
#settings > a > span {
	display:inline-block;
	vertical-align:middle;
	width:36px;
	height:36px;
	background:url(../i_spec/settings.png);
	margin:0 10px 4px 0;
}
.cs2 #settings > a > span {
	background-position:-36px 0;
}
.cs3 #settings > a > span {
	background-position:-72px 0;
}
.cs4 #settings > a > span {
	background-position:-108px 0;
}
#settings > a > em {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 2px 10px;
}
#settings > a:hover {
	border-bottom:5px solid #000;
	background:rgba(255,255,255,.2);
}
.cs2 #settings > a:hover {
	border-bottom:5px solid #fff;
	background:rgba(0,0,0,.2);
}
.cs3 #settings > a:hover {
	border-bottom:5px solid #002d56;
	background:rgba(255,255,255,.2);
}
.cs4 #settings > a:hover {
	border-bottom:5px solid #301700;
	background:rgba(255,255,255,.2);
}
#settings.active > a {
	border:0;
	background:#fff;
	color:#000;
}
.cs2 #settings.active > a {
	border:0;
	background:#000;
	color:#fff;
}
.cs3 #settings.active > a {
	border:0;
	background:#c8e5ff;
	color:#002d56;
}
.cs4 #settings.active > a {
	border:0;
	background:#fff5e6;
	color:#301700;
}
#settings.active > a > span {
	background-position:0 -36px;
}
.cs2 #settings.active > a > span {
	background-position:-36px -36px;
}
.cs3 #settings.active > a > span {
	background-position:-72px -36px;
}
.cs4 #settings.active > a > span {
	background-position:-108px -36px;
}
#settings.active > a > em {
}
#settings > div {
	border:1px solid #000;
	background:#fff;
	padding:25px 0 20px 15px;
	width:960px;
	position:absolute;
	top:45px;
	right:-1px;
	z-index:140;
	display:none;
}
.cs2 #settings > div {
	border:1px solid #fff;
	background:#000;
}
.cs3 #settings > div {
	border:1px solid #002d56;
	background:#c8e5ff;
}
.cs4 #settings > div {
	border:1px solid #301700;
	background:#fff5e6;
}
#settings.active > div {
	display:block;
}
.s-title {
	font-size:36px;
	margin:0 0 5px;
}
.s-block {
	font-size:24px;
	margin:0 0 5px;
}
.sb-label {
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
}
.s-block > a {
	display:inline-block;
	vertical-align:middle;
	padding:5px;
	border:2px solid #fff;
}
.cs2 .s-block > a {
	border:2px solid #000;
}
.cs3 .s-block > a {
	border:2px solid #c8e5ff;
}
.cs4 .s-block > a {
	border:2px solid #fff5e6;
}
.s-block > a > span {
	display:block;
	padding:3px 8px;
	text-align:center;
}
.s-block > a.active, .s-block > a:hover {
	border:2px solid #000;
}
.cs2 .s-block > a.active, .cs2 .s-block > a:hover {
	border:2px solid #fff;
}
.cs3 .s-block > a.active, .cs3 .s-block > a:hover {
	border:2px solid #002d56;
}
.cs4 .s-block > a.active, .cs4 .s-block > a:hover {
	border:2px solid #301700;
}
.s-block > a.active > span, .s-block > a:hover > span {
	color:#fff;
	background:#000;
}
.cs2 .s-block > a.active > span, .cs2 .s-block > a:hover > span {
	color:#000;
	background:#fff;
}
.cs3 .s-block > a.active > span, .cs3 .s-block > a:hover > span {
	color:#c8e5ff;
	background:#002d56;
}
.cs4 .s-block > a.active > span, .cs4 .s-block > a:hover > span {
	color:#fff5e6;
	background:#301700;
}
#font-family {
}
#font-family .sb-label {
}
#font-family > a {
	margin:0 20px;
}
#font-family > a+a {
	font-family:Georgia, serif;
}
#letter-spacing {
}
#letter-spacing .sb-label {
}
#letter-spacing > a {
}
#letter-spacing > a+a {
	letter-spacing:5px;
}
#letter-spacing > a+a+a {
	letter-spacing:10px;
}
#c-scheme {
	margin:0 0 30px;
}
#c-scheme .sb-label {
	display:block;
}
#c-scheme > a {
	width:215px;
	position:relative;
}
#c-scheme > a > span {
	padding:15px 0 20px;
	border:1px solid #000;
	background:#fff;
	color:#000;
}
#c-scheme > a+a {
}
#c-scheme > a+a > span {
	border:1px solid #fff;
	background:#000;
	color:#fff;
}
#c-scheme > a+a+a {
}
#c-scheme > a+a+a > span {
	border:1px solid #002d56;
	background:#c8e5ff;
	color:#002d56;
}
#c-scheme > a+a+a+a {
}
#c-scheme > a+a+a+a > span {
	border:1px solid #301700;
	background:#fff5e6;
	color:#301700;
}
#c-scheme > a > em {
	display:block;
	width:14px;
	height:14px;
	padding:3px;
	background:#fff;
	border:2px solid #000;
	border-radius:20px;
	position:absolute;
	bottom:-28px;
	left:50%;
	margin:0 0 0 -12px;
}
#c-scheme > a > em > i {
	display:block;
	width:14px;
	height:14px;
	background:#fff;
	border-radius:20px;
}
#c-scheme > a.active > em {
}
#c-scheme > a.active > em > i {
	background:#000;
}


.header {
	letter-spacing:0;
}
.header .wrap {
	height:190px;
	position:relative;
}
.logo {
	width:86px;
	height:85px;
	background:url(../i_spec/logo.png) no-repeat 50% 50%;
	background-size: contain;
	position:absolute;
	top:50px;
	left:30px;
}
.cs2 .logo {
}
.cs3 .logo {
}
.cs4 .logo {
}
.header .title {
	margin:0 0 0 170px;
	padding:50px 0 0;
	font-size:22px;
}
.header .title div {
	font-size:48px;
}


.menu {
	letter-spacing:0;
}
.menu .wrap {
	overflow:hidden;
}
.normal-version {
	float:left;
	width:100px;
	height:70px;
	padding:25px 20px;
	border-radius:3px;
	background:linear-gradient(to top, #000, #444);
	text-align:center;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.cs2 .normal-version {
	background:linear-gradient(to top, #bbb, #fff);
	color:#000;
}
.cs3 .normal-version {
	background:linear-gradient(to top, #024, #426382);
	color:#fff;
}
.cs4 .normal-version {
	background:linear-gradient(to top, #210, #654);
	color:#fff;
}
.normal-version span {
	display:inline-block;
	width:34px;
	height:19px;
	background:url(../i_spec/eye.png);
}
.cs2 .normal-version span {
	background-position:0 -19px;
}
.normal-version:hover {
	background:linear-gradient(to top, #444, #000);
}
.cs2 .normal-version:hover {
	background:linear-gradient(to top, #fff, #bbb);
}
.cs3 .normal-version:hover {
	background:linear-gradient(to top, #426382, #024);
}
.cs4 .normal-version:hover {
	background:linear-gradient(to top, #654, #210);
}
.top-menu {
	margin:0 0 0 170px;
	height:50px;
	border-bottom:5px solid #000;
}
.cs2 .top-menu {
	border-bottom:5px solid #fff;
}
.cs3 .top-menu {
	border-bottom:5px solid #002d56;
}
.cs4 .top-menu {
	border-bottom:5px solid #301700;
}
.top-menu a {
	float:left;
	font-size:24px;
	line-height:50px;
	padding:0 22px 0 15px;
	border-radius:5px 5px 0 0;
}
.top-menu a:hover {
	color:#fff;
	background:#000;
}
.cs2 .top-menu a:hover {
	color:#000;
	background:#fff;
}
.cs3 .top-menu a:hover {
	color:#002d56;
	background:#c8e5ff;
}
.cs4 .top-menu a:hover {
	color:#fff5e6;
	background:#301700;
}
.top-menu a.active {
	line-height:48px;
	padding:0 22px 6px 15px;
	background:#fff;
	color:#000;
	border:1px solid #000;
	border-bottom:0;
}
.cs2 .top-menu a.active {
	background:#000;
	color:#fff;
	border:1px solid #fff;
	border-bottom:0;
}
.cs3 .top-menu a.active {
	background:#c8e5ff;
	color:#002d56;
	border:1px solid #002d56;
	border-bottom:0;
}
.cs4 .top-menu a.active {
	background:#fff5e6;
	color:#301700;
	border:1px solid #301700;
	border-bottom:0;
}
.sub-menu {
	overflow:hidden;
	padding:10px 0;
	margin:0 0 0 170px;
	border-bottom:1px solid #000;
}
.cs2 .sub-menu {
	border-bottom:1px solid #fff;
}
.cs3 .sub-menu {
	border-bottom:1px solid #002d56;
}
.cs4 .sub-menu {
	border-bottom:1px solid #301700;
}
.sub-menu a {
	float:left;
	margin:5px 5px 5px 0;
	padding:0 12px;
	font-size:18px;
	line-height:32px;
}
.sub-menu a:hover, .sub-menu a.active {
	color:#fff;
	background:#000;
	border-radius:5px;
}
.cs2 .sub-menu a:hover, .cs2 .sub-menu a.active {
	color:#000;
	background:#fff;
}
.cs3 .sub-menu a:hover, .cs3 .sub-menu a.active {
	color:#c8e5ff;
	background:#002d56;
}
.cs4 .sub-menu a:hover, .cs4 .sub-menu a.active {
	color:#fff5e6;
	background:#301700;
}


.content {
}
.content .wrap {
}


#news-list {
list-style:none;
}
#news-list li {
	overflow:hidden;
	margin:40px 0 0;
}
#news-list li span {
	float:left;
	width:140px;
	font-size:66.67%;
	text-align:right;
	margin:.45em 0 0;
}
#news-list li div {
	margin:0 0 0 158px;
}
#news-list li div a {
	display:block;
	padding:0 12px;
	border-radius:5px;
}
#news-list li div a:hover {
	color:#fff;
	background:#000;
}
.cs2 #news-list li div a:hover {
	color:#000;
	background:#fff;
}
.cs3 #news-list li div a:hover {
	color:#c8e5ff;
	background:#002d56;
}
.cs4 #news-list li div a:hover {
	color:#fff5e6;
	background:#301700;
}


.pages {
	margin:50px 0 0 158px;
overflow:hidden;
}
.pages a {
	float:left;
	font-weight:bold;
	line-height:1.625;
	padding:0 12px;
	margin:0 3px 0 0;
}
.pages a:hover, .pages a.active {
	background:#000;
	color:#fff;
	border-radius:5px;
}
.cs2 .pages a:hover, .cs2 .pages a.active {
	background:#fff;
	color:#000;
}
.cs3 .pages a:hover, .cs3 .pages a.active {
	background:#002d56;
	color:#c8e5ff;
}
.cs4 .pages a:hover, .cs4 .pages a.active {
	background:#301700;
	color:#fff5e6;
}


.page-controls {
	letter-spacing:0;
}
.page-controls .wrap {
	overflow:hidden;
	padding:50px 0 0;
}
.page-controls .wrap > a {
	float:right;
	padding:0 12px;
	line-height:1.625;
	position:relative;
	color:#fff;
	background:#000;
	border-radius:5px;
}
.cs2 .page-controls .wrap > a {
	color:#000;
	background:#fff;
}
.cs3 .page-controls .wrap > a {
	background:#002d56;
	color:#c8e5ff;
}
.cs4 .page-controls .wrap > a {
	background:#301700;
	color:#fff5e6;
}
.page-controls .wrap > a span {
	display:block;
	width:23px;
	height:12px;
	background:url(../i_spec/ba.gif);
	position:absolute;
	top:-12px;
	left:50%;
	margin:0 0 0 -12px;
}
.cs2 .page-controls .wrap > a span {
	background-position:0 -12px;
}
.cs3 .page-controls .wrap > a span {
	background-position:0 -24px;
}
.cs4 .page-controls .wrap > a span {
	background-position:0 -36px;
}



.news-detail {
}
.news-detail .detail_picture {
float:left!important;
margin:0 30px 20px 0!important;
}
.news-detail .news-date-time {
color:#000;
font-size:75%;
font-weight:bold;
}
.news-detail h2, .news-detail h3 {
font-size:120%;
margin:.5em 0 1em;
}
.news-detail p {
margin:0 0 1em;
}





.bottom-menu {
	font-size:24px;
	letter-spacing:0;
}
.bottom-menu .wrap {
	margin:50px auto 0;
	padding:25px 0 0;
	border-top:1px solid #000;
}
.cs2 .bottom-menu .wrap {
	border-top:1px solid #fff;
}
.cs3 .bottom-menu .wrap {
	border-top:1px solid #002d56;
}
.cs4 .bottom-menu .wrap {
	border-top:1px solid #301700;
}
.bottom-menu .wrap a {
	display:inline-block;
	margin:0 55px 0 20px;
}
.bottom-menu .wrap a:last-child {
	margin:0 0 0 20px;
}


.footer {
	margin:25px 0 0;
	font-size:16px;
	letter-spacing:0;
}
.footer .wrap {
	border-top:5px solid #000;
	padding:25px 0;
	text-align:center;
}
.cs2 .footer .wrap {
	border-top:5px solid #fff;
}
.cs3 .footer .wrap {
	border-top:5px solid #002d56;
}
.cs4 .footer .wrap {
	border-top:5px solid #301700;
}


.predpiyatiya {
	font-size: 0;
}
.predpiyatiya .pred {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	text-align: center;
	margin: 0 10px 20px;
}
.predpiyatiya .pred > a {
	display: block;
	height: 70px;
}
.predpiyatiya .pred > a img {
	display: block;
	height: 65px;
	margin: 0 auto;
}
.predpiyatiya .pred > div {
}
.predpiyatiya .pred > div a {
	font-size: 18px;
}


.ruk-list {
}
.ruk-list li {
overflow:hidden;
margin:1em 0;
}
.ruk-list li img {
float:left;
margin:0 30px 10px 0;
}


ul, ol {
margin:1em;
}
ul li, ol li {
margin:.2em 0 0;
}