body.menu
{
	background-color: #FFFFFF;
	text-align: left;	
 	margin: 0px;
	padding: 0px;
}

/* Estilo para el  menú de operaciones */
#menuSystem	
{ 
	position: absolute;   
	z-index: 1;
 	margin: 0px;
	padding: 0px;
}

body.cuerpo
{
	background-color: #FFFFFF;
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	font-style: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;	
	
	scrollbar-face-color: #dedede;
	scrollbar-highlight-color: #efefef;
	scrollbar-3dlight-color: #060606;
	scrollbar-darkshadow-color:#030303;
	scrollbar-shadow-color:#efefef;
	scrollbar-arrow-color: #667BB4;
	scrollbar-track-color: #dfdfdf;

}

/* Estilo para el  menú de operaciones */
#menuSystem table 
{ 
	font-family: Tahoma; 
	font-size: 12px; 
	border-collapse: collapse; 
	width: 100%;
 	margin: 0px;
	padding: 0px;

}

/* Estilo para el  menú de operaciones */
#menuSystem table td 
{ 
 	margin: 0px;
	padding: 0px; 
	width: 100%;
}

/* Estilo para el   menú de operaciones */
#mainTable table 
{ 
	/*border: 1px outset #5858C7;*/
	border: 1px outset #427085;;
	border-collapse: collapse; 
	width: 100%;
}

/* Estilo para el  menú de operaciones */
#mainTable th { 
	background-color: #427085;;
	padding-left: 3px; 
	padding-right: 3px; 
	width: 100%; 
	text-align: left; 
	color: #FFFFFF;
}

/* Estilo para el  menú de operaciones */
#mainTable table td	{ 
	background-color: #FFFFFF; 
	padding-left: 3px; 
	padding-right: 3px;  
	text-align:left; 
	width:100%
}

/* Estilo para el  menú de operaciones */
#mainTable a { 
	color: #01526B; 
	padding-left: 3px; 
	padding-right: 3px; 
	font-family: Tahoma; 
	font-size: 12px; 
	text-decoration: none 
}

/* Estilo para el  menú de operaciones */
#mainTable a:link { 
	color: #01526B;
	padding-left: 3px; 
	padding-right: 3px; 
	font-family: Tahoma; 
	font-size: 12px; 
	text-decoration: none 
}

/* Estilo para el  menú de operaciones */
#mainTable a:hover { 
	color: #427085; 
	padding-left: 3px; 
	padding-right: 3px; 
	background-color:#dedede; 
	font-family: Tahoma; 
	font-size: 12px; 
	text-decoration: none; 
	display:block; 
}

/* */ /* */ 

.tableh1 {
  	color:#606F79;
  	font-size: 11px;
 	height: 26px;
  	background-image:    url("../images/fondo.gif");
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #CED2D6;
}
.titulo {
	color:#606F79;
	font-size:14px;
	text-align:center;
	text-transform:capitalize;
}
.tableh2 {
	background-image:   url("../images/tile_sub.gif");
	background-color: #708088 ;
	border-left: 1px solid #95A5AD;
	border-right: 0px solid #62727A;
	margin: 0px;
	color : white;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	font-size: 10px;
	font-weight: bold;
}



.textinput {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:686868;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: 9BAAAF;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: AABBBF;

	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: 9BAAAF;

	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: 9BAAAF;	
	padding-right: 3px;
	padding-left: 3px;
 	background-image:    url("../images/txtboxbg.gif");
}


/* ------------- ESTILOS PARA LOS FORMULARIOS --------------------------- */
/**  * Estilos para el contenido de un formulario */
table.formulario
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: thin solid #427085;
	width: 90%;
	margin: 10px auto 10px auto;
}
/* Estilo (para el contenido de un formulario) para el header de una tabla  */
tr.formulario_titulo 
{
	font-size: 10px;
	font-weight: bold;
	background-color: #427085;
	color: #FFFFFF;
	text-align: center;
}
/* Estilo (para el contenido de un formulario) de cada una de las filas del formulario */
tr.formulario 
{
	border: thin solid #427085;
	/*background-color: #EAEAEA;*/
	text-align: left;
	width: 100%;
	height: 20px;
}
/* Estilo (para el contenido de un formulario) para cuando solo se presenta una lista de opciones. */
tr.formulario_lista 
{
	border: thin solid #427085;
	/*background-color: #EAEAEA;*/
	text-align: center;
	width: 100%;
	height: 30px;
}
/* Estilo (para el contenido de un formulario) para cuando se separa por renglon */
tr.formulario_renglon 
{
	background-color: #FFFFFF;
	text-align: left;
	width: 100%;
	height: 30px;
}

