body { background:#FFFFFF; color:black; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16px; }

p.ED { font-size:70%; margin:0px; padding:0px; }

.Contenedor { height:100%; width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; }

.Cabezal { width:100%; margin:0; padding:0; border-bottom:2px solid #000000; font-size:71%; text-align:center; float:none; }
.Cabezal img { margin:0px; border:0; height:auto; width:auto; }

.Pie { width:100%; display:block; overflow:hidden; margin:20px 0px 0px 0px; padding:0px; border-top:2px solid #000000; font-size:60%; }
.PieCol1 { width:400px; text-align:left; float:left; }
.PieCol2 { width:470px; text-align:center; float:left; }

.Titulo { margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; color:#000080; font-weight:bold; font-style:italic; font-size:90%; float:none; }

.CuadroTexto { background-color:#EEEEEE; margin:5px 100px 5px 100px; padding:10px 10px 10px 10px; float:left; }
.lineaCampo { font-size:71%; font-weight:bold; }

.ColIzq { width:49%; margin:5px 5px 5px 0px; padding:0px 0px 0px 0px; float:left; }
.ColDer { width:49%; margin:5px 5px 5px 5px; padding:0px 0px 0px 0px; float:right; }

.Boton {
  width:60px;
  height:30px;
  background-color:#B0E0E6;
  border:1px solid #000000;
  color:#000000;
  font-size:50%;
  font-weight:bold;
  text-align:center;
  cursor:pointer
}

/*----------------------------------------------------------------------*/
/* Para el AMB de los cursos                                            */
/*----------------------------------------------------------------------*/
div.AltaCurso { width:auto; margin:auto; padding:5px 5px 5px 5px; overflow:hidden; }
div.Botones { width:98%; height:50px; padding:0px 0px 0px 10px; background-color:#6699CC; border:2px solid #6699CC; }
div.BotonesTit { float:left; margin:0px 0px 0px 0px; padding:15px 0px 0px 0px; font-weight:bold; font-style:italic; }
div.BotonesTit p { color:white; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; }
div.BotonesImp { float:right; margin:0px 0px 0px 0px; padding:5px 0px 0px 0px; }
div.BotonesImp img { width:30px; height:30px; }

div.Datos { width:98%; margin-top:1px; padding:0px 0px 0px 10px; display:block; border:2px solid #6699CC; }
table.Datos { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

/*----------------------------------------------------------------------*/
/* Para el ingreso del periodo calendario del curso                     */
/*----------------------------------------------------------------------*/
.CalIns { width:250px; background:#DCDCDC; }
.CalInsFec { padding:5px 5px 5px 5px; }
.CalInsTit { float:left; width:30%; font-size:70%; font-weight:bold; margin:10px 0px 0px 10px }
.CalInsInp { float:left; margin:5px 10px 0px 0px }
.CalInsImg { float:left; margin:5px 0px 0px 10px; text-align:center; height:auto; width:auto; }
.CalInsImg img { width:25px; height:25px; }
.CalInsBot { width:250px; float:none; text-align:center; background:#DCDCDC; padding:10px 0px 5px 0px; }

/*----------------------------------------------------------------------*/
/* Para las listas                                                      */
/*----------------------------------------------------------------------*/
.Cols { width:90%; float:left; }
.Col1 { width:350px; margin:0px 5px 0px 5px; padding:0px 0px 0px 0px; text-align:center; float:left; }
.Col1 ul { margin:5px; list-style:none outside; }

.Col2 { width:40px; margin:60px 0px 0px 0px; text-align:center; float:left; }
.Col2 img { height:20px; width:20px; }

.ListaTitulo { height:20px; font-size:70%; font-weight:bold; text-align:center; background:#EBF3FB; border:1px double #000000; }
.ListaLineas { height:10px; font-size:60%; text-align:left; background:#FFFAF0; border:1px double #000000; }
.listaCursos { width:348px; background:#FFFAF0; border-style:none; }

.Capacidad { margin:10px 5px 5px 5px; padding:5px 5px 5px 5px; font-size:70%; font-weight:bold; float:left; }

/*----------------------------------------------------------------------*/
/* Para ver las clases                                                  */
/*----------------------------------------------------------------------*/
.VerClasesContenedor { margin:0px 0px 0px 0px; }
.VerClasesCabezal { width:auto; height:auto; padding:5px 5px 5px 5px; background-color:#6699CC; color:#FFFFFF; }
.VerClasesTit { float:left; font-family:Verdana; font-weight:bold;  }
.VerClasesImp { float:right; margin:0px 0px 0px 10px; width:auto; height:auto; }
.VerClasesImp img { width:25px; height:25px; }

.VerClasesCuerpo { width:auto; height:auto;
                   margin: 1px 0px 0px 0px; padding:0px 0px 0px 0px; } 
.VerClasesListaClases { float:left; width:10%; height:550px; border:2px solid #6699CC;
                        padding:5px 5px 5px 5px; background-color:#DDDDDD;
                        font-family:Verdana; font-size:80%;  text-align:center; }
.VerClaseClase { width:90%;
                 margin:0px 1px 0px 1px; border:solid #000000 1px; background-color:#FFFAF0;
                 font-family:Verdana; font-size:70%; text-align:center; }
.VerClaseClase span { display:none; visibility:hidden; }
.VerClaseClase a { display:block; }
.VerClaseClase a:link { text-decoration:none; font-style:normal; margin:1px 1px 1px 1px; border:solid #000000 1px; }
.VerClaseClase a:visited { text-decoration:none; font-style:italic; margin:1px 1px 1px 1px; border:solid #000000 1px; }
.VerClaseClase a:hover { background-color:#8FBC8F; color:#FFFFFF; }
.VerClaseClase a:active { color:red; }

.VerClasesHTML { float:right; width:88%; height:550px; border:2px solid #6699CC;
                 margin:1px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#EEEEEE;
                 overflow:scroll; }

/*----------------------------------------------------------------------*/
/* Para mostrar el calendario                                           */
/*----------------------------------------------------------------------*/
.CalVer { margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; border:1px solid #CCCCCC; text-align:center; float:left; }
.CalVerTit { font-size:70%; font-weight:bold; margin:5px 5px 5px 5px; padding:5px 5px 5px 5px; }
.CalVerTab { width:60%; margin:5px 5px 5px 5px; border:2px solid #000000; border-collapse:collapse; }
.CalVerCol1 { width:50%; border:1px solid #000000; padding:2px 2px 2px 2px; text-align:center; }
.CalVerCol2 { width:5%; border:1px solid #000000; padding:2px 2px 2px 2px; text-align:center; }
.CalVerFilTit { font-size:70%; font-weight:bold; background:#DCDCDC; }
.CalVerFilImpar { font-size:70%; background:#FFFFFF; }
.CalVerFilPar { font-size:70%; background:#CCFFCC; }
.CalVerOculta { color:white; border:0px solid #000000; background-color:transparent; }


/*----------------------------------------------------------------------*/
/* Para ver las noticias                                                */
/*----------------------------------------------------------------------*/
.NotVer { width:90%; margin:5px 5px 5px 5px; border:2px solid #000000; border-collapse:collapse; }
.NotVerCol1 { width:10%; border:1px solid #000000; padding:2px 2px 2px 2px; text-align:center; }
.NotVerCol2 { width:90%; border:1px solid #000000; padding:2px 2px 2px 2px; }
.NotVerTit { font-size:80%; font-weight:bold; background:#DCDCDC; padding:2px 2px 2px 2px; text-align:center; }
.NotVerFilPar { width:10%; font-size:70%; background:#FFFFFF; }
.NotVerFilImpar { width:90%; font-size:70%; background:#CCFFCC; }

/*----------------------------------------------------------------------*/
/* Biblioteca                                                           */
/*----------------------------------------------------------------------*/
.BiblioTabla { width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #000000; border-collapse:collapse; }
.BiblioFilTit { font-size:70%; font-weight:bold; background:#DCDCDC; text-align:center; }
.BiblioFilImp { font-size:70%; background:#FFFFFF; }
.BiblioFilPar { font-size:70%; background:#CCFFCC; }

/*----------------------------------------------------------------------*/
/* Evaluaciones                                                         */
/*----------------------------------------------------------------------*/
.examen { margin:10px 0 20px 10px; padding:1px 3px; }
.examen .num { background:#369; color:white; font-weight:bold; font-size:20px; padding:4px 10px; margin:0 5px 5px 0; }
.examen .preg { font-size:70%; font-weight:bold; }
.examen_opciones { margin:5px 0 0 0; /* float:left; width:auto; */ }
.examen small { display:block; font-size:70%; font-weight:normal; color:#444; margin:0; padding:0; }

.VerGrafica { width:900px; height:300px; border:1px solid #6699CC;
              margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }