*{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{display:flex;justify-content:space-around;width:100%;height: 100%;}
.panel{flex:0 0 auto;width:20%;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;width:80%;margin:0;padding:0 0 25px 10px;}
.content-map{margin:0;padding:0 0 5px 0;}
.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:125px;}
.name2{position:absolute;top:80px;right:100px;}
nav{position:absolute;margin:0 auto;width:100%;height:20px;z-index:5;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 5px 0;color:#376928;}
.hmenu-1{position:absolute;width:200px;margin:-46px 10px 0 435px;float:left;border-bottom:1px solid #5A905A;z-index:10;}
.hmenu-1>li{display:inline-block;padding:0 0 0 5px;}
.hmenu-1>li a{display:inline-block;font-size:18px;text-align:left;text-shadow:0.5px 0.5px 0px #B8E0AE;}
.hmenu-1>li:hover>ul{display:block;}
.hmenu-1>li>ul{display:none;width:280px;border-left:5px solid #B8E0AE;border-right:1px solid #B8E0AE;border-top:1px solid #B8E0AE;border-bottom:5px solid #B8E0AE;margin:0 0 0 -10px;background:#F0F8ED;padding:0;}
.hmenu-1 li ul li{display:block;border-bottom:1px solid #B8E0AE;padding:4px 7px;}
.hmenu-1 li ul li a{display:block;font-size:16px;text-shadow:none;}
.hmenusub-1 li a{font-size:14px !important;}
.hmenu-2{margin:-46px 10px 0 290px;}
.hmenu-2>li>ul{width:230px;margin:0 0 0 -100px;}
.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:405px;margin:0 0 20px 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{font-size:15px;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 15px;}
.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;}
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 8px 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%;}
th,td{border:1px solid #dbe5f1;vertical-align:middle;text-align:left;}
th{font-size:16px;padding:5px 5px 2px 5px}
td{font-size:14px;padding:2px 5px}
td>img{margin:0;border:1px solid #a5a5a5;}
.sorttable th{cursor:pointer;font-size:16px;padding:10px 10px 4px 5px}
.sorttable img{float:right;}
.no-bord td{border:none;}
label{position:relative;display:block;font-size:14px;padding-left:20px;cursor:pointer;line-height:145%;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="checkbox"] + label{background:url('images/14check-1.png') 0 4px no-repeat;}
input[type="checkbox"]:checked + label{background:url('images/14check-ch-1.png') 0 4px no-repeat;color:#001000;}
.button{width:auto;background:linear-gradient(#ecf6e8,#c2e1b4,#ecf6e8);padding:5px 20px;font-size:16px;color:#376928;cursor:pointer;}
.button:hover{color:#001000;}
/* ЗАКЛАДКИ */
.tabs{font-size:0;width:auto;position:relative;}
.tabs>input[type="radio"] {display:none;}
.tabs>div {width:100%;min-height:600px;}
#cont0{display:none;}
#cont0 table{margin:0px 0 20px 0;}
#cont1{display:none;padding:15px 10px;border:1px solid #dbe5f1;}
#cont2{display:block;}
#tab1:checked~#cont0{display:block;background-color:#fff;position:relative;z-index:1;}
#tab1:checked~#cont1{display:block;background-color:#fff;position:relative;z-index:1;}
#tab1:checked~#cont2{opacity:0;top:0;position:absolute;}
.tabs>label {display:inline-block;text-align:center;vertical-align:middle;user-select:none;background-color:#F0F4F9;border:1px solid #dbe5f1;padding:2px 55px;font-size:18px;line-height:1.5;cursor:pointer;top:1px;border-radius:0 10px 0 0;margin-right:2px;z-index:2;}
.tabs>label:not(:first-of-type) {margin-right:2px;}
.tabs>input[type="radio"]:checked+label {background-color:#fff;border-bottom:1px solid #fff;}
/* ГАРМОШКА */
.filter{margin:0 0 10px 0;border:1px solid #dbe5f1;min-height:595px;}
.filter input[type="checkbox"] + label{background:url('images/select-0003.png') left 8px top 1px no-repeat;cursor:pointer;margin:15px 0 10px 0;background-color:#f0f4f9;}
.filter input[type="checkbox"]:checked + label{background:url('images/select-0002.png') left 8px top 1px no-repeat;margin:15px 0 0 0;
background-color:#f0f4f9;}
.filter > :not(input):not(label){overflow:hidden;height:0;}
.filter-content li,.filter-content p{font-size:16px;margin:0 0 5px 10px;}
.filter > label{overflow:hidden;display:block;width:auto;margin:7px 0 0 0;padding:0 0 0 40px;font-size:18px;}
.filter > :checked + label + * {overflow:auto;height:auto;}
.filter > :checked + label + div{margin:10px 0px;}
.filter th{cursor:pointer;font-size:16px;padding:5px}
/* КАРТА */
.layer-map{display:flex;justify-content:space-around;width:100%;height:615px;position:relative;border:1px solid #dbe5f1;}
.layer1{flex:0 0 auto;width:77%;}
.layer0{position:relative;width:898px;height:610px;margin:20px 0 20px 0;}
.layer01{position:absolute;width:100%;}
/* СТИЛЬ Обл CSV */
.obl-m{fill:#4682B4;fill-opacity:0.0;stroke:#4682B4; stroke-width:5;cursor: pointer;}
.obl-m:hover{fill:#4682B4;fill-opacity:0.3;}
/* ПРАВАЯ ПАНЕЛЬ НА КАРТЕ*/
.r-panel{flex:0 1 auto;display:block;width:23%;border-left:1px solid #dbe5f1;padding:0 5px 0 5px;}
.r-list{display:block;height:550px;overflow-y:scroll;}
.r-panel input{display:block;width:90%;margin:10px auto;border:1px solid #a7b8cd;}
.r-list p{font-size:14px;text-align:left;margin:0 0 5px 10px;line-height:105%;}
.r-list ul{list-style-type:none;margin:10px 5px 20px 25px;}
.r-list li:before{position: relative;bottom:2px;margin:0 0 0 -20px;padding:0 8px 0 0;}
.r-list li,.r-list a{text-align:left;padding:3px 0;line-height:115%;font-size:14px;}
/* ЛЕГЕНДА*/
.legenda{position:absolute;bottom:0;}
.legenda th{border:none;padding:0 0 5px 2px;}
.legenda td{border:none;padding:1px 5px 1px 2px;}
.legenda td>img{border:1px solid #a5a5a5;margin:0;}
/* ПОИСК */
.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;}
/* ИНФОРМАЦИЯ */
.info1{position:relative;padding:0 0 0 5px;float:right;top:2px;right:10px;width:25px;cursor:help;z-index:15;}
.infotext1{position:absolute;width:450px;top:0;right:30px;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;}
.info1:hover .infotext1{display:block;}
/* Вибір області */
.info{position:relative;padding:0 0 4px 0;float:right;top:5px;right:10px;cursor:pointer;z-index:2;color:#376928;}
.info-st{margin:-30px 0 0 0;padding:0 0 0 10px;width:22px;}
.infotext{position:absolute;width:350px;top:20px;right:0px;padding:10px;border:1px solid #b3c9ce;border-radius:4px;color:#333;background:#fff;box-shadow:3px 3px 3px rgba(0, 0, 0, .3);transition:opacity 0.3s;z-index:10;cursor:auto;display:none;}
.info a,.info p{display:block;line-height:125%;}
.info:hover .infotext{display:block;}
.infotext ul{margin:0;}
.inf2{width:150px !important;}
.inf3{width:200px !important;}
/* ПОЛНОЭКРАННЫЙ СТИЛЬ */
:fullscreen{background-color:#fff;padding:20px;}
:fullscreen .open{display:none;}
:fullscreen .close{display:block;}
:fullscreen .layer-map{height:100%;}
:fullscreen .r-list{height:95%;}
:-webkit-full-screen{background-color:#fff;padding:20px;}
:-moz-full-screen{ background-color:#fff;padding:20px;}
:-ms-fullscreen{background-color:#fff;padding:20px;}
.open{content:url('../css/images/0_open.svg');}
.close{content:url('../css/images/0_close.svg');}
.open,.close{position:absolute;top:5px;left:10px;cursor:pointer;background:#fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}
.close{display:none;}
/* КАРТА */
#viewDiv {padding: 0;margin: 0;height: 100%;width: 100%;}
.esri-widget,.esri-widget__heading{font-weight:normal !important;font-family:Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;line-height:125% !important;}
.esri-widget ul>li:before {content:none !important;}
.esri-popup__main-container{width:100% !important;max-height:300px !important;}
.esri-popup__button{padding:3px 5px !important;margin:5px 0 0 0 !important;}
.esri-popup__header{margin:0;min-width:200px;max-height:35px;background-image:none;background:#fff;border-bottom:none;}
.esri-popup__header-title{margin:0 0 5px 0 !important;font-size:16px !important;font-weight:normal !important;text-align:left;}
.esri-text-new-line{display:none !important;}
.esri-popup__content{margin:0 5px 5px 0 !important;}
.esri-feature__content-element{padding:0 7px 8px 7px !important;}
.esri-feature-content p{margin:5px 0 0 0 !important;}
.esri-feature-content table{margin:5px 5px 5px -5px;}
.esri-feature-content td{padding:5px;border:none;}
.esri-popup__footer{padding:3px 0 !important;}
.esri-basemap-toggle {width:55px !important;height:55px !important;}
.esri-attribution__sources,.esri-attribution{font-size:8px !important;line-height:10px !important;}
.esri-ui-corner .esri-component{margin:-5px -10px 0 -10px;}
.esri-basemap-toggle__container,.esri-basemap-toggle__image {width:50px !important;height:50px !important;box-shadow:0 1px 2px rgb(0 0 0 / 70%) !important;}
[class*=esri-popup--is-docked-top-] .esri-popup__footer, [class*=esri-popup--aligned-bottom-] .esri-popup__footer {border-bottom: solid 1px #dbe5f1 !important;}
.esri-coordinate-conversion{width:auto !important;}
.esri-coordinate-conversion__conversions-view,.esri-coordinate-conversion__conversion-list{margin:0 !important;}
.esri-select:hover{background:none;}
.esri-legend{max-width:270px !important;min-height:55px !important;}
.esri-legend, .esri-legend--card__symbol-row{margin:0 0 5px 0 !important;}
.esri-legend--card__section{font-size:14px !important;padding:5px 15px 5px 10px !important;}
.esri-popup--feature-menu-open .esri-popup__feature-menu-header{margin:0 0 20px 0 !important;padding:10px 15px 5px 15px !important;}
.esri-popup__feature-menu-title{padding:5px !important;}
.esri-ui-top-left{top:30px !important;left:5px !important;}
.esri-legend--card__layer-caption{margin-bottom:5px !important;padding:5px 0 !important;}
/* Шарики */
.p1:before{content:url('images/11-0001.png') !important;top:1px;}
.p2:before{content:url('images/11-0002.png') !important;top:1px;}
.p3:before{content:url('images/11-0003.png') !important;top:1px;}
.p4:before{content:url('images/11-0004.png') !important;top:1px;}
.p5:before{content:url('images/11-0005.png') !important;top:1px;}
.p6:before{content:url('images/11-0006.png') !important;top:1px;}
.p12:before{content:url('images/11-0012.png') !important;top:1px;}
.p7:before{content:url('images/11-0007.png') !important;top:1px;}
.p13:before{content:url('images/11-0013.png') !important;top:1px;}
.p8:before{content:url('images/11-0008.png') !important;top:1px;}
.p14:before{content:url('images/11-0014.png') !important;top:1px;}
.p9:before{content:url('images/11-0009.png') !important;top:1px;}
.p15:before{content:url('images/11-0015.png') !important;top:1px;}
.p10:before{content:url('images/11-0010.png') !important;top:1px;}
.p16:before{content:url('images/11-0016.png') !important;top:1px;}
.p11:before{content:url('images/11-0011.png') !important;top:1px;}
.p17:before{content:url('images/11-0017.png') !important;top:1px;}
/* Для закона */
.snoska{margin:0 25px 8px 25px;font-size:13px;font-style:italic;}
.statia{margin:10px 0 2px 0;font-size:16px;}
.glava{margin:15px 0 -5px 0;font-size:16px;}
.razdel{margin:20px 0 5px 0;font-size:18px;text-align:center;}
.gerb{display:block;margin:20px auto;font-size:18px;text-align:center;}
/* Разное */
.ris-0{float:left;margin:5px 0 0 0;}
.ris-1{margin:0 20px 0 35px;border:1px ridge #376928;}
.ris-2{margin:-35px 0 0 15px;border:1px ridge #376928;}
.ris-3{margin:30px 0 0 -55px;border:1px ridge #376928;}
.fl-1{display:flex;justify-content: space-between;}
.fb45{width:45%;}
hr {border:none;margin:35px 0 10px 0;background:#5A905A;height:1px;width:550px;}
.w5{width:5%;}
.w9{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w20{width:20%;}
.w25{width:25%;}
.w27{width:27%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.mt5{margin-top:5px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.ml5{margin-left:5px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.fl{float:left;}
.fr{float:right;}
.fl-obl{float:left;}
.fr-obl{float:right;}
.tar{text-align:right;}
.tac{text-align:center;}
.vac{vertical-align:middle;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px;}
.bln{border-left:none !important;}
.brn{border-right:none !important;}
.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,.open,.close{display:none;}
.mob-panel p, .mob-panel a{font-size:16px !important;}
.mob-panel{margin:10px 0 0 0;padding:10px;border:1px solid #b4d7a0;}
.mob-button{position:absolute;display:block;width:25px;height:20px;padding:5px;top:80px;}
.mob-button-map{position:absolute;display:block;width:100px;height:20px;padding:5px;top:80px;left:80px;}
.mob-button a, .mob-button a:hover, .mob-button a.active{font-size:14px;color:#fff;}
.letter,.fb45,hr{width:100%;padding:0;}
.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:6.5vw;text-shadow:1px 1px 0px #01170a;letter-spacing:1px;line-height:100%;}
.name1{top:5px;left:25px;}
.name2{top:55px;left:45px;}
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;border:none}
.hmenu li ul li a{font-size:14px;}
.vcontent{min-height:250px;}
.content{width:100%;padding:10px 0 30px 0;}
.hmenu li ul li{display:none;}
.hmenu-1{position:relative;margin:0;float:none;border-bottom:none;}
.hmenu-1>li{padding:0;width:auto;}
.hmenu-1>li>ul{display:block;border:none;margin:0;background:none;}
.hmenu-1 li ul li{border-bottom:none;padding:3px 0;}
.tabs{padding:0 10px;}
.tabs>label {padding:2px 15px;font-size:18px;}
h1{clear: both;margin:10px 0 15px 10px;}
.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}
.sorttable img,.gerb,.legenda{width:auto !important;}
img{width:100%;}
.layer-map{display:block;width:100%;height:100%;}
.layer0{display:block;width:100%;height:35vh;top:0;margin:0;}
.layer1{display:block;width:100%;height:35vh;}
.layer2{position:relative;width:100%;}
.r-panel{display:block;width:100%;height:45vh;margin-top:30px;border:none;}
.r-list{width:95%;height:35vh;}
.legenda{position:absolute;bottom:-100px;}
.esri-ui-top-left{top:0 !important;left:0 !important;}
.infotext1{width:320px;top:30px;right:0;}
.infotext{top:30px;width:250px;}
.fl-1{display:block;width:auto;padding:0 10px;}
.ris-1{margin:0;}
.fl-obl, .fr-obl{float:none;}
.esri-legend--card__section{font-size:13px !important;min-width: 250px !important;padding:5px 5px !important;}
.esri-view-width-xsmall .esri-expand--auto .esri-expand__mask--expanded{display: none !important;}
.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded .esri-expand__panel{padding:5px !important;}
.esri-view-width-xsmall .esri-expand--auto .esri-expand__container--expanded{position:absolute !important;height:280px !important;overflow:hidden !important;}

}