body{
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
}
nav{
	width:150px;
	margin: 0;
	padding: 0;
	
}
nav li{
	list-style-type: none;
	list-style-position: outside;
	position:relative;
	padding-bottom: 0px;
	padding-top: 0px;
	vertical-align: middle;
}
nav li a{
	color: #666;
	text-decoration: none;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
nav li a:hover{
	color: #69c;
	text-align: left;
}
nav li.parent:hover{
	margin: 0px;
	width: 5;
	
}
nav li li a{
	width:75px;
	height: 21px;
	display:inline-block;
	border-bottom: 1px solid #69C;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
}

nav li ul {
	width: 0; /*Cambiamos la linea */
	margin: 0;
	/*display:none; Lo Eliminamos */
	padding: 0;
	position: absolute;
	left: 100%;
	top: -2px;
	overflow: hidden; /* Para evitar Que se salgan los links */
	z-index: -1;/*El Submenu tiene que ir atras, para evitar que los 0 pixeles causen problema al :hover*/

	
}
nav li:hover ul {
	/*display:block; Lo Eliminamos */
		
	width: 100px; /*La animación de 0 a 250px*/
	z-index: 1000;
	opacity: 1;
	filter: alpha(opacity=100);/* Internet Explorer*/
	-webkit-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;/* Chrome, Safari*/
	transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;/* Navegadores CSS3 */
	-moz-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s; /* Firefox 4 */
	-o-transition: oopacity 0.1s linear 0s, width 0.3s ease-out 0s; /* Opera */
	
}