/* CSS Document */
	/* START CSS only needed for this demo page */
	body{	/* Styling the body element */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
	font-size:12px;
	line-height:normal;
	background-color:#E2EBED;
	}	
	a{
		color:#0000FF;
		text-decoration:none;
	}
	img{
		border:0px;
	}
	a:hover{
		text-decoration:underlin;
	}
	
	#dhtmlgoodies_leftPanel ul{
		padding-left:20px;
		margin-left:0px;
	}
	#dhtmlgoodies_leftPanel div{
		padding:3px;
	}
	#mainContent{
		width:800px;
		margin-left:150px;
		background-color:#FFF;
		padding-right:5px;
		border-left:1px solid #000;
		border-right:0px
		border-bottom:1px solid #000;
		padding-left:5px;
		
	}

	/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */
	
	#dhtmlgoodies_leftPanel{	
		/* APlicando estilos a panel de ayuda */
		
		background-color:#93B2E0;	
		color:#003399;	/* White text color */
		font-family: Verdana, Arial, Helvetica, sans-serif;	/* Which font to use */
		
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
		border-top:1px solid #000;
		border-left:1px solid #000;
		border-right:0px
		border-bottom:1px solid #000;

	}
	
	#dhtmlgoodies_leftPanel #leftPanelContent{
		padding:0px;
	}
	#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		left:115px;
		border:1px solid #000;
		color:#000;
		font-size:14px;				
	}
	#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}