.etiq-tituloDestacado {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 24px;
    font-weight: bold;
    color: #96d8f5
}

.etiq-tiendaHome {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
    font-weight: bold;
    color: #96d8f5
}

.etiq-regtitulo {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    font-weight: bold;
    color: #1464be
}

.etiq-titulo {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 22px;
    font-weight: bold;
    color: #1464be
}

.etiq-grande {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 18px;
    font-weight: bold;
    color: #1464be
}

.etiq-regulardestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    font-weight: bold;
    color: #1464be
}

.etiq-regulardestacadaBlanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF
}

.etiq-regular {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 14px;
    color: #1464be
}

.etiq-peqdestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
    font-weight: bold;
    color: #1464be
}

.etiq-regdestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 14px;
    font-weight: bold;
    color: #1464be
}

.etiq-peqblanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    color: #FFFFFF
}

.etiq-peqblanca2 {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 10px;
    color: #FFFFFF
}

.etiq-peqblancadestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF
}

.etiq-regblanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 14px;
    color: #FFFFFF
}

.etiq-grandeblanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    color: #FFFFFF
}

.etiq-peqblancaSub {
    font-family: Arial,"Trebuchet MS", Verdana, "Helavetica Condensed";
    font-size: 11px;
    color: #FFFFFF
}

.etiq-medianaBlancaDestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #FFFFFF;
    font-weight: bold
}

.etiq-grandeBlancaDestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold
}

.etiq-encuestaTiempo {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold
}

.etiq-tituloBlack {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 22px;
    font-weight: bold;
    color: #252525
}

.etiq-largeBlancaDestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 34px;
    color: #FFFFFF;
    font-weight: bold
}

.etiq-mediana {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px
}

.etiq-pequenaGris {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    color: Gray
}

.etiq-pequena {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    line-height: 1
}

.etiq-pequena-padding {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    padding-left: 3px;
    padding-right: 2px
}

.etiq-pequedestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px
}

.etiq-pequedestacadafondoscuro {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    color: #252525;
    font-weight: bold;
}

.etiq-ayudaBlanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
}

.etiq-ayudaBlancaPrincipal {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-weight: bold;
    font-size: 11px;
    color: #616161;
}

.etiq-ayuda {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-weight: bold;
    font-size: 11px;
}

.etiq-error {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #CC0000
}

/* Encuestas */
.etiq-titulopregunta {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 22px;
    font-weight: bold;
    color: #000000;
}

.contenido-regudestacadorespuesta {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.link-regublancoMTR {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF
}

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

.contenido-regudestacadoPGTMTR {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

/*matriz traspuesta*/
.headerMTRTras {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold
}

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

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

/*titulo de los reportes*/
.reporteEstilo {
    color: #1464be;
}

.imagenLogin a {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    border: solid 0 #CCCCCC;
}

    .imagenLogin a:hover {
        border: solid 1px #2188d0;
        filter: alpha(opacity=60);
        opacity: .60;
        filter: alpha(opacity=60);
        display: block;
        float: left;
    }

/* Estilos para pagina de catalogo */


.TituloTienda {
    font-family: Arial;
    font-size: x-small;
    font-weight: bold;
}

.TituloTiendapeq {
    font-family: Arial;
    font-size: small;
    font-weight: bold;
}

.menuDesplegable {
    width: 140px;
    background-color: #F2F2F2;
}
/** width -> ancho fijo del menu, background-color -> fondo del menu **/
.link-menuDesplagable1 a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #0000FF;
}
/** estilo para el icono Data Maestra (menu nivel 1) **/
.link-menuDesplagable2 a, .link-menuDesplagable2 a:visited {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    white-space: normal;
    font-size: 12px;
    color: #0000FF;
    width: 100%;
}

    .link-menuDesplagable2 a:hover {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        white-space: normal;
        font-size: 12px;
        color: #000000;
        font-weight: bold;
        background-color: #96d8f5;
        width: 100%;
    }

a.link-extragrandeGrid {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
}

a.link-extragrande {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px
}

a.link-grande {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px
}

a.link-grandestacado {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #007cc2;
    font-weight: bold;
}

    a.link-grandestacado:visited {
        color: #007cc2
    }

a.link-regularPequeno {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
/* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */
a.link-regular {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
    text-decoration: underline;
    color: #0000FF;
}
/* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */
a.link-regular2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    white-space: normal;
    font-size: 12px
}

a.link-regudestacado {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

    a.link-regudestacado:visited {
        color: #007cc2
    }

a.link-grandeBlanco {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF
}

a.link-medianoblanco {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF
}

a.link-extraGrandeblanco {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFFFFF
}

a.link-medianodestacado {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #96d8f5
}

a.link-regublanco {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF
}

a.link-peqblanco {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFFFFF
}

a.link-pequeno {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px
}

    a.link-pequeno:visited {
        color: #007cc2
    }

a.fondooscuro {
    color: #252525;
}

    a.fondooscuro:visited {
        color: #252525;
    }

/* Estilo necesario para link sin Href ni PostBack */
a.link-pequeno2 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: underline;
    cursor: hand;
    color: #0000ff;
}
/*a.link-regular {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration: underline; cursor:hand; color:#0000ff;}*/
/*a.link-regublanco {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration: underline; cursor:hand; color: #FFFFFF}*/

.link-regublancos a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: oblique;
}

.nowrap {
    white-space: nowrap
}

.bordeDerechoSPeq {
    border-right: solid 1px lightgray;
}


a.link-regColor {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #fa9e0d
}


.contenido-extragrandedestacadotituloDestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}

.contenido-extragrandedestacadotitulo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-align: center
}

.contenido-extragrande {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px
}

.contenido-extragrandeDestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.contenido-grande {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.contenido-input1 {
    /* Formato WEB param label venta LOGIN (Customs SPD) */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    opacity: 0.9;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    height: 32px;
    margin: 0.5px 0 1px 1px;
    max-height: none;
    outline: none;
    padding: 0 10px 0 19px;
    vertical-align: top;
    width: 380px;
}

    .contenido-input1:focus {
        outline: auto;
    }

.fondo-imagen {
    /* Cambiar su valor segun el asignado en fondo-grisExtraOscuro*/
    background-color: #2E3192;
    background-repeat: no-repeat;
}

.etiq-regular-blanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 14px;
    color: white
}


.contenido-grandedestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold
}

.contenido-grandedestacadoPrincipal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #616161
}

.contenido-medio {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: center
}

.contenido-mediodestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

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

.contenido-regular2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

.contenido-regudestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.contenido-regudestacado2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

.contenido-pequeno {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px
}

