/*** MENU ***/

/* The container wrapping div.dropdown */
#navwrap {
float:left;
width:100%;
}
 
/* Top level Unordered list */
ul#dropdown {
list-style:none;
width:100%;
padding: 0;
text-align:center;
}
 
ul#dropdown  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
border-left:1px solid transparent;
border-right:1px solid transparent;
}
 
ul#dropdown a {
padding:6px; /*space the items, occupy entire height too.*/
text-decoration: none;
color: #fdecc1 !important;
}

/* Style the link hover */

ul#dropdown li ul {
width:80%;
width: -webkit-calc(100% - 12px);  /* Chrome */
width: -moz-calc(100% - 12px);     /* Firefox */
width: calc(100% - 12px);          /* nativo */
margin-left:-7px;
margin-top:1px;
border:1px solid #FFC946;
background:#A85B41;
}
ul#dropdown li.menu-item-has-children:hover{
border-left:1px solid #FFC946;
border-right:1px solid #FFC946;
background:#A85B41;
}
/* Displays the link as blocks. */
ul#dropdown li ul a {
display:block;
padding:9px 0 9px 0;
text-transform: none !important;
}
.current-menu-item {
  background-color: rgba(164,82,77,0.66)!important;}
/* sub menus!!  */
 
ul#dropdown ul {
list-style: none;
margin:0; /* Appear just below the hovering list */
padding:0;
width:auto; /* specify the width. */
position:absolute; /* needed */
z-index:500; /* specify the order */
}
 
ul#dropdown li ul {
top:37px; /* Positioning:Calc with top level horz list height */
padding:0 6px 0 6px;
}
 
ul#dropdown ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
font-size: 23px;
}
 
ul#dropdown ul li {
float:none; /* umm.. Appear below the previous one. mmkay? */
border-bottom: 1px solid #FFC946;
}
ul#dropdown ul li:nth-last-child(2){
border-bottom:none;}	 

ul#dropdown ul li#menu-item-social.menu-social {
padding:0px !important;
}

ul#dropdown li#menu-item-social a{
padding:0 !important;
margin:0;
font-size:30px;
border:none;
}
ul#dropdown li#menu-item-social a img {
  width: 25px;
  height: 25px;
  margin: 8px 5px 0 0;}

/* Drop Down! */
 
/* Hide all the dropdowns (submenus) */
ul#dropdown ul,
ul#dropdown li:hover ul ul,
ul#dropdown ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul#dropdown li:hover ul,
ul#dropdown ul li:hover ul ,
ul#dropdown ul li ul li:hover ul
{ display: block; }

ul#dropdown li * a{
color: #ffffff !important;
}

ul#dropdown li * a:hover {
/* Change color of links when hovered */
text-decoration:none;
}

ul#dropdown li ul.sub-menu {
padding-bottom:0;
}

ul#dropdown li ul a:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=70);

  /* Netscape */
  -moz-opacity: 0.7;

  /* Safari 1.x */
  -khtml-opacity: 0.7;

  /* others browsers */
  opacity: 0.7;
}
/*** MENU ***/

.yeallow, .menu-1, .menu-4, .menu-7, .blue, .menu-3, .menu-6, .red, .menu-2, .menu-5, .menu-8 {
padding: 12px 6px 12px 6px;
	text-transform:uppercase;
}

.menu-home {
        width:33px;
        padding: 10px 6px 10px 6px;
}
.menu-1 {
        width:96px;
}

.menu-2 {
        width:134px;
}
.menu-3 {
        width:70px;
}
.menu-4 {
        width:180px;
}
.menu-5 {
        width:80px;
}
.menu-6 {
        width:70px;
}
.menu-7 {
        width:80px;
}
.menu-8 {
        width:100px;
}

.menu-arrow {
        padding-top:10px;
        text-align:center;
}

.menu-arrow div {
	width: 0; 
	height: 0; 
	margin:auto;
	border-bottom: 15px solid #FFC946;
	font-size: 0;
	line-height: 0;
}