a {
    font-size: 9px;
    font-family: Verdana;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;

}

/* INICIO Estilos para Autocomplete */

    #mainContainer{
        width:660px;
        margin:0 auto;
        text-align:left;
        height:100%;
        background-color:#FFF;
        border-left:3px double #000;
        border-right:3px double #000;
    }
    #formContent{
        padding:5px;
    }
    /* END CSS ONLY NEEDED IN DEMO */
    
    
    /* Big box with list of options */
    #ajax_listOfOptions{
        position:absolute;    /* Never change this one */
        width:250px;    /* Width of box */
        height:250px;    /* Height of box */
        overflow:auto;    /* Scrolling features */
        border:1px solid #317082;    /* Dark green border */
        background-color:#FFF;    /* White background color */
        text-align:left;
        font-size:0.9em;
        z-index:100;
    }
    #ajax_listOfOptions div{    /* General rule for both .optionDiv and .optionDivSelected */
        margin:1px;        
        padding:1px;
        cursor:pointer;
        font-size:0.9em;
    }
    #ajax_listOfOptions .optionDiv{    /* Div for each item in list */
        
    }
    #ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
        background-color:#317082;
        color:#FFF;
    }
    #ajax_listOfOptions_iframe{
        background-color:#F00;
        position:absolute;
        z-index:5;
    }
    
    form{
        display:inline;
    }
/* FIN Estilos para Autocomplete */


.TablasAyuda    {BACKGROUND-COLOR:#FFFFCC;BORDER:1px solid #96965E;PADDING:5px;MARGIN-TOP:12px;MARGIN-BOTTOM:12px}
.TablasGeneralForma    {BACKGROUND-COLOR:#FFFFFF;BORDER:1px solid #96965E;PADDING:5px;MARGIN-TOP:12px;MARGIN-BOTTOM:12px}

.TablasResaltadas    {BACKGROUND-COLOR:#FFFFFF;BORDER:1px solid #16699E;PADDING:5px;MARGIN-TOP:12px;MARGIN-BOTTOM:12px}

.TablasTituloFormas    {
    BACKGROUND-COLOR:#631b71;
    height:30px;
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 20px; 
    font-weight: bold; 
    color: WHITE;
}

/*Estilos para la cabecera*/

.encabezado1 {  

  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 15px; 
  font-weight: bold; 
  color: WHITE

}

.encabezado2 { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 21px; 
  font-weight: bold; 
  color: #800080; 
}



/*Estilos para las barras menues izquierda*/
.enlacePpal { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #0000CC; 
  text-decoration: none; 
  font-weight: bold
}

.enlacePpalActivo { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 10px; 
  color: #F9EDDB; 
  text-decoration: none; 
  font-weight: bold
}

.tituloEnlace { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  color: #800080;
}

.titulo { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    /*color: BLACK;*/
    color: #800080;
}

.tituloGrado { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 20px; 
    font-weight: bold; 
    color: WHITE;
    text-transform:uppercase;
}

.subtitulo { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    /*color: BLACK*/
    color: #800080;
}

.subtitulo2 { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    /*color: BLACK*/
    color: #800080;
}

.tituloBlanco { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    color: WHITE
}

.tituloAzul { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 17px; 
    font-weight: bold; 
    color: #332EBD
}

.tituloNegro { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 17px; 
    font-weight: bold; 
    /*color: BLACK*/
    color: #800080;
}

.tituloVerde { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    color: #5A7139
}

.tituloRojo { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    color: #800080;
}

.tituloAyuda { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    color: BLACK
}

.tituloNombreDocente { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 16px; 
    font-weight: bold; 
    color: #0000CC
}

.tituloProceso {
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: BLACK
}

/*Letras pequeñas en diferentes colores*/
.miniNegro { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 9px;
  font-weight: bold; 
  color: #000000 
}

.miniNegroX { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size:7.5px;
  font-weight: bold; 
  color: #000000 
}


.miniRojo { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 9px; 
  font-weight: bold; 
  color: #800080; 
}

.miniAzul { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    font-weight: bold; 
    color: #0000CC
}
.miniNegro2 { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 10px;
  color: #000000
}
.miniRojo2 { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 10px;
  color: #800080;
}
.miniAzul2 { 
  font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
  font-size: 10px;
  color: #0000CC
}
.miniNegro3 {  
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #000000

}
.miniRojo3 {  
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #800080;
}
.miniAzul3 {  
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #0000CC
}

/*Estilo para la fecha del sistema*/
.fecha {  
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #000000
}

.tituloForma { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #FFFFFF
}

.resaltar { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    color: #800080;
}

.letraInvisible {
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 1px; 
    color: #000000; 
}
.normalBlanco { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF; 
}

.normalGris { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #999999; 
}

.normalBlancoB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FFFFFF; 
    font-weight: bold;
}

.normalRojo { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080;
}

.normalRojoB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080;
    font-weight: bold;
}

.normalAzul { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #332EBD; 
}

.normalAzulB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #332EBD;
    font-weight: bold;
}

