
.webfx-menu, .webfx-menu * {
	box-sizing:			content-box;
	-moz-box-sizing:                content-box;
}

.webfx-menu {
	position:			absolute;
	z-index:			100;
	visibility:			hidden;
	width:				100px;
	border:				1px solid;
	border-color:                   #D2D3D5; 
	padding:			1px;
	background:			white;

	filter:				progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=110, Strength=4)
						alpha(Opacity=90);
	-moz-opacity:                   0.9;
}

.webfx-menu-empty {
	display:			block;
	border:				1px solid white;
	padding:			2px 5px 2px 5px;
	font-size:			9pt;
	font-family:                    Verdana, Tahoma, Helvetica, Sans-Serfif;
	color:				#000000;
}

.webfx-menu a {
	display:			block;
	width:				expression(constExpression(ieBox ? "100%": "auto"));	/* should be ignored by mz and op */
	height:				expression(constExpression("19px"));
	overflow:			visible;	
	padding:			2px 0px 2px 5px;
	font-size:			9pt;
	font-family:                    Verdana, Tahoma, Helvetica, Sans-Serfif;
	text-decoration:                none;
	vertical-align:                 center;
	color:				#000000; /* AZUL OSCURO black;*/
	border:				1px solid white;
}	

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
	color:	#000000; /* AZUL OSCURO black;*/
}

.webfx-menu a:hover {
	color:			#000000; /* AZUL OSCURO;*/
	background:		#D2D3D5;  /* CELESTE MUY CLARO */
	border:			1px solid #D2D3D5;/* CELESTE CLARO */
}	

.webfx-menu a .arrow {
	float:			right;
	border:			0;
	width:			3px;
	margin-right:           3px;
	margin-top:		4px;
}

/* separtor */
.webfx-menu div {
	height:			0;
	height:			expression(constExpression(ieBox ? "2px" : "0"));
	border-top:		1px solid #D2D3D5;
	border-bottom:          1px solid #D2D3D5;
	overflow:		hidden;
	margin:			2px 0px 2px 0px;
	font-size:		0mm;
}

.webfx-menu-bar {
	background:		#D2D3D5; /* GRIS FONDO MENU */
	padding:		2px;
	font-family:	Verdana, Tahoma, Helvetica;
	font-weight:	bold;
	font-size:		9pt;
	
	/* IE5.0 has the wierdest box model for inline elements */
	padding:		expression(constExpression(ie50 ? "0px" : "2px"));
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
	border:				1px solid #D2D3D5;/*rgb(255,128,0);*/
	padding:			1px 5px 1px 5px;
	color:				#000000; /* NEGRO*/
	text-decoration:	none;

	/* IE5.0 Does not paint borders and padding on inline elements without a height/width */
	height:		expression(constExpression(ie50 ? "17px" : "auto"));
}

.webfx-menu-bar a:hover {
	color:			#000000; /* AZUL OSCURO */
	background:		#D2D3D5;
	border:	1px solid #D2D3D5;
}

.webfx-menu-bar a .arrow {
	border:			0;
	float:			none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
	-moz-outline:	none;
	outline:		none;
	/*
		ie does not support outline but ie55 can hide the outline using
		a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
	*/
	ie-dummy:		expression(this.hideFocus=true);

	border:	1px solid #D2D3D5;
}