@font-face {font-family: Roboto-Medium; src: url(/fonts/Roboto-Medium.ttf);}
@font-face {font-family: Roboto-Light; src: url(/fonts/Roboto-Light.ttf);}
@font-face {font-family: Roboto-Black; src: url(/fonts/Roboto-Black.ttf);}
@font-face {font-family: Roboto-Bold; src: url(/fonts/Roboto-Bold.ttf);}

html {padding: 0; margin: 0; overflow-x: hidden; }
body {padding: 0; margin: 0; font-family: 'Ubuntu', sans-serif; position: relative; text-align: left;}

h1, h2, h3, h4, h5, p, a, span {
 font-family: 'Ubuntu', sans-serif;
}
h1 i, h2 i, h3 i, h4 i, h5 i {
 color: Firebrick;
}

hr {
 overflow: visible;
 background: steelblue;
 height: 10px !important;
 border: 0;
}

.pagew {
 width: 1060px;
 margin: 20px auto;
 padding: 20px;
 border: 2px solid steelblue;
}

h1, h2, h3, h4, h5 {
 display: table; 
 margin:0; 
 padding: 5px 100px 5px 5px;
 border-bottom: 3px solid SteelBlue;
 font-weight: 400; 
}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}

a {text-decoration: none; color: black;}
.alink {
 text-decoration: underline;
 color: steelblue;
}

footer {display: table !important;}

header {
 height: 150px; 
 background: url('/img/body.png'); 
 padding: 10px 0; 
 margin: 0; 
 border-bottom: 5px solid silver;
}

