/********************************************************************************************
 *
 * menuh.css
 *
 * regole per la barra di menu orizzolntale
 *
 * version: 1.0 2006-09-18
 * author:  Massimo Viti <mviti@lamma.rete.toscana.it>, IBIMET Firenze Italy
 *
 ********************************************************************************************/


/* classs per il <div> che sara'il contenitore del menu: <div class="menuh"> */
div.menuh {
  display: block;
  margin: 0;
  padding: 0;
  border: 0; 
  float: left;
  width: auto; 
  background-color: transparent; 
	
  /* font e stile standard utilizzato */	
  font-family: sans-serif;
  font-size:   12px;
  font-weight: bold;
  
  /* border: 1px solid black; */ /* cornice inserita per prova */
}

/* classe centered da utilizzare se si vuole che la barra-menu sia centrata.
   Inserire tutta la barra di menu in un <div> in cui sia impostata la classe 'centered'.
   Per centrare correttamente indicare alla proprieta' left il giusto valore
   tramite la regola inline: <div class="centered" style="left: nnn">
 */
div.menuh.centered {
  position: absolute;
  left: 27%;
}

/* <ul> master di ogni elemento */
div.menuh ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
	/* width: 12em; */ /* se si desidera una larghezza determinata per ogni elemento della 
	                      barra-menu, indicarne qui la larghezza
	                    */
}

/* classe separator: righina verticale che separa gli item della barra-menu */
div.menuh ul li.separator {
  border-right: 1px solid #0abd30; /*#8C0009;*/
}

/* classe folder separator: viene posto il simbolo di submenu prima della righina verticale*/
/*
div.menuh ul li.folder.separator {
  border-right: 1px solid #8C0009;
  background: url("../img/sub.gif") right no-repeat;
}

div.menuh ul li.folder.noseparator {
  border-right: 1px solid transparent;
  background: url("../img/sub.gif") right no-repeat;
}
*/

/* padding per gli elementi della barra-menu. 
   Non impiegare se si specificano le dimensioni degli elementi della barra-menu */
div.menuh ul li.folder,
div.menuh ul li a 
{
  padding-left: 15px;
  padding-right: 15px;
  color: #3D749E;
}

/* larghezza dei submenu */
div.menuh ul ul {
  width: 14em;
  padding-left: 0;
}


/* disposizione degli elementi nel submenu */
div.menuh ul ul li.folder,
div.menuh ul ul li a
{
  padding-left:  3px;
  padding-right: 0;
}

div.menuh ul,  
div.menuh ul ul, 
div.menuh ul li, 
div.menuh ul a 
{
  display: block;
  margin: 0;
  padding: 0;
  border: 0; 
  
  font-family: sans-serif;
  font-size:   12px;  /* tolto per permettere di modificare la dimensione del font */
  font-weight: bold;
}

/* allineamento del testo per gli elementi della barra-menu */
div.menuh ul {
  text-align: center; 
}

/* allineamento del testo per gli elementi nei submenu */
div.menuh ul ul {
  text-align: left;
}


/* dimensioni e stile dei menu */
div.menuh ul, 
div.menuh ul ul 
{ 
  list-style: none;
}

/* stile dell'immagine che rimane come bullet a destra */
div.menuh ul img {
  width: 8px; 
  height: 8px; 
  margin-top: 0px;
  margin-right: 4px;
  vertical-align: middle;
  border: none;
}

/* stampa il submenu in un box con le righe tra i vari elementi */
div.menuh ul ul {
  background: #EFFCFF;
  border: 1px solid #990;
} 
/* crea l'effetto tridimensionale alla cornice */
div.menuh ul ul li {
  border-right: 1px solid #110;
  border-bottom: 1px solid #110;
  z-index: 9;
}

/* impostazioni per ogni elemento */
div.menuh ul li {
  position: relative;
  padding-top: 2px;
  padding-bottom: 2px;
  z-index: 9;
}

/* la classe folder da applicare ad un <li> che e' la base di submenu */
div.menuh ul li.folder { 
  background: none;
  background: url("../img/arrow/arrow-todown.gif") right no-repeat; /* stampa l'icona dei submenu anche sul sumbenu-base */
  
  cursor: pointer;
}			

/* submenu: pone l'icona a destra che indica un submenu */
div.menuh ul ul li.folder { 
  background: url("../img/arrow/arrow-toright.gif") right no-repeat;  
  color: #3D749E;
  cursor: pointer;
}			

/***************************************/
/* disposizione dei submenu */
div.menuh ul li.folder ul { /* IE */
  position:absolute;
  left: 30%; /* indica di quanto spostare a destra il submenu */
  top: 1.2em; /* indica di quanto spostare in basso il submenu */
}		

div.menuh ul li.folder>ul { /* others */
  left: 30%; /* indica di quanto spostare a destra il submenu */
} 

