body {
    margin: 0;
    /*ADD JHRODRIGUEZ*/
    background-color: #FFF;
    /*FIN ADD JHRODRIGUEZ*/
    font-family: sans-serif;
    font-size: 0.81em;
}

a img {
    border: none;
}



.NonVisibleText {
    color: Black;
    /*font-family: Tahoma, Tahoma, Tahoma, Sans-Serif;*/
    display: none;
}

.validatorCalloutHighlight {
}

.header {
    cursor: hand;
    cursor: pointer;
    background-color: #CECECE;
}

.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;
}

.ColumnaBoton {
    width: 25px;
    text-align: center;
}

/*CollapsiblePanel*/
.collapsePanel {
    overflow: hidden;
}

.collapsePanelHeader {
    width: 100%;
    height: 30px;
    background-image: url(../../Images/bg-menu-main.jpg);
    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;
}


.width100, .width100 table {
    width: 220px !important;
}

.width60, .width60 table {
    width: 100px !important;
}

.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;
}

.titulo_fondo_azul {
    background-image: url(../../Imagenes/titulo_azul_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_verde {
    background-image: url(../../Imagenes/titulo_verde_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.grid {
}

.titulo_fondo_rojo {
    background-image: url(../../Imagenes/titulo_rojo_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_amarillo {
    background-image: url(../../Imagenes/titulo_amarillo_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_gris {
    background-image: url(../../Imagenes/titulo_gris_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_negro {
    background-image: url(../../Imagenes/titulo_negro_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}


.TablaDrop {
    width: 98%;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    margin: auto;
    border: 0px;
    text-align: left;
}

.TablaGeneralSinFondo {
    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;
}


.TablaTabContainer {
    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;
}

.TablaGeneralEditar {
    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;*/
    background-color: #ffffff;
    margin: auto;
    border: 0px;
    text-align: left;
}



.TituloAzul {
    text-align: center;
    background-color: #007cba;
    background-image: url(../../Imagenes/Menu.jpg);
    background-repeat: no-repeat;
    background-position: center;
    color: #ffffff;
    font-weight: bold;
}

.TituloNuevo {
}

.TituloVerde {
    background-position: center;
    background-image: url(../../Imagenes/barra3.jpg);
    background-repeat: no-repeat;
    background-color: #68b92e;
    text-align: center;
    font-weight: bold;
    color: #000000;
}

.titulo_fondo_azul {
    background-image: url(../../Imagenes/titulo_azul_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_verde {
    background-image: url(../../Imagenes/titulo_verde_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_rojo {
    background-image: url(../../Imagenes/titulo_rojo_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_amarillo {
    background-image: url(../../Imagenes/titulo_amarillo_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_gris {
    background-image: url(../../Imagenes/titulo_gris_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}

.titulo_fondo_negro {
    background-image: url(../../Imagenes/titulo_negro_repetir.jpg);
    background-repeat: repeat-x;
    height: 20px;
    width: 100%;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: #003;
    text-align: center;
    z-index: 1;
}
/*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%;
    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: #053053;
    border-left: solid 1px #000;
    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*/
.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;
    }

    .FondoRecoverPass 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);
    }

        .FondoRecoverPass 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;
}

.tableNivelContraseña {
    FONT-SIZE: 75%;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    width: 86%;
    /*font-family: 'Arial Narrow', 'Nimbus Sans L', sans-serif;*/
    font-weight: bold;
    font-size: small;
    height: 10px;
    color: #808080;
}

.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 {
    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: #f5f5f5;
    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;
}




/*autocomplete*/
.RadAutoCompleteBox {
    *zoom: 1;
    width: 200px;
    cursor: default;
    border-color: red;
    box-shadow: 5px 5px 5px 5px;
}

    .RadAutoCompleteBox:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .RadAutoCompleteBox racTokenList {
        margin: 0;
        padding: 0;
        *zoom: 1;
        padding: 1px;
        border: 1px solid;
        overflow: hidden;
        width: 200px;
    }

    .RadAutoCompleteBox .racTokenList:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .RadAutoCompleteBox .racToken {
        *zoom: 1;
        float: left;
        display: inline;
        margin: 0 0 0 1px;
        padding: 0 18px 0 5px;
        border: 1px solid;
        background-position: 0 0;
        background-repeat: repeat-x;
        position: relative;
        white-space: nowrap;
    }

        .RadAutoCompleteBox .racToken:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

        .RadAutoCompleteBox .racToken:first-child {
            margin-left: 0;
        }

    .RadAutoCompleteBox .racDisabled .racToken {
        -moz-opacity: 0.8;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        *filter: alpha(opacity=80);
        padding-right: 5px;
    }

        .RadAutoCompleteBox .racDisabled .racToken .racRemoveTokenLink {
            display: none;
        }

    .RadAutoCompleteBox .racRemoveTokenLink {
        width: 12px;
        height: 12px;
        background-repeat: no-repeat;
        position: absolute;
        top: 2px;
        right: 2px;
        left: auto;
        cursor: pointer;
    }

    .RadAutoCompleteBox .racTextToken {
        *zoom: 1;
        float: left;
        display: inline;
        margin: 0 0 0 1px;
        padding: 0 0 0 4px;
        white-space: nowrap;
        position: relative;
    }

        .RadAutoCompleteBox .racTextToken:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

        .RadAutoCompleteBox .racTextToken:first-child {
            margin-left: 0;
        }

    .RadAutoCompleteBox .racTokenSeparator,
    .RadAutoCompleteBox .racStringSeparator {
        float: left;
        display: inline;
    }

    .RadAutoCompleteBox .racTokenSeparator {
        display: none;
    }

    .RadAutoCompleteBox .racInput {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        list-style: none;
        float: left;
        display: inline;
        height: 18px;
        text-indent: 4px;
        background-color: red;
    }

        .RadAutoCompleteBox .racInput:focus {
            outline: none;
        }

    .RadAutoCompleteBox .racEmptyMessage {
        font-style: italic;
    }

    .RadAutoCompleteBox .racEditTokenInput {
        margin: 0;
        padding: 0;
        height: 16px;
        border: 0;
        background: none;
        font: inherit;
    }

.racSlide {
    width: 160px;
    position: absolute;
    z-index: 9999;
}

.RadAutoCompleteBoxPopup {
    margin: 0;
    padding: 0;
    *zoom: 1;
    border: 1px solid;
    cursor: default;
}

    .RadAutoCompleteBoxPopup:after {
        content: "";
        height: 0;
        clear: both;
        display: block;
    }

    .RadAutoCompleteBoxPopup .racList {
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        list-style: none;
        *zoom: 1;
        padding: 1px;
        height: 100%;
        overflow: auto;
    }

        .RadAutoCompleteBoxPopup .racList:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

    .RadAutoCompleteBoxPopup .racHeader,
    .RadAutoCompleteBoxPopup .racFooter {
        *zoom: 1;
        padding: 2px 7px;
    }

        .RadAutoCompleteBoxPopup .racHeader:after,
        .RadAutoCompleteBoxPopup .racFooter:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

    .RadAutoCompleteBoxPopup .racHeader {
        border-bottom: 1px solid;
    }

    .RadAutoCompleteBoxPopup .racFooter {
        border-top: 1px solid;
    }

    .RadAutoCompleteBoxPopup .racItem {
        *zoom: 1;
        padding: 2px 6px;
    }

        .RadAutoCompleteBoxPopup .racItem:after {
            content: "";
            height: 0;
            clear: both;
            display: block;
        }

/*Estilo para las tablas de la preliquidación de la cotización*/
.Preliquidar {
    border: groove 1px #000000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #808080;
    font-family: Arial, Sans-Serif;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent {
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    text-align: left;
    padding-top: 10px;
    width: 99%;
}

.width100, .width100 table {
    width: 220px !important;
}



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

/* 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;
}

.linked {
    color: #053053 !important;
    text-decoration: underline !important;
    font-weight: 700;
}


.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;
}

.linkWhite a:link {
    color: #FFF !important;
    text-decoration: none !important;
}

.linkWhite a:visited {
    color: #fff0f5 !important;
}

.linkWhite a:hover {
    color: #CCC !important;
}

.linkWhite a:active {
    color: #053053 !important;
}

/*--*/

/* MAQUETACION MASTER PAGE */
#containerPrincipal {
    width: 100%;
    height: auto;
}
/* - Reseteo de Fuentes y tamaños en la Fuente */
.resetFontSize {
    font-family: sans-serif !important;
    font-size: 0.90em !important;
}

/* - Contenedor Encabezado el cual permite que sea un encabezado fijo */
#containerEncabezado {
    width: 100%;
    height: 35px;
    background: url('../../images/patternMenuMobile.png') repeat;
    border: 0px solid red;
}
/* -- Encabezado de la Master Page */
#Encabezado {
    width: 100%;
    height: 38px;
    background: url('../../images/patternMenuMobile.png') repeat;
    border: 0px solid red;
    position: fixed;
    z-index: 9000 !important;
}

.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: 57px;
    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;
}
/* -- Encabezado Aplicado sobre el directorio */
#EncabezadoDirectorio {
    width: 100%;
    height: 35px;
    background: url('../../images/patternMenuMobile.png') repeat;
    border: 0px solid red;
    margin: -35px 0 0 0;
}

/* - Menu Header Encabezado Master Page */
#menuHeader {
    float: right;
    width: 810px;
    border: 0px solid gray;
}
/* -- Opciones del Menu Header */
.optionMenu {
    color: #FFF;
    display: block;
    line-height: 33px;
    padding: 3px 15px 0 5px;
    float: left;
}

.btnMenuNegocio {
    color: #FFF;
    display: block;
    line-height: 33px !important;
    margin: 1px 0 0 -26px;
    padding: 0 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 */
#btnNegocio {
    cursor: pointer;
    display: none;
}

#btnSoporteHelpDesk {
    cursor: pointer;
}
/*----- Imagenes del Menu Principal */
#imgEmpresas, #imgInicio, #imgNegocios, #imgNegociosMenu, #imgCerrarSesion {
    width: 25px;
    height: 25px;
}

#imgCambiarContrasena, #imgMapaSitio, #imgSoporteHelpDesk {
    width: 22px;
    height: 22px;
}

/* - Seleccion de la empresa y del bsucador de negocios en el Encabezado */
#seleccionBuscar {
    display: none;
}
/* - Seleccion de la empresa y del bsucador de negocios en el Encabezado */
#seleccionTicket {
    width: 40%;
    height: 280px;
    background-color: white;
    position: absolute;
    top: 38px;
    right: 10px;
    z-index: 8002;
    display: none;
    border: 1px solid #0394ae;
    padding: 0;
    -webkit-border-radius: 10px 10px; /* Safari  */
    -moz-border-radius: 10px 10px; /* Firefox */
    -webkit-box-shadow: -1px 3px 20px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 3px 20px -1px rgba(0,0,0,0.75);
    box-shadow: -1px 3px 20px -1px rgba(0,0,0,0.75);
}

/* -- Contenedor Busqueda FILE ID */
.containerSearch {
    width: 160px;
    margin: 5px 5px 0 0;
    border: 0px solid blue;
    float: left;
}

#txtFileID {
    width: 155px;
    height: 17px;
    margin: 0 15px 0 0;
    border: 1px solid #cec3c3;
    font-size: 0.99em;
}

#txtFileIDResponsive {
    width: 500px;
    height: 25px;
    margin: 0 15px 0 0;
    border: 1px solid #cec3c3;
}

/* - Header del Logo del Aplicativo Version Desktop */
.logo1MP {
    background: url(../../images/logo1MP.png);
    background-repeat: no-repeat;
    width: 75%;
    height: 78px;
    float: left;
    border: 0px solid red;
}

.logo4MP {
    background: url(../../images/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: 35px 0 0 0;
    padding: 10px 0 10px 3%;
    color: #FFF;
    border: 0px solid red;
}

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

/* - Contenido Principal de la Master Page */
.contenidoMP {
    margin: -10px auto 0;
    width: 98%;
    padding: 13px 0 0;
    background-color: #F5F5F5;
    border: 0 solid blue;
}
/* -- Maquetacion y personalización de algunos PopUps, o Speraciones dentro de los Formularios */

/* - 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;
}

/* - Contenido MasterPage Externa Directorio */
.contenidoMPE {
    margin: 0 auto;
    width: 97%;
    padding: 0;
    background-color: #F5F5F5;
    border: 0px solid blue;
}

/*--*/


/* CONTROLES, VISUAL STUDIO.NET - TELERIK */
/* - 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;
}

.RadAutoCompleteBox_WebBlue {
    color: #f5f5f5 !important;
    font: normal 12px/16px "Segoe UI",Arial,Helvetica,sans-serif !important;
}

/* - Similar CONCEPTO Gráfico RadListView PostSeleccion */
.containerRadListViewRecuadroAlargado {
    border: 3px solid #0394ae !important;
    width: 430px !important;
    height: 120px !important;
    background: #e3e2e2 !important;
    padding: 10px 5px !important;
    margin-bottom: 10px !important;
}

.porcentualListView {
    width: 60px;
    padding: 3px 2px 2px 6px;
    background: #03ae92;
}


/* - RadListView Recuadro Cuadrado*/


/* - 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;
        color: #fff !important;
    }

.EstiloGridButtonColumn {
    width: 18px !important;
    height: 18px !important;
}

/* -- 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;
}
/* -- Propiedad de separación margin alto botones */
.separadorAltoMobile {
}


/* - Botones del Proyecto */
/* -- 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 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 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 Guardar DobleClick */
.btnGuardarDobleClick {
    width: 132px;
    height: 30px;
    background: url('../../images/btnGuardar.png');
    border: 0px;
    cursor: pointer;
    color: #FFF;
}

.btnGuardaryEnviarDobleClick {
    width: 170px;
    padding: 0 0 0 20px;
    height: 30px;
    background: url('../../images/btnGuardaryEnviar.png');
    border: 0px;
    cursor: pointer;
    color: #FFF;
}
/* -- 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 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 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 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 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 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;
}

/*--*/


/* 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;
}
/*-- 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 */
/* - wfDirectorioConsultas.aspx */
.contentUser {
    border: 1px solid #C9C9C9;
    height: 54px;
    line-height: 1.3em;
}

    .contentUser a {
        display: block;
        height: 44px;
        padding: 5px 10px;
        text-decoration: none;
        color: #000;
    }

        .contentUser a:hover {
            background: #CCC;
            cursor: pointer;
        }

.iconMostrarFotoDirectorio {
    float: left;
}

.contentFoto {
    width: 100px;
    height: 120px;
    margin: 0 auto;
}

.sizeDirectorioItems {
    font-size: 0.98em;
}

.containerUserDirectorio {
    border: 1px dashed #CCC;
    padding: 10px 10px 10px 20px;
    background: #FFF;
    width: 260px;
}

.fotoUserSearch {
    width: 100px;
    margin: 0 auto 10px auto;
}

.textUserSearch {
    text-align: left;
}

/* - wfCalendarioComercial.aspx */
.Citas, .Llamada, .Cotizacion, .Visita, .GestionLlamada, .Otros {
    padding: 0 5px;
    height: 20px;
    border: 2px solid;
    float: left;
    text-align: center;
    line-height: 22px;
    margin: 0 5px 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.Citas {
    border-color: #000099;
    background-color: #C9DEFF;
}

.Llamada {
    border-color: #006600;
    background-color: #B8E2B8;
}

.Cotizacion {
    border-color: #E6E600;
    background-color: #FFFFBF;
}

.Visita {
    border-color: #CC0000;
    background-color: #FFBFBF;
}

.GestionLlamada {
    border-color: #330033;
    background-color: #DF9fDF;
}

.Otros {
    border-color: #4A4A4A;
    background-color: #E0E0E0;
}

/* OEA */
.contenedorRequisitos {
    width: 90% !important;
}
/*--*/

/* - wfAdmonCalendarioEquipoTrabajo.aspx */
.PendientexJefe, .AprobadasxJefe, .RechazadasxJefe, .RechazadasxTh, .Cumpleanio, .CumpleanioAprobado, .CumpleanioRechazado, .Grados, .GradosAprobado, .GradosRechazado, .Quinquenio, .EnEspera {
    padding: 0 5px;
    height: 20px;
    border: 2px solid;
    float: left;
    text-align: center;
    line-height: 22px;
    margin: 0 5px 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}


.Titulo {
    padding: 0 5px;
    height: 20px;
    float: left;
    text-align: center;
    line-height: 22px;
    margin: 0 5px 0 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.PendientexJefe {
    border-color: #FACC2E;
    background-color: #FACC2E;
}

.AprobadasxJefe {
    border-color: #B8E2B8;
    background-color: #B8E2B8;
}

.RechazadasxJefe {
    border-color: #FE2E9A;
    background-color: #FE2E9A;
}

.RechazadasxTh {
    border-color: #FF0000;
    background-color: #FF0000;
}

.Cumpleanio {
    border-color: #BEF781;
    background-color: #BEF781;
}

.CumpleanioAprobado {
    border-color: #2EFE9A;
    background-color: #2EFE9A;
}

.CumpleanioRechazado {
    border-color: #F5A9A9;
    background-color: #F5A9A9;
}

.Grados {
    border-color: #FA58D0;
    background-color: #FA58D0;
}

.GradosAprobado {
    border-color: #E1F5A9;
    background-color: #E1F5A9;
}


.GradosRechazado {
    border-color: #B40404;
    background-color: #B40404;
}

.Quinquenio {
    border-color: #E0E0E0;
    background-color: #E0E0E0;
}

.EnEspera {
    border-color: #81F7F3;
    background-color: #81F7F3;
}

/*--*/




/* HERRAMIENTAS DIFERENTES FORMULARIOS */
/* - Control Menu de Herramientas NEGOCIOS */
#btnHerramientas {
    width: 42px;
    height: 172px;
    background: url('../../images/herramientas.png') no-repeat;
    top: 167px;
    cursor: pointer;
    margin-left: 0px;
    border: 0px solid red;
    position: fixed;
    z-index: 8002;
}

#responsive:after {
    content: "no";
}

#menuHerramientasNoFixed {
    position: absolute;
    top: 15px;
    z-index: 8750;
    width: 530px;
    height: 130px;
    left: -740px;
    border: 0px solid blue;
}
/* -- Selección de Herramientas */
#seleccionHerramientas {
    z-index: 8002;
    display: none;
    margin: -5px 0 0;
    left: 0;
}
/* -- Menu Nav */
nav {
    height: 350px;
    width: 530px;
    position: relative;
    float: left;
    border: 0px solid green;
}

    nav ul {
        padding: 0;
        margin: 5px auto;
        width: 580px;
        height: 40px;
    }

    nav li {
        width: 250px;
        display: block;
        margin: 0 10px 0 0;
        background: #FFF;
        float: left;
        -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;
            }
}
/* - FIN Control Menu de Herramientas NEGOCIOS y SOLUCION */

/* - Control TAGS Negocios */
.linkTag {
    padding: 5px 15px;
    margin: 0 5px 10px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #000000;
}

    .linkTag a {
        color: #FFF !important;
        text-decoration: none !important;
        font-weight: 700;
    }

        .linkTag a:hover {
            color: #000 !important;
            text-decoration: none !important;
        }
/* - FIN Control TAGS Negocios */

/* - Sombra de los controles de Estados*/
.sombraEstados {
    -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);
}

/* - 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;
}

.labelTextColumnHistorico {
    background: #0097CC;
    color: #FFF;
    font-weight: 700;
    padding: 4px 7px !important;
    height: 23px;
}

.labelTextColumnCorreo {
    background: #FFF;
    font-weight: 700;
    padding: 4px 7px !important;
    height: 23px;
}

.labelGrid {
    height: auto;
}
/*Se adiciona para los grid*/
.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;
}

