/* CSS Document */


/* la etiqueta UL */




#mimenu {

  /* definimos la fuente de los textos */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  /* le damos altura y centramos el texto */
  height: 50.5px;
 line-height: 50.5px;
 text-align: center;

  
  /* reseteamos cualquier dato que tenga por defecto */
  list-style-type: none;
  padding: 2px;/* para moxila */
  
  /padding: 4px;/* para IE */ 
  /* le damos un ancho para centrarla */
  margin: 0 auto;
  width:960px;/* para Firefox */ 
  height:55px;
  / width:960px;/* para IE */ 
 
}



/* cada item está en una etiqueta LI */
#mimenu li {
  /* las colocamos una al lado de la otra */
  display: block;
  float: left;
  position: relative;
  /* las separamos entre si */
  margin: 0 3px;
  /margin: 0 3px;/*para internet explorer*/
  /* si queremos, las dimensionamos para que sean todas iguales */
  width: 113.5px;/*para moxila*/
  /width: 111px;/*para internet explorer*/
  /* les damos cualquier característica gráfica */
  *background-color: #CC3333;
  background-color: #CC3333;
  padding: 0 20px;
  /padding: 0 21px;/*para internet explorer*/
  text-align: center;
  
}

/* cuando coloquemos el cursor encima, cambiará el color de fondo */
#mimenu li:hover {
  background-color: #FF9900;
  /* le ponemos un border falso para evitar un bug de IE7 */
  border: 0px solid red;
text-shadow: 0px 0px 8px #0FF,  0px 0px 10px #0F0;
_text-shadow: 0px 0px 8px #0FF,  0px 0px 10px #0F0;

   font-variant: small-caps;
   border: 1px dashed  #CC6633;
  
}



/* lo que hay en esa lista son enlaces */

#mimenu li a {
  display: block;
  text-decoration: none;
  /* les damos las caracterísiticas gráficas que se nos ocurra */
  color: #FFFFFF;
  font-family: Georgia;
  font-size: 18px;
}

/* cuando coloquemos el cursor encima, cambiará el color del texto */
#mimenu li:hover a { color: #FFFFFF; }