@charset "utf-8";
/* CSS Document */

nav {
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	} 
	
	
nav :hover {
	border:#CC0000;
  }
	
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
	display: flex;
}


.tree::after {
    content: ''; /* Выводим треугольник */
    right: 0; top: 0.95em; /* Положение треугольника */
    /* Создание треугольника */
    width: 0; height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent #de3a31;
    position: absolute; /* Абсолютное позиционирование */
   }


nav ul li {
  position: relative;
}

nav ul li {
  position: relative;
}



nav ul li a {
  display: block;
  padding: 12px 16px;
  color: #000;
  text-decoration: none;
}

.submenu {
	display: none;
	position: absolute;
	background-color: #FFF;
	top: 100%;
	left: 0;
	min-width: 160px;
	z-index: 10;
	border: 1px solid #CCC;
}

.submenu li a {
  padding: 10px;
}

.submenu li a:hover {
    color:#cc0000;
}

nav ul li:hover .submenu {
  display: block;

}

nav :hover .submenu {
	border: 1px solid #CCC;
    color:#F00;
}