.nav {    
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

.parent-add .nav-holder {
    height: auto !important;
}

.nav-holder {
    overflow: hidden;
    height: 60px;
}

.nav-frame {
    width:100%;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
	/* Fallback for web browsers that doesn't support RGBa */
background: rgb(56, 56, 56) transparent;
/* RGBa with 0.6 opacity */
background: rgba(56, 56, 56, 0.8);
	background-image:url(../layout/bg-menu.gif);
	background-repeat:repeat-x;
}

/*.opener {
    position: absolute;
    bottom: 10px;
    left: 465px;
    width: 94px;
    height: 20px;
}*/

#nav {
    
    width: 100%;
    color: #fff;
	}
#nav, #nav ul {	
	margin:0;
	padding:0;
	list-style-type:none;
}

    #nav:after {
        content: "";
        display: block;
        clear: both;
    }
	

    #nav > li {
        float: left;
        width: auto;
        margin: 0;
		padding:20px 20px 10px 20px;
    }
	
	#nav > ul > li , #nav > li > li {

        
		width:inherit;
		background-color:#432F54;
}
    

    #nav a {
        color: #fff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:14px;
		font-weight:normal;
    }

    #nav > li > a:hover,
    #nav > li.active > a {
        border-bottom: solid 2px #c77649;
    }

    /*#nav .drop {
        text-transform: none;
        padding: 19px 0 0;
    }*/
	
	#nav ul {
	margin-top:20px;
	}

    #nav li li {
        vertical-align: top;
        padding: 0 0 9px;
    }
	
	#nav li li.mx_first {
	padding: 20px 0 9px;
	}
	
	#nav ul li a {
	font-weight:normal;
	font-size:10px;
	}

/*Mobile menu*/

#menu .close {
width:100%;
height:10px;
text-align:right;
padding-right:10px;
}

#menu .close a {
color:#FFFFFF;
font-size:24px;
text-decoration:none;
font-weight:normal;
}

#menu {
  position: fixed;
  background-color: #383838;
  top:0;
  height: 100%;
  z-index: 200;
  padding:0;
  padding-top:10px;
  width: 280px;
  color: #ffffff;
  top: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
  overflow-y: scroll;
}

#menu ul {
  list-style: none;
  margin-top: 0;
  padding: 0;
  }
#menu > ul {
margin-bottom:50px;
}

#menu ul li { border-bottom: 1px solid #999999; }



#menu ul li a {
  color: inherit;
  font-size: 20px;
  display: block;
  padding: 10px;
  text-decoration: none;
  font-weight: normal;
  text-transform:uppercase;
}


#menu ul a:hover,
#menu ul li.mx_current > a {
  color: #c77649;
}

#menu ul li.mx_parent li.mx_current > a {
color: #c77649;
}

#menu ul a:hover i:first-child { color: #FFCC33; }

/* Submenu */

#menu ul li a.active+ul { display: block }

#menu ul li ul {
  margin-top: 0;
  display: none;
}

#menu ul li ul li { border-bottom: none; }

#menu ul li ul li a { padding-left: 30px; }

#menu ul li ul li ul li a { padding-left: 60px; }

#menu ul li ul li a:hover {  }

/* /Submenu */


/* Cuando este a la Izq, para esconderlo posicionarlo a la Izq a -width */

.left { left: -280px; }

.show { left: 0; }

/*#mobile-nav .showmenu { 
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/