/* sub-submenu */
div.menuh ul ul li.folder ul { /* IE */
  position:absolute;
  left: 85%; /* indica di quanto spostare a destra il sub-submenu */
  top: 5px; /* indica di quanto spostare in basso il sub-submenu */
}		
div.menuh ul ul li.folder>ul { /* others */
  left: 85%; /* indica di quanto spostare a destra il sub-submenu */
} 
/***************************************/

/* impostazioni dei link */
div.menuh ul li a { /* IE */
  text-decoration: none;
  color: #3D749E;
  width: 100%; 
}

div.menuh ul li>a { /* others */
  width: auto; 
} 

/* regular hovers */
div.menuh ul li:hover>a
{
  color: white;
  z-index: 10; 
}

div.menuh ul li:hover, 
div.menuh ul ul li.folder:hover, 
div.menuh ul li a:hover
{
  color: white;
  background-color: #bbb7c7;
  z-index: 10; 
}

/* hovers with specificity */

/* primo, secondo, terzo e quarto submenu */
div.menuh ul ul, 
div.menuh ul li:hover ul ul, 
div.menuh ul li:hover ul li:hover ul ul,
div.menuh ul li:hover ul li:hover ul li:hover ul ul
{
  display: none;
}


/* primo, secondo, terzo e quarto submenu */
div.menuh ul li:hover ul, 
div.menuh ul li:hover li:hover ul, 
div.menuh ul li:hover li:hover li:hover ul,
div.menuh ul li:hover li:hover li:hover li:hover ul 
{
  display: block;
}



/* ==================================== */
/* gestione degli elementi disabilitati */
/* ==================================== */

/* classe denied: applicare ad un <li> a cui non sia concesso selezionare l'elemento */
div.menuh ul li a.denied,
div.menuh ul li.denied a,
div.menuh ul li.denied,
div.menuh ul li.denied ul li,
div.menuh ul li ul li.denied a,
div.menuh ul li ul li.denied
{
	color: #CCCCCC; 
	cursor: default;
	background-image: none; /* new */
	background: #EFFCFF;
}
div.menuh ul li.denied,
div.menuh ul li.denied a
{
  background: transparent;
}
div.menuh ul li.denied ul li  
{
  background: url("../img/arrow/arrow-toright-gray.gif") right no-repeat;
}
div.menuh ul li.denied ul li a 
{
  background: #EFFCFF;
}

/* div.menuh ul li.folder.denied */
div.menuh ul li.fdenied
{
  background: url("../img/arrow/arrow-todown-gray.gif") right no-repeat;
  color: #CCCCCC; 
}

/*div.menuh ul ul li.folder.denied */
div.menuh ul ul li.fdenied 
{
  background: url("../img/arrow/arrow-toright-gray.gif") right no-repeat;
  color: #CCCCCC; 
}

/* evita l'evidenziazione */
div.menuh ul li.denied a:hover,
div.menuh ul li:hover.denied,
div.menuh ul li:hover.denied ul li,
div.menuh ul li ul li:hover.denied 
{
  background-color: transparent;
  color: #CCCCCC; 
  z-index: 10; 
}

div.menuh ul li.denied ul li a:hover,
div.menuh ul li ul li.denied a:hover
{
  background: #EFFCFF; 
  color: #CCCCCC; 
  z-index: 10; 
}

div.menuh ul ul li.denied a:hover,
div.menuh ul li:hover.denied ul li,
div.menuh ul li ul li:hover.denied 
{
  background-color: transparent;
}

/* impedisce l'apertura di submenu il cui referente sia disabilitato */
div.menuh ul li:hover.denied ul,
/*div.menuh ul li:hover.denied>ul,*/
div.menuh ul li:hover li:hover.denied ul, 
div.menuh ul li:hover li:hover li:hover.denied ul,
div.menuh ul li:hover li:hover li:hover li:hover.denied ul 
{
  display: none;
}

/*
IE     div.menuh ul li.folder ul
others div.menuh ul li.folder>ul

IE     div.menuh ul li a  
others div.menuh ul li:hover>a
*/


/* ==================================== */
/* gestione dell'item help              */
/* ==================================== */
div.menuh ul.help
{
  float: right;
  padding-right: 8em; /* necessario per non sovrascrivere su 'login' */
}
div.menuh ul.help li a
{
  padding-left: 0px;
  padding-right: 0px;
}



/********************************************************************************************
 *
 * menuv.css
 *
 * regole per i menu verticali (i submenu si aprono a destra)
 *
 * version: 1.0 2006-09-18
 * author:  Massimo Viti <mviti@lamma.rete.toscana.it>, IBIMET Firenze Italy
 *
 ********************************************************************************************/


