#multi-level {
	height:44px;
	position:relative;
	z-index:100;
}
#multi-level .pad {
	float:left;
}
/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:arial, sans-serif;
}
/* Set up the top level list items and float left to place inline */
.menu li.top {
	display:block;
	float:left;
	position:relative;
}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
	/*border-collapse:collapse;*/
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
/* Default top link link styling */
.menu li.top a.top_link {
	display:block;
	float:left;
	height:44px;
}
.menu li.top a span {
	position:absolute;
	left:-9999px;
	top:0;
	z-index:0;
	font-size:10px;
} /* move the link text off screen */
/* pre-load the hover images into the lists */
.menu li.p1 {
	width:95px;
	background:url(images/botones/CompaniaVFRA.gif) no-repeat;
	;
}
.menu li.p2 {
	width:95px;
	background:url(images/botones/SolucionesVFRA.gif) no-repeat;
	;
}
.menu li.p3 {
	width:95px;
	background:url(images/botones/ClientesVFRA.gif) no-repeat;
	;
}
.menu li.p4 {
	width:95px;
	background:url(images/botones/SalaPrensaVFRA.gif) no-repeat;
	;
}
.menu li.p5 {
	width:95px;
	background:url(images/botones/RRHHVFRA.gif) no-repeat;
	;
}
.menu li.p6 {
	width:95px;
	background:url(images/botones/ContactoVFRA.gif) no-repeat;
	;
}
.menu li.p7 {
	width:95px;
	background:url(images/botones/AreaPrivadaVFRA.gif) no-repeat;
	;
}
/* set up the normal unhovered images in the links */
.menu li a#CP {
	width:95px;
	background:url(images/botones/CompaniaGFRA.gif) no-repeat;
}
.menu li a#SV {
	width:95px;
	background:url(images/botones/SolucionesGFRA.gif) no-repeat;
}
.menu li a#CL {
	width:95px;
	background:url(images/botones/ClientesGFRA.gif) no-repeat;
}
.menu li a#SP {
	width:95px;
	background:url(images/botones/SalaPrensaGFRA.gif) no-repeat;
}
.menu li a#RH {
	width:95px;
	background:url(images/botones/RRHHGFRA.gif) no-repeat;
}
.menu li a#CO {
	width:95px;
	background:url(images/botones/ContactoGFRA.gif) no-repeat;
}
.menu li a#AP {
	width:95px;
	background:url(images/botones/AreaPrivadaGFRA.gif) no-repeat;
}
/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {
	visibility:visible;
} /* for IE6 */
.menu li:hover {
	position:relative;
	z-index:200;
} /* for IE7 */
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#CP:hover, .menu li:hover a#CP, .menu li a#SV:hover, .menu li:hover a#SV, .menu li a#CL:hover, .menu li:hover a#CL, .menu li a#SP:hover, .menu li:hover a#SP, .menu li a#RH:hover, .menu li:hover a#RH, .menu li a#CO:hover, .menu li:hover a#CO, .menu li a#AP:hover, .menu li:hover a#AP {
	background:transparent;
}
/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
}
/* set up the first drop down sub level */
.menu :hover ul.sub {
	left:0;
	top:44px;
	background: #fff;
	padding:3px 0;
	border:1px solid #888;
	white-space:nowrap;
	width:93px;
	height:auto;
}
.menu :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:90px;
}
.menu :hover ul.sub li a {
	display:block;
	font-size:11px;
	height:20px;
	width:87px;
	line-height:20px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 3px;
}
.menu :hover ul.sub li a.fly {
	background:#fff url(images/botones/arrow.gif) 80px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {
	background:#57018A;
	color:#fff;
}
.menu :hover ul.sub li a.fly:hover {
	background:#57018A url(images/botones/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
.menu :hover ul li:hover > a.fly {
	background:#57018A url(images/botones/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
/* set up the flyout levels when hovering */
.menu :hover ul :hover ul{
	left:90px;
	top:-64px; /*posición inial del segundo nivel de menú*/
	background: #fff;
	padding:3px 0;
	border:1px solid #888;
	white-space:nowrap;
	width:93px;
	height:auto;
	z-index:300;
}
.menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:90px;
	top:-4px; /*posición inial del segundo nivel de menú*/
	background: #fff;
	padding:3px 0;
	border:1px solid #888;
	white-space:nowrap;
	width:93px;
	height:auto;
	z-index:300;
}