/* AVATAR */
div.avatar {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 65px;
    width: 65px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}
/* - 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;
    }

.fondoGridViewWhite {
    background: #FFF;
}

.fondoGridViewWhiteImage {
    background: #E6E6E6;
}


/* - 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;
}

/* - Mensaje de Error utilizado para mostrarlo cn un estilo el mensaje de Error */
.MensajeError {
    color: #900;
}

/* 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-info2 {
    color: #31708f;
    background-color: #eee8aa;
    border-color: #f0e68c;
}


/* SCROLL */
.scrolltoTopOEA {
    text-decoration: none;
    position: fixed;
    top: 600px;
    right: 30px;
    display: none;
    font-size: 36px;
    color: #555;
}

    .scrolltoTopOEA:hover {
        text-decoration: none;
        color: #000;
    }

.scrolltoTopCotizacion {
    text-decoration: none;
    position: fixed;
    top: 600px;
    right: 30px;
    display: none;
    font-size: 36px;
    color: #555;
}

    .scrolltoTopCotizacion:hover {
        text-decoration: none;
        color: #000;
    }
/*--*/


/* 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 : 1025px) and (max-width:1200px) {
    #menuHeader {
        width: 670px;
        border: 0px solid red;
    }

    #lblInicioMenu, #lblCambiarContrasena {
        display: none;
    }
}


@media only screen and (min-width : 769px) and (max-width : 1024px) {
    .EncabezadoUsuario {
        width: auto;
    }

    #menuHeader {
        width: 430px;
        border: 0px solid red;
    }

    #SombraEncabezado, #MenuUsuarioEncabezado, #LogoEncabezado, #MapaSitio, #btnMenuNegocio, #ContainerSearch, #btnCambiarContraseña {
        display: none;
    }

    #btnNegocio {
        display: block;
    }

    #seleccionBuscar {
        width: 100%;
        height: 118px;
        background-color: white;
        position: absolute;
        top: 40px;
        z-index: 8002;
        display: none;
        border: 0px solid red;
    }

    .containerSearchResponsive {
        width: 310px !important;
        margin: 25px auto !important;
        border: 0px solid red;
    }

    #txtFileIDResponsive {
        width: 300px;
    }

    .btnSearchNegocios {
        margin: 2px 0 0 270px !important;
    }
}

@media only screen and (max-width : 768px) {
    #Encabezado, #EncabezadoDirectorio {
        height: 70px;
    }

    #EncabezadoUsuario, #lblInicioMenu, #lblNegociosMenus, #lblEmpresasMenu, #lblCerrarSesion, #MapaSitio, #lblCambiarContrasena, #LogoSoul, #btnMenuNegocio, #lblCrearTicket {
        display: none;
    }

    #SombraEncabezado, #MenuUsuarioEncabezado, #LogoEncabezado {
        display: block;
    }

    #btnNegocio {
        display: block;
    }

    #btnMenuNegocio, #ContainerSearch {
        display: none;
    }

    /* Botones del Menu Encabezado*/
    #imgInicio, #imgNegocios, #imgCerrarSesion {
        width: 30px !important;
        height: 30px !important;
    }
    /* Cambio en el tamaño de los botones del menu Encabezado */
    #imgCambiarContrasena {
        width: 25px !important;
        height: 25px !important;
    }
    /* Cambio en el tamaño de los botones del menu Encabezado */

    #menuHeader {
        width: 156px !important;
        margin-top: 15px;
        border: 0px solid green;
    }

    .optionMenu {
        padding: 0 !important;
    }
    /*-- wfDefaultv2*/
    .MostrarBoton {
        margin: 0 auto;
        width: 135px;
    }

    #seleccionBuscar {
        width: 100%;
        height: 118px;
        background-color: white;
        position: absolute;
        top: 70px;
        z-index: 8002;
        display: none;
        border: 0px solid red;
    }

    #seleccionTicket {
        width: 80%;
        height: 280px;
        top: 15px;
    }


    .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*/
    .containerSearchResponsive {
        width: 310px !important;
        margin: 25px auto !important;
        border: 0px solid red;
    }

    #txtFileIDResponsive {
        width: 300px;
    }

    .btnSearchNegocios {
        margin: 2px 0 0 270px !important;
    }

    /*WIDTH*/
    /*.width80Porc, .width60Porc { width: 100% !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;
            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;
    }
    /* -- Propiedad de separación margin alto botones */
    .separadorAltoMobile {
        margin: 10px auto 0 auto;
    }


    /* - 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 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;
            }
    /* -- */
    /*--- 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 Guardar */
    .btnGuardar {
        background: url("../../images/btnGuardarMobile.png") no-repeat;
        width: 100px;
    }

        .btnGuardar a {
            font-size: 0.92em;
            width: 70px;
            height: 23px;
            padding: 5px 0 0 30px;
        }

            .btnGuardar a:hover {
                background: url("../../images/btnGuardarMobile.png") no-repeat;
                width: 70px;
            }
    /*--- 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;
            }


    .contenedorRequisitos {
        width: 100% !important;
    }

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

    /* - ESTILOS PROPIOS DE LA VISTA DE LOS FORMULARIOS */
    /* -- DIRECTORIO */
    .sizeDirectorioItems {
        font-size: 0.89em;
    }

    .RadGrid_Simple th.rgHeader {
        padding: 5px 0;
    }

    .RadGrid_Simple .rgMasterTable .rgAltRow .rgExpandCol {
        padding: 0px 0 !important;
    }

    .RadGrid_Simple .rgMasterTable .rgRow .rgExpandCol {
        padding: 0px 0 !important;
    }

    .marginResponsive {
        margin: 0;
    }

    .containerUserDirectorio {
        padding: 10px 0 10px 0;
        width: auto !important;
    }

    .fotoUserSearch {
        float: left !important;
        width: 54px;
        padding: 10px 0 0 0;
        margin: 0;
    }

    .textUserSearch {
        float: left !important;
        text-align: left !important;
        width: 193px !important;
        font-size: 0.90em;
        padding: 0 0 0 7px;
        line-height: 15px;
    }

    #containerPrincipal {
        margin-top: 30px;
    }


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

    /* Footer de la master page / cambio en su margen */
    #footerMP {
        margin: 15px 0 20px 0;
    }

    /*.RadComboBoxDropDown RadComboBoxDropDown_Office2007 { width: 150px !important; }*/
}
/* - PROPIEDADES */
/* - Aplicar Fuente */
.aplicarFuente {
    font-family: sans-serif;
}

