ul.menu
{
	list-style:none;
	text-align:center;
	margin:0;
	padding:5px;
	border:solid 2px #005500;
	position: absolute;
	left: 8px;
	top: 44px;
	background-color:#FFFFFF;
	z-index:1;
}
ul.menu li
{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
font-size:12pt;
margin-top:3px;
margin-bottom:3px;
width:150px;
z-index:1;
}
ul.menu li li
{
font-size:9pt;
margin:0;
padding:0;
width:150px;
z-index:10;
}

ul.menu li ul
{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:150px; /* Para que no monte sobre el <li> */
top:0;
display:none;
list-style:none;
padding:0;
margin:0;
z-index:10;
}
ul.menu li:hover ul
{
display:block;
z-index:10;
}


/*xxxxxxxxxxxxxxxxxxxxxx  DECORACION xxxxxxxxxxxxxxxxxxxxxxxxxxx */

.verde{
	background-color:#005500;
	color:#FFFFFF;
	text-decoration:none;
	width:150px;
	display:block;
	cursor:pointer;
	padding:6px 0px 6px 0px;
	margin:0;
}
.gris1{background-color:#666666;
color:#FFFFFF;
text-decoration:none;
width:150px;
display:block;
cursor:pointer;
	padding:6px 0px 6px 0px;
	margin:0;
}
.gris2{background-color:#999999;
color:#FFFFFF;
text-decoration:none;
width:150px;
display:block;
cursor:pointer;
	padding:6px 0px 6px 0px;
	margin:0;
}
.gris3{background-color:#CCCCCC;
color:#FFFFFF;
text-decoration:none;
width:150px;
display:block;
cursor:pointer;
	padding:6px 0px 6px 0px;
	margin:0;
}


.verde:hover{
	background-color:#003300;
	z-index:10
}
.gris1:hover{
	background-color:#333333;
	z-index:10
}
.gris2:hover{
	background-color:#666666;
	z-index:10
}
.gris3:hover{
	background-color:#999999;
	z-index:10
}
#contenidobarraizquierda {
	width:190px;
	position: relative;
	height: 500px;
}
li{margin:0;
paddin0}