/*MENU PRINCIPAL*/
#m a {
	display:none;
}
#menu {
	background:transparent;
	padding:0;
	clear: left;
	height: 50px;
}
#nav, #nav ul {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:1200;
}
#nav {
	height: 48px;
	display: inline-block;
	float:left;
}
#nav li {
	margin:0;
	display:inline;
	float: left;
	position:relative;
}
#nav li a {
	display: block;
	text-decoration: none;
	line-height: 48px;
	text-align:center;
	color: #fff;
	height: 48px;
	font-weight:normal;
	text-transform:uppercase;
	font-size: 13px;
	padding:0 20px;
}
#nav li#primero a {
	/*border-left:none;
	width:112px;*/
}
#nav li#segundo a,
#nav li#tercero a,
#nav li#cuarto a,
#nav li#quinto a,
#nav li#sexto a{
}
#nav li#primero a{
}
#nav li#segundo a{
}
#nav li#tercero a{
white-space:nowrap;
}
#nav li#cuarto a{
}
#nav li#cuarto li a{
}
#nav li#quinto a{
}
#nav li#sexto a{
}
#nav li#ultimo a{
}
#nav li#ultimo a {
/*border-right:none;*/
}
#nav li a span {
	background: url(desplegar.png) center center no-repeat;
	padding:0 0 0 15px;
}
#nav li li a span {
	background: url(desplegar-submenu.png) center right no-repeat;
	padding:0 0 0 15px;
}
#nav li a:hover {
	color: #fff;
}
#nav li a.activo, #nav li a.activo:hover {
}
#nav table {
	border-collapse:collapse;
}
/*****/

#nav li li {
	float:none;
	display:block;
	margin:0;
	height: 30px;
}
/* a hack for IE5.x and IE6 */

#nav li a li {
	float:left;
}
#nav li li a {
	height:29px;
	line-height:29px;
	float:none;
	background: #fff;
	padding:0 30px 0 10px;
	margin:0;
	border: 0 none;
	/*border-bottom:1px solid #f7f7f7;*/
	text-align: left;
	font-size: 12px;
	color: #333;
	font-weight:normal;
	/*width:293px;
	width:260px;*/
	text-shadow:none;
	white-space:nowrap;
	width:auto;
	min-width:200px;
	width:auto !important;
	width:200px;
}
#nav li:hover {
	position:relative;
	z-index:1800;
	cursor: pointer;
}
#nav li li a:hover {
	color: #fff;
	background:#f60;
}
#nav li li a.activo, #nav li li a.activo:hover {
	background:#f30;
	color:#fff;
}
#nav :hover ul {
	left:0px;
	top:48px;
}
/* another hack for IE5.5 and IE6 */

#nav a:hover ul {
	left:0px;
}
#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	background:#fff;
	border: 1px solid #333;
	-moz-box-shadow: 3px 8px 6px -6px black;
	-webkit-box-shadow: 3px 8px 6px -6px black;
	box-shadow:  3px 8px 6px -6px black;
}
#nav li:hover > a {
	/*menu con imagenes
	background-position: center;
	background-repeat: repeat-x;*/
}
#nav li:hover > a.activo {
	/*menu con imagenes
	background-position: bottom;
	background-repeat: repeat-x;*/
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#b75;}


/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/*MULTI*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
 #menu, #nav {
 padding:0;
}
 #nav li a {
font-size:12px;
font-weight:normal;
padding:0;
}
/*
#nav li#primero a{
width:55px;
}
#nav li#segundo a{
width:60px;
}
#nav li#tercero a{
width:115px;
}
#nav li#cuarto a{
width:135px;
}
#nav li#cuarto li a{
width:200px;
}
#nav li#quinto a{
width:70px;
}
#nav li#sexto a{
width:55px;
}
#nav li#ultimo a{
width:75px;
}*/
 #nav li li a {
 font-size:12px;
}
}

/*MOVIL*/

@media only screen and (max-width: 767px) {
 #nav {
 display:none;
}
 #menu, #nav {
 width:300px;
 padding:0;
 height:auto;
}
#nav {
 border-top:1px solid #333;
}

#nav li a,  
#nav li#primero a,  
#nav li#ultimo a,
#nav li#segundo a,
#nav li#tercero a,
#nav li#cuarto a,
#nav li#cuarto li a,
#nav li#quinto a,
#nav li#sexto a {
 padding:0;
 float:left;
 display:block;
 width:298px;
 border-left:1px solid #333;
 border-right:1px solid #333;
 border-bottom:1px solid #333;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius:0px;
}
 #nav :hover ul,
  #nav :hover ul ul {
 left:0px;
 top:0px;
}
 #nav ul{
 float:left;
 display:block;
 position:relative;
 top:0;
 left:0;
 -moz-box-shadow:  none;
 -webkit-box-shadow: none;
 box-shadow: none;
 border:none;
}
 #nav ul ul{
 display:none;
 }
#nav li li{
margin:0 1px;
}

 #nav li li a {
 width:296px !important;
 text-align:center;
 display:block;
white-space:nowrap;
overflow:hidden;
padding:0;
}
 #nav li li a:hover {
 padding:0;
}
 #m a {
 font-weight:normal;
 display: block;
 text-decoration: none;
 padding:0 10px;
 font-size: 20px;
 line-height: 44px;
 height: 44px;
 text-align:center;
 color: #fff;
 text-transform: uppercase;
 letter-spacing:2px;
 border:1px solid #386918;
 text-shadow:0px 1px 1px #8b7a50;
 background:#5a9b23;
/* Mozilla: */
background: -moz-linear-gradient(top, #5a9b23, #3e801d);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#5a9b23), to(#3e801d));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5a9b23', EndColorStr='#3e801d', GradientType=0);
}
#m a:hover {
color: #fff;
background:#3e801d;
/* Mozilla: */
background: -moz-linear-gradient(top, #3e801d, #5a9b23);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#3e801d), to(#5a9b23));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3e801d', EndColorStr='#5a9b23', GradientType=0);
}
 #nav.activo {
 display:block;
}
 #submenus {
 padding:0 10px 10px;
}
}



/*MOVIL H*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
 #menu, #nav {
 width:420px;
 padding:0;
 height:auto;
}
 #nav li a,  
 #nav li#primero a,  
 #nav li#ultimo a,
 #nav li#segundo a,
#nav li#tercero a,
#nav li#cuarto a,
#nav li#cuarto li a,
#nav li#quinto a,
#nav li#sexto a {
 padding:0;
 float:left;
 display:block;
 width:418px;
}
 #nav li li a {
/* min-width:418px;
 width:418px;*/
 padding:0;
}
#nav  li li a  {
/*min-width:416px;
width:auto !important;*/
width:416px !important;
overflow:hidden;
}
 #submenus .submenu {
 clear:none;
 margin:0 0 10px;
}
}