.load-word {
 width: 1120px;
 height: 60px;
 background: steelblue;
 margin: 20px auto;
 text-align: center;
 line-height: 50px;
 display: table;
 border-radius: 5px;
 transition: all 0.5s 0.3s;
}
.load-word:hover {background: #3C709A;}
.load-word a {
 font-family: Roboto-Thin;
 font-size: 30px;
 color: white;
 width: 1105px;
 display: table;
 margin: 5px auto;
 height: 40px;
 border: 1px dashed silver;
 border-radius: 5px;
}
.page-content {
 width: 1100px;
 margin: 20px auto;
 padding: 10px;
 border: 1px dashed silver;
 border-radius: 5px;
}

.log-in {background: green;
 padding: 5px 20px;
 border-radius: 3px;
 margin: 5px auto;
 display: table;
 color: white;}
.log-out {background: firebrick;
 padding: 5px 20px;
 border-radius: 3px;
 margin: 5px auto;
 display: table;
 color: wheat;}


.header-all {width: 1100px; height: 150px; margin: 0 auto; padding:0;}
.header-left {width: 150px; height: 150px; float: left; margin-right: 20px;}
.header-right {width: 930px; height: 150px; float: left; position: relative;}
.header-right-top {}
.header-right-top p {float: left;font-size: 24px;padding: 0px;margin: 0px;color: silver;}
.header-right-top h1 {font-family: Roboto-Light, sans-serif; font-size: 36px; margin:0; padding: 0; border: 0; width: 100%;}

.header-menu {position: absolute;bottom: 0px;width: 100%;left: 0;}
.header-menu ul {padding: 0; margin: 0; list-style: none; width: 100% !important; height: 27px;}
.header-menu ul li {display: inline-table;margin-right: 26px;border-bottom: 5px solid silver;padding-bottom: 10px;margin-bottom: -44px; transition: all 0.5s;}
.header-menu ul li:hover {border-bottom: 5px solid #2D78A3;}
.header-menu ul li a {font-family: Roboto-Light, sans-serif; font-size: 22px;}
.header-menu ul li a:hover {color: #2D78A3; cursor: pointer;}
.header-menu ul li:last-child {margin-right: 0;}
.hact {color: #2D78A3; font-weight: 400;}

.header-right-top .social {opacity: 0.4;
 width: 30px;
 height: 30px;
 float: right;
 transition: all 0.5s ease-out;
 margin-left: 15px;
 margin-top: 6px;}
.header-right-top .social:hover {opacity: 1;}

.logo {
 display: inline-table;
 width: 150px;
 height: 150px;
 padding: 0;
 margin: 0;
 text-align: center;
}
.logo a {}
.logo img {width: 150px; height: 150px; padding: 0; margin: 0;}

.content {width: 1100px; display: table; margin: 20px auto;}
.page-title {width: 1100px; display: table; margin: 0 auto; height: 120px;}
.page-back {padding: 5px 10px;background: #348BBD;border-radius: 3px;}
.page-back a {color: white;}

footer {width: 100%;
 height: 100px;
 background: url("/img/body.png") repeat 0% 0%;
 border-top: 5px solid silver;}
.footer-block {width: 1100px; height: 100px; display: table; font-family: Roboto-Thin; font-weight: 300; margin: 0 auto; text-align: center;}

.eBlock {background: url('/img/body.png'); margin-bottom: 20px;padding: 10px 20px; box-shadow: 5px 5px 10px silver;}
.news-title {font-size: 22px; font-weight: 400; margin: 10px 0;}
.news-text img {float: left; margin: 0 15px 15px 0 !important;}
.news-img {width: 100%; display: table;}
.news-img img {width: 272px; height: 180px; opacity: 0.7;}
.news-img img:hover {opacity: 1; transition: 0.2s ease-in;}

.regionlnk {
display: inline-table;
width: auto !important;
padding: 0 20px;
background: #348BBD;
color: white;
float: right;
margin-top: -64px;
 min-height: 42px;
max-height: 42px;
height: 42px;
line-height: 42px;
}

.nfilter {width: 1060px; display: table; padding: 10px 20px; margin-bottom: 20px; background: url('/img/body.png');}
.nmesyac {display: inline-table;}
.nmesyac select {width: 200px; border:0; padding: 5px 10px; border: 2px solid white; transition: 0.5s ease-in;}
.nmesyac select:hover { border: 2px solid SteelBlue;}
.npoisk {float: right;}
.npoisk p {display: inline-table;margin: 0;padding: 5px 10px;font-size: 18px;}
.searchForm {float: right;}

.searchForm form {}

.searchForm form .schQuery {display: inline-table; margin-right: 20px;}
.searchForm form .schQuery input {color: silver; padding: 5px 10px; background: white; border: 2px solid white; transition: 0.5s ease-in;}
.searchForm form .schQuery input:hover {border: 2px solid SteelBlue; color: black;}

.searchForm form .schBtn {display: inline-table;}
.searchForm form .schBtn input {padding: 7px 15px; background: white; border: 0; transition: 0.5s ease-in;}
.searchForm form .schBtn input:hover {background: SteelBlue; color: black;}

.catsTable {margin-bottom: 20px;}
.catsTable tbody tr:first-child {
 display: inline-table; width: auto !important;
}
.catsTable tbody tr:nth-child(2),
.catsTable tbody tr:nth-child(3),
.catsTable tbody tr:nth-child(4),
.catsTable tbody tr:nth-child(5),
.catsTable tbody tr:nth-child(6),
.catsTable tbody tr:nth-child(7),
.catsTable tbody tr:nth-child(8),
.catsTable tbody tr:nth-child(9),
.catsTable tbody tr:nth-child(10),
.catsTable tbody tr:nth-child(11),
.catsTable tbody tr:nth-child(12),
.catsTable tbody tr:nth-child(13),
.catsTable tbody tr:nth-child(14),
.catsTable tbody tr:nth-child(15),
.catsTable tbody tr:nth-child(16),
.catsTable tbody tr:nth-child(17),
.catsTable tbody tr:nth-child(18),
.catsTable tbody tr:nth-child(19),
.catsTable tbody tr:nth-child(20),
.catsTable tbody tr:nth-child(21) {
 display: none;
}
.catsTable tbody tr:first-child td:nth-child(3) {
 display: none;
}
.catsTable {
 width: 350px;
}
.catsTable td {
 width: auto !important; 
 padding: 10px 20px; 
 margin-right: 20px; 
 background: #348BBD;
 display: inline-table;
}
.catsTable a {color: white;}

#rnews {
 border: 2px solid steelblue;
 padding: 20px;
 margin: 20px auto;
display: table;
 width: 1060px;
}
#rnews .nright {
 width: 730px !important;
}

/* Новости вид материала */

.nblock {display: table; position: relative; margin-bottom: 30px;}

.nleft {float: left; display: table;margin-right: 30px; width: 300px;}
.nright {float: right; display: table; width: 770px;}

.nimg {width: 296px; height: 200px;overflow: hidden;position: relative;}
.nimg img {width: 296px; height: 200px; position: absolute;display: table;top: 0; left: 0;}

.ndate {text-align: center; margin-top: 10px; color: #333;}

.ntext {position: relative;
 padding: 10px;
 border: 1px dashed silver;
 height: 150px;
 max-height: 150px;
 overflow: hidden;}
.ntext img {display: none;}
.ntitle {display: table; font-size: 20px; margin-bottom: 15px;}
.entryReadAllLink {color: firebrick;}

.ntext:hover .learn-more {
 opacity:1;
 -o-transform: translate(0, 0);
 -ms-transform: translate(0, 0);
 -moz-transform: translate(0, 0);
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
.learn-more {
 -o-transform: translate(0, 20px);
 -ms-transform: translate(0, 20px);
 -moz-transform: translate(0, 20px);
 -webkit-transform: translate(0, 20px);
 transform: translate(0, 20px);
 transition: all 0.5s 0.2s ease-in;
 color: white;
 position: absolute;
 right: 0px;
 bottom: 0px;
 background: rgba(70, 130, 180, 0.8) none repeat scroll 0% 0%;
 width: 768px;
 height: 30px;
 text-align: center;
 line-height: 30px;
 opacity: 0;
}

/* Новости вид материала КОНЕЦ */

.news-block {
 width: 1100px;
 display: table;
 margin: 30px auto;
 z-index: 999;
}
.news-box {
 display: table;
 border-bottom: 1px solid white;
 width: 95%;
 margin: 20px auto 0;
 padding: 0 0 10px 0;
}
.news-box:hover {
 
}
.news-box:hover .news-date {
 background: #348BBD;
}
.news-title {
 padding: 0;
 margin: 0;
}
.news-title a {
 font-family: Roboto-Light, sans-serif;
 font-size: 20px;
 font-weight: 400;
 line-height: 26px;
}
.news-date {
 transition: all 0.2s ease-in;
 background: silver;
 color: white;
 padding: 5px 10px;
 margin: 0;
 font-family: Roboto-Thin, sans-serif;
 font-size: 20px;
 font-weight: 300;
 float: left;
 line-height: 20px;
 width: 180px;
 height: 20px;
}
.news-box-left {
 width: 220px;
 height: 160px;
 float: left;
}
.news-box-left img {
 float: left;
 width: 200px;
 height: 130px;
 border: 0;
 margin: 0;
 padding: 0;
}
.news-box-right {
 width: 300px;
 float: right;
 display: table;
 height: 100px;
}

/* ТАБЫ */
.tabs {
 position: relative;
 overflow: hidden;
 margin: 0 auto;
 width: 100%;
}
.tabs nav {
 text-align: center;
}
.tabs nav ul {
 position: relative;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: flex;
 margin: 0 auto;
 padding: 0;
 max-width: 1200px;
 list-style: none;
 -ms-box-orient: horizontal;
 -ms-box-pack: center;
 -webkit-flex-flow: row wrap;
 -moz-flex-flow: row wrap;
 -ms-flex-flow: row wrap;
 flex-flow: row wrap;
 -webkit-justify-content: center;
 -moz-justify-content: center;
 -ms-justify-content: center;
 justify-content: center;
}
.tabs nav ul li {
 position: relative;
 z-index: 1;
 display: block;
 margin: 0;
 text-align: center;
 -webkit-flex: 1;
 -moz-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
.tabs nav a {
 position: relative;
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 line-height: 2.5;
}
.tabs nav a span {
 vertical-align: middle;
 font-size: 18px;
 font-weight: 300;
}
.tabs nav li.tab-current a {
 color: #74777b;
}
.tabs nav a:focus {
 outline: none;
}
/* Content */
.content-wrap {
 position: relative;
 min-height: 300px;
}

.content-wrap section {
 display: none;
 margin: 0 auto;
 padding: 15px 0;
 max-width: 1200px;
 text-align: left;
}

.content-wrap section.content-current {
 display: block;
}

/* Табы */

/* Быстрое инфо */

#fast-block {
 width: 1100px;
 height: 400px;
 margin: 30px auto;
 background-color: #225C7D;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: left;
 -webkit-justify-content: left;
 -ms-flex-pack: left;
 justify-content: left;
 overflow: hidden;
 z-index: 10;
}

#fast-left-side {
 height: 70%;
 width: 300px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
}
#fast-left-side ul li {
 padding-top: 10px;
 padding-bottom: 10px;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 line-height: 34px;
 color: silver;
 font-weight: 500;
 cursor: pointer;
 -webkit-transition: all .2s ease-out;
 transition: all .2s ease-out;
}
#fast-left-side ul li:hover {
 color: #CDCDCD;
 -webkit-transition: all .2s ease-out;
 transition: all .2s ease-out;
}

#fast-left-side ul li.active {
 color: white;
}

#fast-border {
 height: 288px;
 width: 1px;
 background-color: rgba(51, 51, 51, 0.2);
}
#fast-border #line.one {
 width: 5px;
 height: 54px;
 background-color: #E74C3C;
 margin-left: -2px;
 margin-top: 35px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
