/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */
/* Begin CSS Popout Menu */

#menu { float:left; width:100%; font-weight:600; font-size:70%; line-height:normal; }
#menu a, #menu h2, #menu h3 { font-weight:600; font-size:93%; display:block; white-space:nowrap; margin:0px;padding:2px}
#menu h2 a { font-weight:600; font-size:93%; display:block; white-space:nowrap; margin:0px; }
#menu h2.menu { font-weight:600; color:#585289; text-transform:uppercase;  padding-left: 5px; }
#menu h3.menu { font-weight:600; color:#585289; text-transform:uppercase; }

#menu a { text-decoration:none; }
#menu a, #menu a:visited { color:#585289; }
#menu a:hover { color:#9b6a0b; }
#menu a:active { color:#9b6a0b; }
#menu ul { float:left; list-style:none; margin:0px; padding:0px; /* DEFINIRE PER BENEEEEEEEEE */ }
/*
#menu li { position:relative; }
*/
#menu li { position: relative; display: block; float: left; }

#menu ul ul { position:absolute; z-index:500; top:auto; display:none; background-color:#9591b4; width:130px; border-top: 1px solid #fff;border-right: 1px solid #fff;border-left: 1px solid #fff; }
#menu ul ul li { width:130px; border-bottom: 1px solid #fff; padding-top: 3px; padding-bottom: 3px}
#menu ul ul li a, #menu ul ul li a:visited { font-size:100%; color: #fff; font-weight: 100;}
#menu ul ul li a:hover, #menu ul ul li a:active { font-size:100%; color: #fff; font-weight: 100; background-color:#585289;}
#menu ul ul ul { top:-1px; left:100%; width:130px; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It improves IE's performance speed to use the older file and this method */

div#menu h2.menu:hover { background-color:#cdc49f; }
/*
div#menu li:hover { cursor:pointer; z-index:100;}
*/
div#menu li:hover { cursor:pointer; z-index:100; display: block;float: left}

div#menu li:hover ul ul, div#menu li li:hover ul ul, div#menu li li li:hover ul ul, div#menu li li li li:hover ul ul { display:none; }
div#menu li:hover ul, div#menu li li:hover ul, div#menu li li li:hover ul, div#menu li li li li:hover ul { display:block; float: left}

/* End of non-anchor hover selectors */


/* Styling for Expand */

#menu a.x, #menu a.x:visited { font-weight:600; color:#9693b6; }
#menu a.x:hover { color:#cdc49f; background:#9693b6; }
#menu a.x:active{ color:#cdc49f; background:#9693b6; }

/* End CSS Popout Menu */