html, body {       
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.header {
    background: #97bb2b;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    padding-top: 5px;
    font-weight: 100;
    font-size: 20px;
    padding-left: 13px;
    padding-bottom: 5px;
    /* height: 40px; */
    /* box-sizing: initial; */
    float: left;
    /* clear: both; */
    /* position: relative; */
    /* display: block; */
    width: 100%;
}

.layout {
    height: 100%;
    position: relative;
}

.col1 {
 position: absolute;
 top: 45px;
 left: 0; /* Положение левого края */
 right: 250px; /* Положение правого края */
 bottom: 0px;
}
.col2 { 
    position: absolute;
    width: 250px;
    right: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    overflow: auto;
    bottom: 0px;
}

.first { 
	float: left;
	 margin: 4px 10px 4px 0px;
}

.kladb { 
    float: left;
    width: 200px;
    font-size: initial;
    border: 0px;
    margin: 6px 10px 5px 0px;
    height: 25px;
    border-radius: 5px;
}

.second { 
	float: left;
    font-size: 16px;
    color: #cccccc;
    margin-right: 10px;
    margin: 0;
}
.third { 
float: left;
    /* margin-bottom: 5px; */
    /* font-size: 16px; */
    /* margin-right: 10px; */
    /* margin-top: 1px; */
    height: 25px;
    border: 0px;
    border-radius: 5px;
    padding-left: 10px;
    width: 200px;
    margin: 6px 10px 5px 0px;
}


.findbutton {
    border: 0px;
    border-radius: 5px;
	height: 25px;
    width: 70px;
    background-color: #c3df68;
    margin: 5px 5px 5px 0px;	
}
.uchastok { 

}

.zag2 { 
background-color: #666666;
    padding: 5px;
    color: #ffffff;
    font-weight: 100;
    font-size: 16px;
    padding-left: 10px;
}

.item { 
	display: block;
    clear: both;
    padding: 5px;
    cursor: default;
    border-bottom: 1px solid #dddddd;
    padding-left: 10px;
}

.item:hover{ 
background-color: #ffe000;
    cursor: default;
}

.item5{ 
	display: block;
    clear: both;
    padding: 5px;
    cursor: default;
    border-bottom: 1px solid #dddddd;
    background-color: #ffe000;
    padding-left: 10px;
}

.item6 { 
	display: block;
    clear: both;
    padding: 5px;
    cursor: default;
    border-bottom: 1px solid #dddddd;
    padding-left: 10px;
}

.item7{ 
	display: block;
    clear: both;
    padding: 5px;
    cursor: default;
    border-bottom: 1px solid #dddddd;
    padding-left: 10px;
    background-color: #666666;
    color: white;
    font-weight: 100;
    font-size: 16px;
}

.item8{ 

    padding: 15px;
    cursor: default;
    padding-left: 10px;
    font-weight: 100;
    font-size: 16px;
}

.zahor { 
    margin: 20px 2px 20px 2px;
}

.zahor2 { 
	margin-bottom: 20;
    border: 3px solid #666666;
}

.foto { 
    height: 100%;
    background-color: aquamarine;
    width: inherit;
}

.foto2 { 
    width: inherit;
}

.leaflet-draw-toolbar .leaflet-draw-draw-A-siteProperty  {
	background-position: -31px -2px;
    background-image: url(map.jpg);
}
    

 
 
 
 
 
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
 
 
 
  
  
/*классы для панели управления кладбищем*/   
ul {
    /* Убираю маркеры у списка*/
    list-style: none;
    /* Делаю элементы блочными. */
    display: block;
    /* Убираю отступы. */
    margin:0px;
    /* Убираю еще отступы! */
    padding:0px;
}
ul:after {
    /* Делаю элементы блочными. */
    display: block;
    /* Убираю выравнивание. */
    float: none;
    content: ' ';
    clear: both;
}
ul.menu > li {
    /* Задаю выравнивание и позиционирование. */
    float: left;

}
ul.menu > li > a {
    /* Делаю элементы блочными: */
    display: block;
    /* Задаю белый цвет. */
    color: #fff;
    /* Задаю отступ 10px. */
    padding: 10px;
    /* Убираю форматирование*/
    text-decoration: none;
    /* Задаю цвет. */
    background-color: #8f8f8f;
}
ul.menu > li > a:hover {
    /* Задаю цвет при наведении. */
    background-color: #ffdb33;
    color:black;
}



ul.submenu {
    position: absolute;
    width: 220px;
    top: 37px;
    right:0px;
    /* Делаю субменю скрытыми. */
    display: none;
    /* Цвет — белый. */
    background-color: white;
}
ul.submenu > li {
    /* Блочное расположение элементов*/
    display: block;
    clear: both;
}


ul.submenu > li > a {
    /* Делаю элементы блочными. */
    display: block;
    /* Убираю форматирование*/
    text-decoration: none;
    /* Задаю отступ. */
    padding: 5px;
    /* Задаю цвет. */
    color: #525252;
}
ul.submenu > li:hover {
    /* Цвет бэкграунда при наведении. */
    background-color: #ffdb33;

}

ul.submenu > li > img {
    float: left;
    padding-left: 10;
    padding-top: 2;
    padding-right: 10;
}   
 
    
ul.menu > li:hover > ul.submenu {
    /* Делаю элементы блочными. */
    display: block;
}