body{

}
.bodyClass {
    /*MARGIN-LEFT: 5px; margin-top: 0px; WIDTH: 980px*/
    margin-top: 0px;
    background: url('../imagenes/background.jpg') repeat-y center;
}
.Tabla {
    FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #006699; FONT-SIZE: 11px
}
.TablaFooter {
    FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #006699; FONT-SIZE: 13px
}
.Faqs {
    FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #006699; FONT-SIZE: 14px
}


/*A:link {
    FONT-FAMILY: Arial,Helvetica; COLOR: #000000; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:visited {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:active {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:hover {
    FONT-FAMILY: Arial,Helvetica; COLOR: #0066cb; FONT-SIZE: 11px; TEXT-DECORATION: none
}*/

a.anchor:link {
    FONT-FAMILY: Arial,Helvetica;
    COLOR: #000000;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
a.anchor:visited {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
a.anchor:active {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
a.anchor:hover {
    FONT-FAMILY: Arial,Helvetica; COLOR: #0066cb; FONT-SIZE: 11px; TEXT-DECORATION: none
}

a.paginacion:link {
    FONT-FAMILY: Arial,Helvetica;
    COLOR: #000000;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
a.paginacion:visited {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
a.paginacion:active {
    FONT-FAMILY: Arial,Helvetica; COLOR: #333333; FONT-SIZE: 11px; TEXT-DECORATION: none
}
a.paginacion:hover {
    FONT-FAMILY: Arial,Helvetica; COLOR: #0066cb; FONT-SIZE: 11px; text-decoration: underline;
}


	.TITULAR:link			{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none}
	.TITULAR:visited		{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none}
	.TITULAR:active			{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none}
	.TITULAR:hover			{FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: Verdana,Arial,Helvetica; TEXT-DECORATION: none}

.Estilo1b {color: #0066CB}
.Estilo3 {color: #0066CB; font-weight: bold; }
.Estilo4 {font-family: Arial, Helvetica, sans-serif}
.Estilo14 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.EstiloObservaciones {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: normal; }
.Estilo15 {color: #FFFFFF}
.Estilo43 {color: #000000}
.Estilo43b {color: #000000; FONT-SIZE: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}

.jorge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CB;
}
.jorgeBlanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.jorgePlus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CB;
}

.jorgePlusBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0066CB;
    font-weight: bold;
}

.jorgePlusBoldBlack {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}


.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FF0000;
	font-weight: bold
}

.rojo{
    color: #FF0000;
    font-weight: bold
}

.brown{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: brown;
}


.user {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0099FF;
	font-weight: bold
}

.Estilo5 {font-weight: bold;font-size: 13px;}
.Estilo6 {font-size: 12px}
.textoLegal {font-size: 14px}
.Estilo2 {color: #000000}
.EstiloMenu{color: #006699; font-size: 15px; font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.Estilo1 {color: #FFFFFF}
.EstadoFactura {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold
}
.EstadoFacturaPlus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #FFFFFF;
	font-weight: bold
}
.EstadoFacturaPlus2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #AA7777;
	font-weight: bold
}
.EstadoFacturaPlus3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold
}

#cache {
    position:absolute;
    left:10;
    top:10px;
    z-index:200;
    visibility:hidden;
}

/*--------------------------------------------------------------------------*/




.subtitulo1, .error2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #0066CB;
    font-weight: bold;
    margin-left: 10px;
}

.subtitulo2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: red;
    font-weight: bold;
    margin-left: 10px;
}


.letraIcono{
    color: #006080;
    font-family: Arial,helveticaFantasy, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.letraTituloArea{
    color: #006080;
    font-family: Arial,helveticaFantasy, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.letraSiNo{
    color: #000000;
    font-family: Arial,helveticaFantasy, sans-serif;
    font-size: 20px;
    font-weight: bold;

}
.imagenTitulo{
    color: #006080;
   /* color:#0066cb;*/
    font-family: Arial,helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}


.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}


.botonVolver{
    position:absolute;
    left: 830px;
    top: 165px;
}

.msjInfo{
}

.msjError{
}


a.button {
    /* Sliding right image */
    background: transparent url('../imagenes/btn_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 29px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right: 13px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: white;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

a.button span {
    /* Background left image */
    background: transparent url('../imagenes/btn_left.png') no-repeat;
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 15px;
    color: white;
}

a.button:hover span{
    text-decoration:none;
}

a.button:hover {
    background-position: 100% -28px;
}

a.button:hover span {
    background-position: 0% -28px;
}

a.buttonSky{
    /* Sliding right image */
    background: transparent url('../imagenes/btn_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 29px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right: 13px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: white;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

a.buttonSky span {
    /* Background left image */
    background: transparent url('../imagenes/btn_left.png') no-repeat;
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 15px;
    color: white;
}

a.buttonSky:hover span{
    text-decoration:none;
}

a.buttonSky:hover {
    background-position: 100% -28px;
}

a.buttonSky:hover span {
    background-position: 0% -28px;
}


.menuTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url('../imagenes/TableWithBar_r1_back.jpg');

    background-repeat: repeat-x;
}

/* Menu item */
a.menuItem {
    /* Sliding right image */
    background: transparent url('../imagenes/menuItem_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:11px;
}

a.menuItem span {
    /* Background left image */
    background: transparent url('../imagenes/menuItem_left.png') no-repeat;
    display: block;
    line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 15px;
}

/**************************************/
a.menuItemSelected {
    /* Sliding right image */
    background: transparent url('../imagenes/menuItem_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 25px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right: 9px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:11px;
    background-position: 100% -25px;
}

a.menuItemSelected span {
    /* Background left image */
    background: transparent url('../imagenes/menuItem_left.png') no-repeat;
    display: block;
    line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 15px;
    background-position: 100% -25px;
}
a.menuItem:hover span{
    text-decoration:none;
}

a.menuItem:hover {
    background-position: 100% -25px;
}

a.menuItem:hover span {
    background-position: 0% -25px;
}

a.menuItemSelected:hover span{
    text-decoration:none;
}

a.menuItemSelected:active span{
    outline: none;
}

.rowLightGreen{
    /*background-color: #e8f3ec;*/
    background-color: #ffffff;
}

.rowGreen{
    background-color: #71F0A0;
}
.rowRed{
    background-color: #ff6464;
}
.rowYellow{
    background-color: #EFF2B3;
}
.rowLightViolet{
    background-color: #d6d6ee;
}
.rowBlue{
    background-color: #cbf3ff;
}

.rowLightBlue{
    background-color: #dfefff;
}


.colWhite{
    background-color: #ffffff;
}

.colFosforito{
    background-color: #FFFF3C;
}

.colNaranja{
    background-color: #fcc796;
}


.colGris{
    background-color: #C0C0C0;
}

.colVioleta{
    background-color:  #d9b0c7;
}

.colBeis{
    background-color:  #ADD8E6;
}

.lineaSeparacion{
    border-bottom: 3px solid #006080;
}

.menuTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url('../imagenes/TableWithBar_r1_back.jpg');

    background-repeat: repeat-x;
}

a.button {
    /* Sliding right image */
    background: transparent url('../imagenes/btn_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 29px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right: 13px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: white;
    font-family: Verdana,Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
}

a.button span {
    /* Background left image */
    background: transparent url('../imagenes/btn_left.png') no-repeat;
    display: block;
    line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 7px;
    padding-left: 15px;
    color: white;
}

a.button:hover span{
    text-decoration:none;
}

a.button:hover {
    background-position: 100% -28px;
}

a.button:hover span {
    background-position: 0% -28px;
}

/*XML popup window*/
.modal {
    display: none; /* Oculto por defecto */
    position: fixed; /* Posición fija para cubrir toda la pantalla */
    z-index: 1000; /* Asegúrate de que esté por encima de todo */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Habilita el scroll si el contenido es muy largo */
    background-color: rgba(0, 0, 0, 0.4); /* Fondo semi-transparente */
}

/* Contenido del modal */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% desde la parte superior y centrado horizontalmente */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Ancho del modal */
    max-width: 500px; /* Ancho máximo */
    position: relative;
    border-radius: 8px;
}

/* Botón de cerrar */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}