body{

	background-color:#E2EBED;
	text-align:center;
		margin-top: 0px;
	margin-bottom: 0px;

	}
p{
	margin-top:5px;
	margin-bottom:10px;
	
	}

#mainContainer{
	width:948px;
	margin:0 auto;
	text-align:left;
	padding:16px;
	


	}
#dhtmlgoodies_menu img{
	border:0px;
	}

/* End general styles for this example page */
/* General configuration CSS */
#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{
	border:1px solid #000;
	background-color:#FFF;
	padding:1px;
	}
#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	padding-top:12px;
	padding-bottom:8px;
	border: none;
	background-image:url(../images/home/barrafondo.jpg);
	overflow:visible;
	font-size: 11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	height:25px;


	
	}
#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
	border:0px;
	padding:0px;
	border-bottom:2px solid #af0100;
	border-left:1px solid #af0100;
	border-right:1px solid #af0100;
	/*
	by chris
	makes first level submenu wider and higher for image
	*/
	width: 300px;
 	height: auto;
	padding-top:10px;
	padding-bottom:10px;
	}
#dhtmlgoodies_menu ul.menuBlock2 ul{	
	}
#dhtmlgoodies_menu ul.menuBlock2 li{
	border:0px;
	padding-left:10px;
	padding-right:10px;
	}
/***********************************************************************
	CSS - MENU ITEMS
	 Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* General rules for all menu items */
#dhtmlgoodies_menu a{
	color: #000;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	}
	
/*
Main menu items 
*/
#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	background-image:url(../images/home/barrasep.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:20px;


	}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:15px;
	padding-right:15px;
	background-color:#FFFFFF;/*mouse over color*/
	height:24px;

	}
#dhtmlgoodies_menu .currentDepth1 a{/*aqui se coloca color de la letra a mostrar sin el over*/
	font-weight:bold;
	color: #FFFFFF;
	}
#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
	
	font-weight:bold;

	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:6px;
		font-size:12px;
		padding-bottom:5px;
		border-bottom:1px solid #000000;
		}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:6px;
		background-color:#ffd3a0;/*mouse over color interno*/
		font-size:12px;
		padding-bottom:5px;
		}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;

	}