.FondoClaro  { background-color: #FFDDFF }
.FondoOscuro { background-color: #800040 }

.EnlaceClaro { font-family: Arial; color: #99CC00 }
.EnlaceOscuro { font-family: Arial; color: #006600 }

.TextoNormal { font-family:"Trebuchet MS"; mso-bidi-font-family:Arial; color:#333399; font-size: 16 }
.TextoOscuro { font-family:"Trebuchet MS"; mso-bidi-font-family:Arial; color: #800040 font-size: 16 }
.TextoClaro { font-family: Arial; color: #FFFFFF; font-size: 20 }
.TextoTitulo { font-family: Arial; color: #333399; font-size: 28 }
.TextoTituloSec { font-family:"Trebuchet MS"; mso-bidi-font-family:Arial; color: #FFFFFF; font-size: 24 }
.TituloVideo { font-family:"Trebuchet MS"; mso-bidi-font-family:Arial; color: #333399; font-size: 12 }

div#menu{float:right;margin-right:5px; margin-top:30px; width: 680px;height: 40px;padding:10px;background: transparent;}
div#content{padding-left:5px;padding-top:5px;width:940px;background: #000000 }
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 100px;width:650px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 8em;padding: 6px 0;text-decoration:none;color: #222}
ul#nav a:hover{color: #000}
ul#nav li.activelink a{background: #FFF}
ul#nav li.activelink a,ul#nav a:hover{color: #000;font-weight:bold}
li#home a{background: #FF749C}
li#who a{background: #DF3694}
li#prod a{background: #4D80FF}
li#serv a{background: #80FF4D}
li#cont a{background: #FFCB4D}


body {
background: #215867;
}

div#Titulo { 
width: 90%;
padding: 5px;
margin:0 auto;
background-color: #800040;
font-family: Arial;
color: #FFFFFF;
font-size: 24;
}

div#Seccion { 
align: justify;
width: 90%;
padding: 5px;
margin:0 auto;
background-color: #FFDDFF;
font-family: "Trebuchet MS";
mso-bidi-font-family:Arial;
color: #800040
font-size: 14;
}


div.menu ul {
  margin: 0em;
  padding: 0em;
  line-height: 1.50em;
  }
div.menu li {
  float: left;
  padding-right: 10px;
  list-style-type: none;
  height: 1.50em;
  width: 13.50em;
  margin-bottom: 10px;
  text-align: center;
  font-family: "Arial Rounded MT Bold", Verdana, Tahoma, Sans-Serif, Serif, "Courier New", Arial;
  font-size: 1.00em;
  letter-spacing: 0.10em;
  color: #8FB7CF;
  background-color: transparent;
  }
div.menu li a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  }
div.menu li a:link {
  background-color: #008080;
  color: #FF8000;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.10em;
  border-width: 3px 0px 6px 0px;
  border-color: #C0C0C0 #000000 #C0C0C0 #000000;
  border-style: solid none solid none;
  }
div.menu li a:visited {
  background-color: #008080;
  color: #FF8000;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.10em;
  border-width: 3px 0px 6px 0px;
  border-color: #C0C0C0 #000000 #C0C0C0 #000000;
  border-style: solid none solid none;
  }
div.menu li a:hover {
  background-color: #8FB7CF;
  color: #008080;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.10em;
  border-width: 3px 0px 6px 0px;
  border-color: #FF8000 #000000 #FF8000 #000000;
  border-style: solid none solid none;
  } /* end menu */