.contenido-pequenodestacado {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.contenido-desabilitado {
    color: #808080;
}

.contenido-mega {
    color: #037cc5;
}

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

.alarma-pequena {
    margin-left: 10px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #FF0000
}

/* estilo usado para las filas de los Grids */
.fondo-blanco {
    background-color: #FFFFFF
}
/**/
.fondo-grisClaro {
    background-color: #F2F2F2
}

.fondo-grisOscuro {
    background-color: #D8D8D8
}

.fondo-grisExtraOscuro {
    background-color: #2E3192
}
/*Si se cambia el color actualizar el estilo bordeGrisExtraOscuro*/
.fondo-grisExtraOscuroPrincipal {
    background-color: #E0E0E0
}

.fondo-footerPrincipal {
    background-color: #0080C0
}

/*Estilo usado en las celdas que se ven como pestaña Pagina Empleado y Cliente*/
.bordeGrisExtraOscuro {
    border-right: solid 1px #2E3192;
    /*white-space:nowrap*/
}
/* estilo usado para aplicar el color destacado solo en el borde */
.bordedestacado {
    border: solid 2px #96d8f5
}
/**/

.destacado {
    background-color: #96d8f5
}

.medio, .fotogrande_150:hover, .fotogrande_o:hover {
    background-color: #daecfe
}

.oscuro {
    background-color: #0080C0
}

.carpetaDer {
    background-image: url(../../imagesite/header_w.png);
}

.headerPrincipal {
    background-image: url(../../imagesite/fondo-heder.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-position: left;
}

.headerPrincipalIzq {
    background-image: url(../../imagesite/hederfondo2_04.jpg);
    background-repeat: repeat-y;
    background-position: top;
    background-position: left;
}

.headerLogoPrincipal {
    background-image: url(../../imagesite/home-powl21.jpg);
    background-repeat: repeat-y;
    background-position: top;
    background-position: right;
}

/* ESTILOS PARA COLORES DE FILAS EN REPORTE*/
.destacadoReporte {
    background-color: #96d8f5
}

.medioReporte {
    background-color: #daecfe
}

.oscuroReporte {
    background-color: #0080C0
}
/* estilo usado para las filas de los Grids */
.fondo-blancoReporte {
    background-color: #FFFFFF
}

.fondo-grisClaroReporte {
    background-color: #F2F2F2
}

.fondo-grisOscuroReporte {
    background-color: #D8D8D8
}

.fondo-grisExtraOscuroReporte {
    background-color: #2E3192
}



/* estilo para el header nuevo de web */
.header_toppag {
    background-image: url(../../imagesite/heder-pagsazul.jpg);
}
/* estilo para el header carrito */
.header_toppagCarrito {
    background-image: url(../../imagesite/heder-pagcarrito.jpg);
}

.sombraSite {
    background-color: #0080C0;
}

/* Estilo para un nodo seleccionado del TreeView*/
.nodo-seleccionado {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFFF80;
    font-weight: bold
}


/* estilo usado para mostrar la barra degradada en la parte superior de las ventanas del POS*/
.fondoColumnaIzquierda {
    background-image: url(../../imagesite/fondoSuperior.jpg);
    background-repeat: repeat-x;
    background-position: top;
}

.alineacionDerecha {
    text-align: right;
}

.alineacionIzquierda {
    text-align: left;
}
/**/

/* 2009.02.19 | JCOLOMA */
/* estilo usado para definir la columna de etiquetas del POS y Setup*/
.columnaEtiqueta {
    width: 110px;
    text-align: right;
}

.columnaEtiquetaReporte {
    width: 110px;
    text-align: right;
    padding: 0 1px 4px 0;
}

.columnaFiltrosReporte {
    width: 280px;
    padding: 0 0 4px 1px;
}

.columnaFiltrosReporte2 {
    width: 282px;
    padding: 0;
    margin: 0
}

.columnaIzquierda {
    width: 410px;
}



/* 2009.03.05 | OMURGUIA */
/* estilo usado para definir la columna de etiquetas del RRHH con porcentaje*/

.columnaEtiquetaPor {
    width: 20%;
    text-align: right;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda de las ventanas del POS*/
.anchoColumnaIzq {
    width: 400px;
}
/**/

/* estilo usado para definir la separación entre iconos */
.separadorIcono {
    padding: 0 5px 0 5px;
    text-align: center;
}
/**/

/* estilo usado para definir el ancho de la parte central del separador (seccion liquida). El valor (%) depende del anchoColumnaIzq*/
.anchoSeparador {
    width: 60%;
}
/**/

/* estilo usado para el menu que se encuentra en la columna izquierda de la ventana Principal del POS */
.listaIcono li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-right: 12px;
    float: none;
    text-align: center;
}

.listaIcono a {
    display: block;
    height: 32px;
    overflow: hidden;
}

    .listaIcono a:hover {
        background-image: none;
    }



.compra {
    width: 32px;
    background: transparent url(../../imagesite/registroDeCompra1_32.png) no-repeat 0 0;
}

    .compra a {
        background: transparent url(../../imagesite/registroDeCompra2_32.png) no-repeat 0 0;
    }

.corte {
    width: 32px;
    background: transparent url(../../imagesite/corteDeCaja1_32.png) no-repeat 0 0;
}

    .corte a {
        background: transparent url(../../imagesite/corteDeCaja2_32.png) no-repeat 0 0;
    }

.cierre {
    width: 32px;
    background: transparent url(../../imagesite/cierreDeTienda1_32.png) no-repeat 0 0;
}

    .cierre a {
        background: transparent url(../../imagesite/cierreDeTienda2_32.png) no-repeat 0 0;
    }

.reporte {
    width: 32px;
    background: transparent url(../../imagesite/reporte1_32.png) no-repeat 0 0;
}

    .reporte a {
        background: transparent url(../../imagesite/reporte2_32.png) no-repeat 0 0;
    }

.bitacora {
    width: 32px;
    background: transparent url(../../imagesite/bitacora1_32.png) no-repeat 0 0;
}

    .bitacora a {
        background: transparent url(../../imagesite/bitacora2_32.png) no-repeat 0 0;
    }

.inteligencia {
    width: 32px;
    background: transparent url(../../imagesite/indicadores32_01.jpg) no-repeat 0 0;
}

    .inteligencia a {
        background: transparent url(../../imagesite/indicadores over32_02.jpg) no-repeat 0 0;
    }

.personal {
    width: 32px;
    background: transparent url(../../imagesite/entradaYsalidaPersonal1_32.png) no-repeat 0 0;
}

    .personal a {
        background: transparent url(../../imagesite/entradaYsalidaPersonal2_32.png) no-repeat 0 0;
    }

.maestra {
    width: 32px;
    background: transparent url(../../imagesite/dataMaestra1_32.png) no-repeat 0 0;
}

    .maestra a {
        background: transparent url(../../imagesite/dataMaestra2_32.png) no-repeat 0 0;
    }

/**/

/* estilo usado para el menu que se encuentra en la columna derecha de la ventana Principal del POS */
.listaImagen li {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
}

.listaImagen a {
    display: block;
    height: 48px;
    overflow: hidden;
}

    .listaImagen a:hover {
        background-image: none;
    }

.cerrarsesion {
    width: 48px;
    background: transparent url(../../imagesite/logout1_48.png) no-repeat 0 0;
}

.puntodeventa {
    width: 48px;
    background: transparent url(../../imagesite/puntoDeVenta1_48.png) no-repeat 0 0;
}

    .puntodeventa a {
        background: transparent url(../../imagesite/puntoDeVenta2_48.png) no-repeat 0 0;
    }

.makeline {
    width: 48px;
    background: transparent url(../../imagesite/makeline1_48.png) no-repeat 0 0;
}

    .makeline a {
        background: transparent url(../../imagesite/makeline2_48.png) no-repeat 0 0;
    }

.ruteo {
    width: 48px;
    background: transparent url(../../imagesite/ruteo1_48.png) no-repeat 0 0;
}

    .ruteo a {
        background: transparent url(../../imagesite/ruteo2_48.png) no-repeat 0 0;
    }

.malasordenes {
    width: 48px;
    background: transparent url(../../imagesite/MalaOrden1_48.png) no-repeat 0 0;
}

    .malasordenes a {
        background: transparent url(../../imagesite/MalaOrden2_48.png) no-repeat 0 0;
    }

.tracking {
    width: 48px;
    background: transparent url(../../imagesite/MalaOrden1_48.png) no-repeat 0 0;
}

    .tracking a {
        background: transparent url(../../imagesite/MalaOrden2_48.png) no-repeat 0 0;
    }

.ordenDeCarga {
    width: 48px;
    background: transparent url(../../imagesite/carga1_48.png) no-repeat 0 0;
}

    .ordenDeCarga a {
        background: transparent url(../../imagesite/carga2_48.png) no-repeat 0 0;
    }
/**/

/* estilo usado para ocultar un control manteniendo el espacio que ocupa usado en las ventanas del POS */
.ocultarControl {
    /*visibility:hidden;*/
    display: none;
}
/**/

/* estilo usado para definir la altura de la fila superior en la ventana Principal del POS */
.LineaSuperior {
    height: 10px;
}
/**/

/* estilo usado para definir la altura de la fila inferior en la ventana Principal del POS */
.LineaInferior {
    height: 25px;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda en la ventana Principal del POS */
.ColumnaDer {
    width: 65px;
    vertical-align: top;
    text-align: center;
    padding: 5px 5px 5px 5px;
    min-height: 100%;
    height: 100%;
}
/**/

/* estilo usado para definir el alto de la fila de la columna izquierda en la ventana Principal del POS */
.filaImagen {
    height: 65px;
    vertical-align: middle;
    text-align: center;
    padding: 0 0 0 8px;
}

/* estilo usado para definir el color del marco oscuro en la ventana Principal del POS */
.ColumnaDer, .LineaSuperior, .LineaInferior {
    background-color: #000000;
}
/**/

/* estilo usado para definir el ancho de la columna izquierda en la ventana Principal del POS */
.ColumnaIzq {
    width: 200px;
    vertical-align: top;
    padding: 0 5px 5px 5px;
}
/**/

/* estilo usado para definir el color de fondo en la columna izquierda de la ventana Principal del POS */
.fondoColumnaIzq {
    background-color: #f5f3f4; /*#f9f9f9*/
    text-align: left;
    padding-left: 5px;
}
/**/

/* estilo usado para definir la alineacion del Footer de la ventana Principal del POS */
.CeldaFooter {
    vertical-align: bottom;
    padding: 5px 0 5px 0;
}
/**/

/* estilo usado para definir la alineacion de la columna central en la ventana Principal del POS */
.CeldaCnt {
    vertical-align: top;
    padding: 0 5px 0 5px;
}
/**/

/* estilo usado para definir el fondo de la seccion de busqueda en la ventana Principal del POS */
.fondoColumnaCnt {
    background-image: url(../../imagesite/linea.jpg);
    background-position: right;
    background-repeat: repeat-y;
}
/**/

/* estilo usado para cambiar la imagen del puntero del raton dependiendo de si esta habilitado o no, implementado en la ventana Customizacion de Orden del POS */
.Habilitar {
    cursor: hand
}


.Deshabilitar {
    cursor: default
}
/**/

/* estilo usado como separador, implementado en la ventana Empleado del POS*/
.filaSeparadora {
    background-image: url(../../imagesite/separadorCnt.jpg);
    background-repeat: repeat-x;
    vertical-align: middle;
    height: 5px;
}
/**/

/*para las esquinas de los td*/
.listEsqSupIzq {
    background-image: url(../../imagesite/esqui_sup_izq.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.listEsqSupDer {
    background-image: url(../../imagesite/esqui_sup_der.png);
    background-repeat: no-repeat;
    background-position: top right;
}

BODY {
    margin: 0;
}

/* cuadro */

.dashed-arr {
    border-top: dashed 4px #B0D428;
}

.dashed-der {
    border-right: dashed 4px #B0D428;
}

.dashed-aba {
    border-bottom: dashed 4px #B0D428;
}

.dashed-izq {
    border-left: dashed 4px #B0D428;
}

.solid-der {
    border-right: solid 1px #D8D8D8;
}

.linea-gris {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #D8D8D8;
}

/* estilo para el control de producto 150x150 */
.fotogrande_150:link, .fotogrande_150:visited, .fotogrande_150:active {
    text-decoration: none;
}

.fotogrande_150 a:link, .fotogrande_150 a:visited, .fotogrande_150 a:active, .fotogrande_150 a:hover {
    text-decoration: none;
}

.fotogrande_150 {
    font-size: 9px;
    text-decoration: none;
    width: 164px;
    margin: 5px 4px 5px 4px;
    background-color: White;
}

    .fotogrande_150:hover {
        /*background-color: #e5eda9*/
        text-decoration: none;
    }

    .fotogrande_150 #div-efecto {
        width: 150px;
    }

    .fotogrande_150 #div-destacados {
        height: 125px;
    }

        .fotogrande_150 #div-destacados div {
            float: left;
            margin: 0;
            height: 150px;
        }

        .fotogrande_150 #div-destacados a {
            height: 20px;
            display: block;
            overflow: hidden;
            padding: 130px 0 0 120px;
            background-position: bottom right;
            background-repeat: no-repeat;
        }

    .fotogrande_150 #latabla {
        background-color: White;
        margin: 0;
        border: 0;
    }
