.jqueryslidemenu{ font: normal 10px Verdana,Arial, Helvetica, sans-serif; background: transparent url('../../home/images/botonera_principal.png') repeat-x; width: 100%; } .jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; } /*Top level list items*/ .jqueryslidemenu ul li{ position: relative; display: inline; float: left; z-index:5000; } /*Top level menu link items style*/ .jqueryslidemenu ul li a{ display: block; background: transparent url('../../home/images/botonera_principal.png') repeat-x; /*background of tabs (default state)*/ padding: 12.5px 10px; border-right: 1px solid #CCCCCC; color: #666666; text-decoration: none; z-index:5000; } * html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; z-index:5000; } .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #666666; z-index:5000; } .jqueryslidemenu ul li a:hover{ background: #CCC; /*tab link background during hover state*/ color: #333; z-index:5000; } /*1st sub level menu*/ .jqueryslidemenu ul li ul{ position: absolute; left: 0; display: block; visibility: hidden; } /*Sub level menu list items (undo style from Top level List Items)*/ .jqueryslidemenu ul li ul li{ display: list-item; float: none; z-index:5000; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .jqueryslidemenu ul li ul li ul{ top: 0px; } /* Sub level menu links style */ .jqueryslidemenu ul li ul li a{ font: normal 11px Verdana; width: 230px; /*width of sub menus*/ margin: -1px; margin-left:3px; border-bottom:1px solid #ccc; border-width:0px 0px 1px 0px; background: #F3F3F3; position:relative; top:0px; left: 0px; z-index:5000; } .jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/ background: #CCC; color: #333; top:0px; border-left:0px solid #000; border-top:1px solid #CCC; border-right:0px solid #000; border-bottom:0px solid #000; border-width:0px 0px 1px 0px; width: 230px; font: normal 11px Verdana; z-index:5000; } /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /*BOTONERA LATERAL UNO*/ .botonera_lateral_uno { font: normal 10px Verdana, Arial, Helvetica, sans-serif; } .botonera_lateral_uno ul, li { list-style-type: none; } .botonera_lateral_uno ul { margin: 0; padding: 0; } .botonera_lateral_uno li { display:block; } .botonera_lateral_uno a { text-decoration: none; color: #666666; display: block; text-align: right; border: 0px solid #CCC; border-width: 0px 0px 1px 0px; line-height:2px; background:transparent url('../../home/images/background_botonera.png') no-repeat 94% center; padding:10px 25px 10px 0px; z-index:5000; } .botonera_lateral_uno b { text-decoration: none; color: #666666; display: block; text-align: right; border: 0px solid #CCC; border-width: 0px 0px 1px 0px; line-height:2px; background:transparent url('../../home/images/background_botonera.png') no-repeat 94% center; padding:10px 25px 10px 0px; z-index:5000; } .botonera_lateral_uno a#primero { border-top: 1px solid #CCC; } .botonera_lateral_uno a:hover { background-color: #CCC; color: #333 } /*BOTONERA LATERAL DOS*/ .botonera_lateral_dos { font: normal 14px Verdana,Arial, Helvetica, sans-serif; font-weight:bold; } .botonera_lateral_dos ul, li { list-style-type: none; } .botonera_lateral_dos ul { margin: 0; padding: 0; } .botonera_lateral_dos li { display:block; } .botonera_lateral_dos a { text-decoration: none; color: #666666; display: block; text-align: left; border: 0px solid #CCC; border-width: 0px 0px 1px 0; line-height:5px; background:transparent url('../../home/images/background_botonera.png') no-repeat 14px center; padding:10px 0px 10px 42px; } .botonera_lateral_dos a#primero { border-left: 0px solid #ACCFE8; } .botonera_lateral_dos a:hover { background-color: #CCC; color:#333 }