@charset "iso-8859-1";
/* CSS Document */
/*menu verticale a tendina senza parti grafiche*/

div#menuvert {
/*width: 210px; /* per avere un menu che si estende per tutta la lunghezza del div*/
margin: 30px 0 10px 0;
padding: 0 0 10px 0;
background-color: #222222; /*colore della striscia orizzontale del menu */
}
div#menuvert ul {  /*per eliminare il selettore in tutte le liste e le sottoliste*/
margin: 0;
padding: 0;
list-style-type: none;

}
div#menuvert li { /*definisce il modo di apparire delle voci principali del menu*/
width:102px;  /*larghezza di ogni voce del menu, modificabile*/
margin: 0;  /* azzera i margini, non modificabile */
padding: 0;
border-bottom: 0px solid #DDDDDD;

text-align: left;
float:left;
}
div#menuvert a { /* definisce gli stili per i link */
display: block;
padding: 5px 5px 5px 20px;
text-decoration: none;
color:#ffffff;
background: transparent url('http://www.tecmark.it/images/freccia.gif') left no-repeat;
}
div#menuvert a:hover { /* definisce gli stili per i link al passaggio del mouse */
text-decoration: none;
background: transparent url('http://www.tecmark.it/images/freccia_h.gif') left no-repeat;
background-color: #F77519;
color: #222222;
}
div#menuvert li ul {display: none;}

div#menuvert li:hover ul {  /* regola che definisce il modo di presentarsi dei sottomenu al passaggio del mouse */
display: block;  /* fa apparire il sottomenu al passaggio del mouse */
position: absolute;
z-index:1;     /* fa apparire il sottomenu in primo piano, non cambiare impostazione */
width:150px;    /* larghezza del sottomenu, impostabile a piacere */
padding: 4px 0 4px 0;
margin-top: -0px;  /*posizione in verticale del sottomenu rispetto alla barra del menu*/
margin-bottom:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
margin-left: 18px;  /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
margin-right:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
border-left: 6px solid #F77519; /* imposta il bordo del sottomenu, impostabile a piacere */
background-color: #222222; /* colore dello sfondo del sottomenu */
}
div#menuvert li li {border: none; width: 150px; background: none;} /* regole che definiscono i link dei sottomenu */
div#menuvert li li a {padding: 2px 2px 2px 5px; background: none; color: #ffffff;}
div#menuvert li li a:hover {background: none; background-color: #F77519; color:#222222; }

.menuSeparator{
height:2px;background-color:#F77519;width:150px;
}