.mainWrap{
	width:77.5%;
	float:right;
}


nav{
	width:100%;
	float:right;
}

.menu{
	display:block;
}

.menu li{
	display: inline-block;
	position: relative;
	z-index:100;
}

.menu li:first-child{
	margin-left:0;
}

.menu li a {
	font-weight:600;
	text-decoration:none;
	padding:11px;
	display:block;
	color:#777e22;
	font-family: 'Lobster', cursive;
		-webkit-transition: all 0.2s ease-in-out 0s;
	    -moz-transition: all 0.2s ease-in-out 0s;
	    -o-transition: all 0.2s ease-in-out 0s;
	    -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{
	color:#030;
}

.menu ul {display: none; /*Fondo menú desplegable pantalla escritorio*/
margin: 0;
padding: 0;
width: auto;
position: absolute;
top: 43px;
left: 0px;

}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {
	font-size:14px;
	font-weight:normal;
	display:block;
	color:#777e22;
}

.menu ul li a:hover, .menu ul li:hover > a{ /*Menu segundo nivel desplegado*/
	color:#030;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background-image:url(../image/background-menu-1.jpg);
color:#CCC;
text-transform:uppercase;
font-weight:600;
}

.mobile-menu:hover{
	
color:#777e22;
text-decoration:none;
}




@media (max-width: 1024px) {

.mainWrap{
	width:100%;
	overflow:hidden;
	position:fixed;
	z-index:4000;
	left:0;
	top:0;
}

.menu{
	display:none;
}

.mobile-menu{
	display:block;
	margin-top:0px;
}

nav{
	margin:0;
	background:none;
}

.menu li{
	display:block;
	margin:0;
}

.menu li a {
	background:#690a08;
	color:#777e22;
	border-top:1px solid #e0e0e0;
}

.menu li a:hover, .menu li:hover > a{
	color:#030;
}

.menu ul {
	display:block;
	position:relative;
	top:0;
	left:0;
	width:100%;
}

.menu ul ul {
	left:0;
}

}