/**** CSS Document ****/

/* boton principal */
ul#menu { width: 160px; list-style-type: none; margin: 0px; padding: 0px; }
ul#menu li { width:160px; font-family: verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold;  background:url(/prontus_cordillera/imag/boto/boto_of.gif) no-repeat top left; margin:5px 0px 0px 15px; padding:8px 0px 8px 0px; }
ul#menu li a { width:160px; font-family: verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold; margin:10px 0px 0px 0px; padding:8px 0px 7px 8px; }
ul#menu li a:hover { color: #003366; }

/* boton principal con link fijo */
ul#menu .links { display:block; width:160px; font-family: verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold;  background:url(http://192.168.3.229/prontus_cordillera/imag/boto/boto_of.gif) no-repeat top left; margin:5px 0px 0px 0px; padding:8px 0px 8px 0px; }
ul#menu .links a { display:block; width:160px; font-family: verdana, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold; margin:10px 0px 0px 0px; padding:8px 0px 7px 8px; }
ul#menu .links a:hover {color: #003366;}

/* layer */
ul#menu ol { display: none; text-align: left; list-style-type: none; }
ul#menu .box { width:160px; background-color:#009CB6; background:url(/prontus_cordillera/imag/boto/fondo_boto.gif) no-repeat bottom left; margin:2px 0px 0px 0px; padding:0px 0px 5px 0px; }
ul#menu .box li { display:block; text-align:left; background-color:#009CB6; background-image:url(/prontus_cordillera/imag/boto/bpx.gif); margin: 0px 0px 0px 0px;padding: 0px 0px 3px 0px; }
ul#menu .box li a { width:155px; font-family: verdana, sans-serif; font-size: 10px; color: #FFFFFF; font-weight:normal; }
ul#menu .box li a:hover { color: #003366; }

ul#menu a { text-decoration: none; }

ul#menu a.active { color: #FFFFFF; }

.foto160 { margin:10px 0px 0px 15px; padding:0px; }