/* Menu style */

.horizontalmenu {
	padding: 1;
	margin: 1;
	list-style: none;
	text-align:right;
}

.horizontalmenu>li {
	display:inline-block;
	position: relative;
        padding:10px 0.9%;

}

.horizontalmenu>li>a {
	text-decoration: none;
	color: #fff;
        text-shadow:none;
}
.horizontalmenu>li>a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #5B664D;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.horizontalmenu>li>a:hover:after {
	text-decoration:none;
	color: #fff;
    width: 100%; 
    left: 0; 	
}
.horizontalmenu_select {
        padding:15px 2%;
	text-decoration:none;
        color:#fff;
        background-color:transparent;
}

.horizontalmenu_select a {
        color:#fff;
}



/* SUB MENU */

.horizontalmenu li:hover ul {
	display: block;
	height: auto;
	width: 10em;
	background-color: #fff;
	filter: alpha(opacity = 100); /* IE */
	-moz-opacity: 0.8; /* Mozilla */
	opacity: 1;
    -moz-box-shadow:5px 5px 2px #6c8493;
    -webkit-box-shadow:5px 5px 2px #6c8493;
    box-shadow:1px 1px 3px #6c8493;	
}

.submenu {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 100;
	list-style:none;
}

.submenu >li {
	border-bottom: 1px solid #eee;
	clear: both;
	color: #000;
	padding: 5% 0 5% 10%;
	margin: 0 0 0 0;
	width: 100%;
	text-align:left !important;
}

.submenu >li:last-child {
	border-bottom: none !important;
}

.submenu >li>a {
	color: #000;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 20px;
	text-transform: capitalize;
}

.submenu>li>a:hover {
	color: #666 !important;
}

.submenu_select>a{
	color: #888 !important;
}

/* MENU FOOTER */

.secondmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.secondmenu ul>li {
	display: inline;
	position: relative;
	margin:0 3% 0 0;
	list-style:none;
	padding:10px 1.5%;
}



.secondmenu ul>li>a {
	text-decoration: none;
	color: #fff;
}
.secondmenu ul>li>a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #8DA07B;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

.secondmenu ul>li>a:hover:after {
	text-decoration:none;
	color: #fff;
    width: 100%; 
    left: 0; 
}


.secondmenu_select {
        padding:0;
}
.secondmenu_noselect {
        padding:0;
}