/* 
General styles for this example page */

#mainContainer{
	width:523px;
	margin:0 auto;	
}


#dhtmlgoodies_menu ul li ul{
	display:none;	/* Needed to display ok in Opera */
}
	
#dhtmlgoodies_menu{
	visibility:hidden;	
}

#dhtmlgoodies_menu ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
}

#dhtmlgoodies_menu li{
	list-style-type:none;	/* No bullets */
}

#dhtmlgoodies_menu a{
	margin:0px;
	padding:0px;
}
/* End general configuration CSS */


/* Cosmetic */

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items) 
***********************************************************************/
	
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0px;
	padding-top:0px;	
	padding-bottom:20px;
	padding-left:25px;
	background-image:url('./images/index_04.gif');
	background-repeat:no-repeat;
	
	/*
	border:1px solid #317082;
	background-color:#E2EBED;
	overflow:visible;
	*/
}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	width:150px;
	border:0px;
}


/***********************************************************************
	CSS - MENU ITEMS
	Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	text-decoration:none;
}

/*Main menu items */
/*Cuadros de la raiz del arbol*/
#dhtmlgoodies_menu .currentDepth1{
	width:87px;
	height:28px;
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	vertical-align:middle;
}
#dhtmlgoodies_menu .currentDepth1over{
	width:87px;
	height:33px;
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	padding-top:5px;
	vertical-align:middle;
	background-image:url('./images/bkmenuOver.gif');
	background-repeat:no-repeat;
}

#dhtmlgoodies_menu .currentDepth1 a{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:none;
}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:none;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2{
	font-family: Arial;
	vertical-align:middle;
	height:34px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:none;	
	background-image:url('./images/bksubmenu.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:5px;
}
#dhtmlgoodies_menu .currentDepth2over{
	font-family: Arial;
	font-size: 11px;
	height:34px;
	vertical-align:middle;
	color: #FFFFFF;
	font-weight:none;
	background-image:url('./images/bksubmenuOver.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:5px;
}
#dhtmlgoodies_menu .currentDepth2 a{
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:none;
}
#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:none;
}