/* fin de estilo para el control de producto */

/* Efecto borde redonde usado en los destacados */
.roundTrans2 .t, .roundTrans2 .b, .roundTrans2 .b b, .roundTrans2 .t b {
    height: 8px;
}

    .roundTrans2 .t, .roundTrans2 .b, .roundTrans2 .t b, .roundTrans2 .b b {
        background: url(../../imagesite/bordesfine_3.gif);
        display: block;
        overflow: hidden;
    }

.roundTrans2 .c {
    background-color: Transparent;
}

.roundTrans2 .t b, .roundTrans2 .b b {
    float: right;
    width: 50%;
}

.roundTrans2 .t .r {
    background-position: top right;
}

.roundTrans2 .b .r {
    background-position: bottom right;
}

.roundTrans2 .b {
    background-position: bottom left;
}

.roundTrans2 .br {
    clear: both;
    display: block;
    overflow: hidden;
    height: 0;
}

/* estilo cuadro redondeado */
.roundFine {
    margin: 0;
    padding: 0;
}

    /* inner content padding */
    .roundFine .c {
        padding: 0;
    }

    /* CSS below here probably shouldn't be messed with except for the image file name */
    .roundFine .t, .roundFine .b, .roundFine .b b, .roundFine .t b {
        height: 8px;
    }

        .roundFine .t, .roundFine .b, .roundFine .t b, .roundFine .b b {
            background: url(../../imagesite/bordesFine.gif);
            display: block;
            overflow: hidden;
        }

    .roundFine .c {
        background: #ffffff;
        border-left: 1px #b0d428 solid;
        border-right: 1px #b0d428 solid;
    }

    .roundFine .t b, .roundFine .b b {
        float: right;
        width: 50%;
    }

    .roundFine .t .r {
        background-position: top right;
    }

    .roundFine .b .r {
        background-position: bottom right;
    }

    .roundFine .b {
        background-position: bottom left;
    }

    .roundFine .br {
        clear: both;
        display: block;
        overflow: hidden;
        height: 0;
    }