#fast-border #line.two {
 width: 5px;
 height: 54px;
 background-color: #E74C3C;
 margin-left: -2px;
 margin-top: 89px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
#fast-border #line.three {
 width: 5px;
 height: 54px;
 background-color: #E74C3C;
 margin-left: -2px;
 margin-top: 143px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
#fast-border #line.four {
 width: 5px;
 height: 54px;
 background-color: #E74C3C;
 margin-left: -2px;
 margin-top: 197px;
 -webkit-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
}

#fast-right-side {
 height: 400px;
 width: 800px;
 overflow: hidden;
}

#fast-right-side p {
 font-family: Roboto-Thin;
 font-size: 20px;
}

#fast-right-side #first, #fast-right-side #second, #fast-right-side #third, #fast-right-side #fourth {
 position: absolute;
 height: 400px;
 width: 800px;
 -webkit-transition: all .6s ease-in-out;
 transition: all .6s ease-in-out;
 opacity: 0;
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -ms-flex-direction: column;
 flex-direction: column;
}
#fast-right-side #first h1, #fast-right-side #second h1, #fast-right-side #third h1, #fast-right-side #fourth h1 {
 font-weight: 800;
 color: white;
}
#fast-right-side #first p, #fast-right-side #second p, #fast-right-side #third p, #fast-right-side #fourth p {
 color: white;
 font-weight: 500;
 padding-left: 30px;
 padding-right: 30px;
}
#fast-right-side #first.active, #fast-right-side #second.active, #fast-right-side #third.active, #fast-right-side #fourth.active {
 opacity: 1;
 -webkit-transition: all .6s ease-in-out;
 transition: all .6s ease-in-out;
}

