a {
	padding: 2px;
	text-decoration: none;
	width: 100%; /* IE */
}

a:link, a:visited {
	color: #818181;	
}

a:hover {
	color: #000;	
}

ul, li{
	list-style-type:none;
}
li{
	z-index:9;
}

ul.marcador {
list-style-type: disc;
padding-left:15px;
padding-bottom:10px;

}
/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

body {
	behavior: url(csshover.htc);
}
 

#menu_vertical {
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}

#menu_vertical ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:166px;
	text-align:left;
	color:#818181;
}

#menu_vertical ul li {
	font: 9px/18px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	height:100%;
	background:#E7E8EA; /*#ff8b8e;*/
	position: relative;
	float:left;
	width:100%;
	border-top:1px solid #DDDDDD;
	}
	
#menu_vertical ul li ul li{
	background:#E7E8EA;
	}

#menu_vertical ul li a{
	display:block;
	padding: 2px 3px;
	}

#menu_vertical ul li a:hover {
	color: #818181;
	background: #ffffff; /*#ffd3d4;*/
	width:97.5%;
}

#menu_vertical ul li ul li a:hover{
	border-left:1px solid #fff;
}

#menu_vertical ul ul {
	position: absolute;
	top: 0;
	display:none;
	width:240px;
	padding-left:2px;
}

#menu_vertical ul li:hover ul{
	display: block;
	left:166px;
}

#menu_vertical ul li ul li ul{
	display:none !important;
}

#menu_vertical ul li ul li:hover ul{
	display: block !important;
	left:239px
}