ul.nav, .nav ul{
/*Remove all spacings from the list items*/
	margin:0;
	padding: 0px;
	cursor: default;
	list-style-type: none;
	display: inline;
	width:150px;
	color:#FFFFFF;
	font-family:@Arial Unicode MS, Calibri, Tahoma, Verdana;
	font-weight:bold;	
}

ul.nav{
	display: table; color:#FFFFFF;
}

ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 5px 25px;
	z-index:10;
	color:#FFFFFF;
	
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 5px;
	color:#FFFFFF;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	color:#FFFFFF;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 6px 10px;
	color:#FFFFFF;
	font-weight:bold;
}

/*** Menu colors (customizable) ***/

ul.nav{background-color:#ffffff; color:#FFFFFF;} 

.nav ul{background-color:#CCCCCC; color:#FFFFFF;}

.nav ul li a{background-color:#333333; color: #FFFFFF;}


ul.nav li:hover a:hover {
	/*background-color:#FFFFFF;
	color: #fff;*/
	color:#333333;
	/*font-weight:bold;*/
	
}

.nav ul li:hover a:hover{/*background-color:#D1D1D1*/ color:#FFFFFF;}


ul.nav li:active, .nav ul li a:active{
	/*background-color:#333333;#036*/
	color:#FFFFFF;
}

ul.nav li:active, .nav ul li a:visited{color:#FFFFFF;}

ul.nav, .nav ul{ color:#FFFFFF;
	/*border: 1px solid #369;
	background-color:#999999;*/	
}

.nav a{
	text-decoration: none;
	color:#333333;
}


#div-navegacion{
	/*margin:0 auto 0 auto;*/
	text-align:left;
	height:40px;
	width:960px;
	padding:1px;
	color:#FFFFFF;

}