body {
    margin: 0;	
    /*ADD JHRODRIGUEZ*/
        background-color:#FFF;
    /*FIN ADD JHRODRIGUEZ*/

    /*font-family: "Palatino", sans-serif;*/
    font-family: sans-serif;
    font-size: 0.8em;
}

/*ADD JHRODRIGUEZ*/
    a img { border: none; }
/*FIN ADD JHRODRIGUEZ*/


.NonVisibleText {
    color: Black;
    /*font-family: Tahoma, Tahoma, Tahoma, Sans-Serif;*/
    display: none;
}
.validatorCalloutHighlight {
}
.header {
    cursor: hand;
    cursor: pointer;
    background-color: #CECECE;
}
.width100, .width100 table
        {
            width: 120px !important;
        }
.details {
    display: none;
    visibility: hidden;
    background-color: #EEEEEE; /*display:block; visibility:visible; background-color:#EEEEEE;*/
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.watermark {
    background: #808080;
    color: #f8f8ff; /* font-weight: bold; */
}
.watermark_yellow {
    background: #ffff99;
    color: #000000;
}
.panelsize {
    height: auto;
}
/* panel de resultados busqueda empresas */
.panelresultados {
    height: 100px;
}
.panelsizeScroll {
    height: 120px;
}
/*CollapsiblePanel*/
.collapsePanel {
    overflow: hidden;
}
.collapsePanelHeader {
    width: 100%;
    height: 30px;
    background-image: url(../../Imagenes/bg-menu-main.png);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
}
.MaskedEditFocus {
    /*background-color: #ffffcc;
    color: #000000;*/
    outline: none;
    border: 1px solid #104a99;
    -moz-box-shadow: 0px 0px 5px #106a85;
    -webkit-box-shadow: 0px 0px 5px #106a85;
    box-shadow: 0px 0px 5px #106a85;
}
.MaskedEditError {
    border: 1px solid #ff0000;
    width: 200px;
    height: 14px;
                                                                    /*font-size: 13px;*/
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #ff0000;
    -webkit-box-shadow: 0px 0px 2px #ff0000;
    box-shadow: 0px 0px 2px #ff0000;
    padding-left: 20px;
    background-color: #ffcccc;
}
.BotonSeleccionado {
    background: #68b92e;
}
.BotonSinSeleccionar {
    background: Silver;
}
.EstiloPanel {
    border: 3px solid Gray;
    opacity: 3;
    padding: 3px;
    margin-right: 0px;
    overflow: scroll;
}
.EstiloModal {
    background-color: #E0E0E0;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

/*Estilos textbox*/
.Invalid {
    border: 1px solid #ff0000;
    width: 200px;
    height: 14px;
                                                                    /*font-size: 13px;*/
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #ff0000;
    -webkit-box-shadow: 0px 0px 2px #ff0000;
    box-shadow: 0px 0px 2px #ff0000;
    padding-left: 20px;
    background: transparent url(../../Imagenes/Alerta.gif) 3px 50% no-repeat;
    background-color: white;
}


.InvalidNumeric {
    border: 1px solid #ff0000;
    width: 200px;
    height: 14px;
    font-size: 13px;
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #ff0000;
    -webkit-box-shadow: 0px 0px 2px #ff0000;
    box-shadow: 0px 0px 2px #ff0000;
    padding-left: 20px;
    background: transparent url(../../Imagenes/numero.png) 3px 50% no-repeat;
    background-color: white;
}

.Valid {
    border: 1px solid #c4c4c4;
    width: 200px;
    height: 14px;
                                                                    /*font-size: 13px;*/
    padding: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: 0px 0px 2px #d9d9d9;
    box-shadow: 0px 0px 2px #d9d9d9;
}
    .Valid:focus {
        outline: none;
        border: 1px solid #104a99;
        -moz-box-shadow: 0px 0px 5px #106a85;
        -webkit-box-shadow: 0px 0px 5px #106a85;
        box-shadow: 0px 0px 5px #106a85;
    }
/*Estilos dropdown*/
html > /**/ body .select {
    padding: 1px 1px 1px 1px;
    width: 210px;
    height: 24px;
    border: 1px solid #c4c4c4;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: 0px 0px 2px #d9d9d9;
    box-shadow: 0px 0px 2px #d9d9d9;
                                                                    /*font-size: 13px;*/
}
    html > /**/ body .select:focus {
        outline: none;
        border: 1px solid #104a99;
        -moz-box-shadow: 0px 0px 5px #106a85;
        -webkit-box-shadow: 0px 0px 5px #106a85;
        box-shadow: 0px 0px 5px #106a85;
    }
    html > /**/ body .select:hover {
        outline: none;
        border: 1px solid #104a99;
        -moz-box-shadow: 0px 0px 5px #106a85;
        -webkit-box-shadow: 0px 0px 5px #106a85;
        box-shadow: 0px 0px 5px #106a85;
    }
/*Estilos Menu*/
div.hideSkiplink {
    background-color: #053053;
    /*width: 98%;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    width: 100%;
    text-align: left;
    -moz-border-radius: 5px;
    border-radius: 3px;
}
div.menu {
    height: auto;
}
    div.menu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        height: auto;
        -moz-border-radius: 5px;
        border-radius: 5px;
        /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
                                                                    /*font-size: small;*/
        text-align: left;
    }
        div.menu ul li a.selected {
            background: transparent url(../../Imagenes/BodegaSalida.png) 3px 50% no-repeat;
            background-color: #134f81;
            color: #dde4ec;
        }
        div.menu ul li a {
            background-color: #053053;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
            -moz-box-shadow: 0 0 5px #888;
            -webkit-box-shadow: 0 0 5px#888;
            box-shadow: 0 0 5px #888;
            -moz-border-radius: 5px;
            border-radius: 5px;
            /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
                                                                    /*font-size: small;*/
        }
            div.menu ul li a:hover {
                background-color: #bfcbd6;
                color: #465c71;
                text-decoration: none;
                -moz-box-shadow: 0 0 5px #888;
                -webkit-box-shadow: 0 0 5px#888;
                box-shadow: 0 0 5px #888;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }
            div.menu ul li a.dynamic {
                height: 13px;
            }
                div.menu ul li a.dynamic:hover {
                    background-color: #bfcbd6;
                    color: #465c71;
                    text-decoration: none;
                    -moz-box-shadow: 0 0 5px #888;
                    -webkit-box-shadow: 0 0 5px#888;
                    box-shadow: 0 0 5px #888;
                    -moz-border-radius: 5px;
                    border-radius: 5px;
                    -webkit-transform: translate(-6px, 0px);
                    -moz-transform: translate(-6px, 0px);
                    -o-transform: translate(-6px, 0px);
                    -ms-transform: translate(-6px, 0px);
                    transform: translate(-6px, 0px);
                    -webkit-transition: all 0.2s linear;
                    -moz-transition: all 0.2s linear;
                    -o-transition: all 0.2s linear;
                    transition: all 0.2s linear;
                }
            div.menu ul li a:active {
                background-color: #465c71;
                color: #cfdbe6;
                text-decoration: none;
                -moz-box-shadow: 0 0 5px #888;
                -webkit-box-shadow: 0 0 5px#888;
                box-shadow: 0 0 5px #888;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }
/*Estilos GridView*/
.mGrid {
    width: 100%;
                                                                    /*font-size: 0.8em;*/
	/* CODIGO ADD: JHRODRIGUEZ 
		FECHA: 24.11.2014
		MEJORA VISTA AL CLIENTE - COD 1
	--- */
        /*font-family: Tahoma, Tahoma, Tahoma, Sans-Serif;*/
    /* ---- */
	/*FIN ADD JHRODRIGUEZ*/



    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
    .mGrid td {
        padding: 2px;
        border: solid 1px #c1c1c1;
        color: #000;
    }
.rowstyle:hover {
    background: #d5e5f1;
}
.roweditstyle {
    background: #d5e5f1;
}
    .roweditstyle input {
        font-style: oblique;
    }
.selectedrowstyle {
    background: #d5e5f1;
}
.mGrid th {
    padding: 4px 2px;
    color: #fff;
    background: #28283B;
    border-top: solid 1px #28283B;
                                                                    /*font-size: 0.9em;*/
}
    .mGrid th a {
        color: white;
        font-style: oblique;
    }
.mGrid .alt {
    background: #ecf3f8;
}
    .mGrid .alt:hover {
        background: #d5e5f1;
    }
.mGrid .pgr {
    background: #053053;
    -moz-box-align: center;
    -webkit-box-align: center;
}
    .mGrid .pgr table {
        margin: 5px 0;
    }
    .mGrid .pgr td {
        border-width: 0;
        padding: 0 6px;
        border-left: solid 1px #666;
        font-weight: bold;
        color: #fff;
        line-height: 12px;
    }
    .mGrid .pgr a {
        color: #666;
        text-decoration: none;
    }
        .mGrid .pgr a:hover {
            color: #fff;
            text-decoration: none;
        }
        .mGrid .pgr a tr:hover {
            background: #064c7e;
        }
.FondoShadowsTabla {
    width: 100%;
    border-right: thin solid;
    border-top: thin solid;
    font-weight: normal;
                                                                    /*font-size: 9pt;*/
    border-left: thin solid;
    border-bottom: thin solid;
    /*font-family: Tahoma;*/
    background-color: #f5f5f5;
    margin: auto;
    border: 0px;
    text-align: left;
    -moz-box-shadow: 6px 5px 13px #888;
    -webkit-box-shadow: 6px 5px 13px #888;
    box-shadow: 6px 5px 13px #888;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*Formulario cambiar clave*/

/*BORRADO YA NO NECESARIO*/
/*
.FondoRecoverPass {
    width: 50%;
    border-right: thin solid;
    border-top: thin solid;
    font-weight: normal;
                                                                    font-size: 9pt;
    border-left: thin solid;
    border-bottom: thin solid;
    font-family: Tahoma;
    background-color: #f5f5f5;
    margin: auto;
    border: 0px;
    text-align: left;
    -moz-box-shadow: 6px 5px 13px #888;
    -webkit-box-shadow: 6px 5px 13px #888;
    box-shadow: 6px 5px 13px #888;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
    
    .FondoRecoverPass label {
        font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;
                                                                    font-size: small;
    }*/
    .RecoverPass input[type=submit] {
        /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
                                                                    /*font-size: small;*/
        color: #000000;
        font-weight: bold;
        padding: 9px 18px;
        background: -moz-linear-gradient( top, #fffbff 0%, #fffbff);
        background: -webkit-gradient( linear, left top, left bottom, from(#fffbff), to(#fffbff));
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border: 2px solid #5d7b9d;
        -moz-box-shadow: 0px 1px 3px rgba(255,251,255,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
        -webkit-box-shadow: 0px 1px 3px rgba(255,251,255,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
        box-shadow: 0px 1px 3px rgba(255,251,255,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
    }
        .RecoverPass input[type=submit]:hover {
            background: -moz-linear-gradient( top, #fffbff 0%, #5d7b9d);
            background: -webkit-gradient( linear, left top, left bottom, from(#fffbff), to(#739cca));
            font-weight: bold;
        }
.trHeader {
    /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
    font-weight: bold;
                                                                    /*font-size: medium;*/
    color: white;
    background-color: #5d7b9d;
    border-radius: 2px;
}
.fondoTitulo {
    border-right: thin solid;
    border-top: thin solid;
    font-weight: normal;
                                                                    /*font-size: small;*/
    border-left: thin solid;
    border-bottom: thin solid;
    /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
    margin: auto;
    border: 0px;
    text-align: left;
    -moz-box-shadow: 6px 5px 13px #888;
    -webkit-box-shadow: 6px 5px 13px #888;
    box-shadow: 6px 5px 13px #888;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 70%;
    background-color: #f5f5f5;
}
.tdMenu {
    padding-left: 16px;
    padding-right: 18px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tdIconos {
    -moz-box-shadow: 3px 7px 16px #000000;
    -webkit-box-shadow: 3px 7px 16px #000000;
    box-shadow: 3px 7px 16px #000000;
}
/*Accordion*/
.accordion {
    width: 100%;
}
.accordionHeader {
    background: transparent url(../../Imagenes/downAc.png) 3px 50% no-repeat;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    /*font-family: Arial, Sans-Serif;*/
                                                                    /*font-size: 12px;*/
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    -moz-box-shadow: inset -1px 1px 41px #000000;
    -webkit-box-shadow: inset -1px 1px 41px #000000;
    box-shadow: inset -1px 1px 41px #000000;
    padding-left: 20px;
}
.accordionHeaderSelected {
    background: transparent url(../../Imagenes/RightAc.png) 3px 50% no-repeat;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
    /*font-family: Arial, Sans-Serif;*/
                                                                    /*font-size: 12px;*/
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    -moz-box-shadow: inset -1px 1px 41px #16334b;
    -webkit-box-shadow: inset -1px 1px 41px #16334b;
    box-shadow: inset -1px 1px 41px #16334b;
    padding-left: 20px;
}
.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.tablaAccordion {
    width: 98%;
    border-right: thin solid;
    border-top: thin solid;
    font-weight: normal;
                                                                    /*font-size: 9pt;*/
    border-left: thin solid;
    border-bottom: thin solid;
    /*font-family: Tahoma;*/
    margin: auto;
    border: 0px;
    text-align: left;
}
.sombradiv {
    width: 100%;
    border-right: thin solid;
    border-top: thin solid;
    font-weight: normal;
                                                                    /*font-size: 9pt;*/
    border-left: thin solid;
    border-bottom: thin solid;
    /*font-family: Tahoma;*/
    margin: auto;
    border: 0px;
    text-align: left;
    -moz-box-shadow: -1px -1px 17px #888;
    -webkit-box-shadow: -1px -1px 17px #888;
    box-shadow: -1px -1px 17px #888;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.width100, .width100 table
        {
            width: 220px !important;
        }







/* CODIGO ADD: JHRODRIGUEZ 
	IMPLEMENTACIÓN DE LOS BUENOS ESTILOS PARA EL PROYECTO DE CLIENTES
    COMMENT: Estilos necesarios para la vista del sistema de información en sitios mobiles.
--- */

    /* COLORES PRINCIPALES
        #28283B --> AZUL OSCURO
        #0097CC --> AZUL CLARITO
    --- */

    /* ESTILOS GENERALES PROYECTO */    
    .link a:link {color: #053053 !important; text-decoration: none !important; font-weight: 700; } 
    .link a:visited {color: #663366 !important; } 
    .link a:hover { color: #666 !important; } 
    .link a:active { color: #053053 !important; } 

    .linkReferencia a:link {color: #053053 !important; text-decoration: none !important; font-weight: 700; } 
    .linkReferencia a:visited {color: #663366 !important; } 
    .linkReferencia a:hover { color: #666 !important; } 
    .linkReferencia a:active { color: #053053 !important; }         

    /*--*/


    /* MAQUETACION MASTER PAGE */
    #containerPrincipal { width:100%; height:auto; }
        /* - Encabezado de la Master Page */
        #Encabezado { width:100%; height:38px; background: url('../../images/patternMenuMobile.png') repeat; border: 0px solid red; }
            .EncabezadoUsuario { width:auto; height:22px; padding:9px 0 4px 20px; color:#FFF; float:left; border:0px solid blue; }        
            .MenuUsuarioEncabezado { width:45px; padding:14px 0 0 10px; float:left; }
            /* --- Logo SOUL*/
            .LogoSoul { width:140px; height:36px; margin: 0 0 0 15px; float: left; }

            /* -- Sombra Encabezado */
            .SombraEncabezado { width: 20px; border:0px solid red; float:left; }
                .SombraMenu { width:19px; height:68px; background:url('../../images/sombraMenuMobile.png') no-repeat; border:0px solid red; float:left; }
            /* -- Logo del Proyecto Encabezado */
            .LogoEncabezado { width: 100px; float:left; }
                .logoMP { background:url('../../images/logoSoul.png') no-repeat; width:90px; height:57px; margin:6px 0 0; }

        /* - Menu Header Encabezado Master Page */
        #menuHeader { float:right; width:540px; }
            /* -- Opciones del Menu Header */
            .optionMenu { color:#FFF; display: block; line-height: 33px; padding: 3px 15px 0 0; float: left; }
                /* --- Opción de Menú dado para los botones */
                .optionMenu a { color:#FFF; text-decoration:none; }
                    /* ---- Botones establecidos sobres las opciones del menu */
                    #btnEmpresa, #btnNegocio { cursor:pointer; }
                        /* ----- Imagenes correspondientes al Menu Header del Encabezado Master Page */
                        #imgEmpresas { width:25px; height:25px; }
                        #imgInicio { width:25px; height:25px; }
                        #imgNegocios { width:25px; height:25px; }
                        #imgCerrarSesion { width:25px; height:25px; }
                        #imgMapaSitio { width:22px; height:22px; }

        /* - Seleccion de la empresa y del bsucador de negocios en el Encabezado */
        #seleccionEmpresa, #seleccionBuscar { width:100%; height:118px; background-color:white; position:absolute; top:35px; z-index:8002; display:none; border:0px solid red; }
            /* -- Contenedor del DropDownList de la selección de Empresa */ 
            .containerDDLEmpresa { width:600px; margin:25px auto; }
            /* -- Contenedor Busqueda FILE ID */
            .containerSearch { width:510px; margin:25px auto; border:0px solid blue; }
                #txtFileID { width:500px; height:25px; margin:0 15px 0 0; border: 1px solid #cec3c3; }

        /* - Header del Logo del Aplicativo Version Desktop */
        .logo1MP { background: url(../../Imagenes/logo1MP.png); background-repeat:no-repeat; width:75%; height:78px; float:left; border:0px solid red; }            
        .logo4MP { background: url(../../Imagenes/logo4MP.png); background-repeat: repeat-x; width:25%; height:78px; float:left; border:0px solid red; }
            /* -- Espacio que hay de nuevo */
            .qhnMP { width:200px; height:37px; float:right; padding:3px 15px 0 0; margin: 12px 0 0 0; border: 0px solid red; }

        /* - Muestra del Nombre del Usuario Version Mobile */
        .inicioUsuario { background: #0097CC; width:97%; height:auto; margin: 0 0 0 0; padding:10px 0 10px 3%; color:#FFF; border:0px solid red; }

        /* - Margen separador del Menu Desktop */
        .marginMenu { margin: 0px 15px; padding: 0; border:0px solid red; clear:both; height: 40px; }

        /* - Contenido Principal de la Master Page */
        .contenidoMP { margin:-2px auto; width: 97%; padding: 8px 0 0 0; background-color:#F5F5F5; border:0px solid green; }
            /* -- Maquetacion y personalización de algunos PopUps, o Speraciones dentro de los Formularios */
            .cabecera { max-width: 100%; background: #FFF; margin:0 0 10px 0; height: auto; border: 5px solid #EDEDED; padding:0 20px; } 
            .cuerpo { max-width: 100%; margin: 15px auto 0px auto; }
            .cuerpoExtenso { max-width: 1400px; margin: 15px auto 0px auto; }    
            /* -- Titulo del contenedor de la MasterPage*/
            .titleContainerMP { width:auto; padding:7px 15px 7px 15px; font-weight:normal; color:#6C6666; border-bottom:1px solid #EDEDED; margin-bottom:0px; }

        /* - PreeFooter de la master page */
            #preFooterMP { margin: 10px 0 0 0; }
        /* - Footer Master Page */
        .footerMP { margin:30px 0 20px 0; width:100%; text-align:center; }

    /*--*/


    /* CONTROLES, VISUAL STUDIO.NET - TELERIK */
        /* - Control DropDownList Empresas Personalizacón */
        .RadDropDownList_MetroTouch.t-rwd-ddl {	margin: 0 auto; width:600px !important; float: left; outline: none; }
        .RadDropDownList_MetroTouch.t-rwd-ddl .rddlFocused { border-color: #CDCDCD; outline: none; }
        div.rddlPopup_MetroTouch { border-top: 0; width:600px !important; }
        .RadDropDownList_MetroTouch.t-rwd-ddl .rddlInner.rddlFocused,
        .rddlPopup_MetroTouch .rddlItem.rddlItemSelected,
        .RadDropDownList_MetroTouch.t-rwd-ddl .rddlPopup_MetroTouch .rddlItemSelected { background-color: #e8e8e8; color: #000; }
        .RadDropDownList_MetroTouch.t-rwd-ddl .rddlInner.rddlFocused .rddlIcon { background-position: -11px -58px; }
                    
        /* - Control LightBox */
        .divLightBox { margin: 10px; border:0px solid red; }
        .imageLightBox { margin: 2px 3px; border: 0px solid #888; }

        /* - Menu Mobile */
        .RadMenu_MetroTouch.t-rwd-menu-mobile { position: static; }
        .RadMenu_MetroTouch.t-rwd-menu-mobile .rmRootToggle { width: 38px; height: 38px; background-color: transparent; border-color: transparent; color: #FFF; right: 0; top: .1em; margin-right: 10px; }
	    .RadMenu_MetroTouch.t-rwd-menu-mobile .rmRootToggle:before { line-height: 37px; }
        .RadMenu_MetroTouch.t-rwd-menu-mobile .rmRootToggle:active, 
        .RadMenu_MetroTouch.t-rwd-menu-mobile .rmRootToggle.rmExpanded { background-color: #fff; border-color: transparent; color: #000; }
        .RadMenuPopup_MetroTouch.t-rwd-menu-mobile { z-index: 10000; }

        /* - Autcompletar */
        .RadAutoCompleteBox_Default { color: rgba(250, 250, 250, 0); font: normal 12px/16px "Segoe UI",Arial,Helvetica,sans-serif; }

        /* - Select Empresas */
        /*div.RadComboBox .rcbDisabled,
        div.RadComboBox .rcbDisabled .rcbInputCell .rcbInput { background-color: #808080; color: #0000FF; font-weight: bold; background-image: none; }*/

        /* - RadGrid */
        .rgExpandCol { width: 30px !important; }
        .rgActionButton { width: 21px !important; }

        /* - ESTANDARIZACIÓN BOTONES */
   		    .btnStandard { margin: 0 auto; 
                          border-radius: 5px 5px 5px 5px;
                          -moz-border-radius: 5px 5px 5px 5px;
                          -webkit-border-radius: 5px 5px 5px 5px;
                          border: 0px solid #000000;
                          background: #0097CD;
                          float:left; display: block; }
		    .btnStandard a { display: block; height: 30px; color:#FFF; text-decoration:none; padding: 0; }
            .btnStandard img { margin: 2px 0 0 5px; float: left; }
            .btnStandard span { margin: 8px 0 0 5px; float: left; }
            /* -- Tamaños utilizables en los botones */            
                /* --- XSMALL*/
                .btnWidthXSmall { width:105px; }
                .btnWidthXSmall a { width: 105px; }
                /* --- SMALL */
                .btnWidthSmall { width:135px; }
                .btnWidthSmall a { width: 135px; }
                /* --- SMALLMEDIUM */
                .btnWidthSMedium { width:165px; }
                .btnWidthSMedium a { width: 165px; }
                /* --- MEDIUM */
                .btnWidthMedium { width:195px; }
                .btnWidthMedium a { width: 195px; }
                /* --- MEDIUMLARGE */
                .btnWidthMLarge { width:225px; }
                .btnWidthMLarge a { width: 225px; }
                /* --- LARGE */
                .btnWidthLarge { width:255px; }
                .btnWidthLarge a { width: 255px; }
            /* -- Propiedad tamaño de la imagen del botón */
                .cssWidthIconBtn { width: 30px; height: 25px; }

        /* - Botones del Proyecto */
            /* -- Boton Search Negocios */
            .btnSearchNegocios { margin: 2px 0 0 470px; background: url("../../images/btnSearchNegocio.png") no-repeat; position: absolute; float:left; display: block; width:36px; } 
		    .btnSearchNegocios a { display: block; width: 36px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnSearchNegocios a:hover { margin: 0; background: url("../../images/btnSearchNegocio.png") no-repeat; float:left; display: block; width:36px;  }
            .btnSearchNegocios a span { display: none; }
            /* -- Boton Search */
		    .btnSearch { margin: 0 auto; background: url("../../images/btnSearch.png") no-repeat; float:left; display: block; width:132px; }
		    .btnSearch a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnSearch a:hover { margin: 0; background: url("../../images/btnSearch.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Nuevo Reporte */
		    .btnNuevoReporte { margin: 0 auto; background: url("../../images/btnNuevoReporte.png") no-repeat; float:left; display: block; width:143px; }
		    .btnNuevoReporte a { display: block; width: 103px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnNuevoReporte a:hover { margin: 0; background: url("../../images/btnNuevoReporte.png") no-repeat; float:left; display: block; width:103px;  }
            /* -- Boton Nuevo Reporte */
		    .btnGenerarArchivo { margin: 0 auto; background: url("../../images/btnGenerarArchivo.png") no-repeat; float:left; display: block; width:162px; }
		    .btnGenerarArchivo a { display: block; width: 122px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnGenerarArchivo a:hover { margin: 0; background: url("../../images/btnGenerarArchivo.png") no-repeat; float:left; display: block; width:122px;  }
            /* -- Boton Ver Más */
            .btnMas { margin: 0 auto; background: url("../../images/btnMas.png") no-repeat; float:left; display: block; width:132px; }
		    .btnMas a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnMas a:hover { margin: 0 auto; background: url("../../images/btnMas.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Mostrar Tudo */
            .btnMostrarTodos { margin: 0 auto; background: url("../../images/btnMostrarTodos.png") no-repeat; float:left; display: block; width:132px; }
		    .btnMostrarTodos a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnMostrarTodos a:hover { margin: 0 auto; background: url("../../images/btnMostrarTodos.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Cancelar */
            .btnCancelar { margin: 0 auto; background: url("../../images/btnCancelar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnCancelar a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnCancelar a:hover { margin: 0 auto; background: url("../../images/btnCancelar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Cerrar */
            .btnCerrar { margin: 0 auto; background: url("../../images/btnCerrar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnCerrar a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnCerrar a:hover { margin: 0 auto; background: url("../../images/btnCerrar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Aceptar */
            .btnAceptar { margin: 0 auto; background: url("../../images/btnAceptar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnAceptar a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnAceptar a:hover { margin: 0 auto; background: url("../../images/btnAceptar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Exportar a Excel */
            .btnExportarExcel { margin: 0 auto; background: url("../../images/btnExportarExcel.png") no-repeat; float:left; display: block; width:132px; }
		    .btnExportarExcel a { display: block; width:92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnExportarExcel a:hover { margin: 0 auto; background: url("../../images/btnExportarExcel.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Inicio Sesion */
		    .btnInicioSesion { margin: 0 auto; background: url("../../images/btnInicioSesion.png") no-repeat; float:left; display: block; width:132px; }
		    .btnInicioSesion a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnInicioSesion a:hover { margin: 0 auto; background: url("../../images/btnInicioSesion.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton RestablecerContraseña */
		    .btnRestablecer { margin: 0 auto; background: url("../../images/btnRestablecer.png") no-repeat; float:left; display: block; width:195px; }
		    .btnRestablecer a { display: block; width: 155px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnRestablecer a:hover { margin: 0 auto; background: url("../../images/btnRestablecer.png") no-repeat; float:left; display: block; width:155px;  }
            /* -- Boton Regresar */
   		    .btnRegresar { margin: 0 auto; background: url("../../images/btnRegresar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnRegresar a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnRegresar a:hover { margin: 0 auto; background: url("../../images/btnRegresar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Enviar */
		    .btnEnviar { margin: 0 auto; background: url("../../images/btnEnviar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnEnviar a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnEnviar a:hover { margin: 0 auto; background: url("../../images/btnEnviar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- btn Cambiar Contraseña */
            .btnCambiarContrasena { width: 195px; height: 30px; background: url("../../images/btnCambiarContrasenia.png") no-repeat; padding: 0 0 0 40px; color: #FFF; border:0px; cursor:pointer; }
            /* -- Boton Guardar */
		    .btnGuardar { margin: 0 auto; background: url("../../images/btnGuardar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnGuardar a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnGuardar a:hover { margin: 0 auto; background: url("../../images/btnGuardar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Guardar DobleClick */
            .btnGuardarDobleClick { width: 132px; height: 30px; background: url('../../images/btnGuardar.png'); border: 0px; cursor: pointer; color: #FFF; }
            /* -- Boton Actualizar */
		    .btnActualizar { margin: 0 auto; background: url("../../images/btnActualizar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnActualizar a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnActualizar a:hover { margin: 0 auto; background: url("../../images/btnActualizar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Limpiar */
		    .btnLimpiar { margin: 0 auto; background: url("../../images/btnLimpiar.png") no-repeat; float:left; display: block; width:132px; }
		    .btnLimpiar a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnLimpiar a:hover { margin: 0 auto; background: url("../../images/btnLimpiar.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Generar Reporte*/
		    .btnGenerarReporte { margin: 0 auto; background: url("../../images/btnNuevoReporte.png") no-repeat; float:left; display: block; width:150px; }
		    .btnGenerarReporte a { display: block; width: 110px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnGenerarReporte a:hover { margin: 0 auto; background: url("../../images/btnNuevoReporte.png") no-repeat; float:left; display: block; width:110px;  }
            /* -- Boton Siguiente*/
		    .btnSiguiente { margin: 0 auto; background: url("../../images/btnSiguiente.png") no-repeat; float:left; display: block; width:132px; }
		    .btnSiguiente a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnSiguiente a:hover { margin: 0 auto; background: url("../../images/btnSiguiente.png") no-repeat; float:left; display: block; width:92px;  }
            /*-- Boton Anterior */
		    .btnAnterior { margin: 0 auto; background: url("../../images/btnAnterior.png") no-repeat; float:left; display: block; width:132px; }
		    .btnAnterior a { display: block; width: 92px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px;}
		    .btnAnterior a:hover { margin: 0 auto; background: url("../../images/btnAnterior.png") no-repeat; float:left; display: block; width:92px;  }
            /* -- Boton Next*/
            .btnNext { margin: 0 auto; background: url("../../images/btnNext.png") no-repeat; float:left; display: block; width:195px; }
		    .btnNext a { display: block; width: 155px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnNext a:hover { margin: 0 auto; background: url("../../images/btnNext.png") no-repeat; float:left; display: block; width:155px;  }
            /* -- Boton Anterior */
            .btnBack { margin: 0 auto; background: url("../../images/btnBack.png") no-repeat; float:left; display: block; width:195px; }
		    .btnBack a { display: block; width: 155px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnBack a:hover { margin: 0 auto; background: url("../../images/btnBack.png") no-repeat; float:left; display: block; width:155px;  }
            /* -- Boton Seleccionar Documentos */
		    .btnSeleccionarDocumentos { margin: 0 auto; background: url("../../images/btnSeleccionarDocumento.png") no-repeat; float:left; display: block; width:162px; }
		    .btnSeleccionarDocumentos a { display: block; width: 122px; height: 30px; color:#FFF; text-decoration:none; padding: 7px 0 0 40px; }
		    .btnSeleccionarDocumentos a:hover { margin: 0; background: url("../../images/btnSeleccionarDocumento.png") no-repeat; float:left; display: block; width:122px;  }
            /* -- Boton CAMBIO DE VERSIONAMIENTO */
                #Desktop_button { margin: 0 0 0 5%; display: none; }
                #Desktop_button.clicked { display: inline; }
                @media only screen and (max-width: 1024px)
                {
	                #Desktop_button { display: inline; }
                }          

                    
            /* -- Clear, Reconfigurador de estilos implementados */ 
                .cleanMP { clear:both; }
    /*--*/


        /* - Container Estructural del Proyecto PopUp */
        .TablaGeneralPopUp { width: 100%; background: #FFF; border-right: thin solid; border-top: thin solid; font-weight: normal; border-left: thin solid; border-bottom: thin solid; margin: auto; border: 1px; text-align: left; }
        /* - Background PopUp*/
        #BackgroundPopUp { background: url("../../Imagenes/fondo.gif") !important; padding: 7px 0; font-size: 13px; font-family: arial; }

    /* MAQUETACION DEFECTO DEL PROYECTO */
        /* - Container Estructural del Proyecto */
        .TablaGeneral { width: 100%; border-right: thin solid; border-top: thin solid; font-weight: normal; border-left: thin solid; border-bottom: thin solid; margin: auto; border: 1px; text-align: left; }
        .TablaGeneralExtendida { width: 1600px !important; border-right: thin solid; border-top: thin solid; font-weight: normal; border-left: thin solid; border-bottom: thin solid; border: 1px; text-align: left; margin:  0 0 0 10px; }
            /* -- Margen establecido sobre los Titulos Principales */
            .margenRpl { padding:4px 3px 4px 3px !important; } 
            /*-- Aplicación de Titulos Principales y secundarios del Proyecto*/
                /* --- Titulo Principal */
                .title { height: auto; padding:14px 0 5px 0; margin-top: 10px; width: 100%; font-weight: 700; color: #808080; text-align: center; z-index: 1; }
                .titleBlue { border-bottom:#28283B 3px solid; }
                /* --- SubTitulo Secundario */
                .subTitle { height: auto; padding:2px 0px 2px 10px; margin: 0 0 15px 0;  width: auto; font-weight: normal; color: #808080; text-align: left; z-index: 1; }
                .subTitleBlue { border-bottom:#0097CC 1px solid; }
        /* - Container Estructural del Proyecto PopUp */
        .TablaGeneralPopUp { width: 100%; background: #FFF; border-right: thin solid; border-top: thin solid; font-weight: normal; border-left: thin solid; border-bottom: thin solid; margin: auto; border: 1px; text-align: left; }
        /* - Background PopUp*/
        #BackgroundPopUp { background: url("../../Imagenes/fondo.gif"); }
    /*--*/
    /*--*/


    /* ESTILOS PROPIOS DE LA VISTA DE LOS FORMULARIOS */
        /* - wfDefault.aspx */
            /* -- Accesos de Interés */
            .accesosRapidos, .indicador { width:auto; height:40px; margin:7px 0; border:0px solid red; 
                        background: -webkit-linear-gradient(#EEEEEE, #FFF);
                        background: -moz-linear-gradient(#EEEEEE, #FFF);
                        background: -o-linear-gradient(#EEEEEE, #FFF); }
                .accesosRapidos span { font-size: 0.9em; }
                .imgAccesosRapidos { float:left; margin: 0 0 0 10px; }
                .sombraAccesosRapidos, .sombraIndicador { background:url('../../images/sombraAccesos.png') no-repeat; width:15px; height:35px; float:left; margin: 0 0 0 10px; }
                .linkAccesosRapidos { float:left; padding:4px 0 0; }
                    .linkAccesosRapidos span { color: gray; }
                    .linkAccesosRapidos a { text-decoration: none; color: #808080; font-weight:700; }
            /* -- Indicadores */
            .labelFecha { float:left; margin: 4px 0 0 10px; }
            .textFechaIndicador { float:left; padding:5px 0 0; }

        /* - wfCambiarContrasenav2.aspx */
            #ContrasenaActual, #NuevaContrasena, #ConfirmarContrasena, #NivelFortaleza { padding:2px 0 0; }
            .formColumnPassword { padding:0px 0px 5px 13px !important; border:0px solid blue; }
            .tableNivelContrasena { border: black 1px solid; width: 86%; font-weight: bold; height: 10px; color: #808080; }
                .tableNivelContrasena td.siborder { border-right: black 1px solid; width: 33%; text-align: center; }
                .tableNivelContrasena td.noborder { width: 33%; text-align: center; }

        /* - Master Page Externo*/
            /* -- Header MasterPage Externa*/
                .headerLogin {  width:100%; height:77px; background: #FAFAFA; padding:10px 0 0; margin:0 0 0px 0; 
                                background: -webkit-linear-gradient(#FFF, #F4F4F4);
                                background: -moz-linear-gradient(#FFF, #F4F4F4);
                                background: -o-linear-gradient(#FFF, #F4F4F4); }
                .imgHeaderLogin { background:url('../../images/logoSoulLogin.png') no-repeat; width:107px; height:67px; margin: 0 auto; border:0px solid blue; }
            /* -- Contenido MasterPage Externa*/
                .contenidoMPE { margin:7px auto; width: 97%; padding: 10px 0 ; background-color:#F5F5F5; border:0px solid blue; }
    /*--*/

     
    /* HERRAMIENTAS DIFERENTES FORMULARIOS */
        /* - Control Menu de Herramientas NEGOCIOS y SOLUCION */
        #btnHerramientas { width: 42px; height: 172px; background: url('../../images/herramientas.png') no-repeat; top: 125px; cursor: pointer; margin-left: -44px; border: 0px solid red; position: absolute; }
        #responsive:after { content:"no"; }
        #menuHerramientasNoFixed { position: absolute; top: 125px; z-index: 8750; width: 190px; height: 130px; left: -240px; border: 0px solid blue; }
            /* -- Selección de Herramientas */
            #seleccionHerramientas { z-index:8002; display:none; margin: -5px 0 0; left :0; border: 0px solid green; }
            /* -- Menu Nav */
            nav { height: 220px; width: 190px; position: relative; float:left; }
                nav ul { padding: 0; margin: 5px auto; width: 190px; height: 40px; }
                nav li { display: block; margin:0 10px 0 0; background: #FFF;
                            -webkit-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.75);
                            -moz-box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.75);
                            box-shadow: 0px 1px 10px -3px rgba(0,0,0,0.75); }            
                nav a {	color: #808080;  width: 100%; text-align: center; text-decoration: none; line-height: 40px; }
                nav li a { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
                nav li:last-child a { border-right: 0; }
                nav a#pull { color: #808080; display: none; font-weight:700; text-shadow: 1px 1px 0px #FFF; background: -webkit-linear-gradient(#E5E6E8, #BABABA); background: -moz-linear-gradient(#E5E6E8, #BABABA); background: -o-linear-gradient(#E5E6E8, #BABABA); }
                /* -- Clearfix */
                .clearfix:before,
                .clearfix:after { content: " "; display: table; }
                .clearfix:after { clear: both; }
                .clearfix { *zoom: 1; }
            /* -- Styles for screen 600px and lower*/
            @media screen and (max-width: 600px) { 
                /* Establecer si esta responisve */
                #responsive:after { content:"si";  }

	            nav { width:100%; height: auto; }
  	            nav ul { width: 100%; display: block; height: auto; }
  	            nav li { width: 50%; float: left; position: relative; }
  	            nav li a { color:#808080; background: -webkit-linear-gradient(#F5F5F5, #FEFEFE); background: -moz-linear-gradient(#F5F5F5, #FEFEFE); background: -o-linear-gradient(#F5F5F5, #FEFEFE); }
      	        nav a { text-align: left; width: 100%; text-indent: 25px; }
            }
            /*--- Styles for screen 515px and lower*/
            @media only screen and (max-width : 480px) {
                /* Herramientas de la Solucion */
                    /*#menuHerramientas { position: relative; top:0; width: 100%; height: auto; margin-left: 0; }*/
                    #menuHerramientasNoFixed { position: relative; top:0; width: 100%; height: auto; margin-left: 240px; }
                    #btnHerramientas { display: none; }
                    #seleccionHerramientas { display:block; margin:0;}
                /* Establecer si esta responisve */
                    #responsive:after { content:"si"; }

	            nav { width:100%; border: 0px solid red; }
	            nav li { display: block; padding:0; float: none; width: 100%; border: 0px solid green; }
	            nav ul { display: none; height: auto; }
	            nav a#pull { display: block; background-color: #283744; width: 100%; position: relative; }
	            nav a#pull:after { content:""; background: url('../../images/menu.svg') no-repeat; background-size:35px 35px; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 4px; }
            }

        /* - ETIQUETAS de Texto para la muestra de Información en los diferentes FORMULARIOS */
            /* -- Etiqueta de Campo con fondo blanco */            
            .labelTextColumn { background: #FFF; font-weight: 700; padding:4px 7px !important; height: 23px; }
            .labelTextColumnAlter { padding:4px 7px 4px 13px !important; font-weight: 700; border:0px solid blue; height: auto; background-color: #FFF; }
            /* -- Etiqueta que denota un Control Label de informacion */
            .textColumn { padding:5px 7px 5px 13px !important; border:0px solid blue; height: auto; }
            .textColumnAlter { padding:5px 7px 4px 13px !important; border:0px solid blue; height: auto; }
            /* -- Etiqueta de Campo cuando es formulario */
            .titleFormColumn { padding:4px 7px 4px 13px !important; border:0px solid blue; height: 23px; font-weight: 700; background-color: #FFF; }
            /* -- Etiqueta que denota un Control de formulario */
            .formColumn { padding:1px 0px 3px 13px !important; border:0px solid blue; }
            /* -- Etiqueta de texto largo o descripcion larga */
            .textoColumnDescription { padding: 10px 20px; }
            /* -- Etiqueta de texto largo o descripcion largar de color gris*/
            .descriptionContainerMP { width:auto; padding:7px 15px 7px 15px; font-weight:normal; color:#6C6666; text-align:center; }

        /* - Presentación de BITACORAS */
            /* -- Titulo separado bitacora No Responsive */
            .titleBitacora { padding:7px 10px 0px 10px !important; font-weight:normal !important; color:#6C6666 !important; height: auto; }
            /* -- Lineas que establecer la separación de una bitacora con la otra */
            .lineaBitacora { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; margin:0; width: 100%; height: auto; }
            .lineaBitacoraResponsive { border-bottom: 1px solid #CCC; margin:15px 0px 15px 0px; width: 100%; height: auto; }
            /* -- Mostra del formato de fecha para la bitacora */
            .titleBitacoraSmallFecha { font-weight:normal !important; color:#6C6666 !important; }
            /* -- Titulo de la tabla de la bitacora */
            .titleBitacoraSmall { width:auto !important; padding:7px 10px 7px 10px !important; font-weight:normal !important; color:#6C6666 !important; }
            /* -- Configuración para el CORRECTO FUNCIONAMIENTO de la Bitácora */
            .padEspecialBitacora { padding-top:10px !important; }

        /* - Comporamiento del GRID - RADGRID */
        .fondoGridView { background-image: linear-gradient(bottom, #FFF 16%, #EEEEEE 58%); background-image: -o-linear-gradient(bottom, #FFF 16%, #EEEEEE 58%); background-image: -moz-linear-gradient(bottom, #FFF 16%, #EEEEEE 58%);
                         background-image: -webkit-linear-gradient(bottom, #FFF 16%, #EEEEEE 58%); background-image: -ms-linear-gradient(bottom, #FFF 16%, #EEEEEE 58%); 
                         background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, #FFF), color-stop(0.58, #EEEEEE)); -pie-background: linear-gradient(#FFF 16%, #EEEEEE 58%); }
        .fondoGridViewImage { background:#E6E6E6; }            
        .fondoTitleGridView { color: #FFFFFF !important; font-family: sans-serif !important; padding: 4px 2px !important; background: #28283B !important; font-size: 1.0em !important; font-weight: 700!important; }
        .fondoTitleGridView a { color: #FFFFFF !important; }
        
        /* - Forma que permite el acoplamiento del Grid para su crrecta visualización en una BITACORA */            
        .well { padding-bottom: 32767px; margin-bottom: -32767px; }
        .contenedor { overflow: hidden; border-right: 1px solid #CCC; }

        /* - Utilidad Tool Tip Jquery */
        #tooltip { border-radius:10px; position:absolute; background:#1691BE; padding:10px; color:#FFF; display:none; z-index: 90000;}
        .tooltip { color:#0066CC !important; font-weight:700; text-decoration:none;z-index: 90000; }
        .tooltipNormal { color:#0066CC; font-weight:700; text-decoration:none; }

        /* Mnesaje #ERROR */        

        /* ALERTS */
        .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
        .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-no-background {
    color: #31708f; 
    border-color: #bce8f1;
}
    /*--*/


    /* MANIPULACION DE LA SCREEN MEDIA, PARA TENERLOS EN CUENTA EN LOS DIFERENTES DISPOSITIVOS */
    @media only screen and (min-width : 1025px) 
    {
        #SombraEncabezado, #MenuUsuarioEncabezado, #LogoEncabezado { display:none; }
    }

    @media only screen and (min-width : 769px) and (max-width : 1024px) 
    {
        .EncabezadoUsuario { width: auto; }
        #menuHeader { width:410px; border:0px solid red; }
        #SombraEncabezado, #MenuUsuarioEncabezado, #LogoEncabezado, #MapaSitio { display:none; }
    }
    
    @media only screen and (max-width : 768px) {
        #Encabezado { height:70px; }
        #EncabezadoUsuario, #lblInicioMenu, #lblNegociosMenus, #lblEmpresasMenu, #lblCerrarSesion, #MapaSitio, #LogoSoul  { display:none; }
        #SombraEncabezado, #MenuUsuarioEncabezado, #LogoEncabezado { display:block; }

        #imgEmpresas, #imgInicio, #imgNegocios, #imgCerrarSesion { width:30px !important; height:30px !important; }

        #menuHeader { width:136px !important; margin-top: 15px; border:0px solid green; }
            .optionMenu { padding:0 !important; }
        /*-- wfDefaultv2*/
            .MostrarBoton { margin:0 auto; width:135px; }

        #seleccionEmpresa, #seleccionBuscar { top:70px; }

        .RadMenu_MetroTouch.t-rwd-menu-mobile .rmRootToggle { width: 38px; }
        /*CONTAINER DDL EMRPESA*/
        .containerDDLEmpresa { width:95% !important; }
            .RadDropDownList_MetroTouch.t-rwd-ddl {	margin: 0 auto; width:100% !important; float: left; outline: none; }
            div.rddlPopup_MetroTouch { border-top: 0; width:100% !important; }
        /*CONTAINER SEARCH*/
        .containerSearch { width:310px !important; margin:25px auto; }
            #txtFileID { width:300px; }
        .btnSearchNegocios { margin: 2px 0 0 270px !important; }


        /*WIDTH*/
            .width80Porc, .width60Porc { width: 100% !important; }
        /*VISTAS FORMULARIOS*/      
            /*wfCambiarContrasenav2*/
                #ContrasenaActual, #NuevaContrasena, #ConfirmarContrasena, #NivelFortaleza, #btnCancelarContrasena { float: left; }

        /* - ESTANDARIZACIÓN BOTONES */
   		    .btnStandard { margin: 0 auto; 
                          border-radius: 5px 5px 5px 5px;
                          -moz-border-radius: 5px 5px 5px 5px;
                          -webkit-border-radius: 5px 5px 5px 5px;
                          border: 0px solid #000000;
                          background: #0097CD;
                          float:left; display: block; }
		    .btnStandard a { display: block; font-size: 0.92em; height: 25px; color:#FFF; text-decoration:none; padding: 0; }
            .btnStandard img { margin: 2px 0 0 5px; float: left; }
            .btnStandard span { margin: 6px 0 0 5px; float: left; }
            /* -- Tamaños utilizables en los botones */            
                /* --- XSMALL*/
                .btnWidthXSmall { width:95px; }
                .btnWidthXSmall a { width: 95px; }
                /* --- SMALL */
                .btnWidthSmall { width:125px; }
                .btnWidthSmall a { width: 125px; }
                /* --- SMALLMEDIUM */
                .btnWidthSMedium { width:155px; }
                .btnWidthSMedium a { width: 155px; }
                /* --- MEDIUM */
                .btnWidthMedium { width:185px; }
                .btnWidthMedium a { width: 185px; }
                /* --- MEDIUMLARGE */
                .btnWidthMLarge { width:215px; }
                .btnWidthMLarge a { width: 215px; }
                /* --- LARGE */
                .btnWidthLarge { width:245px; }
                .btnWidthLarge a { width: 245px; }
            /* -- Propiedad tamaño de la imagen del botón */
                .cssWidthIconBtn { width: 25px; height: 20px; }

        /*BOTONES*/
            /*--- btn Search*/
		        .btnSearch { background: url("../../images/btnSearchMobile.png") no-repeat; width:100px; }
		        .btnSearch a { font-size: 0.95em; width: 70px; height: 23px; padding: 5px 0 0 30px; }
		        .btnSearch a:hover { background: url("../../images/btnSearchMobile.png") no-repeat; width:70px; }
            /*--- btn inicio sesion*/
		        .btnInicioSesion { background: url("../../images/btnInicioSesionMobile.png") no-repeat; width:108px; }
		        .btnInicioSesion a { font-size: 0.96em; width: 78px; height: 23px; padding: 5px 0 0 30px; }
		        .btnInicioSesion a:hover { background: url("../../images/btnInicioSesionMobile.png") no-repeat; width:78px; }
            /*--- btn Reestablecer */
		        .btnRestablecer { background: url("../../images/btnRestablecerMobile.png") no-repeat; width:167px; }
		        .btnRestablecer a { font-size: 0.92em; width: 135px; height: 23px; color:#FFF; padding: 5px 0 0 32px; }
		        .btnRestablecer a:hover { background: url("../../images/btnRestablecerMobile.png") no-repeat; width:135px;  }
            /*--- Btn Regresar */
		        .btnRegresar { background: url("../../images/btnRegresarMobile.png") no-repeat; width:100px; }
		        .btnRegresar a { font-size: 0.92em; width: 70px; height: 23px; padding: 5px 0 0 30px; }
		        .btnRegresar a:hover { background: url("../../images/btnRegresarMobile.png") no-repeat; width:70px; }
            /*--- Btn Envar */
		        .btnEnviar { background: url("../../images/btnEnviarMobile.png") no-repeat; width:100px; }
		        .btnEnviar a { font-size: 0.92em; width: 70px; height: 23px; padding: 5px 0 0 30px; }
		        .btnEnviar a:hover { background: url("../../images/btnEnviarMobile.png") no-repeat; width:70px; }
            /*--- Btn Cambiar Contraseña*/
                .btnCambiarContrasena { width: 152px; height: 23px; font-size: 0.89em; background: url("../../images/btnCambiarContraseniaMobile.png") no-repeat; padding:  0 0 0 30px; color: #FFF; border:0px; cursor:pointer; }
            /*--- Btn Mas*/
		        .btnMas { background: url("../../images/btnMasMobile.png") no-repeat; width:100px; }
		        .btnMas a { font-size: 0.92em; width: 70px; height: 23px; padding: 5px 0 0 30px; }
		        .btnMas a:hover { background: url("../../images/btnMasMobile.png") no-repeat; width:70px; }
            /*--- Btn Mostrar Todos*/
                .btnMostrarTodos { background: url("../../images/btnMostrarTodosMobile.png") no-repeat; width:100px; }
		        .btnMostrarTodos a { font-size: 0.92em; width:70px; height: 23px; padding: 5px 0 0 30px;}
		        .btnMostrarTodos a:hover { background: url("../../images/btnMostrarTodosMobile.png") no-repeat; width:70px;  }
            /*--- Boton Cancelar */
		        .btnCancelar { background: url("../../images/btnCancelarMobile.png") no-repeat; width:100px; }
		        .btnCancelar a { font-size: 0.92em; width: 70px; height: 23px; padding: 5px 0 0 30px; }
		        .btnCancelar a:hover { background: url("../../images/btnEnviarMobile.png") no-repeat; width:70px; }
    

        .contenidoMP { padding: 0 !important; width: 100%; }


        /*- Nombre Razon Social -- Disminución del tamaño de la fuente*/                
            .inicioUsuario { font-weight: normal!important; } /*Disminución del tamaño de la fuente*/

            .lineBitacora { border-bottom: 1px dashed #333; margin:3px 0; }

            .alignRightValores { text-align: left; }

        .linkReferencia a:link { font-size: 0.85em; } 
    }
    @media only screen and (max-width : 541px) {
        /* RadGrid Negocios */
        .widthReferencia { width: 120px; border: 0px red solid; }
        .habilitarWordWrap { word-wrap: break-word; }
    }
    /*--*/


    /* PROPIEDADES */
        /* - Aplicar Fuente */
        .aplicarFuente { font-family: sans-serif; }

        /* - Validacion Requerido*/
        .requerido { color: #900 !important; }
        .correcto { color: #009900 !important; }
        .normally { color: #000 !important; }

        /* - Alineaciones Imagenes y texto */
        img.alineadoTextoImagenCentro { vertical-align:middle; }    

        /* - Float */
        .floatLeft { float:left !important; }
        .floatCentrar { margin: 0 auto; }
        .floatRight { float:right; }            

        /* - Margenes */
            .margin0 { margin: 0 !important; }
            .marginCenter { margin:0 auto !important; }
            .marginTop3 { margin-top: 3px !important; }
            .marginTop5 { margin-top: 5px !important; }
            .marginTop10 { margin-top: 10px !important; }
            .marginTop20 { margin-top: 20px !important; }
            .marginTop30 { margin-top: 30px !important; }
            .marginTop40 { margin-top: 40px !important; }
            .marginTop50 { margin-top: 50px !important;border: 1px solid red; }
            .marginLeft10 { margin-left: 10px !important; }
            .marginLeft20 { margin-left: 20px !important; border: 0px solid red; }
            .marginLeft30 { margin-left: 30px !important; border: 0px solid red; }
            .marginLeft40 { margin-left: 40px !important; }
            .marginLeft50 { margin-left: 50px !important; }
            .marginRight5 { margin-right: 5px !important; }
            .marginRight10 { margin-right: 10px !important; }
            .marginBottom5 { margin-bottom: 5px !important; }
            .marginBottom7 { margin-bottom: 7px !important; }
            .marginBottom10 { margin-bottom: 10px !important; }
            .marginResponsive { margin: 0 auto !important; }
            .marginTopBottom2 { margin: 2px 0 !important; }

        /* - Padding */
            /* - TOP */
            .padding0 { padding: 0; }
            .padTop2 { padding-top: 2px; }        
            .padTop4 { padding-top: 4px; }
            .paddingTop5 { padding-top: 5px !important; }
            .paddingTop10 { padding-top: 10px !important; }
            .paddingTop15 { padding-top: 15px !important; }
            .paddingTop20 { padding-top: 20px !important; }
            /* - BOTTOM */
            .paddingBottom10 { padding-bottom: 10px !important; }
            .paddingBottom15 { padding-bottom: 15px !important; }            
            .paddingBottom20 { padding-bottom: 20px !important; }
            /* - LEFT */

            /* - RIGHT */
                .padRight10 { padding-right: 10px !important; }
                .padRight30 { padding-right: 30px !important; }



        /* - Definicion de estilos de Sombras */
        .sombra-1 { -webkit-box-shadow: -2px 4px 7px -3px rgba(0,0,0,0.68);
                    -moz-box-shadow: -2px 4px 7px -3px rgba(0,0,0,0.68);
                    box-shadow: -2px 4px 7px -3px rgba(0,0,0,0.68); }
        .sombra-2 { -webkit-box-shadow: 0px 1px 5px -3px rgba(0,0,0,0.68);
                    -moz-box-shadow: 0px 1px 6px -3px rgba(0,0,0,0.68);
                    box-shadow: 0px 1px 5px -3px rgba(0,0,0,0.68); }
        .sombra-3 { -webkit-box-shadow: 0px 7px 10px -3px rgba(0,0,0,0.75);
                    -moz-box-shadow: 0px 7px 10px -3px rgba(0,0,0,0.75);
                    box-shadow: 0px 7px 10px -3px rgba(0,0,0,0.75); }

        /* - Alineamientos Controles */
        .align-right { text-align:right; }
        .alignRightValores { text-align: right; }
        .align-left { text-align:left; }
        .align-center { text-align:center; }

        /* - Width Porcentajes */
            .width2Porc { width: 2% !important; } 
            .width5Porc { width: 5% !important; } 
            .width6Porc { width: 6% !important; } 
            .width8Porc { width: 8% !important; } 
            .width9Porc { width: 9% !important; } 
            .width10Porc { width: 10% !important; } 
            .width11Porc { width: 11% !important; } 
            .width12Porc { width: 12% !important; } 
            .width20Porc { width: 20% !important; } 
            .width30Porc { width: 30% !important; } 
            .width40Porc { width: 40% !important; }
            .width45Porc { width: 45% !important; }
            .width50Porc { width: 50% !important; } 
            .width55Porc { width: 55% !important; } 
            .width60Porc { width: 60% !important; } 
            .width70Porc { width: 70% !important; } 
            .width75Porc { width: 75% !important; } 
            .width80Porc { width: 80% !important; } 
            .width90Porc { width: 90% !important; } 
            .width95Porc { width: 95% !important; } 
            .width100Porc { width: 100%; } 
            .widthAuto { width: auto; }


        /* - Width Pixeles */
        .width120Px { width: 120px; }
        

        /* - Muestra de Información */
        .displayNone { display: none; }
        .displayBlock { display: block; }

        /* - Tamaño de Fuentes */
        .size1 { font-size: 1.0em; }
            .size11 { font-size: 1.1em; }
            .size12 { font-size: 1.2em; }
            .size13 { font-size: 1.3em; }
        .size09 { font-size: 0.9em; }
            .size090 { font-size: 0.90em; }
            .size091 { font-size: 0.91em; }
            .size092 { font-size: 0.92em; }
            .size093 { font-size: 0.93em; }
            .size094 { font-size: 0.94em; }
            .size095 { font-size: 0.95em !important; }
        .size08 { font-size: 0.8em; }
            .size085 { font-size: 0.85em; }
            .size087 { font-size: 0.87em; }
            .size088 { font-size: 0.88em; }
            .size089 { font-size: 0.89em; }
        .size07 { font-size: 0.7em; }

        /* - Negrita */
        .negrita { font-weight: 700; }

        /* - Lineas */
        .lineaLeft { border-left: 1px solid #CCC; }
        .lineaRight { border-right: 1px solid #CCC; }
        .lineaTop { border-top: 1px solid #CCC; }
        .lineaBottom { border-bottom: 1px solid #CCC; }

        /* - z-index */
        .z-index9500 { z-index: 9500 !important; }        


        /* - Bordes */
        .borderBottom { border-bottom:1px solid #FFF; }
        .border { border:1px solid blue; }

        /* Bckground */
            .backgroundBlanco { background: #FFF !important;}
            .backgroundGris { background: #F5F5F5 !important; }
            .backgroundNaranja { background: #E36C09 !important; }
            .backgroundAzul { background: #28283B !important; }
        /* Color Fuente */
        .colorWhite { color: #FFF !important; }


        /* Input Text */
        .text1 { width:200px; border:1px solid red; }
        .text2 { width:100px; border:1px solid red; }

    /*--*/

        /* - Limpieza de Divs */
        .clear { clear: both; }

        
    /* ESTILOS A SER UBICADOS*/
    .min { min-width:100%; width:100%; }
    /*--*/