html
{
  overflow-y: scroll;
  font-family: Arial;
}

/* ----MENU---- */

#menu 
{
  width: 128px;

  margin: 8px 16px;
  padding: 0px;
}

#menu a
{
  color: #ffffff;
  text-decoration: none;

  display: block;
  width: 100%;
}

#menu a:visited
{
  color: #bfbfbf;
}

#menu a:hover
{
  color: #000000;
}

#menu ul
{
  margin: 0px;
  padding: 0px;

  list-style: none;
}

#menu ul li
{
  margin: 0px;
  padding: 8px 0px;
  font-size: 16px;
}

#menu ul ul
{
  margin: 0px;
  padding: 0px 0px 0px 8px;

  display: none;
}

#menu ul ul li
{
  margin: 0px;
  padding: 4px 0px;
  font-size: 12px;
}


/* EXPAND MENUS */
body.exp-cap #menu-cap,
body.exp-sea #menu-sea
{
  display: list-item;
}


/* TINT CURRENT PAGE */
#home #nav-home,
#about #nav-about,
#capabilities #nav-capabilities,
  #cap-sye #nav-cap-sye,
  #cap-spe #nav-cap-spe,
  #cap-sue #nav-cap-sue,
  #cap-suo #nav-cap-suo,
  #cap-apm #nav-cap-apm,
  #cap-ils #nav-cap-ils,
#services #nav-services,
#products #nav-products,
#seaporte #nav-seaporte,
  #sea-fun #nav-sea-fun,
  #sea-toa #nav-sea-toa,
  #sea-tem #nav-sea-tem,
  #sea-qua #nav-sea-qua,
#contact #nav-contact
{
  color: #ffff00;
}




/* ----MAIN---- */

#main
{
  font-size: 12px;
  margin: 8px 16px;
  padding: 0px;
  text-align: justify;
}

#main h1
{
  font-size: 20px;
  margin: 0;
  padding: 8px 0px 0px 0px;
}

#main h2
{
  font-size: 16px;
  margin: 0;
  padding: 8px 0px 0px 0px;
}

#main h3
{
  font-size: 14px;
  margin: 0;
  padding: 8px 0px 0px 0px;
}