/*INZIO MAIN MENU HORIZONTAL*/
.horizontal div#mainMenu {background:#fff url(im/menu/sfondo_tabs.gif) 0 100%  repeat-x;}
.horizontal div#mainMenu a, .horizontal div#mainMenu a:hover, .horizontal div#mainMenu a:link, .horizontal div#mainMenu a:active, .horizontal div#mainMenu a:visited {color:#000;}

.horizontal div#mainMenu ul li {border-right:1px solid #5F6C7C;}
.horizontal div#mainMenu ul li li {border-right:1px solid #CDD0D7;}
/*voce selezionata*/
.horizontal div#mainMenu li#current {background:#5F6C7C;color:#fff;border:0;}
.horizontal div#mainMenu li.parent li#current {background:#CDD0D7;color:#000;}
.horizontal div#mainMenu li.parent li li#current {background-color:#fff;}
/*hover*/
.horizontal div#mainMenu a:hover {background-color:#5F6C7C;color:#fff;}
/*voce padre chiuso (1° liv)*/
.horizontal div#mainMenu li.parent li a, .horizontal div#mainMenu li.parent li a:hover, .horizontal div#mainMenu li.parent li a:link, .horizontal div#mainMenu li.parent li a:active, .horizontal div#mainMenu li.parent li a:visited {background-image:none;}
.horizontal div#mainMenu li.parent a, .horizontal div#mainMenu li.parent a:hover, .horizontal div#mainMenu li.parent a:link, .horizontal div#mainMenu li.parent a:active, .horizontal div#mainMenu li.parent a:visited {background-image:url(im/menu/ico_menu_1liv_parent.gif); background-position:3px 50%; background-repeat:no-repeat;}
.horizontal div#mainMenu li.parent a:hover {background-image:url(im/menu/ico_menu_1liv_parent_hover.gif)}
/*voce padre chiuso (2° liv)*/
.horizontal div#mainMenu li li.parent a, .horizontal div#mainMenu li li.parent a:hover, .horizontal div#mainMenu li li.parent a:link, .horizontal div#mainMenu li li.parent a:active, .horizontal div#mainMenu li li.parent a:visited {background-image:url(im/menu/ico_menu_2liv_parent.gif); background-position:3px 50%; background-repeat:no-repeat;}
/*voce padre chiuso (3° liv)*/
.horizontal div#mainMenu li li.parent li a, .horizontal div#mainMenu li li.parent li a:hover, .horizontal div#mainMenu li li.parent li a:link, .horizontal div#mainMenu li li.parent li a:active, .horizontal div#mainMenu li li.parent li  a:visited {background-image:none;background-color:#CDD0D7;color:#000;}
.horizontal div#mainMenu li li.parent li {background-color:#CDD0D7;color:#000;}
/*??? gestibibile da js ? : necessario impostare un altezza differente quando 1 o due livelli*/
.horizontal div#mainMenu ul {background:#5F6C7C url(im/menu/sfondo_menu_2liv.gif) 0 -1px repeat-x;}
/*menu padre 1° livello aperto*/
.horizontal div#mainMenu li.active {background:#5F6C7C;}
.horizontal div#mainMenu li.active li {background:#5F6C7C;}
.horizontal div#mainMenu li.active a, .horizontal div#mainMenu li.active a:hover, .horizontal div#mainMenu li.active a:link, .horizontal div#mainMenu li.active a:active, .horizontal div#mainMenu li.active a:visited {color:#fff;border-right:0px;background:none;}
.horizontal div#mainMenu li.active {background:#5F6C7C url(im/menu/ico_menu_1liv_open.gif) 4px 50% no-repeat;}
.horizontal div#mainMenu li.active a:hover {background-color:#5F6C7C;color:#fff;}

/*menu padre 2° livello aperto*/
.horizontal div#mainMenu li li.active {border:1px solid #738899;width:auto;background-color:#CDD0D7;}
.horizontal div#mainMenu li.active ul li a:hover {background-color:#CDD0D7;color:#000}

.horizontal div#mainMenu li li.active ul {border:0;}
.horizontal div#mainMenu li li.active ul li {border-top:1px solid #DBE4ED;}
.horizontal div#mainMenu li li.active li {background:#CDD0D7;}
.horizontal div#mainMenu li li.active a, .horizontal div#mainMenu li li.active a:hover, .horizontal div#mainMenu li li.active a:link, .horizontal div#mainMenu li li.active a:active, .horizontal div#mainMenu li li.active a:visited {color:#fff;background:#CDD0D7 url(im/menu/ico_menu_2liv_open.gif) 4px 50% no-repeat;}
.horizontal div#mainMenu li li.active a:hover, .horizontal div#mainMenu li li.active li a:hover {background-color:#F1F1F3;}

.horizontal div#mainMenu li#home a, .horizontal div#mainMenu li#home a:link,
.horizontal div#mainMenu li#home a:active, .horizontal div#mainMenu li#home a:hover, .horizontal div#mainMenu li#home a:visited {background-image:url(im/menu/ico_tabs_home.gif);background-position: 2px 50% ;background-repeat:no-repeat;}
.horizontal div#mainMenu li#home a:hover {background-image:url(im/menu/ico_tabs_home_hover.gif);}

/*FINE MAIN MENU HORIZONTAL*/
/***sovrascrive le regole di extjs**/
.horizontal div#mainMenu .x-toolbar{background:#6b6b6b none!important; margin:11px 11px 0 11px}
.horizontal div#mainMenu em{border-right:1px dotted #fff; display:block;}
.horizontal div#mainMenu .x-btn-mc em.x-btn-arrow {/*background: url(im/menu/ico_menu_1liv_parent.gif) no-repeat scroll 3px 60% transparent;*/ }
.x-menu .x-menu-list {background-color: #dbdbdb!important;background-image: none!important;}
.x-menu-floating{border:1px dotted #dbdbdb!important;}
.x-menu .x-menu-list a.x-menu-item{color:#000}
.x-menu .x-menu-list .x-menu-item-active{background-color:#6b6b6b!important;}
.x-menu .x-menu-list .x-menu-item-active a.x-menu-item{color:#fff}
.x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc, *.x-menu-item-active/*rollover tendina 1livello*/ {background:none!important;}
.horizontal div#mainMenu .x-toolbar span, .horizontal div#mainMenu  .x-btn button{color:#fff}

