@charset "utf-8";
/* CSS Document */
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}

#menu li {
	float: left;
	position: relative;
	width: 128px; /* Ancho de las pestañas */
}

#menu li ul {
position: absolute;
display: block; 
top: 1em;
left: 0;
}

#menu li>ul {
top: auto;
left: auto;
}

#menu li:hover ul { display: block; }
#menu li:hover>ul { visibility:visible; }
#menu ul ul { visibility:hidden; } 
#menu ul, li { margin: 0 0 0 0; }

#menu ul a {
	display: block;
	text-decoration: none;
	color: #fff; /* Color del texto de las pestañas */
	background-image:url(imagenes/bgtables.jpg);
	padding: 4px;
	border: 1px solid #ccc; /* Borde de las pestañas */
	text-align: center; /* Alineación del texto */
    box-shadow: 0 2px 10px #CCC;
	margin-bottom:5px;
}

#menu ul a:hover { 
color: #fff; /* Color del texto al pasar el cursor */
} 

#menu li ul a {
text-align: left;
vertical-align:middle;
text-decoration: none;
color: #777; /* Color del texto de las subpestañas */
background: #fff; /* Color de fondo de las subpestañas */
border: 1px solid #ccc; /* Borde de las subpestañas */
width:500px;
height:30px;
margin-bottom:1px;
} 

#menu li ul a:hover {
	color: #000; /* Color del texto de las subpestañas al pasar el cursor */
	background: #f9f9f9; /* Color de fondo de las subpestañas al pasar el cursor */
}