body {
  color: black;
  background-color: white;
  z-index: 0;
  width: 960px; 
  text-align: center;
  font-family: century gothic, Helvetica, sans-serif;
  font-size: 10pt;
  margin-left: auto;
  margin-right: auto;
}

h1#hidden { display: none }
h3.title {
  margin-top: 2em;
  margin-bottom: 1em;
}

div#header {
  margin: 0 0;
  padding: 0 0;
  width: 960px;
  height: 86px;
  background-image: url(/img/banner-unam-cie-960.png);
  /*background-position: top left;*/
  /*background-repeat: no-repeat;*/
  /*background-color: #516099;*/
  color: white;
}


div#main {
  margin: 0 0;
  padding: 0 0;
  background-image: url(/img/bg-960-00.png);
  background-position: 0 0;
  background-repeat: repeat-y;
}



div#izquierda {
  width: 158px;
  float: left;
  background-color: #dddfbf;
  /*color: #a52a2a; */
  padding: 4px 4px;
  margin: 0px 0px;
/* BG IMG 
  background-image: url(/imagenes/image3.jpg);
  background-position: top left;
  background-repeat: repeat;
*/
}

div#derecha {
  width: 158px;
  float: right;
  border: 4px solid #516099;
  margin: 0px 0px;
  padding: 0px 0px;
  background-color: #191970;
  color: white;
/* BG 
  background-image: url(/img/f_blue.jpg);
  background-position: top left;
  background-repeat: repeat;
*/
}

div#centro {
  margin-left: 166px;
  margin-right: 166px;
/*  border-top: 4px solid #ffd700; //gold */
}

div#body {
  text-align: justify;
  margin: 4px 4px;
  padding: 4px 4px;
}

#body a { color: black; background-color: white; }
#body a:link { color: #00008b; background-color: white; }
#body a:visited { color: #8b0000; background-color: white; }
#body a:hover { color: #000; background-color: #ccc; }
/* #body a:active { color: #fff; background-color: #000; } */

h1#title {
  font-family: "Tw cen Mt ", Avantgarde, sans-serif;
  font-size: 18pt;
  font-weight: bold;
  text-align: center;
  background-color: #00366c;
  color: white;
  margin: 0 0;
  padding: 0 0;
}

div#address {
  text-align: center;
  background-color: #ebeef5;
  color: #777;
  margin: 0 0;
  padding: 0 0;
/* BG IMG
  background-image: url(/img/banner.jpg);
  background-position: top left;
  background-repeat: no-repeat;
*/
}

address {
  font-style: normal;
  font-size: 8pt;
  padding: 0.5em;
  font-family: "century Gothic ", Avantgarde, sans-serif;
}

/********
  MENUS
 ********/

#izquierda div.menu {
  font-family: Tw cen Mt,Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #edeedf;
  color: #516099;
}

#derecha div.menu {
  font-family: Tw cen Mt,Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #191970;
  color: white;
  margin-bottom: 2em;
}

h3.menutitle {
  margin: 0 0;
  font-size: 10pt;
  font-weight: bold;
  background-color: #00366c;
  color: white;
}

ul.menu, ul.parent, ul.item, ul.child {
  text-align: left;
  margin: 0 0;
  padding: 0 0;
  list-style-position: outside;
}

li.parent {
  list-style-type: square;
  margin-left: 1.5em;
}

li.child {
  list-style-type: circle;
  margin-left: 1.5em;
}

li.item {
  list-style-type: disc;
  margin-left: 1.5em;
}

#izquierda ul a {
  display: block;
  text-decoration: none;
  color: black;#a52a2a; /* brown */
  background-color:  #edeedf;
}

#derecha ul a {
  display: block;
  text-decoration: none;
  color: white;
  background-color: #191970;
}

}