/***** ESTRUCTURA ESTANDARD ******/

/***** MASTER TESTDIV ******/

HTML
{
}

BODY
{
    margin: 0px;
}

FORM
{
}

.POSICION
{
    width: 1024px;
    margin: auto;
}

.GENERAL
{
}

.CABECERA
{
    position: relative;
}

.BANNER
{
}

.LOGO
{
    position: absolute;
}

.IDENT
{
    position: absolute;
}
.DESCONECTAR
{
    position: absolute;
}

.MENU
{
     position: relative; 
}
.PAGINA
{
    position: relative;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: 0px;
}
.CONTENT
{
}

/*********** IDENTIFICACION *************/


.IDENT_CAMPO
{
    font-weight: bold;
}

.IDENT_VALOR
{
}

/****** ids del ident ******/


#campopersona
{
}

#valorpersona
{
}

#camposeparador
{
}

#campoempresa
{
}

#valorempresa
{
}

#campocombo
{
}

#combosubordinados
{
}

/***** BARRA DE ACCIONES ******/

.ACCIONES
{
    position: relative;
}
.TITULOCONTENIDO
{
    position: absolute;
}

.BOTONERA
{
    position: absolute;
}

.BOTONERA_ETIQUETA
{
    float: left;
    line-height: 24px;
     padding-right:5px;
    padding-left:5px;
}

.BOTONERA_COMBO
{
    float: left;
}
.BOTONERA_IMAGEN
{
    float: left;
}
.BOTONERA_LINK
{
    float: left;
}
.BOTONERA_BOTON
{
    float: left;
    cursor: hand;
}

.BOTONERA_PANEL
{
    float: left;
}

/*********** CONTENIDO LOGIN *************/

.CONTENIDO_LOGIN
{
    height: 320px;
    position: relative;
    
}

.LOGIN_ERROR
{
    position: absolute;
}

.LOGIN_NOTA
{
    position: absolute;
}

.LOGIN_TITULO
{
    position: absolute;
}

.LOGIN_DETALLE
{
    position: absolute;
}

.LOGIN_FORM
{
}

.LOGIN_IMAGEN
{
    position: absolute;
}

.LOGIN_USUARIO
{
    position: absolute;
}
.LOGIN_PASSWORD
{
    position: absolute;
}

.LOGIN_SEGURIDAD1
{
    position: absolute;
}
.LOGIN_SEGURIDAD2
{
    position: absolute;
}

.LOGIN_SEGURIDAD3
{
    position: absolute;
}


.LOGIN_TEXTO
{
    line-height: 20px;
    float: left;
    width: 100px;
}
.LOGIN_TXTBOX
{
    text-align: left;
    width: 100px;
    float: left;
    margin-left: 10px;
}

.LOGIN_VALIDATOR
{
    float: left;
    font-family: Arial;
    font-size: 19pt;
    color: Red;
    width: 20px;
    text-align: center;
}

.LOGIN_BOTONERA
{
    position: absolute;
}


/*********** CONTENIDO UMBRAL *************/

.CONTENIDO_UMBRAL
{
    height: 300px;
}

.UMBRAL_ERROR
{
    display: block ;
    padding-top: 100px;
}

.UMBRAL_INFO
{
    display: block ;
    padding-top: 100px;
}

/*********** CONTENIDO P24 *************/
.COMBO_HISTORIAL
{
}

.COMBO_LEFT
{
    position: relative;
}

.COMBO_CENTRADO
{
    position: relative;
}

.COMBO_RIGHT
{
    position: relative;
}

.MENSAJE_SUBTITULO
{
    text-align: left;
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 20px;
}

/*********** CONTENIDO CAPITULO *************/

.CONTENIDO
{
    height: auto!important; /* para los browsers buenos */
     height: 300px; /* para IE5+ */
     min-height: 300px; /* para los browsers buenos */

    }

.WIZARD
{
    text-align: left;
    width: 100%;
}

.WIZARD_PASO_ACTIVO
{
    width: 120px;
    float: left;
    text-align: center;
    background-image: url(images/wizardon.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
.WIZARD_PASO_INACTIVO
{
    width: 120px;
    float: left;
    text-align: center;
    background-image: url(images/wizardoff.gif);
    background-position: top center;
    background-repeat: no-repeat;
}
.WIZARD_NUMERO_ACTIVO
{
    text-align: center;
    margin: 9px;
}
.WIZARD_NUMERO_INACTIVO
{
    text-align: center;
    margin: 9px;
}
.WIZARD_INFO_ACTIVO
{
    text-align: center;
    padding-top: 5px;
}
.WIZARD_INFO_INACTIVO
{
    text-align: center;
    padding-top: 5px;
}

.TABCAPITULOS
{
}

.CAPITULO
{
}

/*********** CONTENIDO ERROR *************/

.CONTENIDO_ERROR
{
    height: 100%;
    padding-top: 30px;
}

.ERROR_JAVASCRIPT
{
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    text-align: left;
}

/*********** MENSAJE INFO *************/

.MENSAJE_INFO
{
    font-weight: bold;
    font-size: 10pt;
}

/*********** RECIBOS *************/

.ARBOL_DOCUMENTOS
{
    text-align: left;
    margin-left: 30px;
    margin-top: 20px;
    padding-bottom: 30px;
}

.DOCUMENTO_ERROR
{
    line-height : 300px;
    }
    
    .DOCUMENTO_DETALLE
    {
        display : block ;
    text-align: left;
    margin-left: 25px;
    padding-top: 10px;
    margin-bottom: 5px;
    margin-right: 20px;
        }

.MENSAJE_COMENTARIO
{
    font-size: 8pt;
}

/*********** IDIOMA *************/

.BOTONERA_TEXTO
{
    float: left;
    margin-right: 4px;
}
.BOTONERA_SEPARADOR
{
    float: left;
}


/*********** MARCOS *************/

.MARCO_NW
{
    position: absolute;
    width: 10px;
    height: 20px;
    top: 0px;
    left: 0px;
    background-image: url(images/Marco_NW.gif);
    background-position: top left;
    background-repeat: no-repeat;
}
.MARCO_N
{
    position: absolute;
    height: 20px;
    top: 0px;
    left: 10px;
    right: 10px;
    background-image: url(images/Marco_N.gif);
    background-position: top;
    background-repeat: repeat-x;
}
.MARCO_NE
{
    position: absolute;
    width: 10px;
    height: 20px;
    top: 0px;
    right: 0px;
    background-image: url(images/Marco_NE.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
.MARCO_W
{
    position: absolute;
    width: 10px;
    top: 20px;
    left: 0px;
    bottom: 10px;
    background-image: url(images/Marco_W.gif);
    background-position: left center;
    background-repeat: repeat-y;
}
.MARCO_E
{
    position: absolute;
    width: 10px;
    top: 20px;
    right: 0px;
    bottom: 10px;
    background-image: url(images/Marco_E.gif);
    background-position: right center;
    background-repeat: repeat-y;
}
.MARCO_SW
{
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0px;
    left: 0px;
    background-image: url(images/Marco_SW.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.MARCO_S
{
    position: absolute;
    height: 10px;
    bottom: 0px;
    left: 10px;
    right: 10px;
    background-image: url(images/Marco_S.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}
.MARCO_SE
{
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: 0px;
    right: 0px;
    background-image: url(images/Marco_SE.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.MARCO_TEXTO
{
    position: absolute;
    top: 5px;
    left: 10px;
}
.MARCO_CONTENIDO
{
    position: absolute;
    top: 20px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    background-image: url(images/Marco_Contenido.gif);
    background-position: top center;
}

/*********** AMPLIABLES *************/

.AMPLIABLE
{
}
.TITULO_AMPLIABLE
{
    position: absolute;
}

.AMPLIABLE_CONTENIDO
{
    position: absolute;
    top: 25px;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

/*********** CONTRASEÑA *************/
.CONTENIDO_CONTRASEÑA
{
    height: 300px;
    padding-top: 40px;
}
.CONTRASEÑA
{
    text-align: left;
    padding-left: 25px;
    float: left;
    font-size: 9pt;
    margin-bottom: 10px;
}

.CONTRASEÑA_ACTUAL
{
    text-align: right;
}
.CONTRASEÑA_NUEVA
{
    text-align: right;
    clear: both;
}
.VERIFICAR_CONTRASEÑA
{
    text-align: right;
    clear: both;
}
.CONTRASEÑA_TXT
{
    float: left;
    padding-right: 10px;
    line-height: 24px;
    font-weight: bold;
}
.CONTRASEÑA_TXTBOX
{
}
.CONTRASEÑA_COMENTARIO
{
    margin-bottom: 10px;
    float: right;
    margin-right: 200px;
}

.CONTRASEÑA_SUBTITULO
{
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}
.CONTRASEÑA_INFO
{
}
/**************** SEGURIDAD ***********************/

.SEGURIDAD
{
    position: relative;
    margin: auto;
    height: 70px;
}
.SEGURIDAD_1
{
}
.SEGURIDAD_2
{
}
.SEGURIDAD_3
{
}
.LOGIN_SEGURIDAD
{
    padding-top: 100px;
    width: 500px;
    text-align: right;
    position: relative;
    background-position: bottom;
}

/**************** ZONAS DE LISTA *********************/
.ZONA
{
}

.ACCIONES_ZONA
{
    position: relative;
}
.TITULO_ZONA
{
    position: absolute;
}

.ZONA_CONTENIDO
{
}


/**************** CALENDARIOS *********************/
.CONTENIDO_CALENDARIO
{
    width: 100%;
}

.LEYENDA
{
    margin-top: 20px;
    text-align: left;
    width: 250px;
    margin-left: 0px;
    margin-right: auto;
    float: left;
}

.SPLITTER
{
    background-image: url('images/splitter.gif');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    margin-top: 20px;
    cursor: hand;
    float: left;
}

.CALENDARIO_MES
{
    display: inline;
    margin: 2px;
}
.LEYENDA_ARBOL
{
    padding-left: 20px;
    padding-top: 10px;
    width: 250px;
}
.CALENDARIO_PANEL
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: 0px;
    float: left;
    width: 720px;
}

.REMEMBER_PASSWORD
{
    position:absolute;

}