.menu { margin-left: 5%;
    padding-left: .5%;
    /*float: left;*/
    width: 90%;
    list-style-type: none;
    text-align: center;
	margin-top:0%;
    }

  .menu ul { list-style-type: none;
    }/*nuevpo*/
	
  .menu li { margin-bottom: 5px;
    }

  .menu a { border: 3px outset white;
    width: 90%;
    display: block;
    text-align: center;
    text-decoration: none;
    color: white;
    padding-top: 5px;
	padding-bottom: 5px;
/*    margin-left: 25px;*/
/*	background-color:  rgb(255,240,240);*/
	background-color:  navy;
	font-weight: bold;
    }

  .menu a:visited { color: navy;
    text-decoration: none;
    }

  .menu a:hover { 
    border: 3px inset white;
	background-color: rgb(0,0,100);
    text-decoration: none;
	font-weight:bold;
	
	left: 1px;
	position: relative;
	top: 1px;
	
    }

/*  .menu a:active { background-color: gray;
    color: rgb(255, 255, 255);
    }*/

  .menu em { border: 3px solid white;
    width: 90%;
/*    height: 20px;*/
    display: block;
    text-align: center;
    color: white;
    background-color: rgb(0,0,100);
    font-style: normal;
    padding-top: 5px;
	padding-bottom: 5px;
    text-decoration: none;
/*    margin-left: 25px;*/
	font-weight:bold;
    }

  .menu .subindice { margin-left: 41px;
    width: 80px;
    }

  .subindice a { border: 2px solid black;
    width: 80px;
    }

  .subindice em {border: 2px solid black;
    width: 80px;}
	
	/*arregla problema de :hover en IE*/
#menu .menu a:hover{color:white;}
#menu a {color:white;}