/**
    * CAMPOS GENERALES
    *
    **************************************/

    body {
               margin: 0;
     background-color: white;
    }
   
    table {
        border-collapse: collapse;
                 margin: 0;
    }
   
    td {
             font: 8pt Verdana;
            color: white;
       text-align: center;
          padding: 0px;
    }
   
    img {
        border: none;
        margin: 0;
    }

    
    /**
    * LINKS DEFAULT
    *
    **************************************/

    a {
              color: #f8c300; /* El amarillo oscuro de la E*/
    text-decoration: none;
    }

    a:link {

    }
   
    a:visited {

    }
   
    a:hover {
               color: white;
    }

    a.ON {
               color: white;
    }    
    a.OFF {

    }

    /**
    * LINKS INVERTIDOS
    *
    **************************************/
    
    a.Invertido {
              color: white;
    text-decoration: none;
    }

    a.Invertido:link {

    }
   
    a.Invertido:visited {

    }
   
    a.Invertido:hover {
               color:  #f8c300; /* El amarillo oscuro de la E*/
    }


    /**
    * TABLA DE LA BOTONERA
    *
    **************************************/

    table.Botonera {
    background-color: none;
             padding: 0px;
              margin: 0px;
    }


    /**
    * MODULOS o SECCIONES
    * Se usa en tódos los módulos y puede sobreescribirse
    * en la hoja de estilo específica del módulo
    *
    **************************************/
    table.Module{
               margin: 0px;
                width: 100%;
    }

    td.ModuleImage{
       vertical-align: top;
    }
    
    td.ModuleTitulo{
               height: 29px;
           text-align: right;
       vertical-align: bottom;
              padding: 0px 0px 2px 0px; /* top, right, bottom, left */
               border: solid;
         border-color: white;
         border-width: 0px 0px 1px 0px;
    }
    
    td.ModuleSubTitulo{
               height: 70px;
           text-align: left;
                 font: 9pt Verdana;
                color: white;
       vertical-align: bottom;
              padding: 0px 0px 0px 2px; /* top, right, bottom, left */
    }
    
    td.ModuleTexto{
            font-size: 12px;
          font-family: Arial, Helvetica, sans-serif;
                color: #FFFFFF;
           text-align: justify;
       vertical-align: top;
              padding: 5px 14px 5px 14px; /* top, right, bottom, left */
    }

    /**
    * MENSAJES DE SISTEMA
    * Se usa para la plantilla de mensajes de mensajes genéricos,
    * tales como notfound o enconstruccion.
    *
    **************************************/
    
    table.Error{
         width: 100%;
        height: 400px;
    }
    
    td.ErrorBody{
                 color: red;
                  font: Bold 9pt Verdana;
            text-align: center;
        vertical-align: middle;
    }
    
    table.Recuadro {
                height: 350px;
                 width: 95%;
    }
    
    
    td.Recuadro {
                 color: white;
                  font: Bold 9pt Verdana;
            text-align: center;
        vertical-align: middle;
                border: solid;
          border-width: 1px;
          border-color: blue;
            text-align: center;
        vertical-align: middle;
    }
    
    
    
    /**
    * USO GENERAL
    *
    **************************************/
    
    span.Info {
        color: white;
         font: bold 8pt;
    }
    
    span.Error {
        
    }
    
    /* Indice de contenido :: Links a los anclas de los textos largos */
    a.Indice {
        font-weight: bold;
    }
    
    /* Listas ordenadas por letras minuscula */
    ol.Alfabetico {
        list-style-type: lower-alpha;
    }
    
    /* Para no usar el tag I de HTML */
    *.Italica {
        font-style: Italic;
    }    
    
    /**
    * FORMULARIOS
    *
    **************************************/
    
    table.Formulario{
                      width: 90%;
    }
    
    td.FormularioTitulo{
                    padding: 2px;
                       font: Bold 10pt Verdana;
                      color: white;
                 text-align: left;
           background-color: #005F87;
    }
    
    td.FormularioTituloDeCampo{
        text-align: right;
           padding: 0px 2px 0px 0px;
    }
    
    td.FormularioCampo{
        text-align: left;
    }
    
    td.FormularioSeparador{
              font: Bold 9pt Verdana;
             color: orange;
            height: 5px;
        text-align: center;
    vertical-align: top;
           padding: 4px 0px 4px 0px;
    }
    
    td.FormularioBoton{
              border: solid;
        border-width: 1px 0px 0px 0px;
        border-color: #005F87;
          text-align: right;
             padding: 2px 2px 2px 0px;
    }
    
    td.FormularioDatos{
        text-align: left;
    }

    
    /**
    * OBJETOS DE FORMULARIO
    *
    **************************************/
    
    td.BotonExtremoIzquierdo {
                      width: 7px;
           background-image: url(../images/bg_boton_izq.png);
        background-position: center right;
          background-repeat: no-repeat;
    }
    
    td.BotonTexto {
                      color: white;
                       font: bold 8pt Arial;
                     cursor: pointer;
           background-image: url(../images/bg_boton_centro.png);
        background-position: top left;
          background-repeat: repeat-x;
           background-color: transparent;
                     height: 16px;
    }

    td.BotonExtremoDerecho {
                      width: 7px;
           background-image: url(../images/bg_boton_der.png);
        background-position: top left;
          background-repeat: no-repeat;
    }
    
    td.BotonSeparado {
                      width: 9px;
    }    
    
    input.Text{
            color: black;
           height: 15px;
             font: 8pt Verdana;
           border: 1px solid gray;
       text-align: left;
          padding: 0px 3px 0px 3px;
           margin: 0px 0px 0px 0px;
 background-color: #E4E4E4;
    }
    
    select {
          font: 8pt Verdana;
        border: none;
        height: 13px;
    }
    
    textarea {
               width: 100%;
                font: 8pt Verdana;
              border: solid;
        border-width: 1px;
        border-color: gray;
    background-color: #E4E4E4;
    }
    
/**
* TABLA DE LISTADOS
* Tabla contenedora de los items de un listado genérico
********************************************************/

table.Listado{
      /* OJO, esta opción hace que la tabla se despegue del borde del contenedor */
      border-collapse: separate;
}

/* Celda contenedora del título de una columna */
td.ListadoTituloDeColumna, td.ListadoBigTituloDeColumna{
                color: white;
     background-color: #01385F;
           text-align: left;
                 font: 7.5pt Verdana;
              padding: 0px 2px 0px 2px;
}

/* Celda contenedora del título de una columna OPCION 2 */
td.ListadoBigTituloDeColumna {
               height: 20px;
            font-size: 9pt;
          font-weight: bold;
}

/* Celda contenedora del Icono de un item */
td.ListadoCeldaDeIcono{
                width: 20px;
           text-align: right;
              padding: 0px;
}

/* Celda contenedora de los datos de un item */
td.ListadoCeldaDeItem {
           text-align: left;
     background-color: #014A7E;
                 font: 7.5pt Verdana;
              padding: 0px 5px 0px 2px;
          white-space: nowrap;
}


/* Celda contenedora de un botón en el item */
td.ListadoCeldaDeBoton{
     background-color: white;
       vertical-align: middle;
}

/* Celda contenedora de una tabla para detalles */
td.ListadoCeldaDeDetalle{
    /* 
    Como esto es dependiente del listado, definir valores específicos
    en la hoja CSS del módulo 
    */
}