body {
	font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
}
h1 { font-size: 16pt; }
#header{
  position    : relative;
  text-align  : left;

}
#top-panel {
  /* background-color : #f8eec9;  color del encabezamiento */
  margin      : 0px;
  padding     : 0px;
/*  position    : relative;
  z-index     : 1500;    */
  text-align  : center;
           }

/*************** DESEMPEŅO EN EL CONTENIDO *************/
/*--- Paneles para la Tabla Resumen (COLECTIVO POR ALUMNOS)---*/
#inner_panel0,
#inner_panel1,
#inner_panel2,
#inner_panel3,
#inner_panel4,
#inner_panel5,
#inner_panel6,
#inner_panel7,
#inner_panel8 {
  position    : relative;
  top         : 0px;
  background-color: #f07e2b; /* color del panel */
  margin      : 0px;
  border      : 1px solid #93e8f7;
  text-align  : center;
              }

#outer_panel0,
#outer_panel1,
#outer_panel2,
#outer_panel3,
#outer_panel4,
#outer_panel5,
#outer_panel6,
#outer_panel7,
#outer_panel8 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

              }

/*--- Paneles para la Tabla Resumen (COLECTIVO POR TEMAS)---*/
#inner_panel_tema0,
#inner_panel_tema1,
#inner_panel_tema2,
#inner_panel_tema3,
#inner_panel_tema4,
#inner_panel_tema5,
#inner_panel_tema6,
#inner_panel_tema7,
#inner_panel_tema8 {
  position    : relative;
  top         : 0px;
  background-color: #f07e2b; /* color del panel */
  margin      : 0px;
  border      : 1px solid #93e8f7;
  text-align  : center;
              }

#outer_panel_tema0,
#outer_panel_tema1,
#outer_panel_tema2,
#outer_panel_tema3,
#outer_panel_tema4,
#outer_panel_tema5,
#outer_panel_tema6,
#outer_panel_tema7,
#outer_panel_tema8 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

              }

/*--- Paneles para las Sugerencias ---*/
#inner_panel_sug0,
#inner_panel_sug1 {
  position    : relative;
  top         : 0px;
  background-color: #377937; /* color del panel f07e2b*/
  margin      : 0px;
  border      : 1px solid #b3ffb3;
  text-align  : center;
                  }

#outer_panel_sug0,
#outer_panel_sug1{
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

                  }

/*--- Paneles para las Barras ---*/
#inner_panel_barra0 {
  position    : relative;
  top         : 0px;
  background-color: #377937; /* color del panel */
  margin      : 0px;
  border      : 1px solid #b3ffb3;
  text-align  : center;
                    }

#outer_panel_barra0 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;
                    }


/*************** DESEMPEŅO EN EL EJERCITADOR *************/
/*--- Paneles para la Tabla Resumen por Alumnos---*/
#inner_panelEj0,
#inner_panelEj1,
#inner_panelEj2,
#inner_panelEj3,
#inner_panelEj4,
#inner_panelEj5,
#inner_panelEj6 {
  position    : relative;
  top         : 0px;
  background-color: #1c8317; /* color del panel */
  margin      : 0px;
  border      : 1px solid #d7fcdd;
  text-align  : center;
              }

#outer_panelEj0,
#outer_panelEj1,
#outer_panelEj2,
#outer_panelEj3,
#outer_panelEj4,
#outer_panelEj5,
#outer_panelEj6 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

              }

/*--- Paneles para la Tabla Resumen por Temas---*/
#inner_panelEj_tema0,
#inner_panelEj_tema1,
#inner_panelEj_tema2,
#inner_panelEj_tema3,
#inner_panelEj_tema4,
#inner_panelEj_tema5,
#inner_panelEj_tema6,
#inner_panelEj_tema7 {
  position    : relative;
  top         : 0px;
  background-color: #1c8317; /* color del panel */
  margin      : 0px;
  border      : 1px solid #d7fcdd;
  text-align  : center;
              }

#outer_panelEj_tema0,
#outer_panelEj_tema1,
#outer_panelEj_tema2,
#outer_panelEj_tema3,
#outer_panelEj_tema4,
#outer_panelEj_tema5,
#outer_panelEj_tema6,
#outer_panelEj_tema7 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

              }

/*--- Paneles para las Barras (Propuestos)---*/
#inner_panel_barraProp0 {
  position    : relative;
  top         : 0px;
  background-color: #377937; /* color del panel */
  margin      : 0px;
  border      : 1px solid #b3ffb3;
  text-align  : center;
                    }

#outer_panel_barraProp0 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;
                    }

/*************** DESEMPEŅO EN EL EVALUADOR *************/
/*--- Paneles para el Reporte de Evaluacion ---*/
#inner_panelEval0,
#inner_panelEval1,
#inner_panelEval2,
#inner_panelEval3,
#inner_panelEval4,
#inner_panelEval5,
#inner_panelEval6 {
  position    : relative;
  top         : 0px;
  background-color: #f07e2b; /* color del panel */
  margin      : 0px;
  border      : 1px solid #93e8f7;
  text-align  : center;
              }

#outer_panelEval0,
#outer_panelEval1,
#outer_panelEval2,
#outer_panelEval3,
#outer_panelEval4,
#outer_panelEval5,
#outer_panelEval6 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

              }

/*--- Paneles para el Reporte de Examenes ---*/
/* NOTA: Se declaran mas estilos porque varia el numero de preguntas */
#inner_panelExam0,
#inner_panelExam1,
#inner_panelExam2,
#inner_panelExam3,
#inner_panelExam4,
#inner_panelExam5,
#inner_panelExam6,
#inner_panelExam7,
#inner_panelExam8,
#inner_panelExam9,
#inner_panelExam10 {
  position    : relative;
  top         : 0px;
  background-color: #faf3e0; /* color del panel */
  margin      : 0px;
  border      : 1px solid #a8440d;
  text-align  : center;
              }

#outer_panelExam0,
#outer_panelExam1,
#outer_panelExam2,
#outer_panelExam3,
#outer_panelExam4,
#outer_panelExam5,
#outer_panelExam6,
#outer_panelExam7,
#outer_panelExam8,
#outer_panelExam9,
#outer_panelExam10 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

                   }

/*--- Paneles para la tabla de Niveles de Complejidad ---*/
#inner_panelNivel0,
#inner_panelNivel1,
#inner_panelNivel2,
#inner_panelNivel3,
#inner_panelNivel4,
#inner_panelNivel5 {
  position    : relative;
  top         : 0px;
  background-color: #25396d; /* color del panel */
  margin      : 0px;
  border      : 1px solid #93e8f7;
  text-align  : center;
              }

#outer_panelNivel0,
#outer_panelNivel1,
#outer_panelNivel2,
#outer_panelNivel3,
#outer_panelNivel4,
#outer_panelNivel5 {
  overflow    : hidden;
  position    : absolute;
  z-index     : 1600;
  background-color: #fefcf3;
  top         : 20px;
  width       : 300px;
  text-align  : center;
  left        : 10px;

                   }

pre {font-size: 11px;}
a img { border: none; }