/* common styling */
.menu 
{
	font-size: 0.8em;
	margin: 0;
	position: relative;
	z-index: 100;
}
.menu ul li a, .menu ul li a:visited 
{
	background: url( ../../img/form/nav/base.gif ) no-repeat;
	border: 1px solid #fff; /* Si no tiene borde no se comporta correctamente la presentación de los subelementos */
	color: #c03;
	display: block;
	height: 40px;
	line-height:20px;
	overflow:hidden;
	padding-left: 22px;
	text-decoration: none;
	width: 120px;
}
.menu ul li a.selector, .menu ul li a.selector:visited , .menu ul li a.selector:hover 
{
	background-image: url( ../../img/form/nav/selector.gif );
}
.menu ul li ul li a, .menu ul li ul li a:visited
{
	border: 1px solid #fff;
	font-size: 1em;
	height: 20px;
	padding-left: 3px;
	padding-right: 2px;
	width: 148px;
}
.menu ul 
{
	list-style-type: none;
	margin:0;
	padding:0;
}
.menu ul li 
{
	float:left; 
	margin-right: 1px;
	position:relative;
}

.menu ul li ul {display: none;/*padding-top:20px;*/}

.menu ul li ul li 
{
	margin-left: 0;
	/*-moz-opacity: 0.8; 
	opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);*/
}

.menu ul li ul li:hover
{
	margin-left: 0;
	/*-moz-opacity: 0.9; 
	opacity: 0.9;
	-khtml-opacity: 0.9;
	filter:alpha(opacity=90);*/
}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#c03; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#c03; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#fff;}
.menu ul li:hover ul li a:hover {background:#c03; color:white;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}