<!-- 

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}

#menu dl {
float: left;
width: 25%;
border-top: 1px solid #f58705
}

#menu dt {
cursor: pointer;
text-align: right;
background: #fff;
text-decoration: none;
margin-bottom: 4px;
}

#menu dt {
color: #f58705;
background: #fff;
font: normal 1.5em verdana, lucida, sans-serif;
padding: 0px;
text-decoration: none;
}

#menu dt:hover{
color: #fff;
background: #f58705;
padding: 0px;
/*border-bottom: 1px solid #f58705*/
}

#menu dt a.activo, #menu dt a.activo:hover{
color: #fff;
text-decoration: none;
background: #f58705;
}

#menu dd {
display: none;
}

#menu ul{
position: absolute;
filter:alpha(opacity=75); /* Para IE */
-moz-opacity:.75; /* Para Firefox */
opacity:.75; /* Browsers que soporten CSS3 */
z-index: 2000;
margin: 2px 0 0 0;
border-top: 1px solid #fff;
padding: 0;
list-style-type: none;
width: 15em;
height: 12em;
text-align: right;
}

#menu li {
text-align: right;
color: #fff;
padding-top: 3px;
margin: 0;
float: none;
width: 99%;
}

#menu li a {
padding: 0;
margin: 0;
color: #fff;
text-decoration: none;
font: normal .8em verdana, lucida, sans-serif;
}

#menu li a:hover{
color: #f58705;
background: #fff;
text-decoration: underline;
font-weight: bold;
}


.filosofia
{
background-color: #f58705;
z-index: 1
}

.profesionales
{
background-color: #f59c36;
z-index: 1
}

.particulares
{
background-color: #f5b367;
z-index: 1
}

.tienda
{
background-color: #f5ca98;
}


-->