*{margin:0;padding:0;}
html{overflow-y:scroll;}
html, body{height:100%;}
html, body{margin:0 auto;font-family:Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
background:-moz-linear-gradient(top,#AAD595 0,#FFF 275px);
background:-o-linear-gradient(top,#AAD595 0,#FFF 275px);
background:linear-gradient(to bottom,#AAD595,#FFF 275px);
background:-ms-linear-gradient(top,#AAD595 0,#FFF 275px);
background-repeat:repeat-x;}
.letter{display:table;width:1150px;height:100%;margin:0 auto;padding:0 5px;}
.sheet{display:table-row;height:100%;padding:10px 0 25px 0;cursor:auto;}
.page{width:100%;height: 100%;}
.panel{flex:0 0 auto;padding:0 5px 20px 0;border-right:1px solid #5A905A;}
.block{background:url('images/line.png') right 0 top 0 no-repeat;padding-top:30px;}
.blockheader{background: url('images/a-5.png') 0 3px no-repeat;margin-bottom:10px;padding-left:30px;color:#003500;font-size:16px;}
.content{flex:0 1 auto;margin:0;padding:0 0 25px 10px;}
.content-map{flex:0 1 auto;margin:0;padding:0 0 5px 0;}
.fl-0{display:flex;justify-content:space-around;}
.fb20{width:20%;}
.fb80{width:80%;}
.fb100{width:100%;}
.content ul{list-style-type: none;margin: 0 0 0 25px;}
.content li:before{position: relative;bottom:2px;content:url('images/a-7.png');margin:0 0 0 -15px;padding:0 8px 0 0;}
.content li{padding:3px 0;font-size:14px;}
footer {width:100%;height: 20px;margin:0;border-top:1px solid #5A905A;}
footer table{margin:0;width:100%;}
footer td,footer a,footer a:link,footer a:visited{border:0;margin:0;padding:3px 0 0 0;font-size:10px;color:#376928;}
footer a:hover{color:#001000;}
header{position:relative;width:100%;height:200px;margin:0 0 20px 0;}
.logo{position:absolute;top:5px;}
.name{font-size:58px;font-style:oblique;color:#009a39;text-shadow:1px 1px 1px #01170a;letter-spacing:2px;}
.name1{position:absolute;top:20px;right:300px;}
.name2{position:absolute;top:80px;right:125px;}
nav{position:absolute;margin:0 auto;width:100%;height:20px;z-index:2;bottom:5px;}
.hmenu{margin:0;float:right;border-bottom:1px solid #5A905A;padding:0 0 5px 0;}
.hmenu>li{position:relative;display:inline-block;padding:0 0 0 20px;}
.hmenu>li a{display:inline-block;font-size:18px;text-align:left;text-shadow:0.5px 0.5px 0px #B8E0AE;}
.hmenu>li:hover>ul{display:block;}
.hmenu>li>ul{display:none;position:absolute;width:320px;border:1px solid #B8E0AE;background:#F0F8ED;border-bottom:none;padding:0;}
.hmenu li ul li{display:block;border-bottom:1px solid #B8E0AE;padding:4px 7px;}
.hmenu li ul li a{display:block;font-size:16px;text-shadow:none;}
.mnu{cursor:pointer;}
.mnu p{font-size:18px;text-align:left;text-shadow:0.5px 0.5px 0px #B8E0AE;margin:0 0 6px 0;;color:#376928;line-height:125%;}
.hmenu-0{position:absolute;width:220px;margin:-46px 10px 0 510px;float:left;border-bottom:1px solid #5A905A;z-index:10;}
.hmenu-0>li{display:inline-block;padding:0 0 0 5px;}
.hmenu-0>li a{display:inline-block;font-size:18px;text-align:left;text-shadow:0.5px 0.5px 0px #B8E0AE;}
.hmenu-0>li:hover>ul{display:block;}
.hmenu-0>li>ul{display:none;border-left:5px solid #B8E0AE;border-right:1px solid #B8E0AE;border-top:1px solid #B8E0AE;border-bottom:5px solid #B8E0AE;margin:-5px 0 0 -10px;background:#F0F8ED;padding:0;}
.hmenu-0 li ul li{display:block;padding:4px 7px;}
.hmenu-0 li ul li a{display:block;font-size:16px;text-shadow:none;}
.hmenusub-1 li a{font-size:14px !important;}
.hmenu-1{width:150px;margin:-46px 10px 0 360px;}
.hmenu-1>li>ul{width:250px;margin:-5px 0 0 -110px;}
.hmenu-2{width:190px;margin:-46px 10px 0 320px;}
.hmenu-2>li>ul{width:250px;margin:-5px 0 0 -70px;}
.hmenu-3{width:205px;margin:-46px 10px 0 305px;}
.hmenu-3>li>ul{width:255px;margin:-5px 0 0 -60px;}
.hmenu-4{width:220px;margin:-46px 10px 0 290px;}
.hmenu-4>li>ul{width:270px;margin:-5px 0 0 -60px;}
.hmenu-5{width:270px;margin:-46px 10px 0 240px;}
.hmenu-5>li>ul{width:270px;}
.hmenu-6{width:105px;margin:-46px 10px 0 405px;}
.hmenu-6>li>ul{width:270px;margin:-5px 0 0 -175px;}
.hmenu-7{width:185px;margin:-46px 10px 0 325px;}
.hmenu-7>li>ul{width:270px;margin:-5px 0 0 -95px;}
.hmenu-9{width:95px;margin:-46px 10px 0 415px;}
.hmenu-9>li>ul{width:270px;margin:-5px 0 0 -185px;}
.hmenu-11{width:140px;margin:-46px 10px 0 370px;}
.hmenu-11>li>ul{width:250px;margin:-5px 0 0 -120px;}
.vmenublock{width:auto;z-index:100;padding:0 0 10px 0;}
.vmenuheader{margin:0 0 10px 0;font-size:18px;}
.vcontent{display:block;min-height:340px;margin:0 0 10px 0;}
.vmenu,.layer{list-style-type:none;padding:0;}
.vmenu{margin:0 0 10px 0;}
.vmenu a{display:block;font-size:16px;text-align:left;line-height:125%;}
.vmenu ul a{padding:0 0 0 5px;line-height:100%;}
.vmenu ul>li>ul a{font-size:14px;padding:0 0 0 15px;}
.layer{margin:0 0 0 5px;}
.layer a{font-size:15px !important;}
.vmenu li li a.active:before{content:url('images/3.png');position:relative;right:7px;bottom:1px;margin-left:3px;}
.vmenu li, .vmenu li.active{position:relative;padding:0 0 5px 0;text-align:left;border-bottom:none !important;}
.vmenu1{margin:7px 0 0 10px;}
.vmenu2{margin:5px 0 0 5px;}
.vmenu2 a{font-size:14px !important;}
h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,th,td,label{color:#000;font-weight:normal;font-style:normal;text-align:justify;text-decoration:none;text-indent:0;line-height:125%;}
a:link,a:visited,.vmenu a,.vmenuheader a,.hmenu a{color:#376928;}
a:hover,.vmenu a:hover,.vmenu a.active,.vmenuheader a:hover,label:hover,.blockcontent label:hover{color:#001000;}
p{font-size:14px;margin:0 0 5px 0;line-height:135%;}
h1{margin:0 0 15px 0;font-size:20px;text-align:left;text-shadow:1px 1px 0px #B8E0AE;letter-spacing:1px;}
h2{margin:0 0 10px 0;font-size:18px;text-align:left;}
table{border-collapse:collapse;width:100%;margin:0 0 15px 0;}
th,td{border:none;vertical-align:top;text-align:left;}
th{font-size:14px;padding:5px 5px 2px 0;}
td{font-size:13px;padding:2px 5px 2px 0;}
th>img{padding:2px 5px 0 0;}
.sorttable th{cursor:pointer;font-size:16px;padding:10px 10px 4px 5px}
.sorttable img{float:right;}
.no-bord td{border:none;}
label{display:block;font-size:16px;padding-left:20px;margin:10px 0px 0 0;cursor:pointer;line-height:115%;text-align:left;color:#2D552D;}
input{width:50%;border-radius:3px;border:1px solid #5A905A;margin:10px 10px 0 0;padding:5px;font-size:14px;}
input[type="checkbox"],input[type="radio"]{display:none;}
input[type="radio"] + label{background: url('images/14radio-0001.png') 0 1px no-repeat;}
input[type="radio"]:checked + label{background: url('images/14radio-ch-0001.png') 0 1px no-repeat;}
input[type="checkbox"] + label{background:url('images/14check-1.png') 0 0px no-repeat;}
input[type="checkbox"]:checked + label{background:url('images/14check-ch-1.png') 0 0px no-repeat;color:#106475;}
.button{width:auto;background:linear-gradient(#ecf6e8,#c2e1b4,#ecf6e8);padding:5px 20px;font-size:16px;color:#376928;cursor:pointer;}
.button:hover{color:#001000;}
/* КАРТА */
.layer0{display:flex;justify-content:space-around;width:100%;height:95%;position:relative;top:0;background:#fff;border:1px solid #dbe5f1;}
.layer1{flex:0 0 auto;width:77%;padding:10px;}
.layer2{position:absolute;}/* Растр */
.layer3{position:absolute;bottom:0;right:22%;background:#fff;padding:5px 10px;}/* Адміністративні межі */
.layer3-1{right:0;}/* Адміністративні межі */
.layer4{position:absolute;}/* Растр */
.layer5{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;height:95%;padding:10px 10px 20px 10px;background:#fff;border:1px solid #dbe5f1;}
.mini{margin:0 0 20px 0;width:31%;}
.map-ind{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;margin:0 0 8px 0;}
.minimap{flex-basis:15%;padding:0 5px;border:solid 1px #dbe5f1;background:#FCFCFC;}
.minimap a{font-size:14px;}
.layer-obl{position:absolute;width:77%;top:10px;left:0;}
/* ПРАВАЯ ПАНЕЛЬ НА КАРТЕ*/
.r-panel{flex:0 1 auto;width:23%;height:610px;border-left:1px solid #dbe5f1;padding:10px 5px 0 5px;}
.r-hed{height:20px;border-bottom:1px solid #dbe5f1;padding:5px 0;margin:-10px 0 5px 0;}
.r-hed a{margin:0;font-size:14px;}
.r-list{height:98%;overflow-y:auto;}
.r-list-1{height:95%;}
.r-list p{line-height:105%;text-align:left;}
.r-list label{line-height:105%;}
.zag-1{font-size:16px;margin:5px 0;color:#106475;}
.zag-11{font-size:16px;margin:10px 0 0 0;color:#106475;}
.zag-2{font-size:15px;margin:10px 0 5px 0;}
.zag-3{font-size:15px;margin:0 0 5px 5px;}
.zag-4{font-size:14px;padding:5px 0 0 0;}
.zag-5{font-size:13px;padding:5px 0 0 0;line-height:100%;}
.zag-uz{font-size:14px;margin:0 0 5px 0;}
.zag-th{font-size:14px;padding:5px 5px 2px 0;}
.zag-map{font-size:250px}
.zag-map1{font-size:180px}
.r-list th>img,.r-list td>img{padding:2px 5px 0 0;}
.row{cursor:pointer;}
.h8:before{content:url('images/8.png');float:right;}
/* ЛЕГЕНДА*/
.legenda{position:absolute;bottom:0;left:0;background:#fff;padding:5px 10px;}
.legenda table{margin:0 0 10px 0;}
.legenda th{border:none;padding:0 0 5px 2px;}
.legenda td{border:none;padding:1px 5px 1px 2px;}
/* ПОИСК */
.search{margin:10px 0 0 0;line-height:105%;font-size:16px;text-align:left;}
.abzac{margin:10px 0 0 0;font-size:16px;color:#014b04;}
.abzac1{margin:10px 0 0 0;font-size:18px;color:#001000;}
/* ИНФОРМАЦИЯ */
.info{position:relative;margin:-40px 0 0 0;padding:0 0 0 15px;float:right;right:10px;width:25px;cursor:pointer;z-index:15;}
.infotext{position:absolute;width:850px;top:27px;right:0;padding:10px;border:1px solid #b3c9ce;border-radius:4px;background:#fff;box-shadow:3px 3px 3px rgba(0, 0, 0, .3);transition:opacity 0.3s;z-index:20;cursor:auto;display:none;}
.info:hover .infotext{display:block;}
.infotext1{width:550px;}
.info th,.info td{border:1px solid #c4cdd9;padding:2px 5px;vertical-align:middle;}
.infotext ul{list-style-type: none;margin: 0 0 0 25px;}
.infotext li:before{position: relative;bottom:2px;content:url('images/8.png');margin:0 0 0 -15px;padding:0 8px 0 0;}
.infotext li{padding:3px 0;font-size:14px;}
.infotext2{width:700px;}
.infotext2 td{border:none;}
.infotext3{width:450px;}
.infotext4{width:1000px;}
.infotext5{width:750px;}
/* ЗАКАЗ */
.zakaz{position:relative;top:10px;left:0px;cursor:pointer;color:#376928;z-index:15;}
.zak-txt{position:absolute;width:400px;bottom:18px;left:90px;padding:10px;border:1px solid #b3c9ce;border-radius:4px;background:#fff;box-shadow:3px 3px 3px rgba(0, 0, 0, .3);transition:opacity 0.3s;z-index:20;cursor:auto;display:none;}
.zakaz:hover .zak-txt{display:block;}
/* ПОЛНОЭКРАННЫЙ СТИЛЬ */
:fullscreen{background-color:#fff;padding:20px;}
:fullscreen .open{display:none;}
:fullscreen .close{display:block;}
:fullscreen .r-panel{height:99%;}
:fullscreen .zag-map{font-size:180px}
:fullscreen .zag-map1{font-size:120px}
:-webkit-full-screen{background-color:#fff;padding:20px;}
:-moz-full-screen{ background-color:#fff;padding:20px;}
:-ms-fullscreen{background-color:#fff;padding:20px;}
/* Стиль кнопок на карте*/
.custom-controls{position: absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:4px;background-color:#fff;padding:0 10px 10px 0;z-index:50;}
.map-btn {width:26px;height:26px;border:1px solid #ebebeb;box-shadow:1px 1px 0 rgba(0,0,0,0.2);user-select:none;cursor:pointer;}
.map-btn:hover{background:#f5f5f5;}
.open{content:url('images/open.svg')}
.close{content:url('images/close.svg');display:none;}
.plus{content:url('images/plus.svg');margin-top:5px;}
.minus{content:url('images/minus.svg')}
.home{content:url('images/home.svg')}
/* СТИЛЬ ОБЩИХ SVG */
.ua{fill:none;stroke:#555;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;}
.obl{fill:none;stroke:#555;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.city{fill:#828282;fill-opacity:0.2;stroke:#555;stroke-width:3;}
.sea{fill:#3abffb;stroke:none;}
.water{fill:#3abffb;stroke:#3abffb;stroke-width:1.5;}
.water1{fill:#3abffb;stroke:#5fcdff;stroke-width:1;}
.riv{fill:none;stroke:#3abffb;stroke-width:10;}
/* СТИЛЬ SVG */
.strana{fill:none;stroke:#000;stroke-width:30;}
.zona{fill:none;stroke:#800000;stroke-width:20;}
.podzona{fill:none;stroke:#800000;stroke-width:20;stroke-dasharray:50;}
.krai{fill:none;stroke:#0000FF;stroke-width:15;stroke-dasharray:50;}
.oblast{fill:none;stroke:#0000FF;stroke-width:15;}
.raion{fill:none;stroke:#555;stroke-width:5;cursor:pointer;}
.meja{fill:none;stroke:#555;stroke-width:15;stroke-dasharray:50;}
.region{fill:none;stroke:#828282;stroke-width:3;cursor:pointer;}
.region1{fill:none;stroke:#1e1e1e;stroke-width:3;cursor:pointer;}
/* РАЗЛОМЫ */
.razlom{stroke:#800000;stroke-width:35;}/* Докембрійської платформи (коричневый) */
.razlom1{stroke:#800000;stroke-width:10;}/* Встановлені (коричневый) */
.razlom2{stroke:#008080;stroke-width:8;}/* Ймовірні (голубой) */
.razlom3{stroke:#800000;stroke-width:8;}/* Ймовірні (коричневый) */
.razlom4{stroke:#800000;stroke-width:10;stroke-dasharray:50;}/* коричневый пунктир */
.graben{stroke:#000;stroke-width:10;}/* Дніпровський грабен */
.graben1{stroke:#800000;stroke-width:15;}/* Дніпровський грабен коричневый */
.nadvig1{fill:none;stroke:#000;stroke-width:7;}/* черный для геогогической + уступы */
.nadvig2{fill:none;stroke:#800000;stroke-width:5;}/* (коричневый) */
.kristal{stroke:#e84094;stroke-width:30;stroke-dasharray:50;}/* Кристалический щит */
.kontur1{stroke:#000;stroke-width:10;stroke-dasharray:50;}/* штрихпунктир */
.kontur2{fill:none;stroke:#000;stroke-width:3;stroke-dasharray:10;}/* точечный пунктир */
.kontur3{fill:none;stroke:#91074c;stroke-width:10;}/* Впадина для тектоники (фиолетовый) */
.shtrix{fill:none;stroke:#555;stroke-width:5;}/* для литологии серый*/
.punktir{stroke:#555;stroke-width:5;stroke-dasharray:50;}/* штрихпунктир для литологии */
.shtrix1{stroke:#000;stroke-width:5;}/* для литологии черный*/
.punktir1{stroke:#000;stroke-width:5;stroke-dasharray:50;}/* штрихпунктир для литологии черный */
.punktir2{stroke:#000;stroke-width:3;stroke-dasharray:30;}
/* ГОРИЗОНТАЛИ */
.gor1{stroke:#84643d;stroke-width:3;}/* Докембрийского фундамента */
.gor2{stroke:#008000;stroke-width:3;}/* Нижнетретичных отложений */
.gor3{stroke:#800080;stroke-width:3;}/* Эпигерцинского фундамента */
.gor4{stroke:#555;stroke-width:3;stroke-dasharray:20;}/* Простиро=ание щита */
.gor5{stroke:#555;stroke-width:3;}/* Простиро=ание грабена */
/* ГРАНИЦЫ */
.gr1{fill:none;stroke:#1010fc;stroke-width:15;}/* Дніпровського заледеніння */
.gr2{fill:none;stroke:#00cfcf;stroke-width:15;}/* Границя середньо-верхньопліоценових морських трансгресій */
.gr3{fill:none;stroke:#000;stroke-width:15;}/* Антиклінальні структури складчастих областей (толстый черный) */
.gr4{fill:none;stroke:#760fbe;stroke-width:3;}/* Антиклінальні структури і їх зони в межах платформених западин */
.gr5{fill:none;stroke:#5f5f5f;stroke-width:5;stroke-dasharray:50;}/* Простягання порід докембрію і горизонтів Донецької */
.w1-58{stroke:#700000;stroke-width:15;}
.w1-59{stroke:#e00000;stroke-width:15;}
.w1-60{stroke:red;stroke-width:15;}
.w1-61{stroke:navy;stroke-width:15;}
.w1-62{stroke:#2020ff;stroke-width:15;}
.w1-63{stroke:green;stroke-width:15;}
.w1-64{stroke:#900090;stroke-width:15;}
.w1-65{stroke:#f0f;stroke-width:15;}
.w1-66{stroke:#ff8000;stroke-width:15;}
.w1-67{stroke:#009090;stroke-width:15;}
.w1-68{stroke:#505000;stroke-width:15;}
.w1-69{stroke:#b05800;stroke-width:15;}
.w5-1-1{stroke:green;stroke-width:15;}
.w5-1-2{stroke:#6000c0;stroke-width:15;}
.w5-1-3{stroke:#000;stroke-width:15;}
.w5-1-4{stroke:#701c00;stroke-width:15;}
.gr6{stroke:#40bf40;stroke-width:15;}/* Тортонської N1t */
.gr7{stroke:#67cccc;stroke-width:15;}/* Сарматської */
.gr8{stroke:#a7d449;stroke-width:15;}/* Мєотичної */
.gr9{stroke:#ba74ff;stroke-width:15;}/* Понтійської */
.gr10{stroke:#fd49a3;stroke-width:15;}/* Кімерійської */
.gr11{stroke:#ffac66;stroke-width:15;}/* Куяльницької */
/* УСЛОВНЫЙ ЗНАК */
.uz1{fill:none;stroke:#881010;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;}/* Яри */
.uz2{fill:none;stroke:#000;stroke-width:5;}/* Каньйони */
.uz3{fill:#000;stroke:#000;stroke-width:5;}/* Карстові форми */
.uz4{fill:none;stroke:#ff4000;stroke-width:10;}/* Товтри */
.uz5{fill:none;stroke:#000066;stroke-width:5;}/* Куести, гребені, гриви */
.uz6{fill:#ff90c8;stroke:#d7207b;stroke-width:5;}/* Денудаційні останц */
.uz7{fill:#108888;stroke:#057575;stroke-width:5;}/* Блюдця, поди */
.uz8{fill:none;stroke:#884c4c;stroke-width:5;}/* Денудаційні уступи */
.uz9{fill:#d0e0ff;stroke:#0000ff;stroke-width:5;}/* Моренні пагорби */
.uz10{fill:#e8d0ff;stroke:#821aea;stroke-width:5;}/* Ози */
.uz11{fill:#0066ff;stroke:#0351c7;stroke-width:5;}/* Ками */
.uz12{fill:none;stroke:#1010ff;stroke-width:5;}/* Воднольодовикові долини */
.uz13{fill:#b000b0;stroke:#7f047f;stroke-width:5;}/* Гляціодислокаціі, відторженці */
.uz14{fill:#6f006f;stroke:#510151;stroke-width:5;}/* Цирки */
.uz15{fill:#4f8400;stroke:#3e6702;stroke-width:5;}/* Конуси виносу */
.uz16{fill:#a0e0ff;stroke:#3e82ff;stroke-width:5;}/* Соляні купола */
.uz17{fill:#000;stroke:#000;stroke-width:2;}/* Кліпени */
.uz18{fill:#ca0000;stroke:none;}/* Зсуви */
.uz19{fill:#dd0303;stroke:#ff0000;stroke-width:5;}/* Лаколіти */
.uz20{fill:#673434;stroke:#552929;stroke-width:5;}/* Конуси давніх вулканів */
.uz21{fill:#696905;stroke:#505000;stroke-width:5;}/* Сопки грязьових вулканів */
.uz22{fill:#747474;stroke:none;}/* Масиви дюнних і кучугурних пісків */
.uz23{fill:none;stroke:#0000cc;stroke-width:5;}/* Флексури */
.uz24{fill:#747474;stroke:none;}/* Песок + Эффузивы осадочного чехла */
.uz25{fill:#333333;stroke:#000;stroke-width:5;}/* Вулканіти різного складу */
.uz26{fill:#e8d0c7;stroke:#b26863;stroke-width:5;}/* Локальні підняття */
.modal{display:block;position:absolute;visibility:hidden;width:900px;margin:0 auto;padding:0 0 10px 0;top:0;right:0;left:0;border:1px solid #b3c9ce;background:#fff;box-shadow:1px 1px 1px rgba(0, 0, 0, .3);opacity:0;z-index:500;}
.modal-fon:target+.modal{top:10px;visibility:visible;opacity:1;}
.modal-fon{position:fixed;visibility:hidden;top:0;right:0;bottom:0;left:0;background-color:rgba(250, 250, 250, 0.5);opacity:0;z-index:10;}
.modal-fon:target{visibility:visible;opacity:1;}
.modal-hed{padding:5px 15px;font-size:18px;color:#106475;background:#f5f5f5;border-bottom:1px solid #b3c9ce;}
.modal-close{position:absolute;width:20px;height:20px;top:5px;right:5px;background:#E5E5E5 url('images/1-cl.png') no-repeat;}
.modal-close:hover{background:#D1D1D1 url('images/1-cl.png') no-repeat;}
.modal-content{max-height:800px;padding:0 15px;margin:10px 0 0 0;overflow-y:scroll;}
.modal-content li:before{content:url('images/8.png');}
.topic{margin:5px 25px 0 0;float:left;}
.author{position:absolute;bottom:40px;font-size:16px;}
hr {border:none;margin:35px 0 10px 0;background:#5A905A;height:1px;width:550px;}
.w5{width:5%;}
.w8{width:8%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w55{width:55%;}
.w950{width:950px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.mr15{margin-right:15px;}
.pl5{padding-left:5px;}
.bb{border-bottom:solid 1px black;}
.bt{border-top:solid 1px black;line-height:135%;}
.fl{float:left;}
.fr{float:right;}
.tar{text-align:right;}
.tac{text-align:center;}
.vac{vertical-align:middle;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.f1 {top:-2px;border-bottom:solid 1px black;}
.f5 {top:15px;}
.ok-mob,.mob-button,.mob-button-map,.no{display:none;}

@media only screen and (max-device-width:480px){
html, body{background:url(images/mob-fom.png) repeat-x;}
.ok-mob{display:block;}
.mob-panel,.no-mob,.layer3,.legenda,.custom-controls,.r-hed{display:none;}
.mob-panel p, .mob-panel a{font-size:16px !important;}
.mob-panel{margin:10px 0 0 0;padding:10px 0 10px 10px;border:1px solid #b4d7a0;}
.mob-button{position:absolute;display:block;width:32px;height:32px;top:77px;left:10px;}
.mob-button-map{position:absolute;display:block;height:20px;padding:5px;top:80px;left:55px;}
.mob-button a, .mob-button a:hover, .mob-button a.active{font-size:14px;color:#fff;}
.letter{padding:5px 0;}
.letter,.fb80,hr,.mini{width:100%;}
.sheet{display:block;width:100%;padding:0;}
.page{display:block;width:auto;padding:0 10px;}
.panel{width:auto;min-height:auto;border:none;}
header{width:100%;height:110px;margin:0;border-bottom:1px solid #5A905A;}
.name{width:55vw;font-size:8vw;text-shadow:1px 1px 0px #01170a;letter-spacing:1px;line-height:100%;}
.name1{top:5px;left:30px;}
.name2{top:40px;left:90px;}
nav{top:0;right:0;bottom:1px;width:35%;height:auto;padding:5px 10px;background:#AAD595;border-left: 1px solid #5A905A;}
.hmenu{width:auto;z-index:100;border-bottom:none;float:none;}
.hmenu>li{display:block;padding:0;}
.hmenu>li a, .h-active{padding:0;margin:0;font-size:4vw;color:#014f1e;text-shadow:none;line-height:155%;}
.hmenu>li>ul{right:0;width:300px;z-index:1;}
.hmenu li ul li a{font-size:14px;}
.vcontent{min-height:300px;}
.content{padding:10px 0 30px 0;}
h1{clear: both;margin:20px 0 15px 0;font-size:18px;}
.block{display:block;margin:0 0 10px 0;float:right;background:url('images/line.png') right 0 bottom 0 no-repeat;padding:10px 0 15px 0;}
input{width:95%;}
th,td{padding:2px 2px 2px 2px}
.fl,.fr{float:none;}
.sorttable img,.gerb,.legenda{width:auto !important;}
img{width:100%;}
th>img, td>img{width:auto;}
.layer0{display:block;width:100%;height:35vh;top:0;}
.layer1{flex:none;width:100%;height:35vh;padding:5px 0;}
.layer2{position:relative;width:100%;padding:5px 0;}
.layer5{flex:none;}
.r-panel{flex:none;width:100%;height:45vh;margin-top:50px;}
.infotext{width:340px;top:30px;right:0;}
.hmenu li ul li{display:none;}
.hmenu>li>ul{border:none}
.hmenu-0{position:relative;margin:0;float:none;border-bottom:none;}
.hmenu-0>li{padding:0;width:auto;}
.hmenu-0>li>ul{display:block;border:none;margin:0;background:none;}
.hmenu-0 li ul li{border-bottom:none;padding:3px 0;}
.info{right:0;}
.map-ind{display:flex;flex-direction:column;}
.minimap{margin:0 0 10px 0;}
.minimap img{float:right;width:auto;}
.zak-txt{bottom:-250px;left:-200px;width:300px;}
}