#flyout {float:left; padding:0; margin:0px 0 0 0; list-style:none; position:relative; width:180px;}
#flyout ul {padding:0; margin:0; list-style:none; width:180px; height:auto; background: #F7C548; position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin:1px 0px 1px 0px;}
#flyout li a {display:block; float:left; width:180px; height:34px; background:#888; color:#000; line-height:34px;}
#flyout li a.Firma{  background:#aaa url(../img/MenuLateral/firma.gif)  no-repeat left;height:125px;  line-height:125px;}

/*#flyout li a.fly {background:#888 url(right-arrow.gif) no-repeat right center;}*/

#flyout li:hover {position:relative;}
/*#flyout li a:hover {position:relative; background-color:#e60; color:#fff;}
#flyout li:hover > a {background-color:#d11e6e; color:#fff;}*/

#flyout ul li a {background:#e05e22;color:white;text-decoration: none;}
/*#flyout ul li a.fly {background:#d11e6e url(right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#ccc;}
#flyout ul ul li a.fly {background:#ccc url(right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#ddd;}*/



#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul 
{left:180px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul 
{left:-9999px;}

#flyout ul li:hover > a {background-color:#d11e6e; color:#fff;text-decoration: none}

/* Iconos menú normal */
#flyout li a.Equip{  background:#aaa url(../img/MenuLateral/lateral1a.gif) no-repeat left;}
#flyout li:hover a.Equip{  background:#aaa url(../img/MenuLateral/lateral1b.gif) no-repeat left;}

#flyout li a.Serveis{  background:#aaa url(../img/MenuLateral/lateral2a.gif) no-repeat left;}
#flyout li:hover a.Serveis{  background:#aaa url(../img/MenuLateral/lateral2b.gif) no-repeat left;}

#flyout li a.Aules{  background:#aaa url(../img/MenuLateral/lateral3a.gif) no-repeat left;}
#flyout li:hover a.Aules{  background:#aaa url(../img/MenuLateral/lateral3b.gif) no-repeat left;}

#flyout li a.Projectes{  background:#aaa url(../img/MenuLateral/lateral4a.gif) no-repeat left;}
#flyout li:hover a.Projectes{  background:#aaa url(../img/MenuLateral/lateral4b.gif) no-repeat left;}

#flyout li a.ConsellEscolar{  background:#aaa url(../img/MenuLateral/lateral5a.gif) no-repeat left;}
#flyout li:hover a.ConsellEscolar{  background:#aaa url(../img/MenuLateral/lateral5b.gif) no-repeat left;}

#flyout li a.Documents{  background:#aaa url(../img/MenuLateral/lateral6a.gif) no-repeat left;}
#flyout li:hover a.Documents{  background:#aaa url(../img/MenuLateral/lateral6b.gif) no-repeat left;}

#flyout li a.AMPA{  background:#aaa url(../img/MenuLateral/lateral7a.gif) no-repeat left;}
#flyout li:hover a.AMPA{  background:#aaa url(../img/MenuLateral/lateral7b.gif) no-repeat left;}

#flyout li a.Contacte{  background:#aaa url(../img/MenuLateral/lateral8a.gif) no-repeat left;}
#flyout li:hover a.Contacte{  background:#aaa url(../img/MenuLateral/lateral8b.gif) no-repeat left;}

#flyout li a.enllasos{  background:#aaa url(../img/MenuLateral/lateral9a.gif) no-repeat left;}
#flyout li:hover a.enllasos{  background:#aaa url(../img/MenuLateral/lateral9b.gif) no-repeat left;}

#flyout li a.Blocs{  background:#aaa url(../img/MenuLateral/lateral10a.gif) no-repeat left;}
#flyout li:hover a.Blocs{  background:#aaa url(../img/MenuLateral/lateral10b.gif) no-repeat left;}

#flyout li a.Espais{  background:#aaa url(../img/MenuLateral/lateral11a.gif) no-repeat left;}
#flyout li:hover a.Espais{  background:#aaa url(../img/MenuLateral/lateral11b.gif) no-repeat left;}

/*Menú flotante*/
#flyout ul li a.activitats2{  background:#aaa url(../activitats.gif) no-repeat right center;}
#flyout ul li:hover > a.activitats2{  background:#aaa url(../activitats2.gif) no-repeat right center;}