/* botones verdes estilo alcanco*/
.efecto-boton {
    height: 22px;
}

    .efecto-boton li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .efecto-boton a {
        display: block;
        height: 18px;
        overflow: hidden;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        padding: 4px 0 0 0;
    }

        .efecto-boton a:link, .efecto-boton a:visited, .efecto-boton a:active {
            text-decoration: none;
            color: #404040;
        }

        .efecto-boton a:hover {
            background-image: none;
            color: #FFFFFF;
            font-weight: bold;
            text-decoration: none;
        }

.opaco {
    filter: alpha(opacity=50);
    opacity: .5
}

.efecto-corto {
    text-align: center;
    width: 65px;
    background: transparent url(../../imagesite/botoncorto.gif) no-repeat 0 -22px;
}

    .efecto-corto a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botoncorto.gif) no-repeat 0 0;
    }

.efecto-medio {
    text-align: center;
    width: 75px;
    background: transparent url(../../imagesite/botonmedio.gif) no-repeat 0 -22px;
}

    .efecto-medio a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonmedio.gif) no-repeat 0 0;
    }

.efecto-largo {
    text-align: center;
    width: 85px;
    background: transparent url(../../imagesite/botonlargo.gif) no-repeat 0 -22px;
}

    .efecto-largo a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonlargo.gif) no-repeat 0 0;
    }

.efecto-largoX {
    text-align: center;
    width: 95px;
    background: transparent url(../../imagesite/botonlargoX.gif) no-repeat 0 -22px;
}

    .efecto-largoX a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonlargoX.gif) no-repeat 0 0;
    }

.efecto-largoXX {
    text-align: center;
    width: 105px;
    background: transparent url(../../imagesite/botonlargoXX.gif) no-repeat 0 -22px;
}

    .efecto-largoXX a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonlargoXX.gif) no-repeat 0 0;
    }

.efecto-largoXXX {
    text-align: center;
    width: 115px;
    background: transparent url(../../imagesite/botonlargoXXX.gif) no-repeat 0 -22px;
}

    .efecto-largoXXX a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonlargoXXX.gif) no-repeat 0 0;
    }

.efecto-mas-largo {
    text-align: center;
    width: 130px;
    background: transparent url(../../imagesite/botonMaslargo.gif) no-repeat 0 -22px;
}

    .efecto-mas-largo a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonMaslargo.gif) no-repeat 0 0;
    }

.efecto-extra-largo {
    text-align: center;
    width: 150px;
    background: transparent url(../../imagesite/botonExtralargo.gif) no-repeat 0 -22px;
}

    .efecto-extra-largo a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonExtralargo.gif) no-repeat 0 0;
    }

.efecto-tetra-largo {
    text-align: center;
    width: 172px;
    background: transparent url(../../imagesite/botonTetralargo.gif) no-repeat 0 -22px;
}

    .efecto-tetra-largo a {
        color: #404040;
        font-weight: bold;
        background: transparent url(../../imagesite/botonTetralargo.gif) no-repeat 0 0;
    }

/* estilos para poner borde redondo a las tablas */
.EsqSupIzq {
    background-image: url(../../imagesite/esq_s_izq.gif);
    background-repeat: no-repeat;
    background-position: left top
}

