/* CSS menu sin javascript */

ul#menu li { 
background-image:url(Images/dazul3.gif);
float:left;
display: inline; /* Esta opción hace la lista horizontal */
position: relative;
}
/* menu segundo nivel que solo se ve al desplegarse */
ul#menu ul {
display: none; /* desactiva la presentación del elemento. No se ve */
position: absolute;
top: 24;
left:0;

    }

ul#menu ul li {
display: block; /* Presenta el elemento como un bloque compacto e individual */
}

ul#menu li:hover ul,
ul#menu li.iehover ul {
display: none; /* desactiva la presentación del elemento. No se ve */
}

ul#menu li:hover ul,
ul#menu li.iehover ul{
display: block;
}
/* fin menu segundo nivel */

/* inicio diseño */	    
#menu {
width:650px; /*anchura del menu */
margin:0 auto;
margin-top:75px;
margin-left:0px;
}
/* caracteristicas de cada elemento de la lista-menu */
#menu li {
margin:0 1px;
width:100px;
min-height:50px;
text-align:center;
background:#fff;
list-style:none;
padding:10px;
}
/* Diseño de los enlaces */ 
#menu li a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000066;
text-decoration:none;

}
#menu li a:hover {
background:;
color:#FF9900;
}

/* Diseño de los enlaces de segundo nivel*/ 
#menu li ul li{
float:none;
width:120px;
margin:1px;
background-color:#FFFFFF;
}
#menu li ul li a {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:block;
height:18px;
color:#000066;
text-decoration:none;
}
#menu li ul li a:hover {
display:block;
height:18px;
background-color:#FF9900;
color:#fff;
text-decoration:none;
}
#menu li ul{
margin-top:-80px;
}
/* Diseño de los verticales izquierda*/ 
ul.dos{
list-style:none;
margin-top:20px;
width:92px;
min-height:35px; 
padding:1px;
margin-left:5px;


}
ul.dos a{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000066;
text-decoration:none;
}
ul.dos a:hover{
height:20px;
color:#ff9900;
text-decoration:none;
}
ul.dos li{
float:right;
height:30px;
display:block;

 
}