source: themes/cta/inc/inc-menusector.html @ 7

<style type="text/css">
ul#navsecciones , ul#nav1 
{ 
color: #036; 
font-size: 12px; 
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
font-weight: bold; 
list-style-type: none; 
list-style-position: outside; 
margin: 0; 
padding: 0; 
width: 120px; 
border-top: medium none; 
border-bottom: 1px solid #036;
margin-left:0px 
}
#nav1 a  {color:brown}
ul#navsecciones  li 
{
position: relative;
}
li ul#navsecciones    
{
display: none; 
position: absolute; 
top: 0; 
right:120px
}
/* Fix IE. Hide from IE Mac \*/
* html ul#navsecciones li  { height: 1%; float: right }
* html ul#navsecciones li a { height: 1%; }
* html li:hover ul#navsecciones, li.over ul#navsecciones       { background-color: #f5deb3; display: block }
* html #navsecciones .current
{
background-color: #f5deb3
}
/* End */
ul#navsecciones li a:hover       
{ 
color: #036; 
background-color: #87cefa 
} /* Hover Styles */

li ul#navsecciones li a     
{ 
padding: 5px 
} /* Sub Menu Styles */

ul#navsecciones li a         
{ 
color: #036; 
font-size: 11px; 
text-decoration: none; 
background-color: #add8e6; 
display: block; 
padding: 5px; 
border-style: solid solid none; 
border-width: 1px 1px 0; 
border-color: #036 
}

li:hover ul#navsecciones, li.over ul#navsecciones      
{ 
background-color: #f5deb3; 
display: block 
}

#navsecciones .current
{
background-color: #f5deb3
}

#columnaderecha
{
width:120px;
float:right;
padding:0px;
margin:0px;
overflow:visible;
}


</style>
<div id="menusectores"> 

<script type="text/javascript">
// JavaScript Document

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("navsecciones");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

</script>
        <!-- main menu -->
        <BOUCLE_secciones_ocultas(RUBRIQUES){id_secteur}{titre_mot=Ocultar}{doublons}>
        </BOUCLE_secciones_ocultas>
        <BOUCLE_secteurs(RUBRIQUES){id_secteur}{par num titre}>
        
                <B_rubriques>
                <ul id="navsecciones">
                        <BOUCLE_rubriques(RUBRIQUES){id_parent}{par num titre}{doublons}>               
                        <li>[(#EXPOSER|<strong>,)]<a href="[(#URL_RUBRIQUE)]" [(#EXPOSER| class='current',)]>[(#TITRE|supprimer_numero)]</a>[(#EXPOSER|</strong>,)]
                        <BOUCLE_SsRubriques(BOUCLE_rubriques)></BOUCLE_SsRubriques></li>
                </BOUCLE_rubriques>
                </ul>
  </B_rubriques>
                </BOUCLE_secteurs>
</div>