#fast-right-side #first {
 background: url(/img/page/lider.jpg) top right no-repeat;
 background-size: 800px;
}
#fast-right-side #first h1{
 font-weight: 300;
 color: black;
 font-family: Roboto-Thin;
 bottom: 0;
 position: absolute;
 left: 30px;
 background: rgba(255,255,255,.8);
}

/* Быстрое инфо */

.mail-form-main {width: 680px;}
.mail-form-main p {display: inline-table; width: 200px; padding:0; margin: 10px 0;color: white;}
.mail-form-main input[type="text"] {border: 0; padding: 5px 10px; opacity: 0.6; width: 400px;}
.mail-form-main input[type="text"]:hover {opacity: 1;}
.mail-form-main input[type="text"]:focus {opacity: 1; background: yellowgreen;}
.mail-form-main textarea {border: 0; padding: 5px 10px; opacity: 0.6; width: 400px; height: 30px;}
.mail-form-main textarea:hover {opacity: 1;}
.mail-form-main textarea:focus {opacity: 1; background: yellowgreen;}
.mail-form-main input[type="submit"] {border: 0;padding: 5px 10px;opacity: 0.6;margin: 0 auto;display: table;margin-top: 10px;background: greenyellow;}
.mail-form-main input[type="submit"]:hover {opacity: 1;}
.mail-form-main #secuImgM {height: 30px !important; margin-top: -3px !important;}