/** Fila de botones . */
tr.fila_botones_formulario
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: thin solid #427085;
	background-color: #EAEAEA;
	text-align: right;
	width: 100%;
	height: 30px;
}
/** Estilo por defecto para los botones del formulario 
 * EN LA BARRA DE BOTONES se usa con fila_botones_formulario */
input.form_barra_boton 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	background-color: #EAEAEA;
	height: 20px;
	text-align: center;
	margin: 0px 5px 0px 0px;
}
/** Estilo por defecto para los objetos del formulario */
input.formulario_boton 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	/*background-color: #EAEAEA;*/
	height: 20px;
	text-align: center;
	margin: 0px 5px 0px 0px;
}
/** Estilo por defecto para los botones de subir archivo objetos del formulario */
input.formulario_file_boton
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	/*background-color: #EAEAEA;*/
	height: 20px;
	text-align: left;
	margin: 0px 5px 0px 0px;
}
/** Estilo por defecto para los objetos del formulario */
select.formulario_boton 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	border: 1px solid #427085;
	background-color: #EAEAEA;
	height: auto;
	text-align: left;
	margin: 0px 5px 0px 0px;
}
/** Estilo por defecto para los campos texto del formulario */
input.formulario_texto 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	background-color: #EAEAEA;
	height: 20px;
	text-align: left;
}
/** Estilo por defecto para los campos textarea del formulario */
textarea.formulario_texto 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
	background-color: #EAEAEA;
	height: 80px;
	text-align: left;
}
/* ------------- ESTILOS PARA EL FORMULARIO DE LOGIN --------------------------- */
/** Estilo por defecto para la tabla de login y de cambio de clave. */
table.login 
{
	border: thin solid #427085;
	width: 400px;
	margin: 10px auto 10px auto;
}

td.login_col_1
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	height: 40px;
}

td.login_col_2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	height: 40px;
}
/**  Fila de botones para la ventana de login. */
tr.fila_botones_login {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;

	border: thin solid #427085;
	background-color: #EAEAEA;
	text-align: right;
	width: 100%;
	height: 30px;
}
/* ------------------ TABLA DETALLE NORMAL ---------------------------------------------- */
/** Estilo para la tablas de detalle. Se usa para los cortes por carrera, por materia, etc.  */
table.detalle
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;

	background-color: #427085;
	border: thin solid #427085;
  color: #427085;

	width: 90%;
	margin: 10px auto 10px auto;
}
/* Para el contenido del detalle * .... */
tr.detalle_contenido 
{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}
/* Si quiero resaltar un item lo resalto con esta clase y <b>...</b> */
b.detalle_resaltado 
{
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
}
/* ------------------TABLA REPORTE NORMAL ---------------------------------------------- */
/** Estilos para mostrar una tabla  generica. */
table.normal
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: thin solid #427085;
	width: 90%;
	margin: 10px auto 10px auto;
}
/** Estilos para mostrar una tabla  generica (sin bordes) */
table.normal_plana
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	width: 90%;
	margin: 10px auto 10px auto;
}
/* Estilo para el header de una tabla  */
tr.normal_titulo 
{
	font-size: 10px;
	font-weight: bold;
	background-color: #427085;
	color: #FFFFFF;
	text-align: center;
}
tr.normal_titulo_seu
{	font-size: 13px; 	font-weight: bold; 	background-color: #427085; 
	color: #FFFFFF;	text-align: center;
}
tr.normal_titulo_seu1
{	font-size: 10px; 	font-weight: bold; 	background-color: #427085;
	color: #FFFFFF; text-align: center;
}
/* Estilo para el contenido normal  de cada una de las filas del listado */
tr.normal 
{
/*	border: thin solid #427085;*/
	background-color: #EAEAEA;
	text-align: left;
	width: 100%;
	height: 20px;
}
/* Estilo para los contenidos que deben ir centrados. */
td.normal_centrado
{
  text-align: center;
}
/* Estilo para el contenido normal de cada una de las filas del listado */
tr.normal_plana
{
	text-align: left;
	width: 100%;
	height: 20px;
}
/* Estilo para el contenido normal de cada una de las filas del listado
 * pero con otro color de fondo para armar renglones */
