#MainMenu {
	display: inline-block;
	padding: 0px;
	width: 925px;
	background-image: url(../images/nav/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	position: relative;
	margin: 0px;
	border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	-moz-border-radius: 0.6em;
	clear: both;
	height: 38px;
	font-family: "armata", Arial;
	z-index: 8000;
	text-transform: uppercase;
}
#MainMenu .Home {
	background-image: url(../images/nav/home.png);
	background-repeat: no-repeat;
	background-position: 1px 8px;
	float: left;
	clear: none;
	display: block;
	text-indent: 1.4em;
	line-height: 2.5em;
	color: #FFC32B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#MainMenu .Home:hover{
	background-image: url(../images/nav/home.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	float: left;
	clear: none;
	display: block;
	text-indent: 1.4em;
	line-height: 2.5em;
	color: #FFC32B;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#MainMenu li { /* cada item de esa lista */
	float: left;
	list-style: none;
	position: relative;
	font-size: 0.8em;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

/* las definiciones del Nivel Principal */
#MainMenu a {
	color: #FFF;
	display: block;
	margin: 0;
	text-decoration: none;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	text-shadow: 1px 1px 0px #186142;
	-webkit-text-shadow: 1px 1px 0px #186142;
	-moz-text-shadow: 1px 1px 0px #186142;
	-o-text-shadow: 1px 1px 0px #186142;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#MainMenu a:hover {
	color: #FFF !important;
	text-shadow: 1px 1px 0px #000033;
	-webkit-text-shadow: 1px 1px 0px #186142;
	-moz-text-shadow: 1px 1px 0px #186142;
	-o-text-shadow: 1px 1px 0px #186142;
	background-color: #FFC32B;
}

/* efecto hover en el Nivel Principal */
#MainMenu .current {
	/*border-top: solid 1px #F8F8F8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);*/
	background-image: url(../images/nav/bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 40px;
	margin: 0px;
	padding: 0px;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
}
#MainMenu li:hover > a {
	/*border-top: solid 1px #F8F8F8;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);*/
	text-shadow: 1px 1px 0px #186142;
	-webkit-text-shadow: 1px 1px 0px #186142;
	-moz-text-shadow: 1px 1px 0px #186142;
	-o-text-shadow: 1px 1px 0px #186142;
	background-image: url(../images/nav/bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFC32B !important;
}

/* los subniveles */
#MainMenu ul li:hover a, #MainMenu li:hover li a {
	border: none;
	color: #333;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-color: #000033;
	background-image: none;
}
#MainMenu ul a:hover {
	/* background: #456 url(URL_gradient.png ) repeat-x 0 -100px !important;*/
	color: #fff !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 1px 1px 0px #186142;
	-webkit-text-shadow: 1px 1px 0px #186142;
	-moz-text-shadow: 1px 1px 0px #186142;
	-o-text-shadow: 1px 1px 0px #186142;
}

/* el efecto de desplegar */
#MainMenu li:hover > ul {
  display: block;
}

/* las definiciones de los submenues */
#MainMenu ul {
	border: 1px none #B4B4B4;
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 35px;
	width: 185px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
	background-color: #5C8F17;	/*background-image: url(URL_gradient.png);
	background-repeat: repeat-x;
	background-position: 0 0;*/
	z-index: 5500 !important;
}
#MainMenu ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#MainMenu ul a {
	font-weight: normal;
	text-shadow: 1px 1px 0px #186142;
	-webkit-text-shadow: 1px 1px 0px #186142;
	-moz-text-shadow: 1px 1px 0px #186142;
	-o-text-shadow: 1px 1px 0px #186142;
	color: #FFF !important;
	}

/* las definiciones de los submenues internos */
#MainMenu ul ul {
	left: 181px;
	top: -3px;
	}

/* bordes redondeados del primer y  último item */
#MainMenu ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;
	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#MainMenu ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* definiciones generales */
#MainMenu:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
html[xmlns] #MainMenu { display: block; }
* html #MainMenu { height: 1%; }