html, body {height: 100%; font-size: 100%;}

body {margin: 0; padding: 0; background: #eef2f5;}

a:link {font: normal 16px MyriadProRegular; color: #227ad3; text-decoration: none;}
a:visited {font: normal 16px MyriadProRegular; color: #227ad3; text-decoration: none;}
a:hover {font: normal 16px MyriadProRegular; color: #389bfb; text-decoration: none;}

a.struct:link {font: normal 1.3rem MyriadProRegular; color: #227ad3; text-decoration: none;}
a.struct:visited {font: normal 1.3rem MyriadProRegular; color: #227ad3; text-decoration: none;}
a.struct:hover {font: normal 1.3rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}
a.struct2:link {font: normal 1.1rem MyriadProRegular; color: #227ad3; text-decoration: none;}
a.struct2:visited {font: normal 1.1rem MyriadProRegular; color: #227ad3; text-decoration: none;}
a.struct2:hover {font: normal 1.1rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}
a.struct3:link {font: normal 0.9rem MyriadProRegular; color: #000000; text-decoration: none;}
a.struct3:visited {font: normal 0.9rem MyriadProRegular; color: #000000; text-decoration: none;}
a.struct3:hover {font: normal 0.9rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}

a.bt:link {border-radius: 4px; background: #0098f6; font: normal 1rem MyriadProRegular; color: #ffffff; text-decoration: none;padding: 5px 10px;}
a.bt:visited {border-radius: 4px; background: #0098f6; font: normal 1rem MyriadProRegular; color: #ffffff; text-decoration: none;padding: 5px 10px;}
a.bt:hover {color: #3a3f4c;}

a.news_bt:link {border: 1px solid #bebebe; border-radius: 2px; font: normal 1rem MyriadProRegular; color: #3a3f4c; text-decoration: none;padding: 5px 10px;}
a.news_bt:visited {border: 1px solid #bebebe; border-radius: 2px; font: normal 1rem MyriadProRegular; color: #3a3f4c; text-decoration: none;padding: 5px 10px;}
a.news_bt:hover {background: #bebebe;}

h1 {margin: 0; padding: 0; font: bold 36px MyriadProRegular; color: #3a3f4c;}
h2 {margin: 0; padding: 0; font: bold 24px MyriadProRegular; color: #3a3f4c;}
h3 {margin: 0; padding: 0; font: bold 18px MyriadProRegular; color: #3a3f4c;}
h4 {margin: 0; padding: 0; font: bold 12px MyriadProRegular; color: #3a3f4c;}
table tr td {font: normal 1rem MyriadProRegular; color: #3a3f4c;}
table tr td span {font: normal 1rem MyriadProRegular; color: #3a3f4c;}
.main {font: normal 1rem MyriadProRegular; color: #3a3f4c;}

hr {border: 0;height: 1px;background: #efefef;}
.tb1 {font:  bold 3rem MyriadProRegular;; color: #0098f7;}
.tb2 {font:  bold 3rem MyriadProRegular;; color: #2064ef;}
.tb3 {font:  normal 1rem MyriadProRegular;; color: #7c818d;}
.tb1 p,.tb2 p,.tb3 p {margin: 0; padding: 0;}

.page_h {position: relative; float: left; width: 95%; padding: 5px 20px;}
.top_menu {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 50px; background: #3a3f4c; z-index: 100;}
.top_menu_cont {position: relative; height: 50px; margin: 0 auto;}
.top_menu_tree {position: relative; float: left; margin-left: 40px;}
.top_menu_tree ul {margin: 10px; padding: 0; list-style: none;}
.top_menu_tree ul li {float: left;}
.top_menu_tree ul li a {float: left; display: block; font: normal 14px MyriadProRegular; color: #ffffff; height: 34px; padding: 5px 10px; text-decoration: none;}
.top_menu_tree ul li a:hover {color: #0098f7; text-decoration: none;}
.top_menu_bt {position: relative; float: right;}
.top_menu_bt ul {margin: 10px; padding: 0; list-style: none;}
.top_menu_bt ul li {float: left; margin: 0 10px;}
.top_menu_bt ul li.clock {padding-top: 6px; font: normal 15px MyriadProRegular; color: #c2c6ce;}
.top_menu_bt ul li a {display: block; height: 34px;}
.top_menu_bt ul li a.spec {width: 41px; background: url('/images/special.png') no-repeat;}
.top_menu_bt ul li a.search {width: 36px; background: url('/images/search_bt.png') no-repeat;}
.top_menu_bt ul li a.eng {width: 47px; background: url('/images/eng.png') no-repeat;}
.search_div {position: absolute; top: 50px; right: 0px; display: none; z-index: 99; height: 30px; width: 350px; background: #3a3f4c; border-radius: 0 0 5px 5px; padding: 10px;}
.search_field {width: 260px; height: 25px;}
.search_ent {border: 1px solid #ffffff; background: #3a3f4c; color: #ffffff; font: normal 12px MyriadProRegular; width: 70px; height: 30px; cursor: pointer;}
.submenu_bl {position: relative; top: 50px; margin: 0 auto; padding: 0; background: #ffffff; }
.submenu {position: relative; margin: 0 auto; width: 98%; border-bottom: 1px solid #bebebe; z-index: 10;}
.submenu ul {margin: 0 10px; padding: 0; list-style: none;}
.submenu ul li {float: left; margin: 0 10px;}
.submenu ul li a {float: left; display: block; font: normal 1.1rem MyriadProRegular; color: #227ad3; height: 34px; padding: 5px 0; text-decoration: none; border-bottom: 2px solid #ffffff;}
.submenu ul li a:hover {color: #3a3f4c; text-decoration: none; border-bottom: 2px solid #3a3f4c;}
.submenu ul li a.act {color: #3a3f4c; text-decoration: none; border-bottom: 2px solid #3a3f4c;}

.docslist {margin: 0 padding: 0; list-style: none; text-align: justify;}
.docslist li {background: url('/images/docs.png') no-repeat #eaf0f3; background-position: 10px 10px; padding: 5px 10px 0px 70px; border-bottom: 1px solid #efefef;}
.docslist li a {display: block; font: normal 1rem MyriadProRegular; color: #227ad3; text-decoration: none; margin: 10px 0 20px 0;}
.docslist li a:hover {color: #3a3f4c; text-decoration: none;}
.docslist li.hdoc {background: none; padding: 5px 10px 0px 70px; border-bottom: 1px solid #efefef;}

.top {position: relative; margin: 0 auto; top: 50px;}
.top_logo {position: relative; float: left; margin: 10px;}
.top_logo_text {position: relative; float: left; margin: 20px 35px; margin-right: 0; text-align: left; color: #ffffff;}
.top_text1 {font: normal 16px MyriadProRegular;}
.top_text2 {font: bold 24px MyriadProRegular;}
.top_img {position: relative; float: right; margin: 20px; margin-left: 0;}
.top_img ul {margin: 0; padding: 0; list-style: none;}
.top_img ul li {float: left; margin-left: 30px;}
.top_img ul li a {display: block; height: 127px;}
.top_img ul li a.mintrans_home {width: 180px; background: url('/images/mintrans1.png') no-repeat;}
.top_img ul li a.famrt_home {width: 158px; background: url('/images/famrt1.png') no-repeat;}
.top_img ul li a.mintrans_home:hover {width: 180px; background: url('/images/mintrans1_on3.png') no-repeat;}
.top_img ul li a.famrt_home:hover {width: 158px; background: url('/images/famrt1_on3.png') no-repeat;}
.top_img ul li a.mintrans {width: 180px; background: url('/images/mintrans1_on.png') no-repeat;}
.top_img ul li a.famrt {width: 158px; background: url('/images/famrt1_on.png') no-repeat;}
.top_img ul li a.mintrans:hover {width: 180px; background: url('/images/mintrans1_on3.png') no-repeat;}
.top_img ul li a.famrt:hover {width: 158px; background: url('/images/famrt1_on3.png') no-repeat;}
.main_menu {position: relative; bottom: 0; margin: 0 auto; background: none;}
.main_menu ul {margin: 0; padding: 0; list-style: none;}
#.main_menu ul li.main_s {float: left; width: 14%;}
#.main_menu ul li.main_w {float: left; width: 20%;}
.main_menu ul li {float: left; width: 16%;}
.main_menu ul li a.main_menu_b1 {display: block; background: #353a48; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10% 0 10% 10%;}
.main_menu ul li a.main_menu_b2 {display: block; background: #2c303c; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10% 0 10% 10%;}
.main_menu ul li a.main_menu_b3 {display: block; background: #242732; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10%;}
.main_menu ul li a.main_menu_b4 {display: block; background: #2c303c; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10% 6%;}
.main_menu ul li a.main_menu_b5 {display: block; background: #353a48; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10%;}
.main_menu ul li a.main_menu_b6 {display: block; background: #454a57; opacity: 0.9; color: #ffffff; text-decoration: none; font: normal 1.5em MyriadProRegular; padding: 10%;}
.main_menu ul li a.main_menu_b1:hover,.main_menu ul li a.main_menu_b2:hover,.main_menu ul li a.main_menu_b3:hover,.main_menu ul li a.main_menu_b4:hover,.main_menu ul li a.main_menu_b5:hover,.main_menu ul li a.main_menu_b6:hover {background-color: #3a3f4c;}

.mailform {width: 100%; height: 50px; border: 1px solid #dbdee2; border-radius: 4px; background: #f4f5f6; font: normal 1.2rem MyriadProRegular; color: #3a3f4c; margin-bottom: 10px;}
.mailform_txt {width: 130%; height: 300px; border: 1px solid #dbdee2; border-radius: 4px; background: #f4f5f6; font: normal 1.2rem MyriadProRegular; color: #3a3f4c; margin-bottom: 10px;}
.mailform_bt {width: 40%; height: 50px; border: none; border-radius: 4px; background: #0098f6; font: normal 1.2rem MyriadProRegular; color: #ffffff; margin-bottom: 10px; cursor: pointer;}

.body_bg {margin:0; padding:0; position: relative; width:100%; height:100%; top:0px; left:0px;  background-size:cover; background-repeat:none; background-image: url(/images/intro/main_bg1.JPG);}
.body_bg2 {margin:0; padding:0; position: relative; width:100%; height:100%; top:0px; left:0px;}
.body_bg3 {margin:0; padding:0; position: relative; width:100%; height:100%; top:0px; left:0px; background: #ffffff;}

.content {position: relative; top: 70px; margin: 0 auto; height: calc(95% - 120px);}
.content1 {position: relative; top: 50px; margin: 0 auto; min-height: calc(100% - 280px);}
.pathway {position: relative; top: 50px; margin: 0 auto; width: 1300px; padding: 15px 0;}
.top_menu_cont a.mm {display: block; width: 28px; height: 18px; padding: 11px;  position: absolute; top: 4px; left: 0;}
.top_menu_cont a.mm:before,.top_menu_cont a.mm:after {content: ''; display: block; background: #fff; height: 2px;}
.top_menu_cont a.mm span {background: #fff; display: block; height: 2px; margin: 6px 0;}
.bottom {position: absolute; bottom: 0; width: 100%; height: 10%;}


.soc_bt {position: relative; float: right; }
.soc_bt ul {margin: 0; padding: 0; list-style: none;}
.soc_bt ul li {float: left; margin-left: 20px;}
.soc_bt ul li a.rss {display: block; width: 40px; height: 40px; background: url('/images/rss.png') no-repeat;}
.soc_bt ul li a.rss:hover {background: url('/images/rss_on.png') no-repeat;}
.soc_bt ul li a.twitter {display: block; width: 40px; height: 40px; background: url('/images/twitter.png') no-repeat;}
.soc_bt ul li a.twitter:hover {background: url('/images/twitter_on.png') no-repeat;}

.news {position: relative; float: left; width: 74%; height: 100%; background: #ffffff;}
.allnews {position: relative; float: left; width: 100%;}
.first_news {position: relative; float: left; width: 50%; height: 100%;}
.first_news2 {position: relative; float: left; width: 50%;}
.other_news {position: relative; float: left; width: 100%; height: auto;}
.other_news_bl {position: relative; float: left; width: 33%; height: auto;}
.news_menu {position: relative; float: left; width: 25%; height: 100%;}
.main_news {position: relative; float: left; width: 100%; background: #3a3f4c;}
.main_news_img {position: relative; float: left; width: 70%;}
.main_news_img img{max-width:100%;height:auto;}
.main_news_img_min {position: relative; width: 100%;}
.main_news_img_min img{max-width:100%;height:auto;}
.main_news_txt {position: relative; float: left; width: 30%; background: #3a3f4c;}
.news_name {position: relative; margin: 20px; font: normal 1.2rem MyriadProRegular; line-height: 1.3; color: #ffffff;}
.news_name a:link {font: normal 1.2rem MyriadProRegular; line-height: 1.3; color: #ffffff;}
.news_name a:visited {font: normal 1.2rem MyriadProRegular; line-height: 1.3; color: #ffffff;}
.news_name a:hover {text-decoration: underline;}
.other_news_name {margin: 5%; font: normal 1.1rem MyriadProRegular; color: #3a3f4c;}
.other_news_name a:link {font: normal 1.1rem MyriadProRegular; color: #3a3f4c;}
.other_news_name a:visited {font: normal 1.1rem MyriadProRegular; color: #3a3f4c;}
.other_news_name a:hover {color: #0098f7;}
.other_news_name2 {margin: 5%; font: normal 1em MyriadProRegular; color: #3a3f4c;}
.other_news_name2 a:link {font: normal 1em MyriadProRegular; color: #3a3f4c;}
.other_news_name2 a:visited {font: normal 1em MyriadProRegular; color: #3a3f4c;}
.other_news_name2 a:hover {color: #0098f7;}
.news_text {position: relative; margin: 20px; font: normal 1rem MyriadProRegular; line-height: 1.5; color: #ffffff;}
.news_date {position: relative; margin: 20px; font: normal 0.9rem MyriadProRegular; color: #c2c7ce;}
.news_date2 {position: relative; margin: 20px; font: normal 18px MyriadProRegular; color: #616b7f;}
.news_menu_lnk {position: relative; float: left; padding: 20px; width: 90%;}
.news_menu_lnk ul {margin: 0; padding: 0; list-style: none;}
.news_menu_lnk ul li {margin-top: 15px;}
.news_menu_lnk ul li a {display: block; font: normal 1rem MyriadProRegular; letter-spacing: 1px; color: #0066cc; text-decoration: none;}
.news_menu_lnk ul li a:hover {color: #616b7f;}
.news_menu_pub {position: relative; float: left; padding: 0 20px; width: 90%;}
.news_menu_pub ul {margin: 0; padding: 0; list-style: none; border-top: 1px solid #e8e9ec;}
.news_menu_pub ul li {margin-top: 5%;}
.news_menu_pub ul li a {display: block; font: normal 1.1rem MyriadProRegular; color: #3a3f4c; text-decoration: none; padding-top: 20px; border-bottom: 1px solid #e8e9ec;}
.news_menu_pub ul li a span {font: normal 0.9rem MyriadProRegular; color: #606a7e; line-height: 2.5;}
.news_menu_pub ul li a:hover {color: #616b7f;}
.news_lenta_bl {position: relative; float: left; width: 31%; margin: 1%;  height: 350px;}
.news_menu_h {position: relative; float: left; padding: 20px;}

.podved {position: relative; width: 100%; margin-top: 60px;}
.podved ul {margin: 0; padding: 0; list-style: none;}
.podved ul li {float: left; margin-left: 40px;}
.podved ul li a {display: block; font: bold 1.2rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}
.podved ul li a:hover {color: #0098f7;}

.anc_bl {position: fixed; height: calc(100% - 450px); bottom: 0; background: linear-gradient(to top, #e9f1f9 20%, #ffffff 80%); z-index: 0;}
.anc_bl ul { margin: 0 5px; padding: 0; list-style: none;}
.anc_bl ul li span {display: block; padding: 5px; font: normal 1.0rem MyriadProRegular; color: #227ad3; text-decoration: none; cursor: pointer;}
.anc_bl ul li span:hover {border-left: 2px solid #3a3f4c;}

.napr {margin: 0; padding: 0; list-style: none; width: 100%;}
.napr li {float: left; margin-bottom: 20px; width: 50%;}
.napr li a {font: normal 1.3rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}
.napr li a:hover {color: #0066cc;}
.napr li ul {margin: 0; padding: 0; list-style: none;  width: 80%;}
.napr li ul li {float: none; margin: 8px 0;  width: 80%;}
.napr li ul li a {font: normal 1rem MyriadProRegular; color: #0066cc; text-decoration: none;}
.napr li ul li a:hover {color: #0098f7;}

.struct_email {position: relative; float: left; font: normal 1rem arial; color: #3a3f4c; margin: 10px 50px;}

.podved_struct {margin: 0; padding: 0; list-style: none;}
.podved_struct li {float: none; clear: both; margin: 10px 0;}
.podved_struct li a {display: block; font: normal 1.1rem MyriadProRegular; color: #000000; text-decoration: none;}
.podved_struct li a sapn {color: #606a7e;}
.podved_struct li ul {margin: 0; padding: 0; list-style: none;}
.podved_struct li ul li {float: left; margin: 10px 30px;}
.podved_struct li ul li a {display: block; font: normal 1.0rem MyriadProRegular; color: #227ad3; text-decoration: none;}
.podved_struct li ul li a:hover {color: #3a3f4c;}

.banner {position: relative; width: 100%; margin-top: 70px;}
.banner ul {margin: 10px 0; padding: 0; list-style: none;}
.banner ul li {float: left; margin: 2%; width: 28%;}
.banner ul li a {display: table-cell; vertical-align: middle; height: 50px; padding-right: 3%; font: bold 1rem MyriadProRegular; color: #3a3f4c; text-decoration: none;}
.banner ul li a:hover {color: #0098f7;}

.footer{position: relative; height: 100px 0; background: #3a3f4c; z-index: 2;}
.footer_bl {position: relative; float: left; width: 50%; height: 35px; padding: 20px 0; font: normal 13px MyriadProRegular; line-height: 1.5; text-align: left; color: #ffffff;}
.footer_bl a {font: normal 13px MyriadProRegular; color: #ffffff; line-height: 1.5; text-decoration: none;}
.footer_bl a:hover {color: #389bfb;}

.home_menu {margin: 0; padding: 0; list-style: none;}
.home_menu li {float: left; margin: 10px;}
.home_menu li a {display: table-cell; vertical-align: middle; background: #3a3f4c; padding: 10px 20px; height: 150px; width: 250px; border: 2px solid #3a3f4c; border-radius: 4px; text-align: center; font: normal 18px MyriadProRegular; color: #ffffff;}
.home_menu li a:hover {background: #0098f7; border-color: #0098f7;}

.menu_test,.menu_gosusl {width: 80%; margin: 0 3%;}
.menu_flot {float: left; top: 0; width: 75%; margin: 0; margin-left: 10px;}
.menu_test ul,.menu_gosusl ul {list-style: none; margin: 0; padding: 0;}
.menu_test ul li {float: left;  width: 40%; margin-right: 10%;}
.menu_gosusl ul li {float: left;  width: 100%; margin-right: 10%;}
.menu_test ul li a,.menu_gosusl ul li a {display: block; height: auto; margin: 15px 0;  font: bold 1em MyriadProRegular; color: #0066cc; text-decoration: none;}
.menu_test ul li ul,.menu_gosusl ul li ul {list-style: none;padding: 0;}
.menu_test ul li ul li,.menu_gosusl ul li ul li {float: none;  width: 90%;}
.menu_test ul li ul li a,.menu_gosusl ul li ul li a {display: block; height: auto; margin: 15px 0;  font: normal 1em MyriadProRegular; color: #0066cc; text-decoration: none;}

.wbl {position: relative; float: left; width: 99%; margin: 10px; z-index: 2;}
.sbl {position: relative; float: left; width: 75%; margin: 10px; z-index: 2;}

.map_img {position: relative; margin: 0 auto; width: 100%; height: 85%; margin-top: 70px;}
.map_img a img{max-width:100%; height:100%;}
.big_img {position: relative; margin: 0 auto; width: 100%;}
.big_img img{max-width:100%;height:auto;}

.map_bt_cont {margin: 10px auto;}
.map_bt {position: relative; float: left; width: 33%; height: 70px; text-align: center; border: 1px solid #efefef; cursor: pointer; font: bold 1.3rem MyriadProRegular; color: #3a3f4c;}
.map_bt:hover {border: 1px solid #0098f6; color: #0066cc;}
.adm_map_bt {padding-top: 5px; height: 65px;}
.port_map_bt {padding-top: 20px; height: 50px;}
.intmap {width: 100%; height: 70%;}
.map_port li {float: left; width: 45%; color: #3a3f4c;}

.gosusl {position: relative; float: right;margin-right: 10px; width: 22%; border: 1px solid #bebebe;}
.gosusl_h {position: relative; width: 65%; height: 55px; margin: 5%; background: url('/files/banner_new/banner-19-hover.png') no-repeat; border-bottom: 1px solid #cecece; font: bold 1rem MyriadProRegular; color: #000000; padding: 5px 5px 5px 70px;}
.gosusl_l {position: relative; width: 90%; margin: 5%; padding: 5px;  border-bottom: 1px solid #cecece;}

.footer_map {position: relative; float: left; top: 0px; width: 20%; color: #ffffff;}
.footer_map h3 {color: #ffffff;}
.footer_map h4 {color: #ffffff;}
.footer_map h5 {color: #ffffff;}
.footer_map a {color: #ffffff;}
.footer_cont {position: relative; float: left; padding: 15px 0; margin: 0 0 15px 10px; width: 35%;}
.footer_cont h3 {color: #ffffff; font-size: 15px;}
.footer_cont h4 {color: #ffffff;}
.footer_cont h5 {color: #ffffff;}
.footer_cont a {color: #ffffff;}

/*.footer_map {position: absolute; top: 15px; left: 22%; width: 20%; color: #ffffff;}
.footer_cont {position: absolute; top: 15px; left: 10px; width: 35%;}*/

.banner_smi {list-style: none;}
.banner_smi li {float: left; width: 50%;}

#pnext {border: none; background: url('/images/down.jpg') no-repeat; width: 93px; height: 29px; cursor: pointer; margin-top: -20px;}
#pprev {border: none; background: url('/images/up.jpg') no-repeat; width: 93px; height: 29px; cursor: pointer; margin-bottom: 10px;}


@media only screen and (max-width : 319px)
    {
    .map_bt_cont,.map_img,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top {font-size: 50%;}
    .top_menu_tree,.top_menu_bt ul li.clock {display: none;}
    .page_h {padding: 5px;}
    .top_img {float: left;}
    .top_img ul li a.famrt_home {width: 90px; background-size: contain;}
    .top_img ul li a.mintrans_home {width: 100px; background-size: contain;}
    .top_img ul li a.famrt {width: 90px; background-size: contain;}
    .top_img ul li a.mintrans {width: 100px; background-size: contain;}
    .top_logo_text {margin: 15px 0 0 10px;}
    .top_logo {width: 100%; text-align: center;}
    .top_logo img {width: 90px;}
    .top_text1 {font: normal 10px MyriadProRegular;}
    .top_text2 {font: bold 12px MyriadProRegular;}
    .news_menu {display: none;}
    .news {width: 90%; margin: 0 5%;}
    .other_news,.allnews {width: 100%;}
    .first_news {width: 100%;}
    .main_menu {width: 100%;}
    .main_menu ul li {width: 100%;}
    .bottom {height: 40%;}
    .banner ul li a:link,.banner ul li a:link {font-size: 50%;}
    .banner ul li a {padding-left: 50px;}
    .podved,.banner {margin-top: 10px;}
    .wbl,.sbl {width: 95%;}
    .sbl img {max-width: 100%;}
    .anc_bl,.footer_map,.gosusl {display: none;}
    .footer_cont {display: none;} 
    .struct_email {margin: 10px;}
    .menu_test,.menu_gosusl {width: 100%;}
    .menu_test ul li {width: 90%;}
    .news_lenta_bl {width: 90%;}
    .other_news_name a:link,.news_name a:link,.news_name a:visited,.news_name a:hover {font-size: 50%;}
    .news_text,.news_date {font-size: 40%;margin: 5px;}
    .news_name,.news_date {margin: 5px;}
    .adm_map_bt {height: 30px; font-size: 60%; padding-top: 0px; text-align: right; width: 45%; padding-right: 4%;}
    .port_map_bt {height: 25px; font-size: 60%; padding-top: 5px; text-align: right; width: 45%; padding-right: 4%;}
    .intmap {height: calc(95% - 180px);}
    }
@media only screen and (min-width : 320px) and (max-width : 479px) 
    {
    .map_bt_cont,.map_img,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top,.sbl {font-size: 70%;}
    .top_menu_tree,.top_menu_bt ul li.clock {display: none;}
    .page_h {padding: 5px;}
    .top_img {float: left; margin: 5%;}
    .top_img ul li a.famrt_home {width: 110px; background-size: contain;}
    .top_img ul li a.mintrans_home {width: 120px; background-size: contain;}
    .top_img ul li a.famrt {width: 110px; background-size: contain;}
    .top_img ul li a.mintrans {width: 120px; background-size: contain;}
    .top_logo_text {margin: 15px 0 0 0px;}
    .top_logo {width: 70px;}
    .top_logo img {width: 90%;}
    .top_text1 {font: normal 10px MyriadProRegular;}
    .top_text2 {font: bold 12px MyriadProRegular;}
    .news_menu {display: none;}
    .other_news,.allnews {width: 100%;}
    .news {width: 90%; margin: 0 5%;}
    .first_news {width: 100%;}
    .main_menu {width: 100%;}
    .main_menu ul li {width: 50%; font-size: 85%;}
    .main_menu ul li.b3 {width: 100%; text-align: center;}
    .main_menu ul li a.main_menu_b3 {padding: 2%;}
    .bottom {height: 25%;}
    .banner ul li a:link,.banner ul li a:link {font-size: 50%;}
    .banner ul li a {padding-left: 50px;}
    .podved,.banner {margin-top: 10px;}
    .wbl,.sbl {width: 95%;}
    .sbl img {max-width: 100%;}
    .anc_bl,.footer_map,.gosusl {display: none;}
    .footer_cont {width: 50%;} 
    .struct_email {margin: 10px;}
    .menu_test,.menu_gosusl {width: 100%;}
    .menu_test ul li {width: 90%;}
    .news_lenta_bl {width: 90%;}
    .other_news_name a:link,.news_name a:link,.news_name a:visited,.news_name a:hover {font-size: 70%;}
    .news_text,.news_date {font-size: 40%; margin: 5px;}
    .news_name {margin: 5px;}
    .map_bt {width: 49%;}
    .adm_map_bt {height: 30px; font-size: 60%; padding-top: 0px; text-align: right; width: 45%; padding-right: 4%;}
    .port_map_bt {height: 25px; font-size: 60%; padding-top: 5px; text-align: right; width: 45%; padding-right: 4%;}
    .intmap {height: calc(95% - 180px);}
    }
@media only screen and (orientation: landscape) and (min-width : 480px) and (max-width : 799px) 
    {
    .map_bt_cont,.map_img,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top,.sbl {font-size: 80%;}
    .top_menu_tree,.top_menu_bt ul li.clock {display: none;}
    .top_img {float: left; margin-left: 5%;}
    .top_logo_text {margin: 20px 0 0 5px;}
    .top_logo img {width: 80%;}
    .top_text1 {font: normal 13px MyriadProRegular;}
    .top_text2 {font: bold 18px MyriadProRegular;}
    .news_menu {display: none;}
    .wbl,.sbl {width: 95%;}
    .other_news,.allnews  {width: 100%;}
    .news {width: 90%; margin: 0 5%;}
    .main_menu {width: 100%;}
    .main_menu ul li {width: 50%;}
    .main_menu ul li.b3 {width: 100%; text-align: center;}
    .main_menu ul li a.main_menu_b3,.main_menu ul li a.main_menu_b2,.main_menu ul li a.main_menu_b1 {padding: 5px;}
    .bottom {height: 30%;}
    .banner ul li a:link,.banner ul li a:link {font-size: 50%;}
    .podved,.banner {margin-top: 10px;}
    .anc_bl,.footer_map,.gosusl {display: none;}
    .footer_cont {width: 50%;} 
    .struct_email {margin: 10px;}
    .menu_test,.menu_gosusl {width: 100%;}
    .menu_test ul li {width: 90%;}
    .news_lenta_bl {width: 45%;}
    .other_news_name a:link,.news_name a:link,.news_name a:visited,.other_news_name a:visited {font-size: 90%;}
    .news_text,.news_date {font-size: 70%;margin: 10px;}
    .news_name {margin: 10px;}
    .adm_map_bt {height: 30px; font-size: 70%; padding-top: 0px; text-align: right; width: 29%; padding-right: 3%;}
    .port_map_bt {height: 25px; font-size: 70%; padding-top: 5px; text-align: right; width: 29%; padding-right: 3%;}
    .intmap {height: calc(95% - 150px);}
    }
@media only screen and (orientation: portrait) and (min-width : 480px) and (max-width : 799px) 
    {
    .map_bt_cont,.map_img,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top,.sbl {font-size: 80%;}
    .top_menu_tree,.top_menu_bt ul li.clock {display: none;}
    .top_img {float: left; margin-left: 10%;}
    .top_logo_text {margin: 20px 0 0 5px;}
    .top_logo img {width: 80%;}
    .top_text1 {font: normal 13px MyriadProRegular;}
    .top_text2 {font: bold 18px MyriadProRegular;}
    .news_menu {display: none;}
    .wbl,.sbl {width: 95%;}
    .other_news,.allnews {width: 100%;}
    .news {width: 90%; margin: 0 5%;}
    .main_menu {width: 100%;}
    .main_menu ul li {width: 50%;}
    .main_menu ul li.b3 {width: 100%; text-align: center;}
    .main_menu ul li a.main_menu_b3 {padding: 2%;}
    .bottom {height: 20%;}
    .banner ul li a:link,.banner ul li a:link {font-size: 50%;}
    .podved,.banner {margin-top: 10px;}
    .anc_bl,.footer_map,.gosusl {display: none;}
    .footer_cont {width: 50%;} 
    .struct_email {margin: 10px;}
    .menu_test,.menu_gosusl {width: 100%;}
    .menu_test ul li {width: 90%;}
    .news_lenta_bl {width: 45%;}
    .news_name a:link,.news_name a:visited,.news_name a:hover {font-size: 70%;}
    .news_text,.news_date {font-size: 70%;margin: 10px;}
    .news_name {margin: 10px;}
    .adm_map_bt {height: 40px; font-size: 70%; padding-top: 5px; text-align: right; width: 29%; padding-right: 3%;}
    .port_map_bt {height: 35px; font-size: 70%; padding-top: 10px; text-align: right; width: 29%; padding-right: 3%;}
    .intmap {height: calc(95% - 150px);}
    }
@media only screen and (min-width : 800px) and (max-width : 1023px) 
    {
    .map_bt_cont,.map_img,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top_menu_tree,.top_menu_bt ul li.clock {display: none;}
    .top,.sbl {font-size: 90%;}
    .top_img {float: left; margin-left: 30%;}
    .news_menu {display: none;}
    .news {width: 90%; margin: 0 5%;}
    .news_name,.news_name a:link,.news_name a:visited,.news_name a:hover {font-size: 100%;}
    .news_text,.news_date {font-size: 70%;}
    .wbl,.sbl {width: 95%;}
    .other_news,.allnews {width: 100%;}
    .main_menu {width: 90%;}
    .other_news_img {margin: 0;}
    .anc_bl,.gosusl {display: none;}
    .menu_test,.menu_gosusl {width: 100%;}
    .adm_map_bt {height: 45px; font-size: 90%; padding-top: 5px;}
    .port_map_bt {height: 40px; font-size: 90%; padding-top: 10px;}
    .intmap {height: calc(95% - 150px);}
    .banner ul li a:link,.banner ul li a:link {font-size: 70%;}
    .podved,.banner {margin-top: 10px;}
    }
@media only screen and (min-width : 1024px) and (max-width : 1299px) 
    {
    .map_bt_cont,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 100%;}
    .top,.sbl {font-size: 90%;}
    .top_menu_bt ul li.clock {display: none;}
    .top_img ul li {float: left; margin-left: 5px;}
    .main_menu {width: 90%;}
    .other_news_img {margin: 0;}
    .news_menu_pub ul li {margin-top: 10px;}
    .news_menu_pub ul li a {font-size: 85%; padding-top: 5px;}
    .news_menu_lnk ul li {margin-top: 0;}
    .news_menu_lnk ul li a {font-size: 85%; padding-top: 5px;}
    .news_menu_h {padding: 0 0 5px 20px;}
    .news_name a:link,.news_text,.news_date {font-size: 90%;}
    .anc_bl {width: 200px; right: 0;}
    .adm_map_bt {height: 45px; font-size: 100%; padding-top: 5px;}
    .port_map_bt {height: 40px; font-size: 100%; padding-top: 10px;}
    .intmap {height: calc(95% - 165px);}
    .banner ul li a:link,.banner ul li a:link {font-size: 80%;}
    }
@media only screen and (min-width : 1300px) 
    {
    .map_img,.top_menu_cont {width: 1300px;}
    .map_bt_cont,.map,.top,.top_menu_cont,.content,.content1,.pathway,.submenu_bl {width: 1300px;}
    .top,.sbl {font-size: 100%;}
    .main_menu {width: 1200px;}
    .other_news_img {margin: 0;}
    .anc_bl {width: 250px; right: calc(50% - 650px);}
    }