@CHARSET "ISO-8859-1";
/* Main */

#menu {
	font-size: 110%;
	font-weight: normal;
	display: flex;
	flex-wrap: wrap;
    margin: 0;
    padding: 5px 3% 5px 3%;
    list-style: none;  
    position: relative;
    color: #ffffff;
	background-color: #000;
    z-index: 100;
}
#menu:after{
	content:'';
	display:inline-block;
	vertical-align:top;
	width:100%;
}
#menu.vertical > li {
    position: relative;
}
#menu .menu_content {
    position:absolute;
    display:none;
    margin-top: 5px;
	transition-delay: .3s;
    text-align: left;
    z-index: 200;
}
#menu > li .menu_content {
    left: 0;
}
#menu.vertical li li .menu_content {
    top: 0;
    left: 100%;
}
#menu.horizontal li li .menu_content {
    left: 0;
}
#menu .menu_content > a {
    margin: 0 20px;
}
#menu li ul {
    list-style:none;
    padding:5px 6%;
}
#menu.horizontal li ul {
    width: 100%;
    text-wrap: wrap;
}
#menu li {
    padding-left: 11px;
    padding-right: 21px;
    white-space: nowrap;
    line-height: normal;
}
#menu.vertical li {
    position: relative;
}
#menu > li {
    display: inline-block;
	background-color: inherit;
}
#menu.horizontal li li {
    display: inline-block;
}
#menu.horizontal ul, #menu.horizontal .menu_content {
    width: 100%;
    text-wrap: wrap;
}
#menu li li {
    white-space: nowrap;
}
#menu li a {
	position:relative;
    display:block;
    color: inherit;
    text-decoration: none;
}
#menu li a.selected:after{
    content: '';
    position: absolute;
    left: 48%;
    bottom: -3px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #111;
}
/*
#menu li:hover > ul {
	display: block;
}
/* right aligns Contact submenu 
#menu > li:last-child:hover ul {
    left:auto;
    right:0;
    width:auto;
}*/

#menu li li {font-size:90%;}
#menu li a:hover {color: #b22b2b;}
#menu > li span:hover {
 /*   color: #b22b2b;*/
    cursor: pointer;
}
#menu li span{
    display: block;
}
#menu > li > a .sub-arrow {
    border-color: #b7afaf transparent transparent transparent;
}
#menu li .sub-arrow {
    position: absolute;
    top: 50%;
    left: auto;
    right: 1px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    font: bold 16px / 34px monospace !important;
    text-align: center;
    text-shadow: none;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-radius: 0;
    background: transparent;
}
#menu ul:after {
    content:"";
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
}


#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */