/***********************************/
/*    Basic code - don't modify    */
/***********************************/

#navFlags
{
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

#navFlags li
{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
}

#navFlags a
{
  display: block;
}

#navFlags ul
{
  display: none;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
}

* html #navFlags ul
{
  line-height: 0; /* IE6 "fix" */
}

#navFlags ul a
{
  zoom: 1; /* IE6/7 fix */
}

#navFlags ul li
{
  float: none;
}

#navFlags ul ul
{
  top: 0;
}

/***********************************/
/*   Essentials - configure this   */
/***********************************/

#navFlags ul
{
}

#navFlags ul ul
{
  left: 131px;
}

/***********************************/
/*    Everything else is theming   */
/***********************************/

div#containerFlags
{
  position: absolute;
  background-repeat: no-repeat;
  background-position: right center;
}

#navFlags *:hover
{
  background-color: none;
}

#navFlags a
{
  padding: 6px;
  padding-right: 18px;
  line-height: 1;
  background-image: url('/images/flecheFlags.gif');
  background-repeat: no-repeat;
  background-position: 28px center;
}

#navFlags ul
{
  border: 1px solid;
  border-bottom: 0;
  top: 23px;
}

#navFlags ul li a
{
  background-image: none;
  border: 0;
  border-bottom: 1px solid;
  width: 70px;
  padding-right: 3px;
}

#navFlags ul a
{
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#navFlags a:link,
#navFlags a:visited,
#navFlags a:hover
{
  text-decoration: none;
}

/***********************************/
/*   I also needed this for IE6/7  */
/***********************************/

/*
#navFlags ul a
{
  border-bottom: none;
}
*/