@charset "utf-8";
/* CSS Document */
<style type="text/css">
.menu {
width:95px; height:28px;
}
.menu ul {
padding:0;margin:0;
list-style:none;

}
.menu li {
	float:left;
	width:187px;
	position:relative;
}
a:link {
	text-decoration: none;
	font-family:Arial;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	font-family:Arial;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	font-family:Arial;
	color: #FFFFFF;
}
a:active {
	font-family:Arial;
	text-decoration: none;
}
.menu a, .menu a:visited {
display:block; font-size:12px;
text-decoration:none;
color:#ffffff;
width:187px;
height:30px;
border:0px solid #a1a3a2;
border-width:1px 0 1px 1px;
background:url(../Imagenes/menupart1-1.jpg);
padding-left:5px; line-height:23px;
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px; left:0;
width:95px;
border-top:1px solid #a1a3a2;
}
.menu ul ul a, .menu ul ul a:visited {background:#FFBD69; color:#ffffff; height:auto; line-height:1em; padding:5px 5px; width:181px;border-width:0 1px 1px 1px;}
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#a1a3a2}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}


/*-------------*/

/* style the second level hover */
.menu ul ul a.drop:hover{background:#EE6600;}
.menu ul ul :hover > a.drop {background:#a1a3a2;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#EE6600;}
/* position the third level flyout menu */
.menu ul ul ul{left:-193px; top:-1px; width:193px;}





/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

</style>