tr.normal_renglon
{
	background-color: #FFFFFF;
  text-align: left;
	width: 100%;
	height: 20px;
}
/* Estilo para los titulos en un subgrupo de las filas. */
tr.normal_subtitulo
{
	font-weight: bold;
	text-align: left;
	width: 100%;
	height: 20px;
}
/* Estilo para el contenido normal de cada una de las filas del listado SELECCIONADO */
tr.normal_sel 
{
	border: thin solid #427085;
	background-color: #9C9C9C;
	text-align: left;
	width: 100%;
	height: 20px;
}
/** Estilo para los links en una tabla normal */
.normal A:link 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #427085;
  text-decoration: none;
}

.normal A:visited 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #427085;
  text-decoration: none;
}

.normal A:hover 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #427085;
  text-decoration: underline;
}

/* ----------------------- AYUDA RAPIDA ----------------------- */
/** Estilos para mostrar la tabla con la ayuda breve.*/
table.ayuda_rapida 
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: thin solid #427085;
	width: 400px;
	margin: 10px auto 10px auto;
}

tr.ayuda_rapida_titulo 
{
	background-color: #427085;
	color: #FFFFFF;
	text-align: right;
	vertical-align:middle;
	height: 30px;
}

tr.ayuda_rapida_contenido
{
	background-color: #EAEAEA;
	color: #427085;
	height: 20px;
}
/* Si hay qeu agregar una barra de botones "link"  a la ayuda este es el estilo para la
   fila de botones */
tr.ayuda_rapida_blinks
{
	background-color: #EAEAEA;
	color: #427085;
	height: 35px;
  text-align: right;
}
/* Estilos para los botones link de la ayuda. */
.ayuda_rapida_blink a:link 
{ 
  margin: auto 10px auto 10px;
  border: 1px outset #427085;
  padding: auto 5px auto 5xp;
  padding: 0px 5px 0px 5xp;
	padding-left: 5px;
	padding-right: 5px;
	background: #427085;
	color: #FFFFFF;
	font: bold 10px sans-serif;
	text-decoration: none;
}
/*   Estilos para los botones link de la ayuda.*/
.ayuda_rapida_blink a:active 
{ 
  margin: auto 10px auto 10px;
  border: 1px outset #427085;
  padding: auto 5px auto 5xp;
  padding: 0px 5px 0px 5xp;
	padding-left: 5px;
	padding-right: 5px;
	background: #427085;
	color: #FFFFFF;
	font: bold 10px sans-serif;
  text-decoration: none;
}
/*   Estilos para los botones link de la ayuda. */
.ayuda_rapida_blink a:visited 
{ 
  margin: auto 10px auto 10px;
  border: 1px outset #427085;
  padding: auto 5px auto 5xp;
  padding: 0px 5px 0px 5xp;
	padding-left: 5px;
	padding-right: 5px;	
  background: #427085;
	color: #FFFFFF;
  font: bold 10px sans-serif;
  text-decoration: none;
}
/*    Estilos para los botones link de la ayuda. */
.ayuda_rapida_blink a:hover 
{ 
  margin: auto 10px auto 10px;
  border: 1px outset #427085;
  padding: auto 5px auto 5xp;
  padding: 0px 5px 0px 5xp;
	padding-left: 5px;
	padding-right: 5px;
  background: #FFFFFF;
  color: #427085;
  font: bold 10px sans-serif;
	text-decoration: underline;
}