.body {
	font-family: arial, helvetica;
	margin: 0;
	padding: 0;
	}
#marco {
	width:665px;
	margin:10px 0;
	padding:0px;
	text-align:left;
	}

/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

	.preload2 
	{
		background: url(../Imagenes/button4a.gif);
	}
	
	.menu2 
	{
		padding-top:0; 
		margin:0; 
		margin-bottom:0; 
		list-style:none; 
		height:45px; 
		background: url(../Imagenes/fd_menu.gif) repeat-x; 
		position:relative; 	
		border-top:2px solid #a7a7a7; 
		border-bottom:2px solid #a7a7a7; 
		border-left:2px solid #a7a7a7; 
		border-right:2px solid #a7a7a7; 
		font-family: 'arial', 'helvetica'; 
	}
	
	.menu2 li.top 
	{
		display:block; 
		float:left; 
		position:relative;
	}
	
	.menu2 li a.top_link 
	{
		display:block; 
		float:left; 
		height:35px; 
		margin-left:1px; 
		line-height:25px; 
		color:#333; 
		text-decoration:none; 
		font-size:13px; 
		font-weight:bold; 
		padding-top: 10px;
		cursor:pointer;
	}
/* 	 Para cambiar el ancho de la barra de menú*/
	.menu2 li a.top_link span 
	{
		float:left; 
		display:block; 
		padding:0px 15px 0px 10px; 
		height:40px;
	}
	
	.menu2 li a.top_link span.down 
	{
		float:left; 
		display:block; 
		padding:0px 10px 0px 10px; 
		height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/
	}
	
	.menu2 li a.top_link:hover 
	{
		color:#333;  
		background:url(../Imagenes/button4a.gif);
	}
	
	.menu2 li a.top_link:hover span 
	{
		background:url(../Imagenes/button4a.gif)
	}
	
	.menu2 li a.top_link:hover span.down 
	{ 
		background:url(../Imagenes/button4a.gif)
	}

	.menu2 li:hover > a.top_link 
	{
		color:#333; 
		text-decoration: underline;
		background:url(../Imagenes/button4a.gif);
	}
	
	.menu2 li:hover > a.top_link span 
	{
		background:url(../Imagenes/button4a.gif);
	}
	
	.menu2 li:hover > a.top_link span.down 
	{
		background:url(../Imagenes/button4a.gif);
	}

	.menu2 table 
	{
		border-collapse:collapse; 
		width:0; 
		height:0; 
		position:absolute; 
		top:0; 
		left:0;
	}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

	.menu2 a:hover 
	{
		visibility:visible;
	}
	
	.menu2 li:hover 
	{
		position:relative; 
		z-index:200;
	}

/* keep the 'next' level invisible by placing it off screen. */
	.menu2 ul, 
	.menu2 :hover ul ul, 
	.menu2 :hover ul :hover ul ul,
	.menu2 :hover ul :hover ul :hover ul ul,
	.menu2 :hover ul :hover ul :hover ul :hover ul ul 
	{
		position:absolute; 
		left:-9999px; 
		top:-9999px; 
		width:0; 
		height:0; 
		margin:0; 
		padding:0; 
		list-style:none;
	}

	.menu2 :hover ul.sub 
	{
		left:6px; 
		top:45px; 
		background: #fff; 
		padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ 
		width:auto; 
		height:auto; 
		font-weight:normal;
	}
/* 	Cambiar bordes a submenus */
	.menu2 :hover ul.sub li 
	{
		display:block; /*height:20px; */
		position:relative; 
		float:left; 
		width:160px; 
		border-bottom:1px solid #333; 
		border-bottom:1px solid #333; 
		border-left:1px solid #333; 
		border-right:1px solid #333;
	}
	
	.menu2 :hover ul.sub li a 
	{
		display:block; 
		height:auto; 
		font-size:11px; 
		padding:4px 3px; 
		line-height:1; 
		color:#333; 
		text-decoration:none;
	}
	
	.menu2 :hover ul.sub li a.fly 
	{
		background:#fff  url(../Imagenes/vineta_menu.html) no-repeat 150px 6px;
	}
	
	.menu2 :hover ul.sub li a:hover 
	{
		background:#cacaca; 
		text-decoration: underline;
		color:#333;
	}
	
	.menu2 :hover ul.sub li a.fly:hover 
	{
		background:#cacaca url(../Imagenes/vineta_menu.html) no-repeat 150px 6px;
		text-decoration: underline;
	}
	
	.menu2 :hover ul li:hover > a.fly 
	{
		background:#46779f
	} 

	.menu2 :hover ul :hover ul,
	.menu2 :hover ul :hover ul :hover ul,
	.menu2 :hover ul :hover ul :hover ul :hover ul,
	.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
	{
		left:160px; 
		top:-1px; 
		background: #fff; 
		padding:0; /* white-space:nowrap; */
		width:auto; 
		z-index:300; 
		height:auto;
	}

	.menu2 :hover ul.sub li ul 
	{
		border-top:1px solid #333; 
		background: #fff; 
		z-index:300;
	}