/* CSS Document */

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 /*font-weight: bolder;*/
 vertical-align: middle;
 text-align:center;

}
#menunav {
 margin: 0;
 padding: 0;
 /*text-indent: 1em; /*sangria del texto*/
 vertical-align: middle;

 }

#menunav li {
 list-style-type: none;
 padding: 0;
 background-repeat: repeat-x; 
 /*border-bottom: 1px solid #999999;*/
 background: url(../img/menu2.jpg) ;
 height: 27px;
}

#menunav_1 li {
 list-style-type: none;
 padding: 0;
 background-repeat: repeat-x; 
/* border-bottom: 1px solid #999999;*/
 background: url(../img/menu2.jpg) ;
}

#menunav ul {
/* border-top: 1px solid #999999*/ /* #eeeeee*/;
 margin: 0;
 padding: 0;
 z-index: 10000;
}
#menunav ul li {
/* border-left: 1px solid  #999999;*/
 /*border-bottom: 1px solid  #999999;*/
}
#menunav li a {
 height: 19px;
 display:  block;
 text-decoration: none;
 background-color: transparent;
 padding: 4px 10px 4px 10px;
 color: #333333;
 /*border-top: 1px solid #666666;*/
 /*border-right: 1px solid #666666;*/
 border-bottom: 0;
/* border-left: 1px solid #666666;*/
 line-height:2; /*distancia entre el borde superior*/
 
}
/*controla la botonera */
#menunav a:hover, #menunav a:active, #menunav a:focus,
#menunav .menuon, #menunav .menuon:hover,
#menunav .menuon:active {
 color:  #333333;
 background-color: #999999 /*#666666*/;
 /*letter-spacing: 0.01px;*/
 /*border-top: 1px solid #999999*/ /*#666666*/;
 /*border-right: 1px solid #999999*/ /*#666666*/;
/* border-left: 1px solid #999999*/ /*#666666*/;
 background: url(../img/menu2.jpg) 0 -27px;
}

#menunav_1 a:hover, #menunav_1 a:active, #menunav_1 a:focus,
#menunav_1 .menuon, #menunav_1 .menuon:hover,
#menunav_1 .menuon:active {
 color:  #333333;
 background-color: #999999 /*#666666*/;
 /*letter-spacing: 0.01px;*/
/*border-top: 1px solid #999999 *//*#666666*/;
/*border-right: 1px solid #999999*/ /*#666666*/;
/*border-left: 1px solid #999999 *//*#666666*/;
 background: url(../img/menu2.jpg) 0 -54px;
}




#menunav .menumark, #menunav .menumark:hover {
 /*font-weight: bold;*/
}
/*Controlan los links y la imagen de flecha */
/*the normal trigger link */


/*#menunav .menutrg, #menunav .menutrg:hover, #menunav .menutrg:active {
 background-image:  url(img/flecha.gif);
 background-repeat: no-repeat;
 background-position: right cfenter;*/
}
#menunav .menutrg:hover {
 background-position: right center;
  background: url(../img/menu2.jpg);
}
.menutrg li {
    height:27px;
}
/*controla el desplazamiento y alcance de los submenus */
#menunav .menuhide {
 left: -9000px;
 border: 0;
 margin-top: -27px;
 
}
#menunav .menushow {
 left: auto;
 z-index: 20000;
 width: 17em; /*ancho del boton del sub menu*/
}
/*modifica el menu madre */
#sidebar {
 width: 18em; /*ancho del boton del menu ppal*/
 font-size: 0.85em; 
 
}