#menu0, #menu1, #menu2 {

width: 120px;

position: absolute;

top: 36px;

left: -9000px;

z-index: 2;

}

.ie #menu1{top: 35px;}

.opera #menu1{top: 28px;}

#menu1 {

top: 33px;

}

.estiloMenu {

z-index:3;

}

.ie6 .estiloMenu li {margin-bottom:-3px;}

.mac.ie5 .estiloMenu li {margin-bottom:0px;}

.estiloMenu li {

list-style-type: none;

border-bottom:1px solid #000000;

width:120px;

background-color:#666666;

min-height:17px;

}

.estiloMenu ul {

margin: 0;

padding: 0;

z-index: 10000;

background-color:#666666;

border-top:none;

}

.estiloMenu a {

font:normal 10px Verdana,Arial, Helvetica, sans-serif;

display: block;

text-decoration: none;

color: #ffffff;

padding:3px;

}

 

/*controla la botonera */

.estiloMenu a:hover, .estiloMenu a:active, .estiloMenu a:focus, .estiloMenu .menuon, .estiloMenu .menuon:hover, .estiloMenu .menuon:active {

color: #ffffff;

display: block;

background-color: #ff0000;

}

.estiloMenu li ul { border-left:1px solid #000000; } 

/* menus secundarios sin hijos pueden tener otro BG*/

/* Este es el estilo que hay q modificar para que los menus hijos ocupen todo el campo del ul*/

.ie .estiloMenu li ul li , .estiloMenu li ul li  { top:-1px; margin-bottom:0px; border-bottom:1px solid #000000; }

.estiloMenu li ul li a:link, .estiloMenu li ul li a:visited {
margin-bottom:0px;
padding: 3px;
}

/* Este es el estilo que hay q modificar para que los menus hijos ocupen todo el campo del ul*/

.estiloMenu li ul li a:hover, .estiloMenu li ul li a:active {
background-color:#ff0000;
color:#FFFFFF;
padding: 3px;
}

/*Menus secundarios con hijos al dejar de estar hover pero ser activos - el js los cambia, el triger por menuon- tienen BG diferente*/
.estiloMenu li ul li .menuon, .estiloMenu li ul li .menuon:hover,
.estiloMenu li ul li .menuon:active {
color:#FFFFFF;
}

 

/*Controlan los links y la imagen de flecha (menus secundarios CON hijos)*/

/*the normal trigger link */

.estiloMenu .abrirFamilias, .estiloMenu .abrirFamilias:hover, .estiloMenu .abrirFamilias:active {

padding: 3px;

}

.estiloMenu .abrirFamilias:hover {
background-image: url(/Plantillas/imagenes/flechaOver.jpg);
background-repeat: no-repeat;
background-position: 110px center;
background-color:#ff0000;
padding: 3px;

}

/*.ie .estiloMenu ul li.titulo {margin-bottom:-2px;}*/

.mac.ie5 .estiloMenu ul li.titulo{margin-bottom:0px; top:0px;}

.estiloMenu ul li.titulo {
border-bottom:1px solid #ff0000;
border-top:1px solid #ff0000;
}

.estiloMenu ul li.titulo p {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
margin:3px;

}

.estiloMenu ul li.red {
border-bottom:1px solid #000000;
border-top:1px solid #ff0000;
}

.estiloMenu ul li.texto {
border-bottom:1px solid #000000;
margin-bottom:-1px;
height:19px;

}

ul.makeMenu li {
position: relative;
}

.ie7 ul.makeMenu li > ul { top: 0px;}

ul.makeMenu li > ul {     
display: none;
position: absolute;
top: 1px;
left: 120px;

}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
background-color: #ff0000;
background-image: url(/Plantillas/imagenes/flechaOver.jpg);
background-repeat: no-repeat;
background-position: 110px center;
}

ul.makeMenu li:hover > ul {

display: block;
width: 120;

} 

.ie ul.makeMenu ul.CSStoShow {     
  display: block;             
  margin-left:2px;
  margin-top:-2px;
  top:-1px;
}