.EsqSupDer {
    background-image: url(../../imagesite/esq_s_der.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.EsqInfIzq {
    background-image: url(../../imagesite/esq_i_izq.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.EsqInfDer {
    background-image: url(../../imagesite/esq_i_der.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}


/* 14.04.2009 | AD */
.grisEsqSupIzq {
    background-image: url(../../imagesite/bordeGris/supIzq.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 13px;
    height: 13px;
}

.grisSup {
    background-image: url(../../imagesite/bordeGris/ARR.png);
    background-position: left bottom;
    height: 13px;
}

.grisEsqSupDer {
    background-image: url(../../imagesite/bordeGris/supDer.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 13px;
    height: 13px;
}

.grisIzq {
    background-image: url(../../imagesite/bordeGris/IZQ.png);
    background-repeat: repeat-y;
    background-position: right top;
    width: 13px;
}

.grisDer {
    background-image: url(../../imagesite/bordeGris/DER.png);
    background-repeat: repeat-y;
    background-position: left top;
    width: 13px;
}

.grisEsqInfIzq {
    background-image: url(../../imagesite/bordeGris/infIzq.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 13px;
    height: 13px;
}

.grisInf {
    background-image: url(../../imagesite/bordeGris/ABA.png);
    background-position: left top;
    height: 13px;
}

.grisEsqInfDer {
    background-image: url(../../imagesite/bordeGris/infDer.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 13px;
    height: 13px;
}

.separadorIzq {
    background-image: url(../../imagesite/separadorIzq.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 1px;
    background-color: #808080;
}

.separadorDer {
    background-image: url(../../imagesite/separadorDer.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    height: 1px;
    background-color: #808080;
}

.separadorAba {
    background-image: url(../../imagesite/separadorAba.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 1px;
    background-color: #808080;
}

.separadorArr {
    background-image: url(../../imagesite/separadorArr.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 1px;
    background-color: #808080;
}

.separadorCntV {
    /*background-image: url(../../imagesite/separadorCntV.jpg);
	background-repeat: repeat-y;
	background-position: center top;*/
    background-color: #808080;
}

.separadorCntH {
    /*background-image: url(../../imagesite/separadorCnt.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
    background-color: #808080;
}

/* 2009.02.19 | JCOLOMA */
/* estilos para poner borde gris oscuro a los controles de usuario */
/* el borde superior puede ser delgado o grueso */
.bordeGrisEsqSupIzq_H {
    background-image: url(../../imagesite/bordeGris/ARRIZQ_H.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 13px;
    height: 31px;
}

.bordeGrisEsqSupDer_H {
    background-image: url(../../imagesite/bordeGris/ARRDERE_H.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 13px;
    height: 31px;
}

.bordeGrisEsqSupIzq {
    background-image: url(../../imagesite/bordeGris/ARRIZQ.png);
    background-repeat: no-repeat;
    background-position: left top;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqSupDer {
    background-image: url(../../imagesite/bordeGris/ARRDER.png);
    background-repeat: no-repeat;
    background-position: right top;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqInfIzq {
    background-image: url(../../imagesite/bordeGris/ABAIZQ.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqInfDer {
    background-image: url(../../imagesite/bordeGris/ABADER.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 13px;
    height: 13px;
}

.bordeGrisArr_H {
    background-image: url(../../imagesite/bordeGris/ARR_H.png);
    background-repeat: repeat;
    height: 31px;
}

.bordeGrisArr {
    background-image: url(../../imagesite/bordeGris/ARR.png);
    background-repeat: repeat;
    height: 13px;
}

.bordeGrisIzq {
    background-image: url(../../imagesite/bordeGris/IZQ.png);
    background-repeat: repeat;
    width: 13px;
}

.bordeGrisDer {
    background-image: url(../../imagesite/bordeGris/DER.png);
    background-repeat: repeat;
    background-position: right;
    width: 13px;
}

.bordeGrisAba {
    background-image: url(../../imagesite/bordeGris/ABA.png);
    background-repeat: repeat;
    height: 13px;
}


/* 2009.04.24 | LCHACON */
/* estilos para poner borde gris oscuro a los controles de usuario */
/* con fondo transparente*/
.bordeGrisEsqSupIzqTrans {
    background-image: url(../../imagesite/bordeGris/SUP IZ.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqSupDerTrans {
    background-image: url(../../imagesite/bordeGris/SUP DERE.gif);
    background-repeat: no-repeat;
    background-position: right top;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqInfIzqTrans {
    background-image: url(../../imagesite/bordeGris/INF IZ.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 13px;
    height: 13px;
}

.bordeGrisEsqInfDerTrans {
    background-image: url(../../imagesite/bordeGris/INF DERE.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    width: 13px;
    height: 13px;
}

.EtiquetaContenidoFondoAmarillo {
    BACKGROUND-COLOR: #ffff88;
    font-family: Arial;
    font-size: .7em;
}

.FondoAmarillo {
    BACKGROUND-COLOR: #ffff88;
}

/*****************************************************************************/
/*************************Estilos pagina de Ruteo*****************************/
/*****************************************************************************/

.contenido-regudestacadoRuteo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

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

.etiq-peqblancaRuteo {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    color: #FFFFFF
}

a.link-regublancoRuteo {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF
}

.link-regublancoRuteo a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF
}


/*
.contenido-regudestacadoRuteo {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold}
.contenido-regularRuteo {font-family:Arial, Helvetica, sans-serif; font-size:16px}
.etiq-peqblancaRuteo {font-family: Arial,"Trebuchet MS", Verdana,  "Helvetica Condensed"; font-size:12px; color: #FFFFFF}
a.link-regublancoRuteo {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #FFFFFF}
.link-regublancoRuteo a {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; color: #FFFFFF}
*/


.separadorImgLnk a {
    width: 70px;
    text-align: center;
}

.subrayado {
    text-decoration: underline;
}


/* Iconos de Pagina Principal */
.menuModulo {
    width: 300px;
    height: 100%;
    display: block;
    background-image: url(../../imageSite/separador.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.menuNoModulo {
    width: 300px;
    height: 100%;
    display: block;
    background-image: url(../../imageSite/separador.png);
    border-bottom: 1px solid white;
}

.separadorMenuHorizontal {
    margin: 0 5px 0 5px;
}
/* Iconos de Pagina Principal */

/* Carrito de Compras */
.imagenProducto {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: center center;
}

.separadorCelda {
    padding: 5px;
}

.headerCompra {
    background-image: url(../../imagesite/fondo-hederCompra.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-position: left;
}


.fondoBordeGrid {
    background: red;
    width: 100px;
    height: 100px;
    padding-top: 5px;
}

.fondoBordePunteadoInf {
    border-bottom: 1px dashed #fa9e0d;
}

.bordePunteado {
    border: 1px dashed #fa9e0d;
}


.borde {
    border: 1px solid #0080C0;
}



.alturaFilaBarra {
    height: 30px;
}

.alturaFilaEncabezado {
    height: 90px;
}

.alturaFilaPie {
    height: 50px;
}


.anchoColumnaDerecha {
    width: 200px;
}

.anchoResumenCompra {
    width: 300px;
}

.fondoPunteado {
    background-image: url(../../imageSite/linea-punteada-seguimiento.png);
    vertical-align: middle;
    text-align: center;
    height: 9px;
    width: 215px;
    background-repeat: no-repeat;
    background-position: center;
}

.bordeGrisOscuroInf {
    border-bottom: 1px solid #000000;
}

.bordeGrisOscuroSup {
    border-top: 1px solid #000000;
}

.bordeGrisOscruro {
    border: 1px solid #000000;
}


/* boton */
.boton {
    height: 29px;
}

    .boton li {
        list-style: none;
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 29px;
    }

    .boton a {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        cursor: hand;
        display: block;
        height: 29px;
        vertical-align: middle;
        text-decoration: none;
        background-repeat: no-repeat;
    }

        .boton a:link, .boton a:visited, .boton a:active {
            color: #000000;
            width: 100%;
        }

        .boton a:hover {
            background-image: none;
            color: #000000;
        }

.botonLargo {
    text-align: center;
    vertical-align: middle;
    width: 164px;
    height: 29px;
    background: transparent url(../../imagesite/boton-confirmar.png) no-repeat 0 -29px;
}

    .botonLargo a {
        background: transparent url(../../imagesite/boton-confirmar.png) no-repeat 0 0;
    }

.marcoLogo {
    height: 77px;
    width: 76px;
    background-image: url(../../imageSite/fondo-logo.png);
    vertical-align: middle;
    text-align: center;
    padding-top: 9px;
    background-repeat: no-repeat;
}

.tituloSeccion1 {
    width: 100%;
    height: 25px;
    padding-left: 5px;
    padding-top: 5px;
    clear: both;
}

.centrarControl {
    width: 164px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.imagenTarjeta {
    background-repeat: no-repeat;
    background-position: center venter;
    width: 30px;
    height: 20px;
    float: left;
    margin-left: 5px;
}

/* Carrito de Compras */

/*registro de usuario web*/
.bordeBlanco {
    padding-top: 3px;
}

.imagenTblFondo {
    background-image: none;
}

/*etiquetas y link pequenos*/
.etiq-peq {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
}
/*color: #FFFFFF*/
a.link-regular3 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
    text-decoration: underline;
    color: #0000FF;
}

/*etiquetas y link grandes, de pestanas*/
.etiq-mediana2 {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
    color: #FFFFFF
}

a.link-regular3Mediano {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    cursor: hand;
    text-decoration: underline;
    color: #FFFFFF;
}

.backGroundTransparente {
    background: transparent no-repeat 0 0;
}

.anchoPestanas {
    width: 25%;
}
/*fin registro de usuario web*/
.colorletra {
    color: #FF3300;
}

a.colorletra {
    color: #FF3300;
}

.notiGeneral FONT {
    font-size: 13px
}
/* Rating */
.ratingStar {
    font-size: 0;
    width: 13px;
    height: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

#pnlNotRating a {
    font-size: 0;
    width: 12px;
    height: 12px;
    margin: 2px 0 0 0;
    padding: 0;
    cursor: pointer;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../imagesite/estrella-amarilla.png);
}

.emptyRatingStar {
    background-image: url(../../imagesite/estrella-gris.png);
}

.savedRatingStar {
    background-image: url(../../imagesite/estrella-amarilla.png);
}

.tamanoImgMaterial {
    width: 250px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
}

.colorVoto {
    color: #fa9e0d;
}
/* Rating */

.paddingLeft {
    padding-left: 5px;
}

.paddingRight {
    padding-left: 10px;
}



.bordeIzquierdo {
    border-left: 1px #000000 solid;
}
/*solo para el control header*/
.etiq-grandeHeader {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 18px;
    font-weight: bold;
    color: #1464be
}


.formulario {
    font-size: 10px;
    width: 350px;
    height: 360px;
    padding: 20px 0 0 0;
    line-height: 30px;
    text-align: right;
}





/*ESTILOS CATALOGO*/
.fondo-img-catalogo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #000000;
    width: 100%;
    height: 100%;
    border: #FFFFF 0 dashed;
    padding-top: 0;
    margin: 0;
}


.etiq-pequena-catalogo {
    color: #000000;
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
}

.caja-img-catalogo {
    background-color: #FFFFFF;
}

.border-top-catalogo {
    background-color: #FFFFFF;
}


.border-bottom-catalogo {
    background-color: #FFFFFF;
    vertical-align: top;
    padding: 5px 0 5px 0;
}


.fondo-esquina1 {
    background-color: #FFFFFF;
}


.fondo-esquina2 {
    background-color: #FFFFFF;
}


.fondo-esquina3 {
    background-color: #FFFFFF;
}


.fondo-esquina4 {
    background-color: #FFFFFF;
}


.DescripcionMaterial {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    text-align: center;
    margin-top: 0;
    padding-left: 2px;
    padding-right: 2px;
}


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

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

a.link-catalogo {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
    text-decoration: underline;
    color: #0000FF;
}
/* cursor:hand; text-decoration: underline; es necesario para que se muestre como lnk sin tener que asignar href="#" */

.tamanoProductoCatalogo {
    vertical-align: top;
    height: 300px;
    width: 160px;
}

.tablaCantidadAtributoPrecio {
    width: 100%;
    margin-top: 0;
    background-color: #FFFFFF;
}


.combos-img-catalogos {
    width: 150px;
    margin-top: 0;
    text-align: center;
    height: 1px
}


.punteada {
    border-top: dashed 1px #666666;
}


.precio-catalogo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #0033FF;
    background: #FFFFFF;
    text-align: center;
    margin: 0 auto;
    white-space: nowrap;
    font-weight: bold;
}


.codigo {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-align: center;
}

.tblImagenCtl {
    width: 100%;
}

/*---- Hover imagen---*/
.imagen01 {
    display: block;
    border: solid 1px #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    background-color: White;
    width: 130px;
    height: 130px;
    text-align: center;
    padding-right: 5px;
    text-decoration: none;
    color: Black;
    font-weight: bold;
    margin-top: 8px;
    vertical-align: bottom;
    margin: 0 auto;
}

.imagen02 {
    max-height: 130px;
    max-width: 130px;
    height: 130px;
    width: 130px;
    text-align: center;
    margin: 0 auto;
}

.dvImagenhover {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: White;
    width: 130px;
    height: 130px;
    text-align: center;
    padding-right: 5px;
    text-decoration: none;
    color: Black;
    font-weight: bold;
    margin-top: 8px;
    border: solid 1px blue;
    vertical-align: bottom;
}


.NoWrapGridInventario {
    white-space: nowrap;
}



/*ESTILOS DETALLE DEL PRODUCTO*/
.etiq-nombreProducto {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 20px;
    font-weight: bold;
    color: #000000
}

.etiq-descripcionProducto {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 11px;
    color: #000000
}

.botonBuscar {
    Height: 30px;
    background-color: #000000;
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 14px;
    color: #FFFFFF
}

.etiq-precioProducto {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 20px;
    font-weight: bold;
    color: #000000
}

a.link-regularProductoDetalle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
    text-decoration: underline;
}

a.link-Acc {
    color: #0000FF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    cursor: hand;
    text-decoration: none;
}

a.link-Grupo {
    color: #FFFFFF;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    cursor: hand;
    text-decoration: underline;
}

.etiq-Grupo {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #FFFFFF
}

.columna1Producto {
    width: 60px;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.columna2Producto {
    padding-top: 8px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top;
}

.columna3Producto {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 300px;
    vertical-align: top;
    text-align: left;
}

.fondoProductoDetalle {
}

.headerProducto {
    vertical-align: top;
    text-align: center;
    height: 1px;
    width: 100%;
    padding: 5px;
}

.grupoProducto {
    vertical-align: middle;
    text-align: center;
    background-color: #0080C0;
    padding-top: 2px;
    padding-bottom: 2px;
    height: 1px;
}

.cuerpoProducto {
    background-color: #FFFFFF;
    vertical-align: top;
    text-align: center
}

.imagenTamano {
    border: solid 1px gray;
    width: 60px;
}

.imagenDocumento {
    border: solid 1px gray;
    width: 60px;
}

.comentarioProducto {
    padding: 5px;
    background-color: #FFFFFF;
    /*border-top: 1px solid gray;*/
    display: block;
    float: left;
}

.footerProducto {
    background-color: #000000;
    height: 30px;
    vertical-align: middle;
    text-align: center;
}

.imagenMaterial {
    vertical-align: middle;
    text-align: center;
    display: block;
    float: left;
    width: 100%;
}

.fondoInfProducto {
    border-bottom: 1px solid #fa9e0d;
}

.separadorPrincipal {
    border-right: 3px solid #96d8f5;
    width: 150px;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    top: 0;
    text-align: left;
}


/*ESTILOS PARA PESTAÑAS DE LOS MENU*/
.tab {
    background-color: #0080C0;
    color: White;
    text-decoration: underline;
    display: block;
    float: left;
    height: 20px;
    text-align: center;
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
}

.tabSelect {
    background-color: White;
    color: Black;
    text-decoration: none;
    display: block;
    float: left;
    height: 20px;
    text-align: center;
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
}

.tabDisable {
    background-color: #F2F2F2;
    display: block;
    float: left;
    height: 20px;
    text-align: center;
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 12px;
}

.bordeGrisOscuroDer {
    border-right: 1px solid #000000;
}

.bordeBlancoDer {
    border-right: 1px solid #FFFFFF;
}

.etiq-GrandeGris {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 38px;
    color: #D8D8D8
}

.etiq-MedianaGrisDestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    color: gray;
    font-weight: bold
}

.etiq-MedianaRojoDestacada {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 16px;
    color: red;
    font-weight: bold
}

.etiq-ExtraGrandeBlanca {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 26px;
    color: #FFFFFF;
}

a.link-grandeDestacado {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #007cc2;
    font-weight: bold;
}


.trPrimeraSegundaBuscar {
    padding: 10px 0;
    height: 45px;
}

.tdPrimeraSeccion {
    border-top: 1px solid #0080C0;
    border-left: 1px solid #0080C0;
    border-bottom: 1px solid #0080C0;
    border-right: 0 solid #0080C0;
    background-color: white;
    float: left;
    height: 30px;
    padding: 0;
    margin: 5px 0 0 0;
    width: 80%;
    max-width: 300px
}

    .tdPrimeraSeccion input {
        height: 30px;
        outline: 0;
        border-color: white;
        border: 0;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100% !important;
        border-style: outset;
    }

.contenedorbotonCtrlBuscardor {
    padding: 0;
    margin: 5px 0 0 0;
    width: 40px;
    height: 32px;
    float: left;
    background-color: #0080C0;
    background-image: url('../../imagesite/LUPA.svg');
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    cursor: pointer;
}



.buscadorMaterialPedido {
    padding: 0;
    margin: auto;
    border-collapse: collapse;
}

.txtbuscadorMaterialPedido {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    width: 150px;
}

.tdbuscadorMaterialPedido {
    width: 300px;
    height: 70px;
    background-image: url(../../imagesite/barCodeReaderYellow.JPG);
    background-position: top;
    background-position: center;
    background-repeat: no-repeat;
}


.esperarReporte {
    position: absolute;
    background-color: #000000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.9;
    filter: alpha(opacity=90);
    display: none;
}

.divEsperarReporte {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    margin-left: -200px;
    left: 50%;
    height: 200px;
    width: 400px;
    text-align: center;
}


.divSeccionBuscador {
    display: block;
    height: 30px;
    border: 0;
    padding: 0;
    margin: auto;
}

.divDdlBuscarPrincipal {
    border-top: 1px solid #0080C0;
    border-left: 1px solid #0080C0;
    border-bottom: 1px solid #0080C0;
    border-right: 0 solid #0080C0;
    background-color: white;
    float: left;
    height: 30px;
    padding: 2px 2px 0 2px;
    margin: auto 0 auto 0;
}

.divTxtBuscarPrincipal {
    border: 1px solid #0080C0;
    background-color: white;
    float: left;
    width: 400px;
    height: 30px;
    padding: 2px 2px 0 2px;
    margin: auto 0 auto 0;
}

.divBotonBuscarPrincipal {
    padding: 4px 0 0 0;
    margin: auto;
    width: 40px;
    height: 30px;
    float: left;
    background-color: #0080C0;
    background-image: url('../../imagesite/LUPA.svg');
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}

.comboBuscarPrincipal {
    outline: 0;
    border-color: white;
    border: 0;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 200px;
    border-style: outset;
}

#TxtBxCriterioBusqueda {
    outline: none;
    border: none;
}

.botonBuscarPrincipal {
    font-size: 30px;
    width: 40px;
    height: 30px;
    text-indent: -9999px;
    border: 0;
    outline: none;
    padding: 0;
    margin: auto;
}

.highlight {
    background-color: yellow
}

/* INICIO MASTERPAGE*/

.pantallaCompleta {
    width: 100%;
    height: 100vh;
    border: 0;
    padding: 0;
    margin: 0
}

.logoHeader {
    cursor: pointer;
    font-size: 100%
}

.fondoHeaderMaster {
    background-image: url(../../imagesite/fondo-heder-internas.jpg);
    background-repeat: repeat-y;
    background-position: top;
    width: 70%
}

.colorFondo-Master {
    background-color: #0080C0
}
/*Si se cambia el color actualizar el estilo bordeGrisExtraOscuro*/

.tabla375 {
    width: 375px;
    border: 0;
    padding: 0;
    margin: 0
}

.tablas101 {
    width: 100%;
    height: 100vh;
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse
}

.tablas100 {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse
}

.tablaGrupos {
    width: 60%;
    text-align: center;
    margin: 0 auto
}

.etiq-ayudaBlancaMAS {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #FFFFFF;
}

.tdGrupos {
    width: 20%
}
/*#tblder{width:100%;height:100%;border: 0;padding:0;margin:0;border-collapse: collapse; border-spacing: 0}
#tdLogo{width: 30%; padding: 0 5px 0 5px; text-align: center; vertical-align: middle}
#tblContenido{height:100%; width:100%; background-color: White;border: 0;padding:0;margin:0}*/

.divIconos {
    text-align: center;
    width: 100%;
    margin: 0 0 5px 0
}

.divsGrupos {
    display: inline-block;
    margin: 0 3px 0 3px
}

.divResultado {
    width: 348px;
    height: 450px;
    overflow-y: auto;
    padding: 10px
}

.buscadortxtbx {
    padding-top: 10px;
    vertical-align: top;
    text-align: center;
    width: 95%;
    height: 12px
}

.buscadorlog {
    padding-top: 10px;
    text-align: center;
    width: 5%;
    height: 12px
}

.grupos {
    Width: 32px;
    Height: 32px;
    float: left
}

.masBNuevo {
    background-image: url(../../imagesite/nueva32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBNuevo:hover {
        background-image: url(../../imagesite/nueva32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBSalvar {
    background-image: url(../../imagesite/guardar32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBSalvar:hover {
        background-image: url(../../imagesite/guardar32hover.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBEliminar {
    background-image: url(../../imagesite/eliminar32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBEliminar:hover {
        background-image: url(../../imagesite/eliminar32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBCopiar {
    background-image: url(../../imagesite/generarreportes32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBCopiar:hover {
        background-image: url(../../imagesite/generarreportes32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBImprimir {
    background-image: url(../../imagesite/imprimir32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBImprimir:hover {
        background-image: url(../../imagesite/imprimir32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBRezonificar {
    background-image: url(../../imagesite/catalogo32.jpg);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBRezonificar:hover {
        background-image: url(../../imagesite/catalogo32over.jpg);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBDataMaestra {
    background-image: url(../../imagesite/dataMaestra2_32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .masBDataMaestra:hover {
        background-image: url(../../imagesite/dataMaestra1_32.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.masBuscador {
    background-image: url(../../imagesite/buscar24.png);
    background-repeat: no-repeat
}

    .masBuscador:hover {
        background-image: url(../../imagesite/buscar24over.png);
        background-repeat: no-repeat
    }

.masCerrar {
    background-image: url(../../imagesite/cerrar.png);
    font-size: 22px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    Width: 22px;
    Height: 22px;
}

    .masCerrar:hover {
        background-image: url(../../imagesite/cerrar_over.png);
        font-size: 25px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        Width: 22px;
        Height: 22px;
    }

.iconosGruposMas {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    text-decoration: none;
    color: #0000FF
}

.link-regularMas {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    color: #0000FF
}

.listMas {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
    cursor: pointer;
    text-decoration: underline;
    color: #0080C0
}

    .listMas:hover {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 15px;
        cursor: pointer;
        text-decoration: underline;
        color: #022638
    }

.etiq-grandeHeaderMas {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 18px;
    font-weight: bold;
    color: #0080C0
}

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

.claroMas {
    background-color: white;
    white-space: nowrap;
    padding: 0px 5px 3px 5px
}

.oscuroMas {
    background-color: #0080C0;
    white-space: nowrap;
    padding: 0px 5px 3px 5px
}

.etiq-peqnegraMAS {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #000000
}

.etiq-peqblancaMAS {
    font-family: Arial,"Trebuchet MS", Verdana, "Helvetica Condensed";
    font-size: 13px;
    color: #B0B0B0
}

.link-regunegroMAS {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000
}

.link-regublancoMAS {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF
}

/* FIN MASTERPAGE*/

/* MAESTROS MIGRADOS */

.contenido-grandelabelMAS {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #4b4949
}

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

.etiq-headerGridMAS {
    font-family: Arial,Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF
}

.link-regularGridMAS {
    font-family: Arial,Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    color: #0000FF
}

.link-regublancoGridMAS {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    cursor: pointer;
    text-decoration: underline;
    color: #FFFFFF
}

.etiq-selectedGridMAS {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000
}

.etiq-pagerGridMAS {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center
}

.masBIncluirr {
    background-image: url(../../imagesite/CRD.svg);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat
}

.masBExcluir {
    background-image: url(../../imagesite/DEB.svg);
    width: 2px;
    height: 20px;
    background-repeat: no-repeat
}

.NuevoGridMAS {
    background-image: url(../../imagesite/nueva32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .NuevoGridMAS:hover {
        background-image: url(../../imagesite/nueva32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.SalvarGridMAS {
    background-image: url(../../imagesite/guardar32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .SalvarGridMAS:hover {
        background-image: url(../../imagesite/guardar32hover.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.EliminarGridMAS {
    background-image: url(../../imagesite/eliminar32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .EliminarGridMAS:hover {
        background-image: url(../../imagesite/eliminar32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.GenerarGridMAS {
    background-image: url(../../imagesite/generar32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .GenerarGridMAS:hover {
        background-image: url(../../imagesite/generar32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.ImportarGridMAS {
    background-image: url('../../imagesite/flecha baja32Hover.png');
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .ImportarGridMAS:hover {
        background-image: url('../../imagesite/flecha baja32.png');
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.AprobarGridMAS {
    background-image: url(../../imagesite/aprobar-formulario32.jpg);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .AprobarGridMAS:hover {
        background-image: url(../../imagesite/aprobar-formulario32over.jpg);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.logInGridMAS {
    background-image: url('../../imagesite/login32.png');
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .logInGridMAS:hover {
        background-image: url('../../imagesite/login32over.png');
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.logOutGridMAS {
    background-image: url(../../imagesite/logout32.png);
    font-size: 32px;
    width: 32px;
    height: 32px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 32px 32px !important
}

    .logOutGridMAS:hover {
        background-image: url(../../imagesite/logout32over.png);
        font-size: 32px;
        width: 32px;
        height: 32px;
        text-indent: -9999px !important;
        background-repeat: no-repeat;
        background-size: 32px 32px !important
    }

.ExcluirGridMAS {
    background-image: url(../../imagesite/DEB.svg);
    font-size: 25px;
    width: 25px;
    height: 25px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    cursor: default;
}

.IncluirGridMAS {
    background-image: url(../../imagesite/CRD.svg);
    font-size: 25px;
    width: 25px;
    height: 25px;
    text-indent: -9999px !important;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    cursor: default;
}

.columnaEtiquetaMAS {
    width: 130px;
    text-align: right;
}

.columnaEtiquetaMAS1 {
    width: 115px;
    text-align: right;
}