.loginBlock {font-family: Roboto-Light; font-size: 20px; margin: 20px auto; display: table; min-width: 400px;}
.loginDiv span, .passwordDiv span {font-family: Roboto-Light; padding: 7px 10px; background: olivedrab; color: white; width: 100px; margin: 10px 20px 10px 0; display: inline-table;}
.loginBlock input {padding: 5px 10px;}
.loginBlock .loginLinks a {padding: 10px 20px; display: inline-table; background: steelblue; color: white; margin: 20px 20px;}
.loginBlock .logLnkSep {display: none;}
.buttonDiv input {padding: 5px 10px; display: table; background: steelblue; color: white; margin: 20px auto 0; border: 0;}
.loginBlock .rememberDiv {display: table; margin: 0 auto;}

.load-zip {background: olive; color: white; padding: 20px 30px 20px 70px; display: table; margin: 20px auto; font-family: Roboto-Thin; font-size: 25px; position: relative;}
.load-zip img {width: 45px;position: absolute;left: 16px;top: 13px;}

.load-pdf {background: firebrick; color: white; padding: 20px 30px 20px 70px; display: table; margin: 20px auto; font-family: Roboto-Thin; font-size: 25px; position: relative;}
.load-pdf img {width: 45px; position: absolute; left: 16px; top: 13px;}


.cont-name {font-family: Roboto-Thin, sans-serif; font-size: 22px; font-weight: 300; background: Steelblue; color: white; width: 200px; padding: 10px 20px;}
.cont-info {font-family: Roboto-Thin, sans-serif; font-size: 22px; font-weight: 600; color: black;}
.cont-map {margin: 20px auto; border: 4px solid SteelBlue; border-radius: 10px 0 10px 0; overflow: hidden;}
.cont-left {display: inline-table; width: 550px;}
.cont-right {display: inline-table; width: 540px;}


/* КАРТА */

.jqvmap-label
{
 position: absolute;
 display: none;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #292929;
 color: #ccc;
 font-family: sans-serif, Verdana;
 font-size: smaller;
 padding: 6px;
}
.jqvmap-label strong
{
 color:#fff; 
 display:inline-block
}

.jqvmap-label ul
{
 margin:0;
 text-align:left;
 padding:2px 10px 2px 20px;
}
.jqvmap-zoomin, .jqvmap-zoomout
{
 position: absolute;
 left: 10px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 background: #000000;
 padding: 3px;
 color: white;
 width: 10px;
 height: 10px;
 cursor: pointer;
 line-height: 10px;
 text-align: center;
}
.jqvmap-zoomin
{
 top: 10px;
}
.jqvmap-zoomout
{
 top: 30px;
}
.jqvmap-region
{
 cursor: pointer;
}
.jqvmap-ajax_response
{
 width: 100%;
 height: 500px;
}



