body, nav, ul, li, a  {margin: 0; padding: 0;}
/*body {font-family: Arial, sans-serif; }*/

/*.noselect 
{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
*/

body {
	font: 100%/1.5em Arial, Helvetica, sans-serif;
	color: #000;
	/* -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;*/
}

a {text-decoration: none;}

/*
  .hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transition-delay: 5s;	
    }
   #bar:hover { } */
  
:focus {
outline: none;
}

pre {

display: none;

}


html { font-size: 100%; }   
h1 { 
font-size: 28px; 
font-size: 1.75rem; 
}   
h2 { 
font-size: 22px; 
font-size: 1.375rem; 
}    
p { 
font-size: 14px; 
font-size: 0.875rem; 
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {/* */
border: none;
}

.container {
    width: 90%; /* 90%; */
    /*max-width: 90%; /* 900px; */
    margin: 10px auto;
}
.toggleMenu {
    display:  none;
    background: #666;
    padding: 10px 15px; /*10px 15px;*/
	/*margin: 0px -15px 0px 0px; /* BHH */
    color: #fff;
	
	/*border-radius: 4px;*/
}
.nav {
    list-style: none;
     *zoom: 1;
	 background:#225D31;
     /*background:#175e4c;*/
	 /*border-radius: 4px;*/
}
.nav:before,
.nav:after {
    content: " "; 
    display: table;
	/*border-radius: 4px; */
}
.nav:after {
    clear: both;
	/* border-radius: 4px; */
}
.nav ul {
    list-style: none;
    width: 13em; /* ширина подменю 19em*/
	
	/* border-radius: 4px; */
}
.nav a {
    padding: 10px 15px; /*10px 15px;*/
	/*margin: 0px -15px 0px 0px; /* BHH */
    color:#fff;
	/* border-radius: 4px; */
}
.nav li {
    position: relative;
	/*border-radius: 4px;*/
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
	
}
.nav li  ul {
    position: absolute;
    left: -9999px;
	
}
.nav > li.hover > ul {
    left: 0;box-sizing: border-box;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
	box-sizing: border-box;
}
.nav li li a {
    display: block;
    background: #1E741E;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
	
}
.nav li li li a {
    background:#269D26;
    z-index:200;
    border-top: 1px solid #1d7a62;
	
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%; /*95% 50%;*/
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%; /*95% 50%;*/
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}
   .select {
    color: maroon; /* Цвет текста */
    font-weight: 600; /* Жирное начертание */
   } <style>
   hr {
    border: none; /* Убираем границу */
    background-color: black; /* Цвет линии */
    color: black; /* Цвет линии для IE6-7 */
    height: 10px; /* Толщина линии */
   }

 /*---------------------------------------------------------------------------------------------------------------------------------------*/
 
 .fly {
       
	  overflow:scroll;
      width: 100%; /* Ширина блока */
      height: 150px; /* Высота блока */
	
}
 
.fly2 {
       
	  overflow:auto;
      width: 100%; /* Ширина блока */
      height: 50%; /* Высота блока */
	  max-height: 500px; /* Высота блока */
	  /*min-height: 100%; /* Высота блока */
	  
	
}
 
  .fly3 {
       
	  overflow:hidden;
      width: 100%; /* Ширина блока */
      height: 150px; /* Высота блока */
	  
  }
  
  
  .fly4 {
       
	overflow:auto;
      width: 100%; /* Ширина блока */
      height: 50%; /* Высота блока */
	  max-height: 400px; /* Высота блока */
	  /*min-height: 100%; /* Высота блока */
}
  
  
  
  
  
  