BODY {
	SCROLLBAR-FACE-COLOR: #d1d7dc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #efefef; SCROLLBAR-DARKSHADOW-COLOR: #98aab1; BACKGROUND-COLOR: #ffffff
}

/* controla el tipo de letra negrita en los reportes*/
TD {
	FONT-FAMILY: Verdana
}

/* color del link  */
A:link {
	COLOR: #006699
}
/* Color del link activo */
A:active {
	COLOR: #006699
}
/* color del link visitado */
A:visited {
	COLOR: #006699
}
/* es el color del link que cambia cuando el mouse pasa sobre el */
A:hover {
	COLOR: #dd6900; TEXT-DECORATION: underline
}

.lineasdelcuerpoimpsup {
	BORDER-RIGHT: #98aab1 2px solid; BORDER-TOP: #98aab1 2px solid; BORDER-LEFT: #98aab1 2px solid; BORDER-BOTTOM: #FFFFFF 0px solid; BACKGROUND-COLOR: #ffffff
}

.lineasdelcuerpoimpinf {
	BORDER-RIGHT: #98aab1 2px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #98aab1 2px solid; BORDER-BOTTOM: #98aab1 2px solid; BACKGROUND-COLOR: #ffffff
}

/* Son las líneas del cuadro mas grande que se muestra en todas las pantallas*/
.lineasdelcuerpo {
	BORDER-RIGHT: #ffffff 2px solid; BORDER-TOP: #ffffff 2px solid; BORDER-LEFT: #ffffff 2px solid; BORDER-BOTTOM: #ffffff 2px solid; BACKGROUND-COLOR: #ffffff
}
                  /* cuadro de todo el reporte */
.bordecuadro {    
	BORDER-RIGHT: #1E4554 2px solid; BORDER-TOP: #1E4554 2px solid; BORDER-LEFT: #1E4554 2px solid; BORDER-BOTTOM: #006699 2px solid; BACKGROUND-COLOR: #ffffff
}

/* para imprimir el registro de los profesores*/
.campocuadroregistro {
	BACKGROUND-COLOR: #dee3e7; BORDER-RIGHT: #006699 0px solid; BORDER-TOP: #006699 0px solid; BORDER-LEFT: #006699 0px solid; BORDER-BOTTOM: #006699 1px solid
}

.campocuadroregistromensual {
	BACKGROUND-COLOR: #dee3e7; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 0px solid; BORDER-LEFT: #006699 0px solid; BORDER-BOTTOM: #006699 1px solid
}
.campocuadroregistromensual2 {
	BACKGROUND-COLOR: #dee3e7; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; BORDER-LEFT: #006699 0px solid; BORDER-BOTTOM: #006699 1px solid
}
.campocuadroregistromensual3 {
	BACKGROUND-COLOR: #dee3e7; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 0px solid; BORDER-LEFT: #006699 1px solid; BORDER-BOTTOM: #006699 1px solid
}
.campocuadroregistromensual4 {
	BACKGROUND-COLOR: #dee3e7; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 1px solid; BORDER-LEFT: #006699 1px solid; BORDER-BOTTOM: #006699 1px solid
}
.campocuadroregistromensualg {
	BACKGROUND-COLOR: #efefef; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 0px solid; BORDER-LEFT: #006699 0px solid; BORDER-BOTTOM: #006699 1px solid
}
.campocuadroregistromensualg1 {
	BACKGROUND-COLOR: #efefef; BORDER-RIGHT: #006699 1px solid; BORDER-TOP: #006699 0px solid; BORDER-LEFT: #006699 1px solid; BORDER-BOTTOM: #006699 1px solid
}

/* para imprimir la libreta con sus respectivas líneas que separan*/
.campocuadrolibretamat {
	BACKGROUND-COLOR: #efefef; BORDER-BOTTOM: #006699 1px solid
}

/* para imprimir la libreta para los promedios*/
.campocuadropromedio {
	BACKGROUND-COLOR: #dee3e7; BORDER-BOTTOM: #006699 1px solid
}

/* este es un tipo de cuadro un color específico del reporte */
TD.campocuadroprimero {
	BACKGROUND-COLOR: #efefef
}
/* Genera los cuadros  */

TD.campocuadrosegundo {
	BACKGROUND-COLOR: #dee3e7
}
TD.campocuadrotercero {
	BACKGROUND-COLOR: #d1d7dc
}

/* este controla los colores del cuadro inferior tanto los bordes como el color de relleno  ojo no el ancho de los bordes*/
TD.cuadroinferior {
	BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px; BACKGROUND-COLOR: #d1d7dc
}

TD.cuadroinferior {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}