.normalAmarillo { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FDD757; 
}

.normalAmarilloB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FDD757;
    font-weight: bold;
}

.normalNegro { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 10.5px; 
    color: #666666;
}

.normalPurpura { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 10.5px; 
    color: #631b71;
}

.normalPurpuraB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 10.5px; 
    color: #631b71;
    font-weight: bold;
}

.normalNegroPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666;
}

.normalNegroSmallPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #666666;
}


.normalRojoPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #800080;
}

.normalRojoSmallPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080;
}

.normalAzulPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #332EBD;
}

.normalAzulSmallPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #332EBD;
}


.normalNegroBoletinGeneralPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 10px; 
    color: #666666;
}


.normalNegroFichaPDF { 
    font-family: Arial, Arial,  Helvetica, Verdana,  sans-serif; 
    font-size: 13px; 
    color: #666666;
}

.normalNegroFichaBPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 12px; 
    color: #666666; 
    font-weight: bold;
}

.normalNegrolistadoLibrosPDF { 
    font-family: Arial, Arial,  Helvetica, Verdana,  sans-serif; 
    font-size: 15px; 
    color: #666666;
}

.normalNegroBlistadoLibrosPDF { 
    font-family: Arial, Arial,  Helvetica, Verdana,  sans-serif; 
    font-size: 14px; 
    color: #666666;
    font-weight: bold;
}


.normalAyudaNegro { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 12px; 
    color: #666666;
}

.normalNegroB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 10.5px; 
    color: #666666; 
    font-weight: bold;
}

.normalNegroBPDF { 
    font-family: Arial, Verdana, sans-serif; 
    font-size: 14px; 
    color: #666666; 
    font-weight: bold;
}

.normalNegroItalicaBPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666; 
    font-style: italic;
    font-weight: bold;
}

.normalNegroItalicaPDF {
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #666666;
    font-style: italic;
}


.normalNegroObservacionesBoletinPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 17px; 
    color: #666666; 
}

.ObservacionesBoletinPequenaPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666; 
}


.escarapelaValores { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666; 
    font-weight: bold
}
.escarapelaCampos { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 13px; 
    color: #666666;
}
.escarapelaCamposEspecial { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 19px; 
    color: #666666;
    text-decoration: underline;
    font-weight: bold
}


.carnetValores { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666; 
    font-weight: bold
}

.carnetCampos { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 13px; 
    color: #666666;
}

.normalNegroTituloBoletinPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 24px; 
    color: #666666; 
    font-weight: bold;
}

.normalNegroSubTituloBoletinPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 15px; 
    color: #666666; 
    font-weight: bold;
}


.normalNegroSubTitulo2BoletinPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 15px; 
    color: #666666; 
    font-weight: bold;
}

.normalNegroSubTitulo2BoletinBPDF { 
    font-family: Arial, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 14px; 
    color: #666666; 
    font-weight: bold;
}

.normalVerde { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: GREEN; 
}

.normalVerdeB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: GREEN; 
    font-weight: bold;
}

.normalGrisB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #6B6B6B; 
    font-weight: bold;
}

.normalNaranja { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FF8000;
}

.normalNaranjaB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #FF8000;
    font-weight: bold;
}

.normalVinoTinto { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080; 
}

.normalVinoTintoB { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080;
    font-weight: bold;
}