.blockpromo {width: 1100px; height: 400px; margin: 20px auto 0;}
.promo-left {width: 750px; height: 400px; float: left;}
.promo-right {width: 350px; height: 400px; float: right;}

.promo1, .promo2 {
 width: 350px;
 height: 120px;
 transition: all 0.5s ease-out;
 background: #4b8bc1;
 background: -moz-linear-gradient(45deg, #4b8bc1 0%, #3c709a 100%);
 background: -webkit-linear-gradient(45deg, #4b8bc1 0%,#3c709a 100%);
 background: linear-gradient(45deg, #4b8bc1 0%,#3c709a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b8bc1', endColorstr='#3c709a',GradientType=1 );
 border-bottom: 5px solid white;
}
/*.promo2 {
width: 350px;
height: 140px;
background: darkcyan;
transition: all 0.5s ease-out;
}*/

.promo1:hover, .promo2:hover {
 background: #2d5474;
 background: -moz-linear-gradient(45deg, #2d5474 0%, #3c709a 100%);
 background: -webkit-linear-gradient(45deg, #2d5474 0%,#3c709a 100%);
 background: linear-gradient(45deg, #2d5474 0%,#3c709a 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5474', endColorstr='#3c709a',GradientType=1 );
}
/*.promo2:hover {background: #007171;}*/

.promo1:hover a {font-size: 28px;}
.promo2:hover a {font-size: 28px;}

.promo1 a {transition: all 0.2s ease-in;font-family: Roboto-Thin; font-size: 26px; text-align: center; color: white;display: table;padding: 44px 0; width: 350px;}
.promo2 a {transition: all 0.2s ease-in; font-family: Roboto-Thin; font-size: 26px; text-align: center; color: white;display: table;padding: 28px 0; width: 350px}


.MN-ALL {width: 1100px;min-height: 500px;margin: 20px auto;}
.MN-LEFT {width: 550px;float: left;}
.MN-RIGHT {width: 550px;float: right;}

.MN-LEFT h3, .MN-RIGHT h3 {
 width: 250px; 
 padding: 8px 10px; 
 position: relative;
}
.MN-LEFT h3:hover {
 background: SteelBlue;
 color: white;
}
.MN-RIGHT h3:hover {
 background: SteelBlue;
 color: white;
}
.MN-H3:hover .MN-SPAN {
 -webkit-transform: translate(35px,0);
 -o-transform: translate(35px,0);
 -moz-transform: translate(35px,0);
 
 opacity: 1;
}
.MN-H3 .MN-SPAN {
 position: absolute; 
 right: 0; 
 top:0;
 transition: all 0.5s ease-out; 
 background: firebrick;
 padding: 8px 10px;
 margin: 0px;
 text-align: center;
 height: 26px;
 opacity: 0;
}
.MN-LEFT i, .MN-RIGHT i {color: white;line-height: 26px;}

.MN-FORM {}



.search-block {margin: 20px auto;}
.search-block .eBlock {position: relative;}
.search-block .eBlock .eTitle {
 font-size: 20px;
 padding: 10px;
 background: steelblue;
 color: white;
 position: absolute;
 top: 0;
 left: 0;
 width: 1080px;
 display: table;
 margin-bottom: 20px;
}
.search-block .eBlock .eTitle a {
 color: white;
}
.search-block .eBlock .eMessage {
 margin-top: 50px;
 margin-bottom: 50px;
}
.search-block .eBlock .eDetails {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 1080px;
 padding: 10px;
 background: #5CABED;
}



.an-all {
 width: 350px;
 height: 150px;
 margin: 0;
}
.an-all ul {
 list-style: none;
 padding:0;
 margin: 0 auto;
}
.an-all ul li {
 width: 350px;
 height: 120px;
 float: left;
 margin: 0;
}

.an-left {width: 80px; height: 120px; float: left;}
.an-right {width: 270px; height: 120px; float: left;}

.an-date {
 padding: 0;
 margin: 0 auto;
 font-family: Roboto-Thin;
 font-size: 45px;
 text-align: center;
 height: 60px;
 line-height: 60px;
 background: steelblue;
 color: white;
}
.an-mount {
 margin: 0 auto 0;
 padding: 0;
 text-align: center;
 background: steelblue;
 color: white;
 font-size: 18px;
 height: 35px;
 line-height: 35px;
}
.an-time {
 background: firebrick;
 color: white;
 margin: 0;
 padding: 0;
 text-align: center;
 height: 25px;
 line-height: 25px;
 width: 80px;
font-size: 12px; 
}
.an-title {
 width: 250px;
 height: 100px;
 margin: 0;
 padding: 10px;
 background: #5299D4;
 color: white;
 font-size: 22px;
 font-family: Roboto-Thin;
 transition: all 0.2s 0.1s;
}
.an-title:hover {
 background: #346085;
}
.an-tilt {
 margin: 0;
 padding: 0;
 font-family: 'Ubuntu', sans-serif;
 font-size: 24px;
 width: 80px;
 text-align: center;
 background: #3C709A;
 color: wheat;
 border-radius: 0 5px 0 0;
}

.region-list {
 list-style: none;
}
.region-list li {
 float: left;
 padding: 5px;
 background: steelblue;
 margin-right: 5px;
 margin-bottom: 5px;
 width: 162px;
 height: 35px;
}
.region-list li:hover {
 background: #346085;
}
.region-list li a {
 color: white;
}
.region-list li:nth-child(6n+6) {
 margin-right:0;
}

.re-leader {
 width: 300px;
 float: right;
}
.re-l1 {
 font-family: Roboto-Light;
 font-size: 20px;
 text-align: left;
 margin: 20px 0;
 padding-left: 28px;
}
.re-l2 {
 font-family: Roboto-Thin;
 font-size: 35px;
 text-align: center;
 padding: 0;
 margin: 0;
}
.re-photo {
 border:5px solid steelblue;
 border-radius:150px;
 width: 300px;
 height: 300px;
 overflow: hidden;
 position: relative;
}
.re-photo img {
 width: 300px; 
 border: 0; 
 padding: 0;
}
.re-title {padding: 5px 10px;
 background: SteelBlue;
 color: white;
 display: table;
 min-width: 300px;
 font-family: Roboto-Light;
 font-size: 25px;
 margin: 0;}
.re-text {padding: 5px 10px;
 font-family: Roboto-Thin;
 font-size: 30px;
 margin: 0;}
.re-bio {
 font-family: Roboto-Light;
 font-size: 18px;
 margin: 20px auto;
}


.homelink:hover, .newslink:hover {
 color: dimgray;
}
.entrylink {
 color: dimgray;
 margin: 0px;
 padding: 5px 10px;
 font-family: Roboto-Light;
 font-size: 20px;
 display: inline-table;
 transition: all 0.2s;
}
.homelink, .newslink {
 margin: 0px;
 padding: 5px 10px;
 font-family: Roboto-Light;
 font-size: 20px;
 display: inline-table;
 color: silver;
 transition: all 0.2s;
}

.anb-all {
 width: 1100px;
 height: 120px;
 margin: 20px auto 0;
}
.anb-all ul {
 list-style: none;
 padding:0;
 margin: 0 auto;
}
.anb-all ul li {
 width: 1100px;
 height: 120px;
 float: left;
 margin: 0;
}
.anb-left {width: 80px; height: 120px; float: left;}
.anb-right { width: 1020px;
 height: 120px;
 float: left;
}
.anb-date {
 padding: 0;
 margin: 0 auto;
 font-family: Roboto-Thin;
 font-size: 45px;
 text-align: center;
 height: 60px;
 line-height: 60px;
 background: steelblue;
 color: white;
}
.anb-mount {
 margin: 0 auto 0;
 padding: 0;
 text-align: center;
 background: steelblue;
 color: white;
 font-size: 18px;
 height: 35px;
 line-height: 35px;
}
.anb-time {
 background: firebrick;
 color: white;
 margin: 0;
 padding: 0;
 text-align: center;
 height: 25px;
 line-height: 25px;
}
.anb-title {
 width: 1000px;
 height: 100px;
 margin: 0;
 padding: 10px;
 background: #5299D4;
 color: white;
 font-size: 32px;
 font-family: Roboto-Thin;
 transition: all 0.2s 0.1s;
}
.anb-title:hover {
 background: #346085;
}
.anb-tilt {
 margin: 0;
 padding: 0;
 font-family: 'Ubuntu', sans-serif;
 font-size: 24px;
 width: 80px;
 text-align: center;
 background: #3C709A;
 color: wheat;
 border-radius: 0 5px 0 0;
}
.anb-alltext {
 background: url('/img/body.png');
 margin-bottom: 20px;
 padding: 10px 20px;
 box-shadow: 5px 5px 10px silver;
}


.rg-title {position: relative;}
.rg-title p {font-family: Roboto-Light; font-size: 30px; color: white; background: steelblue; padding: 10px; margin: 0;}

.rg-map {float: left; width: 530px; height: 400px; margin: 20px 20px 0 0;}

.rg-block {
 width: 550px;
 display: table;
 min-height: 100px;
 float: left;
 margin: 10px 0 0;
}
.rg-tit {
 color: steelblue;
 font-family: Roboto-Light;
 font-size: 27px;
 padding: 5px 10px;
 margin: 10px 0;
 border: 1px solid silver;
 border-radius: 5px;
 display: inline-table;
}
.rg-info {
 font-size: 22px;
 font-family: Roboto-Light;
 margin: 0;
}
.rg-info a {
 font-size: 22px;
 font-family: Roboto-Light;
 margin: 0;
}
.rg-info a:hover{
 color: firebrick;
}

.rg-leader {width: 1100px; margin: 10px auto;}
.rg-leader h2 {}
.rg-leader div {}
.rg-leader div img {width: 300px; border:0; margin: 20px 20px 20px 0; float: left;}

.rg-random {}
.rg-random div {}



.gb-block {position: relative; width: 1100px; border-bottom: 1px solid silver;padding: 10px 0;}
.gb-date {margin: 5px 0;display: table;color: #666;font-family: Roboto-Light;font-size: 18px;}
.gb-message {font-family: Roboto-Light;font-size: 20px;}
.gb-message p {font-family: Roboto-Light;font-size: 20px;}
.gb-message a {font-family: Roboto-Light;font-size: 22px;color: steelblue;}

#mskmodalb, #spbmodalb {
 position:fixed;
 top:0;
 left:0;
 right:0;
 bottom:0;
 display:none;
 background: grey;
 z-index:1;
}
#mskmodala, #spbmodala {
 position:fixed;
 top: 50%; 
 left: 50%;
 margin-left: -300px;
 margin-top: -200px;
 background: white;
 z-index:3;
 display:none;
 transition: all 1s 0.5s;
}
#modalblock {
 padding:10px;
 width: 600px;
 height: 400px;
}
.modalclose {
 background: steelblue;
 color: white;
 text-decoration: none;
 padding: 10px 20px;
}
.modalclose:hover {
 background: #2d5474;
}
.modaltext {
 text-align: center;
 font-family: Roboto-Light;
 font-size: 24px;
 margin-top: 100px;
}
.modallink {padding: 10px 20px;
 width: 560px;
 height: 30px;
 display: table;
 text-align: center;
 background: steelblue;
 margin: 20px 0;
 line-height: 30px;
 font-family: Roboto-Light;
 font-size: 26px;
 color: white;
}
.modallink:hover {
 background: #2d5474;
}