/* ami [2007/01/08]: Embedding a pure css menu in the main navigation, 
ie gets an extra treatment - see menu.ie.css */


/* common styles for all browsers */
.menu {
    background-color: #FFFFFF;
    height:1.5em;
    line-height:1.5em;
    color: #0099CC;
    position:relative; 
    padding: 0 0 0 0;
    z-index:100;
}

.menu ul li a, .menu ul li a:visited {
    display:block; 
    text-decoration: none; 
    color: #2f5d89;
    border: none;
    border-right: 1px solid #FFF;
    padding: 0 10px 0 0.5em;
    vertical-align:middle;
    font-size: 100%;
    overflow:hidden;
    font-weight:bold;
	background-image: url(../images/flecha_menu.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
}
.menu ul {
    padding:0; 
    margin:0;
    list-style-type: none; 
}
.menu ul li {
    float:left; 
    position:relative;
}
.menu ul li ul {
    display: none; 
}
.menu ul#mainnavigation {
    display:block;
    border-left: 1px solid #FFF !important;
    height:1.5em;
}

/* specific to non IE browsers */
.menu ul li:hover a, .menu a.active {
    color:#006699; 
    background-color:#dee5ec;
}
.menu ul li:hover ul {
    display:block; 
    position:absolute; 
    top:1.4em; left:0; 
    width:14em;
    
}
.menu ul li:hover ul li a {
    width:12em;
    font-weight:normal;
    padding: 0.1em 0.5em 0.1em 1.6em;
    border-bottom:1px solid #FFFFFF;
    display: block; 
    color: #2F5D89; 
    background: #DEE5EC;    
    
}
.menu ul li:hover ul li a:hover {
    background-color: #FFFFCC;
}