/*
colorBlue = "#225664"
colorGreen = "#49b8ce"
*/

@charset "UTF-8";

#cssmenu {
	display:block;
	padding: 0;
	border: 0;
	font-size: 1.2vw;
	line-height:5vw;
	text-shadow:none;
	font-family: "Noto Sans", serif;
  	font-optical-sizing: auto;
  	font-variation-settings: "wdth" 100;
  	font-weight: 600;
  	font-style: normal;
}

#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
  white-space:nowrap;
  background-image:none;
}

#cssmenu ul {
  position: relative;
}

#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear:
}

#cssmenu > ul > li {
  float: left;
  min-height: 1px;
}

#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  cursor: default;
}

#cssmenu ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width:100%;
	line-height: 2.7vw;
}

#cssmenu ul li:hover>ul {
  display:block;
}

#cssmenu ul ul li {
  font-weight: normal;
  text-align: left;
}

#cssmenu a {
  	display: block;
	padding: 0vw 1.4vw;
	text-decoration: none;
}

#cssmenu a:link, a:visited {
	text-decoration: none;
}

#cssmenu a:hover {
	background-color: rgba(44, 73, 132, 0.75);
	color: rgba(255,255,255,1);
	box-shadow:0.5vw 0.6vw 0.7vw #000;
}

#cssmenu ul ul a {
  background: rgba(255,255,255,0.9);
  color: rgba(44, 73, 132, 1);
  border: 0vw solid #2e6cb8;
  padding:0vw 1vw;
}

nav #cssmenu ul ul a:hover {
  background-color: rgba(44, 73, 132, 0.75);
  color: rgba(255,255,255,1);
  border-bottom: none;
}

#cssmenu ul li.has-sub a:hover {
	border-bottom: none;
}