/* ThemeIEMenu Style Sheet */

/*esta "clase" (tiene un punto al inicio), define elementos comunes de los dos objetos basicos del menu, como son
la celda (tabla) que contiene el menu principal y las tablas ocultas que contiene los itemes que se despliegan*/ 
.ThemeIEMenu,.ThemeIESubMenuTable
{
	width: auto;
	cursor: default /*controla tipo de puntero-mouse (forma de "mouse", forma de link "manito", forma de puntero+pregunta, etc */;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	/*color: de la letra barra de menu */
	color: #009;
	padding: 4px;
	margin: 0px;
	empty-cells: hide;
	white-space: nowrap;
}

.ThemeIEMenu
{
	border: 0px;
	text-align: center;
	padding: 4px;
	/*esta parte es donde hiciste el cambio*/
	/*background-color:#FFFFCC*/
}

.ThemeIESubMenu
{
	position:	absolute;
	visibility:	hidden;
	width: inherit;
	border: 0;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:	0;
	/*aqui se define las propiedades del cajon (box) del sub menu, cualquier cambio se puede efectuar aqui,
	teniendo en claro que si es un cambio "general" del menu trata de hacerlo en la clase principal - al inicio de este archivo- */
}

.ThemeIESubMenuTable
{
	border: 1px solid #FC0 /*modifica el color y ancho del borde del bloque que se despliega*/;
	background-color: #FFC /*#09F   color inicial del submenu*/;
	-moz-border-radius: 0.3em;
	diplay: inline;
}
/* definicion especifica para la etiqueta TD */
.ThemeIESubMenuTable td
{
	border-bottom: 1px solid #003;
	padding: 2px 4px 0px 2px;
	white-space: nowrap;
}

.ThemeIEMainItem,.ThemeIEMainItemHover,.ThemeIEMainItemActive,
.ThemeIEMenuItem,.ThemeIEMenuItemHover,.ThemeIEMenuItemActive
{
	padding-left:	1em;
	padding-right:	1em;
	white-space:	nowrap;
}

/* maneja los colores y reacciones del menu en javascript, frente a la posicion del mouse*/
.ThemeIEMainItemHover,.ThemeIEMenuItemHover,
.ThemeIEMainItemActive,.ThemeIEMenuItemActive
{
	color: #FFF;
	background-color: #039;
}

.ThemeIEMenuSplit
{
	height:		1px;
	margin-top:	1px;
	margin-bottom:	1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #039;
}

.ThemeIEMenuVSplit
{
	width:		1px;
	margin:		0px;
	overflow:	hidden;
	background-color:	inherit;
	border-right: 1px solid #039;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemeIEMenuItem img.seq1
{
	display:	inline;
}

.ThemeIEMenuItemHover seq2,
.ThemeIEMenuItemActive seq2
{
	display:	inline;
}

.ThemeIEMenuItem .seq2,
.ThemeIEMenuItemHover .seq1,
.ThemeIEMenuItemActive .seq1
{
	display:	none;
}
