/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
.menu { font-family: Verdana, Arial, Helvetica, sans-serif; width: 760px; height: 24px; position: relative; font-size: 12px; z-index: 100; float: left; }
.menu ul li a, .menu ul li a:visited { display: block; text-decoration: none; color: #333; width: 145px; height: 24px; text-align: left; color: #333; border: 1px solid #fff; background: #999; line-height: 24px; font-size: 11px; overflow: hidden; padding-left: 5px; }
.menu ul { padding: 0; margin: 0; list-style: none; }
.menu ul li { float: left; position: relative; }
.menu ul li ul { display: none; }

/* specific to non IE browsers */
/* .menu ul li:hover a { color: #333; background: url(imagenes/btn-inactivo.jpg); text-decoration: none; } */
.menu ul li:hover a { color: #333333; background: #999999; text-decoration: none; }
.menu ul li:hover ul { display: block; position: absolute; top: 24px; left: 24px; width: 105px; }
.menu ul li:hover ul li a.hide { background: #666; color: #fff; }
.menu ul li:hover ul li:hover a.hide { background: #6fc; color: #000; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { display: block; background: #ddd; color: #000; }
.menu ul li:hover ul li a:hover { background: #6fc; color: #000; }
.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; }