ul.menuv,  ul.menuv ul, ul.menuv li, ul.menuv a {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;   
  background-color: transparent;

  font-family: sans-serif;
  font-size:   12px;
  font-weight: bold;
}

/* cornice intorno al menu principale */
/*
ul.menuv {
  border: 1px solid #9d9da1;
}
*/

/* dimensioni e stile dei menu */
/*ul.menuv, ul.menuv ul {*/
ul.menuv {
  width: 100%; /* le dimensioni del menu verticale sono quelle della colonna in cui compare */
  list-style: none;
}
ul.menuv ul {
  width: 100%; /* dimensioni del submenu */
  list-style: none;
}

ul.menuv img {
	width: 8px; 
	height: 8px;
	margin-top: 0px;
	margin-right: 4px;
	vertical-align: middle;
	border: none;
}

/* stampa il submenu in un box con le righe tra i vari elementi */
ul.menuv ul {
  background: #EFFCFF;
  border: 1px solid #990;
}
/* crea l'effetto tridimensionale alla cornice */
ul.menuv ul li {
  border-right: 1px solid #110;
  border-bottom: 1px solid #110;
  z-index: 9;
}


/* impostazioni per ogni elemento */
ul.menuv li {
  padding: 2px; /* lascia un spazio tra due elementi della lista del menu */
  z-index: 9;
}


ul.menuv li.folder {
  position: relative;
  background: url("../img/arrow/arrow-toright.gif") right no-repeat; /* pone l'icona a destra che indica un submenu */
  color: #3D749E;
  cursor: pointer;
}			


ul.menuv li.folder ul { /* IE */
  /* left: 30%; *//* indica di quanto spostare a destra il submenu */
  /* top: 1.5em; *//* indica di quanto spostare in basso il submenu */
  
  /* left: 95%; */ 
  /* top 5px; */
  position: absolute;
  left: 85%;
  top: 5px;
}		
ul.menuv li.folder>ul { /* others */
  /* left: 30%; *//* indica di quanto spostare a destra il submenu */
  /* left: 95%; */ 
  left: 85%;
}


ul.menuv li a { /* IE */
  text-decoration: none;
  color: #3D749E;
  width: 100%; 
}
ul.menuv li>a { /* others */
  width: auto; 
} 



/* regular hovers */

ul.menuv li:hover>a { 
  color: white;
  z-index: 10; 
}
ul.menuv li:hover, ul.menuv a:hover { 
  color: white;
  background-color: #bbb7c7;
  z-index: 10; 
}


/* hovers with specificity */

/* primo, secondo, terzo submenu e quarto submenu */
ul.menuv ul, 
ul.menuv li:hover ul ul, 
ul.menuv li:hover ul li:hover ul ul,
ul.menuv li:hover ul li:hover ul li:hover ul ul
{
  display: none;
}

/* primo, secondo, terzo submenu e quarto submenu */
ul.menuv li:hover ul, 
ul.menuv li:hover li:hover ul, 
ul.menuv li:hover li:hover li:hover ul,
ul.menuv li:hover li:hover li:hover li:hover ul 
{
  display: block;
}


/* ==================================== */
/* gestione degli elementi disabilitati */
/* ==================================== */

/* non e' concesso selezionare l'elemento */
ul.menuv li a.denied,
ul.menuv li.denied a,
ul.menuv li.denied,
ul.menuv li.denied ul li,
ul.menuv li ul li.denied 
{
  color: #CCCCCC;
  cursor: default;
}
/* evita l'evidenziazione */
ul.menuv li:hover.denied, ul.menuv li.denied a:hover { 
  background-color:  transparent;
  z-index: 10; 
  color: #CCCCCC;  /* prova */
}
ul.menuv ul li:hover.denied, ul.menuv ul li.denied a:hover { 
  background-color:  transparent;
  color: #CCCCCC;  /* prova */
}

ul.menuv li:hover.denied ul,
ul.menuv li:hover li:hover.denied ul, 
ul.menuv li:hover li:hover li:hover.denied ul,
ul.menuv li:hover li:hover li:hover li:hover.denied ul 
{
  display: none;
}

/* ul.menuv li.folder.denied */
ul.menuv li.fdenied
{
  background: url("../img/arrow/arrow-toright-gray.gif") right no-repeat;
}


/*****************************************************************************/

.menutitle,
.menuTitolo
{
    border-bottom:   2px solid #437fad;
    border-left:     4px none #437fad;
    border-right:    2px none #437fad;
    border-top:      4px none #437fad;
    color:           black;
    font-size:       16px;
    font-weight:     bolder;
    letter-spacing:  0px;
    padding-bottom:  3px;
    padding-left:    1px;
    padding-right:   3px;
    padding-top:     3px;
    text-align:      left;
    text-indent:     0px;
    margin:          0px;
    text-decoration: none;
}