/*::FUNCIONALIDAD::*/
ul.menu{list-style:none}
ul.menu li{
position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
display:inline;z-index:800;margin:0 4px}
ul.menu ul li{width:100%}
ul.menu ul{
position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
left:30px; /* Para que no monte sobre el <li> */
top:-1px;display:none;list-style:none}
ul.menu ul{display:none}
/*NIVELES*/
ul.menu li:hover ul,
ul.menu li ul li:hover ul,
ul.menu li ul li ul li:hover ul,
ul.menu li ul li ul li ul li:hover ul,
ul.menu li ul li ul li ul li ul li:hover ul,
ul.menu li.hover ul,
ul.menu li ul li.hover ul,
ul.menu li ul li ul li.hover ul,
ul.menu li ul li ul li ul li.hover ul,
ul.menu li ul li ul li ul li ul li.hover ul{
display:block}
/*NIVELES*/
ul.menu ul,
ul.menu li:hover ul ul,
ul.menu li.hover ul ul,
ul.menu li:hover ul ul ul,
ul.menu li.hover ul ul ul,
ul.menu li:hover ul ul ul ul,
ul.menu li.hover ul ul ul ul,
ul.menu li:hover ul ul ul ul ul,
ul.menu li.hover ul ul ul ul ul{
display:none}
ul.menu li ul{ /* Solo para los ul debajo de los li de primer nivel. */
left:0;top:24px;display:none;list-style:none;z-index:900}
ul.menu li ul li ul{left:10em;top:0}
/*::DISEÑO::*/
body{background:#F5F5F5 repeat scroll 0 0;color:#621132;margin:0}
.menu_principal{background:url("decoration.gif") repeat center top;height:2.8em;font-size:0.8em}
.menu_principal ul{margin:0;padding:0;text-align:center}
.menu_principal li{background-color:transparent;font-weight:bold}
.menu_principal li a{color:#621132;line-height:2.4em;padding:0 0.5em 0.7em;text-align:center;text-decoration:none}
.menu_principal li a:hover{/*text-decoration:none*/color: #9D2449}
.menu_principal li ul{background:#621132 repeat scroll 0 0;border-bottom:2px solid #9D2449;height:auto;width:10em}
.menu_principal li ul{background:none repeat scroll 0 0 #F2F2F2;width:12.5em}
.menu_principal li ul li{background:url("bullet_menu.gif") no-repeat 5px 6px;color:white;font-style:normal;font-weight:normal;margin:0;padding:0.3em 0;width:96%;display:block}
.menu_principal li ul a{display:block;font-size:12px;font-style:normal;padding:0 10px 0px 15px;margin-bottom:4px;text-align:left;line-height:1.2em}
.menu_principal li ul a:hover{text-decoration:underline}