.resaltarVinoTinto { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    color: #800080;
}



.resaltarNegro { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    color: black;
}

.depurar { 
    font-family: Times, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: GREEN;
}



.error { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 12px; 
    color: BLUE;
    background: #E7E3E4;
}

.botonForma {
    background: #5C733E;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:WHITE;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}

.botonFormaRojo {
    background: #CC3300;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid RED;
    border-top:1px solid RED;
    color:#FFFFFF;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}

.botonFormaAzul {
    background: #3169C5;
    border-bottom: 1px solid #2058B4;
    border-right: 1px solid #2058B4;
    border-left: 1px solid #75ADF9;
    border-top:1px solid #75ADF9;
    color:#FFFFFF;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}


.botonFormaVerde {
    background: #800080;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:WHITE;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}



.botonFormaGris {
    background: #BDBDBD;
    border-bottom: 1px solid #272828;
    border-right: 1px solid #272828;
    border-left: 1px solid #BDBDBD;
    border-top:1px solid #BDBDBD;
    color:#000066;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}


.botonFormaBotoneraConsulta {
    background: #BDBDBD;
    border-bottom: 1px solid #272828;
    border-right: 1px solid #272828;
    border-left: 1px solid #BDBDBD;
    border-top:1px solid #BDBDBD;
    color:#000066;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}

.botonFormaGenerarListado {
    background: #BDBDBD;
    border-bottom: 2px solid #345221;
    border-right: 2px solid #345221;
    border-left: 2px solid #BDBDBD;
    border-top:2px solid #BDBDBD;
    color:#000066;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica; 
    cursor:pointer;

}


.botonFormaGuardar {
    background: #5C733E;
    border-bottom: 2px solid #345221;
    border-right: 2px solid #345221;
    border-left: 2px solid #D7FFC3;
    border-top:2px solid #D7FFC3;
    color:WHITE;height:19px;
    text-decoration:none;
    font-size: 11px; 
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}

.botonBotoneraSigAtrasHabilitado {
    background: #BDBDBD;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:BLACK;height:18px;
    text-decoration:none;
    font-size: 11px; 
    font-weight: bold;
    font-family: Arial,Helvetica;
    cursor:pointer;
}

.botonBotoneraSigAtrasDesHabilitado {
    background: WHITE;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:BLACK;height:18px;
    text-decoration:none;
    font-size: 11px; 
    font-weight: bold;
    font-family: Arial,Helvetica;
    cursor:pointer;
}

.botonFormaEditar {
    background: #BDBDBD;
    border-bottom: 1px solid #272828;
    border-right: 1px solid #272828;
    border-left: 1px solid #BDBDBD;
    border-top:1px solid #BDBDBD;
    color:#000066;height:19px;
    text-decoration:none;
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}

.menuActivo {
    background: #FFEFCE;
    color:#000066;height:19px;
    text-decoration:none;
    font-family: Verdana,Arial,Helvetica;
    cursor:pointer;
}



td {
    font-family: Verdana,Arial,Helvetica; 
    font-size: xx-small;
}

td.title{
    font-Family: Verdana;
    color: #787878;
    font-size:14px;
    font-weight: bold
}

td.footer{
    font-family: Verdana,Arial,Helvetica; 
    font-size: xx-small;
    color:#FFFFFF;
}

td.top{
    font-family: Verdana,Arial,Helvetica; 
    font-size:80%;
}



INPUT.TEXT {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 13px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a8b2bb 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff
}

INPUT.REALZADOTEXT {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 15px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a8b2bb 1px solid; COLOR: #323B86; PADDING-TOP: 1px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; HEIGHT: 22px; BACKGROUND-COLOR: #ffffff; font-weight: bold
}

INPUT.TEXT_OBLIGATORIO {
    BORDER-RIGHT: #800080 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #800080 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 13px; PADDING-BOTTOM: 1px; BORDER-LEFT: #800080 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #800080 1px solid; FONT-FAMILY: Roboto; HEIGHT: 22px; BACKGROUND-COLOR: #ffffff; font-weight: bold
}


INPUT.TEXT_AZUL {
    BORDER-RIGHT: BLUE 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: BLUE 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: BLUE 1px solid; COLOR: #323B86; PADDING-TOP: 1px; BORDER-BOTTOM: BLUE 1px solid; FONT-FAMILY: Roboto; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; font-weight: bold
}


INPUT.TEXT_DISABLED {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 13px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a8b2bb 1px solid; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; HEIGHT: 18px; BACKGROUND-COLOR: #ECE9D8
}

INPUT.RADIO {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a8b2bb 1px solid; WIDTH: 20px; COLOR: #000000; PADDING-TOP: 1px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff
}

TEXTAREA {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a8b2bb 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; BACKGROUND-COLOR: #ffffff
}


SELECT { 
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a8b2bb 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Roboto; BACKGROUND-COLOR: #ffffff
}

/*
SELECT{width:100% !important;min-width:100% !important;max-width:100% !important;margin:0 !important;padding:0 !important;}
*/

.SELECT_OBLIGATORIO {
    BORDER-RIGHT: #800080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #800080 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #800080 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #800080 1px solid; FONT-FAMILY: Roboto; BACKGROUND-COLOR: #ffffff
}

.clsFooter {
    BORDER-RIGHT: #a8b2bb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a8b2bb 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 184px; BORDER-LEFT: #a8b2bb 1px solid; MARGIN-RIGHT: 184px; PADDING-TOP: 5px; BORDER-BOTTOM: #a8b2bb 1px solid; BACKGROUND-COLOR: white
}

#leftcontent {
    LEFT: 4px; WIDTH: 180px; POSITION: absolute; TOP: 115px
}

#centercontent {
    MARGIN-LEFT: 181px; MARGIN-RIGHT: 181px; PADDING-TOP: 4px; voice-family: inherit
}

UNKNOWN {
    MARGIN-LEFT: 181px; MARGIN-RIGHT: 181px
}

#rightcontent {
    RIGHT: 0px; WIDTH: 180px; POSITION: absolute; TOP: 115px
}

A {
    FONT-SIZE: 100%; COLOR: #4f738f; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

A:hover {

    COLOR: #003366; TEXT-DECORATION: underline

}

TD {
    FONT-SIZE: 75%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

P {
    FONT-SIZE: 100%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsMainHeader {
    WIDTH: 100%; HEIGHT: 115px
}

.clsMain {
    WIDTH: 100%
}

.clsFullContent {
    HEIGHT: 700px; BACKGROUND-COLOR: #ffffff
}

.clsContent {
    BACKGROUND-COLOR: #ffffff
}

.clsSubHeader {

    

}

.clsSubHeaderBack {

    

}

.clsSubHeaderTitle {
    FONT-WEIGHT: bold; FONT-SIZE: 160%; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsSubHeaderMessage {
    FONT-SIZE: 90%; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsSubHeaderLogin {
    FONT-SIZE: 70%; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsHeadTitle {
    FONT-WEIGHT: bold; FONT-SIZE: 160%; COLOR: #003060; FONT-STYLE: italic; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsTitleBackNoContent {
    BACKGROUND-COLOR: #ffffff
}

.clsNewsTitle {
    FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 2px; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsTitle:hover {
    COLOR: #003366
}

.clsNewsUser {
    FONT-SIZE: 90%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsUser:hover {
    COLOR: #003366
}

.clsNewsDate {
    FONT-SIZE: 90%; COLOR: #949494; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsDownloadStats {
    FONT-SIZE: 100%; COLOR: #4f738f; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsComments {
    FONT-SIZE: 90%; COLOR: #949494; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsComments:hover {

    COLOR: #003366

}

.clsNewsPostComments {
    FONT-SIZE: 100%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsPostComments:hover {
    COLOR: #003366
}

.clsNewsRating {
    FONT-SIZE: 12px; COLOR: #4f738f; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.clsNewsText {
    FONT-SIZE: 100%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsReadMore {
    FONT-SIZE: 100%; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsReadMore:hover {
    COLOR: #003366
}

.clsNewsReplySubject {
    FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: black; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsReplyAuthor {
    FONT-SIZE: 90%; COLOR: #949494; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsReplyAuthor:hover {
    COLOR: #003366
}

.clsNewsReplyDate {
    FONT-SIZE: 90%; COLOR: #949494; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsNewsReplyText {
    FONT-SIZE: 80%; PADDING-BOTTOM: 8px; PADDING-TOP: 3px
}

TABLE.clsSideBar {
    MARGIN: 3px 3px 8px; WIDTH: 170px
}

.clsSideBarColumn {
    WIDTH: 170px
}

.clsSideBarBlockTitle {
    FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; COLOR: #003060; BORDER-BOTTOM: #a8b2bb 1px solid; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsSideBarBlockText {
    FONT-SIZE: 70%; COLOR: #192e43; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.clsSideBarBlockRondText {
    COLOR: #192e43; PADDING-TOP: 4px
}

.clsSideBarBlockBullet {
    MARGIN-TOP: 3px; COLOR: #053462; LIST-STYLE-TYPE: disc
}

.clsSideBarBlockLinkEven:active {
    COLOR: #003060
}

.clsSideBarBlockLinkEven:visited {
    COLOR: #003060
}

.clsSideBarBlockLinkEven:hover {
    COLOR: #003366
}

.clsSideBarBlockLink:active {
    COLOR: #003060
}

.clsSideBarBlockLink:visited {
    COLOR: #003060
}

.clsSideBarBlockLink:hover {
    COLOR: #003366
}

TABLE.clsStatsBlock {
    WIDTH: 204px
}

TABLE.clsRelatedBlock {
    WIDTH: 295px
}

.clsStatsBlockTitle {
    FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 3px; COLOR: #003060; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none
}

.clsStatsBlockLink:active {
    COLOR: #003060
}

.clsStatsBlockLink:visited {
    COLOR: #003060
}

.clsStatsBlockLink:hover {

    COLOR: #003366
}

.clsCategoryBlockLink {
    FONT-SIZE: 90%; COLOR: #142f4a; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}

.clsCategoryBlockLink:hover {
    COLOR: #003366
}

.clsCategoryGrayBlockLink {
    FONT-SIZE: 90%; COLOR: silver; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-DECORATION: none
}

.clsCategoryGrayBlockLink:hover {

    COLOR: gray
}

BODY.clsPopup {

    BACKGROUND-COLOR: white
}

TABLE.clsPopupForm {
    BACKGROUND-COLOR: #f2f5fa
}

.clsErrorMessage {
    FONT-WEIGHT: bold; FONT-SIZE: 140%; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.knop {
    FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #f2f5fa; TEXT-DECORATION: none
}

.reply-user {
    FONT-WEIGHT: bold; FONT-SIZE: 120%; COLOR: #003060; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.TextButton {
    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #d7e4f0; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #003163; TEXT-DECORATION: none
}

.TextButton:hover {

    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #003163; TEXT-DECORATION: none

}

.TextButtonLight {

    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #d7e4f0; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6384b5; TEXT-DECORATION: none

}

.TextButtonLight:hover {

    FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #6384b5; TEXT-DECORATION: none

}

.buscador {

    FONT-SIZE: 9px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #b3d4e4

}

/* Inicio Estilos Pestanas */
.botonFormaPestana {
  background: #eaeaea;
  margin: 0px;
  padding: 0px;
  border: 0px solid #E04E4F;
  color:#5a7139;
  height:14px;
  font-size: 9pt;
  font-weight: bold;
  text-decoration:none;
  cursor: pointer;
}

.botonFormaPestanaBlanco {
  background: #ffffff;
  margin: 0px;
  padding: 0px;
  border: 0px solid #ff0000;
  color:#000001;
  height:14px;
  font-size: 9pt;
  font-weight: bold;
  text-decoration:none;
  cursor: pointer;
  background-color:#F8c65d;
}

.pestanaSeleccionada
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:9pt;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#FFFFFF;
    font-weight: bold;
    text-transform: capitalize;
    
}

.pestanaPorDefecto
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:11pt;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#eaeaea;
    color: #5a7139;
    font-weight: bold;
    text-transform: capitalize;
}

.bordeTablaPestanas
{
    border-left: 1px solid #5a7139; 
    border-right: 1px solid #5a7139; 
    border-bottom: 1px solid #5a7139;
}

form {
    display:inline;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.BotonIluminado{font-size:100%;;padding:0px  0px  0px  0px;cursor:pointer}
.BotonIluminado,.ODDLst,.OIFile,.OLstBx,.OTBM,.OTBS,.OSB
{font-family:Tahoma,Arial,Helvetica,sans-serif;}
.BotonIluminadoGrande{
    font-size:120%;
    padding:2px  2px  2px  2px; 
    font-weight: bold;
      cursor: pointer;
    color:#5a7139;
      text-decoration:none;
}




/* Final Estilos Pestanas */


/* INICIO ESTILOS GENERADOR DE REPORTES*/

.datosReporte { 
    font-family: Roboto, Arial,  Helvetica, Verdana, sans-serif; 
    font-size: 9px; 
    color: #666666;
}

.tituloReporte { 
    font-family:  Roboto, Helvetica, Verdana, Arial,sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    color: BLACK
}

.tituloColumnasReporte { 
    font-family: Roboto, Arial,  Helvetica, Verdana, sans-serif; 
    font-size: 9px; 
    color: #666666; 
    font-weight: bold
}

.tituloOrderByAgrupado1 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.tituloOrderByAgrupado2 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666; 
    font-weight: bold;
}

.tituloOrderByAgrupado3 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.tituloOrderByAgrupado4 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.tituloOrderByAgrupado5 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.tituloOrderByAgrupado6 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.tituloOrderByAgrupado7 { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

.funcionParcial { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666; 
    font-weight: bold;
}

.funcionTotal { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 9px; 
    color: #666666;
    font-weight: bold;
}

/* FINAL ESTILOS GENERADOR DE REPORTES*/

.campoObligatorioEnLaForma { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 11px; 
    color: #800080;
    font-weight: bold;
}


/*INICIO ESTILOS MENÚ GRADOS*/

.clsMenuItemIE    {
    text-decoration: none; 
    font: bold 12px Arial; 
    color: white; 
    cursor: pointer; 
    z-index:100
}

#MainTable A:hover {
    color: #003399;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    background: url(imagenes/menues/menu_bg.jpg) no-repeat;
    vertical-align: middle;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    padding-top: 5px;
    padding-left: 18px;
    height: 19px !important;
    height: 24px;
    width: auto;
    text-decoration: none;
    text-transform:uppercase
}

a.mainlevel:hover {
    background-position: 0px -25px;
    text-decoration: none;
    color: #FC6401;
    text-transform:uppercase
}

a.sublevel:link, a.sublevel:visited {
    padding-left: 1px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #ff6600;
    text-align: left;
}

a.sublevel:hover {
    color: #ffcc00;
    text-decoration: none;
}

.botonFormaAmarillo {
    background: #F5DB5E;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:BLACK;height:19px;
    text-decoration:none;cursor: pointer;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;

}

.botonFormaVinoTinto {
    background: #800080;
    border-bottom: 1px solid #345221;
    border-right: 1px solid #345221;
    border-left: 1px solid #D7FFC3;
    border-top:1px solid #D7FFC3;
    color:WHITE;height:19px;
    text-decoration:none;cursor: pointer;
    font-size: 11px; 
    font-family: Verdana,Arial,Helvetica;

}


/*FINAL ESTILOS MENÚ GRADOS*/

/*INICIO ESTILOS BOTONERA*/
a {
    color: #6699cc;
    text-decoration: none;
}
a:hover {
    color : #30569D;
    text-decoration : underline;
}
a:active {
    color : #333333;
    text-decoration : underline;
}
table#toolbar {
    margin-right: 3px;
    margin-left: 3px;
}

table#toolbar a.toolbar {
    color : #000099;
    text-decoration : none;
    display: block;
    border: 1px solid #6699cc;
    width: 55px;
    height: 50px;
    padding: 2px 1px 2px 1px;
    background-color: #FFFFFF;
    font: 10px Verdana;
    font-size: 10px;
}
table#toolbar a.toolbar:hover {
    color : #000066;
    border: 1px solid #6699cc;
    background-color: #d9e5f2;
    padding: 3px 0px 1px 2px;
}
table#toolbar a.toolbar:active {
    color : #6699cc;
}

/*FINAL ESTILOS BOTONERA*/

.resaltarNegro { 
    font-family: Roboto, Helvetica, Verdana, Arial, sans-serif; 
    font-size: 18px; 
    font-weight: bold; 
    color: black;
}
/* Para los botones al estilo Joomla */

#cpanel {  text-align: center;  vertical-align: middle; }

#cpanel div.icon   { margin: 3px; }
#cpanel div.icon a { 
        display: block;
        height: 97px !important;
        height: 100px; 
        width: 90px !important;
        width: 92px; 
        vertical-align: middle; 
        text-decoration : none;
        border: 1px solid #DDD;
        padding: 2px 5px 1px 5px;
}

#cpanel div.icon a:link    {  color : #808080;  }
#cpanel div.icon a:hover   { 
        color : #333; 
        background-color: #f1e8e6;  
        border: 1px solid #c24733;
        padding: 3px 4px 0px 6px; 
}
#cpanel div.icon a:active  {  color : #808080;  }
#cpanel div.icon a:visited {  color : #808080;  }

#cpanel div.icon img { margin-top: 13px; }
#cpanel div.icon span { display: block; padding-top: 3px;}

                                                    
/* Embedded popup box *********************************************************/
/* defaults to hidden, displays on click */
.popbox {
    display: none;
    width: 300px;
    border-style: solid;
    border-color: #F6B629;
    border-width: 1px 2px 2px 1px;
    background-color: #FFEECD;
    text-align: left;
    padding: 10px;
    position: absolute;
    z-index: 5;
    color: #666666;
    font-size: 11px;
}
                                                    
.mceActionPanel {
    margin-top: 8px;
}



/* CSS Ayudas contextuales */

.globo {
    position:relative; 
    width:250px; 
    left:570px;
    top:270px;
    /*z-index:1000px;*/
    }
    
.pestana {
    background-image:url(/imagenes/contextual/flechaGlob.gif);
    background-repeat:no-repeat;
    width:12px;
    height:23px;
    position:absolute;
    top:20px;
    right:9px;
    } 

.pestanaLeft {
    background-image:url(/imagenes/contextual/flechaLeft.gif);
    background-repeat:no-repeat;
    width:12px;
    height:23px;
    position:absolute;
    top:20px;
    left:1px;
    margin: 0px;
    padding: 0px;
    } 

.shadown {
    background-image:url(/imagenes/contextual/bkg.gif);
    background-repeat: repeat-y;
    width:249px;
    margin:0px;
    padding:0px;
    }
    
.shadown p {
    font:normal 11px/15px Arial, Helvetica, sans-serif;
    margin:0 0 0 10px;
    padding:5px 15px;
    width:170px;
    text-align:left;
    } 
    
.shadownLeft {
    background-image:url(/imagenes/contextual/bkgLeft1.gif);
    background-repeat: repeat-y;
    background-position: left;
    width:249px;
    float:left;
    float: none;
    margin:0px;
    padding:0px;
    /*background-color: #f00;*/
    }
    
.shadownLeft p {
    font:normal 11px/15px Arial, Helvetica, sans-serif;
    margin:0 0 0 0px;
    padding: 0;
    /*padding:5px 15px 0 0;*/
    float: left;
    width:170px;
    text-align:left;
    } 
    
.close {
    position:absolute;
    top:20px;
    right:30px;
    cursor: pointer;
    display: block;
    }
    
/* Fin ayudas contextuales */

/* Para modulo de Transporte*/
.autocompletar  {
    border-style: solid;
    border-color: #A0ABB9;
    border-width: 1px 2px 2px 1px;
    background-color: #D0DEEC;
    text-align: left;
    padding: 10px;
    color: #666666;
    font-size: 11px;
}

.cadenaclaro {
    float:left;
    width: 100%;
    padding:1px;
    background-color: #f1f1f1;
    border-radius: 15px 15px 15px 15px;
}

.sobre {
    position:absolute;
    top:8px;
    left:43px;
    border:none;
}


.fieldset_formas {
    border:1px solid #8C8C8C;
    border-radius: 2px;
    /* box-shadow: 1px 1px 1px #808080; */
    padding: 7px;
    font-family: Roboto, Geneva, sans-serif;
}