#menu{
	width:100%;
	background: #548E4E;
	float:left;
	padding: 4px;
	height: 18px;
	
	
}
#menu img {
	float: left;
}

#menu ul {

	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

#inicio{
	width:68px;
}
#producto{
	width:90px;
}

#descarga{
	width:100px;
}
#formacion{
	width:98px;
}
#soporte{
	width:80px;
}
#distribuidores{
	width:130px;
}
#colaboradores{
	width:90px;
}

 #menu h2 {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	display: compact;	
	margin: 0;
	padding: 3px 13px;
	color: #fff;
	background: #548E4E;
	
}

#menu h2:hover {
	font: bold 10px verdana, arial, helvetica, sans-serif;
}

#menu a {
	color: #ffffff;
	font: bold 10px verdana, arial, helvetica, sans-serif;
	background: #548E4E;
	text-decoration: none;
	margin: 0;
}

#menu a:hover {
	color: #ffffff;
	background: #548E4E;
	
}

#menu ul li ul a {
	color: #105107;
	font: bold 10px verdana, arial, helvetica, sans-serif;
	background: #FAFEFB;
	text-decoration: none;
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #B9D7F3;
	margin: 0;
	padding: 2px 8px;
	position: relative;

}

#menu  ul li ul a:hover {
	color: #FF0000;
	background: #FAFEFB;
	
}

#menu li{

position:relative;

}

#menu ul ul {
	position: absolute;
	z-index: 500;
	width: 500px;   
	display:none;
}




#menu ul li a {
	height: 1%;
} 


/* Begin non-anchor hover selectors */



/* Enter the more specific element (div) selector

on non-anchor hovers for IE5.x to comply with the

older version of csshover.htc - V1.21.041022. It

improves IE's performance speed to use the older

file and this method */







div#menu li:hover{

cursor:pointer;

z-index:100;

}



div#menu li:hover ul ul,

div#menu li li:hover ul ul,

div#menu li li li:hover ul ul,

div#menu li li li li:hover ul ul

{display:none;}



div#menu li:hover ul,

div#menu li li:hover ul,

div#menu li li li:hover ul,

div#menu li li li li:hover ul

{display:block;}



/* End of non-anchor hover selectors */



/* Styling for Expand */



#menu a.x, #menu a.x:visited{

font-weight:bold;

color:#000;

background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;

}



#menu a.x:hover{

color:#fff;

background:#000;

}



#menu a.x:active{

color:#060;

background:#ccc;

}

#menu {
	float:none;
	} 
body{
	behavior:url(/menu/csshover.htc);
	font-size:100%; 
}
#menu ul li{
	float:left;width:100%;
	}
#menu h2, #menu a{
	height:1%;
	font: bold 10px verdana, arial, helvetica, sans-serif;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}