/* es el color del cuadro en el título de todo reporte*/
TH {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; HEIGHT: 25px; BACKGROUND-COLOR: #1E4554
}
.calen{
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; BACKGROUND-COLOR: #dee3e7
}

/* son los bordes del cuadro donde se encuentra el título del reporte */

TH.bordecuadrotitulo {
	BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 28px
}

TH.bordecuadrotitulo {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

TH.bordecuadrotitulo2 {
	BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid;BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 20px
}

TH.bordecuadrotitulo2 {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

TH.bordecuadrotitulogg {
	BORDER-RIGHT: #006699 solid; BORDER-TOP: #006699 solid; FONT-WEIGHT: bold; BORDER-LEFT: #006699 solid; BORDER-BOTTOM: #006699 solid; HEIGHT: 20px
}

TH.bordecuadrotitulogg {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}

TH.bordecuadrotitulogg2 {
	BORDER-RIGHT: #006699 solid; BORDER-TOP: #006699 solid; FONT-WEIGHT: bold; BORDER-LEFT: #006699 solid; BORDER-BOTTOM: #006699 solid; HEIGHT: 20px
}

TH.bordecuadrotitulogg2 {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px
}

/* Este es el que controla el título de una libreta para mandar a impresion */
.titulo_libreta{
        BORDER-BOTTOM: #006699 1px solid
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; HEIGHT: 25px; BACKGROUND-COLOR: #d1d7dc
}

.tituloprincipal {
	FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #000000; LINE-HEIGHT: 120%; FONT-FAMILY: "Trebuchet MS",Verdana; TEXT-DECORATION: none
}
/* controla el tamaño de la letra en el reporte los campos sacados desde la bd */
.tipoletrareporte {
	FONT-SIZE: 10px 
}
/* controla el color de la letra en el reporte los campos sacados desde la bd */
.tipoletrareporte {
	COLOR: #000000
}
/* los promedios en la libreta dá el tamaño*/
.tipoletrapromedio {
	FONT-SIZE: 10px 
}
/* controla el color de la letra promedio */
.tipoletrapromedio {
	COLOR: #0033ff
}
/* Este sirve para imprimir letras mas pequeñas en la opción imprimir registro para profesores*/
.tipoletrareporteregistro1{
   FONT-SIZE: 8px; COLOR: #000000; BORDER-RIGHT: #98aab1 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #98aab1 0px solid; BORDER-BOTTOM: #98aab1 1px solid; BACKGROUND-COLOR: #dee3e7;
}
.tipoletrareporteregistro{
   FONT-SIZE: 8px; COLOR: #000000; BORDER-RIGHT: #98aab1 0px solid; BORDER-TOP: #ffffff 0px solid; BORDER-LEFT: #98aab1 1px solid; BORDER-BOTTOM: #98aab1 1px solid; BACKGROUND-COLOR: #dee3e7;
}

/* este tipo de letra es mostrado dentro los cuadros */
.letranegrita {
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: #000000
}
.letranegritag {
	FONT-SIZE: 10px; COLOR: #ffffff
}
.letraadm1 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699
}
.letraadm2 {
        FONT-SIZE: 10px; COLOR: #000000
}

/* es mostrado para generar las libretas para impresion desde el adminstrador*/
.letraimpresion {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #dee3e7
}

H1 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000
}

.textonormal {
	FONT-SIZE: 10px; COLOR: #000000
}
/* para colocar comentarios de aut. */
.copyright {
	FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Verdana; LETTER-SPACING: -1px
}

SELECT { 
        font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
       }

/* en la entrada de texto da un espacio de acuerdo a lo que se define */
INPUT {
	TEXT-INDENT: 2px
}

/* controla los bordes de una entrada de texto el color de la letra, tamaño, fondo del edit  */

input { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.input2 { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; TEXT-TRANSFORM: uppercase}

.cajainvisible2 { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; text-transform}

.cajainvisible { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #efefef; border: #efefef; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; text-transform}

/* este controla el color y tipo de letra de un boton tipo submit ademas de los bordes color de fondo */
.botonsubmit {
	font-family: Tahoma, Verdana, Arial; font-size: 11px; FONT-WEIGHT: normal; BACKGROUND-COLOR: #fafafa; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px
}

.botonmodificarpension {
	font-family: Tahoma, Verdana, Arial; font-size: 9px;color:#ffffff; FONT-WEIGHT: normal; BACKGROUND-COLOR: #006699; border: #ffffff; border-style: solid; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px
}

.blibreta { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #ff00ff; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

TD.tit {
	FONT-SIZE: 8px;BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 6px; BACKGROUND-COLOR: #d1d7dc
}

TH.titu {
	FONT-SIZE: 8px;BORDER-RIGHT: #ffffff solid; BORDER-TOP: #ffffff solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff solid; BORDER-BOTTOM: #ffffff solid; HEIGHT: 6px
}

/* etiqueta de titulo principal*/ 
.titulo {font-family: Verdana, Helvetica, Sans-Serif; color: #427BB1; font-size: 16px}
/* etiqueta de mensajes*/
.titulo2 {font-family: Verdana, Helvetica, Sans-Serif; color: #427BB1; font-size: 12px}
/* nombre de el usuario en sesion */
.titulo3 {font-family: Verdana, Helvetica, Sans-Serif; color: #006699; font-size: 11px}
/* etiqueta de titulo principal de impresion*/ 
.tituloimpresion {font-family: Verdana, Helvetica, Sans-Serif; color: #FFFFFF; font-size: 16px}

/* etiqueta de la linea del titulo principal*/ 
.linea{color=#1E4554}

/* tipo de texto de pago de pensiones pagadas */
.pensionpagada {font-family: Verdana, Helvetica, Sans-Serif; color: #000000; font-size: 9px}

/* tipo de texto de pago de pensiones adeudadas vencidas */
.pensionvencida {font-family: Verdana, Helvetica, Sans-Serif; color: #FF0000; font-size: 9px}

/* tipo de texto de pago de pensiones adeudadas por pagar */
.pensionporpagar {font-family: Verdana, Helvetica, Sans-Serif; color: #0000FF; font-size: 9px}

.botonatras { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color: #ffffff; border: #ffffff; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

/* ultimo gilmar*/

.letranegritag {
	FONT-SIZE: 9px; COLOR: #000000
}

.campocuadroregistrog {
	BACKGROUND-COLOR: #dee3e7
}

.bordecuadrog {    
	BACKGROUND-COLOR: #ffffff
}

/* tipo de letra de el menu */
.letramenu {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
	BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 15px; BACKGROUND-IMAGE: url(../images/arrow.png); LINE-HEIGHT: 15px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
TD {
	FONT-SIZE: 11px
}
/*
ul{ 
  color: #006699;
}
li{ 
  color: #006699;
}
*/
.cajaradio{BACKGROUND-COLOR: #efefef; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
TABLE.content_table {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
TABLE.content_table TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
TABLE.moduletable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; border-spacing: 0px
}
DIV.moduletable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
TABLE.moduletable TH {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../images/bg/cuadro-title.gif) no-repeat; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: white; TEXT-INDENT: 24px; LINE-HEIGHT: 21px; HEIGHT: 24px; TEXT-ALIGN: left
}
DIV.moduletable H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../images/bg/cuadro-title.gif) no-repeat; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: white; TEXT-INDENT: 24px; LINE-HEIGHT: 21px; HEIGHT: 24px; TEXT-ALIGN: left
}
TABLE.moduletable TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

TABLE.moduletable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse; border-spacing: 0px
}
DIV.moduletable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 0px
}
TABLE.moduletable TH {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../graficos/cuadro-title.gif) no-repeat; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: white; TEXT-INDENT: 24px; LINE-HEIGHT: 21px; HEIGHT: 24px; TEXT-ALIGN: left
}
DIV.moduletable H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: url(../graficos/cuadro-title.gif) no-repeat; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: white; TEXT-INDENT: 24px; LINE-HEIGHT: 21px; HEIGHT: 24px; TEXT-ALIGN: left
}
TABLE.moduletable TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

UL#mainlevel-nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL#mainlevel-nav LI {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; FLOAT: left; BACKGROUND-IMAGE: none; MARGIN: 0px; LINE-HEIGHT: 21px; WHITE-SPACE: nowrap
}
UL#mainlevel-nav LI A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 15px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333333; TEXT-DECORATION: none
}
#buttons > UL#mainlevel-nav LI A {
	WIDTH: auto
}
UL#mainlevel-nav LI A:hover {
	BACKGROUND: #c64934; COLOR: #fff
}
A.mainlevel:link {
	DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/bg/boton.gif) no-repeat; VERTICAL-ALIGN: middle; WIDTH: 131px; COLOR: black; PADDING-TOP: 5px; HEIGHT: 20px! important; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.mainlevel:visited {
	DISPLAY: block; PADDING-LEFT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BACKGROUND: url(../images/bg/boton.gif) no-repeat; VERTICAL-ALIGN: middle; WIDTH: 131px; COLOR: black; PADDING-TOP: 5px; HEIGHT: 20px! important; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.mainlevel:hover {
	BACKGROUND-POSITION: 0px -25px; COLOR: #8ead00; TEXT-DECORATION: none
}
A.mainlevel#active_menu {
	FONT-WEIGHT: bold; COLOR: #8ead00
}
A.mainlevel#active_menu:hover {
	COLOR: #8ead00
}
.s{font: 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #999999;}