#leftMenu{
	width:311px;
	float:left;
}


.menu1 {

	height:40px;
	
}

#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:0px;
}

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
	height:auto;
	background-color:#fff;
	width:311px;
	text-align:justify;
	font-size:11px;
	line-height:16px;
}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
}

	/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:311px;	
}

	/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #036;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;	
	display:block;
	width:301px;	
	padding-left:10px;
	padding-top:17px;
	height:33px;
	background:  url(../imgs/barra_sanfona.jpg);
}

	/*
	A tags 
	*/
	

#dhtmlgoodies_slidedown_menu ul .menu1 ul li p a {
	text-align: right;
	height:20px;
	background:none;
	width:290px;
	margin-top:15px;
	padding:none;
	font-size:11px;
}

#dhtmlgoodies_slidedown_menu ul .menu1 ul li p a:hover {
	text-decoration:underline;
}

#dhtmlgoodies_slidedown_menu ul .menu1 ul li p{
	text-align: justify;
	background:none;
	width:290px;
	height:auto;
	margin: 3px 3px 3px 0;
	padding-left:5px;
}


#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top:0
}	


	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}