/* - Validacion Requerido*/
.requerido {
    color: #ff0000 !important;
    font-weight: 700;
    font-size: 15px;
}

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

/* - Float */
.floatLeft {
    float: left;
}

.floatCentrar {
    margin: 0 auto;
}

.floatRight {
    float: right;
}

/* - Margenes */
.margin0 {
    margin: 0 !important;
}

.marginCenter {
    margin: 0 auto !important;
}

.marginTop-5 {
    margin-top: -5px !important;
}

.marginTop-10 {
    margin-top: -10px !important;
}

.marginTop2 {
    margin-top: 2px !important;
}

.marginTop3 {
    margin-top: 3px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop7 {
    margin-top: 7px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop25 {
    margin-top: 25px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.marginLeft7 {
    margin-left: 7px !important;
}

.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;
}

.marginLeft42 {
    margin-left: 42px !important;
}

.marginLeft43 {
    margin-left: 43px !important;
}

.marginLeft50 {
    margin-left: 50px !important;
}

.marginRight5 {
    margin-right: 5px !important;
}

.marginRight7 {
    margin-right: 7px !important;
}

.marginRight10 {
    margin-right: 10px !important;
}

.marginRight15 {
    margin-right: 15px !important;
}

.marginRight20 {
    margin-right: 20px !important;
}

.marginBottom7 {
    margin-bottom: 7px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginBottom15 {
    margin-bottom: 15px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.marginResponsive {
    margin: 0 auto !important;
}

.marginTop-5 {
    margin-top: -5px !important;
}

.marginTop-10 {
    margin-top: -10px !important;
}

.marginTop2 {
    margin-top: 2px !important;
}

.marginTop3 {
    margin-top: 3px !important;
}

.marginTop5 {
    margin-top: 5px !important;
}

.marginTop7 {
    margin-top: 7px !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginTop15 {
    margin-top: 15px !important;
}

.marginTop20 {
    margin-top: 20px !important;
}

.marginTop25 {
    margin-top: 25px !important;
}

.marginTop30 {
    margin-top: 30px !important;
}
/* LEFT - */
.marginLeft-15 {
    margin-left: -15px !important;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.marginLeft7 {
    margin-left: 7px !important;
}

.marginLeft10 {
    margin-left: 10px !important;
}

.marginLeft15 {
    margin-left: 15px !important;
}

.marginLeft20 {
    margin-left: 20px !important;
    border: 0px solid red;
}

.marginLeft30 {
    margin-left: 30px !important;
    border: 0px solid red;
}

.marginLeft40 {
    margin-left: 40px !important;
}

.marginLeft42 {
    margin-left: 42px !important;
}

.marginLeft43 {
    margin-left: 43px !important;
}

.marginLeft45 {
    margin-left: 45px !important;
}

.marginLeft50 {
    margin-left: 50px !important;
}

.marginLeft70 {
    margin-left: 70px !important;
}

.marginLeft80 {
    margin-left: 80px !important;
}

.marginRight5 {
    margin-right: 5px !important;
}

.marginRight7 {
    margin-right: 7px !important;
}

.marginRight10 {
    margin-right: 10px !important;
}

.marginRight15 {
    margin-right: 15px !important;
}

.marginRight20 {
    margin-right: 20px !important;
}

.marginBottom7 {
    margin-bottom: 7px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

.marginBottom15 {
    margin-bottom: 15px !important;
}

.marginBottom20 {
    margin-bottom: 20px !important;
}

.marginResponsive {
    margin: 0 auto !important;
}

.marginTopBottom2 {
    margin: 2px 0 !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);
}

.sombra-4 {
    -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);
}
/* - Alineamientos Controles */
.align-right {
    text-align: right;
}

.alignRightValores {
    text-align: right;
}

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

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

.align-justify {
    text-align: justify !important;
}

/* - Width Porcentajes */
.width2Porc {
    width: 2% !important;
}

.width3Porc {
    width: 3% !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;
}

.width85Porc {
    width: 85% !important;
}

.width90Porc {
    width: 90% !important;
}

.width93Porc {
    width: 93% !important;
}

.width95Porc {
    width: 95% !important;
}

.width97Porc {
    width: 97% !important;
}

.width100Porc {
    width: 100%;
}

.widthAuto {
    width: auto;
}

/* - Padding */
.pad2 {
    padding: 2px 0;
}

.pad4 {
    padding: 4px 0;
}

.padding0 {
    padding: 0 !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

/* - TOP */
.padTop2 {
    padding-top: 2px !important;
}

.paddingTop3 {
    padding-top: 3px !important;
}

.padTop4 {
    padding-top: 4px !important;
}

.paddingTop5 {
    padding-top: 5px !important;
}

.paddingTop6 {
    padding-top: 6px !important;
}

.paddingTop7 {
    padding-top: 7px !important;
}

.paddingTop8 {
    padding-top: 8px !important;
}

.paddingTop10 {
    padding-top: 10px !important;
}

.paddingTop14 {
    padding-top: 14px !important;
}

.paddingTop15 {
    padding-top: 15px !important;
}

.paddingTop20 {
    padding-top: 20px !important;
}
/* - BOTTOM */
.paddingBottom3 {
    padding-bottom: 3px !important;
}

.paddingBottom4 {
    padding-bottom: 4px !important;
}

.paddingBottom5 {
    padding-bottom: 5px !important;
}

.paddingBottom10 {
    padding-bottom: 10px !important;
}

.paddingBottom6 {
    padding-bottom: 6px !important;
}

.paddingBottom7 {
    padding-bottom: 7px !important;
}

.paddingBottom15 {
    padding-bottom: 15px !important;
}

.paddingBottom20 {
    padding-bottom: 20px !important;
}
/* - LEFT */
.paddingLeft3 {
    padding-left: 3px !important;
}

.paddingLeft5 {
    padding-left: 5px !important;
}

.paddingLeft10 {
    padding-left: 10px !important;
}

.paddingLeft12 {
    padding-left: 12px !important;
}

.paddingLeft30 {
    padding-left: 30px !important;
}
/* - RIGHT */
.paddingRight3 {
    padding-right: 3px !important;
}

.paddingRight5 {
    padding-right: 5px !important;
}

.paddingRight10 {
    padding-right: 10px !important;
}

.paddingRight30 {
    padding-right: 30px !important;
}

.padRight10 {
    padding-right: 10px !important;
}

.padRight30 {
    padding-right: 30px !important;
}


/* - Overflow */
.overflowScroll {
    overflow: scroll !important;
}

/* - Div Redondeados */
.redondearDosEsquinas {
    -webkit-border-radius: 10px 10px 0px 0px; /* Safari  */
    -moz-border-radius: 10px 10px 0px 0px; /* Firefox */
}

.redondearDosEsquinasVariable1 {
    border-radius: 13px 0px 0px 13px;
    -moz-border-radius: 13px 0px 0px 13px;
    -webkit-border-radius: 13px 0px 0px 13px;
    border: 0px solid #000000;
}

/* - Width Pixeles*/
.width15px {
    width: 15px !important;
}

.width19px {
    width: 19px !important;
}

.width20px {
    width: 20px !important;
}

.width35px {
    width: 35px !important;
}

.width40px {
    width: 40px !important;
}

.width60px {
    width: 60px !important;
}

.width80px {
    width: 80px !important;
}

.width65px {
    width: 65px !important;
}

.width75px {
    width: 75px !important;
}

.width100px {
    width: 100px !important;
}

.width120Px {
    width: 120px !important;
}

.width140Px {
    width: 140px !important;
}

.width150px {
    width: 150px !important;
}

.width160Px {
    width: 160px !important;
}

.width190px {
    width: 190px !important;
}

.width200px {
    width: 200px !important;
}

.width210px {
    width: 210px !important;
}

.width215Px {
    width: 215px !important;
}

.width245px {
    width: 245px !important;
}

.width300px {
    width: 300px !important;
}

.width345px {
    width: 345px !important;
}

.width360px {
    width: 360px !important;
}

.width380px {
    width: 380px !important;
}

.width400px {
    width: 400px !important;
}

.width450px {
    width: 450px !important;
}

.width480px {
    width: 480px !important;
}

.width500px {
    width: 500px !important;
}

.width600px {
    width: 600px !important;
}

.width750px {
    width: 750px !important;
}

.width800px {
    width: 800px !important;
}

.width900px {
    width: 900px !important;
}

.width950px {
    width: 950px !important;
}

.width915px {
    width: 915px !important;
}

.width1000px {
    width: 1000px !important;
}

.width1200px {
    width: 1200px !important;
}

.width1300px {
    width: 1300px !important;
}

.width1400px {
    width: 1400px !important;
}

.width1425px {
    width: 1425px !important;
}

.width1430px {
    width: 1430px !important;
}

.width1435px {
    width: 1435px !important;
}

.width1440px {
    width: 1440px !important;
}


.width1450px {
    width: 1450px !important;
}

/* - Height Pixeles*/
.height15px {
    height: 15px !important;
}

.height17px {
    height: 17px !important;
}

.height18px {
    height: 18px !important;
}

.height20px {
    height: 20px !important;
}

.height25px {
    height: 25px !important;
}

.height27px {
    height: 27px !important;
}

.height30px {
    height: 30px !important;
}

.height65px {
    height: 65px !important;
}

.height70px {
    height: 70px !important;
}

.height75px {
    height: 75px !important;
}

.height77px {
    height: 77px !important;
}

.height80px {
    height: 80px !important;
}

.height90px {
    height: 90px !important;
}

.height93px {
    height: 93px !important;
}

.height118px {
    height: 118px !important;
}

.height135px {
    height: 135px !important;
}

.height150px {
    height: 150px !important;
}

.height160px {
    height: 160px !important;
}

.height200px {
    height: 200px !important;
}

.heightAuto {
    height: auto !important;
}

/* - Cursor */
.cursorPointer {
    cursor: pointer;
}

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

.displayBlock {
    display: block;
}

/* Posición de los divs */
.positionFixed {
    position: fixed !important;
}

.positionAbsolute {
    position: absolute !important;
}

/* - Tamaño de Fuentes */
.size1 {
    font-size: 1.0em;
}

.size11 {
    font-size: 1.1em !important;
}

.size12 {
    font-size: 1.2em !important;
}

.size13 {
    font-size: 1.3em !important;
}

.size14 {
    font-size: 1.4em !important;
}

.size15 {
    font-size: 1.5em !important;
}

.size16 {
    font-size: 1.6em !important;
}

.size17 {
    font-size: 1.7em !important;
}

.size09 {
    font-size: 0.9em !important;
}

.size090 {
    font-size: 0.90em !important;
}

.size091 {
    font-size: 0.91em !important;
}

.size092 {
    font-size: 0.92em !important;
}

.size093 {
    font-size: 0.93em !important;
}

.size094 {
    font-size: 0.94em !important;
}

.size095 {
    font-size: 0.95em !important;
}

.size096 {
    font-size: 0.96em !important;
}

.size097 {
    font-size: 0.97em !important;
}

.size098 {
    font-size: 0.98em !important;
}

.size099 {
    font-size: 0.99em !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 !important;
}
/* - Underline */
.underline {
    text-decoration: underline;
}

/* - 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: 1000000 !important;
}

.z-index10000 {
    z-index: 100000 !important;
}

.z-index8750 {
    z-index: 8750 !important;
}

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

.borderBlue {
    border: 1px solid blue;
}

.borderWhite {
    border: 1px solid #FFF;
}

.borderGreen {
    border: 1px solid green;
}

.border999 {
    border: 1px solid #999;
}

.borderF5F5F5 {
    border: 1px solid #F5F5F5 !important;
}




/* Bckground */
.backgroundBlanco {
    background: #FFF !important;
}

.backgroundGris {
    background: #F5F5F5 !important;
}

.backgroundNaranja {
    background: #E36C09 !important;
}

.backgroundAzul {
    background: #28283B !important;
}

.background15C2E0 {
    background: #15C2E0;
}

.background2DCB74 {
    background: #2DCB74;
}

.backgroundFFB245 {
    background: #FFB245;
}

.backgroundFF5F61 {
    background: #FF5F61;
}

.background0097CD {
    background: #0097CD;
}

.background999 {
    background-color: #999 !important;
}



/* Color Fuente */
.colorWhite {
    color: #FFF !important;
}

.color0066CC {
    color: #0066CC !important;
}

.color999 {
    color: #999 !important;
}

.colorSoul {
    color: #15C2E0 !important;
}

.colorBlack {
    color: #000 !important;
}

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

.fieldset {
    border: 2px solid #31708f;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#divimgClosed {
    float: right;
    margin-top: -30px;
    /*right: 0px;
    position: fixed;
    width: 170px;
    height: 2500px;
    margin-left: 110px;
    margin-right: auto;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -moz-box-shadow: 0px 0px 15px #505050;*/
} 
@media only screen and (max-width: 1403px) {
    .responsiveColumn1403px {
        height: 35px;
        margin-bottom: 5px;
    } 
}
@media only screen and (max-width: 1677px) {
    .responsiveColumn1677px {
        height: 35px;
        margin-bottom: 5px;
    }
}