.bodyInfoEva {
    background-image: url('../../Images/Comun/imInfoPointFondo.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
}

.bodyVPCorreos {
    background-image: url('../../Images/Comun/imInfoPointFondo.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: fixed;
    background-color: #D9DDDF;
}

.frmCabeza {
    height: 115px;
    border-collapse: collapse;
    border-spacing: 0px;
}

.bodyCabeza {
    margin: -10px -10px 0px -10px;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 115px;
}

#cabeza {
    margin: -10px -10px 0px -10px;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
}

    /*LABEL EN FOOTER*/
    #cabeza span {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 17px;
        font-weight: bold;
        font-style: normal;
        color: #FFFFFF;
    }

    /*FONFO CABEZA*/
    #cabeza .bgCabeza {
        background-color: #0064A1;
        border-collapse: collapse;
        border-spacing: 0px;
        height: 115px;
    }

    /*LOGO INFOPOINT*/
    #cabeza .logoHeaderInfoEva {
        background-image: url('../../Images/Cabeza/imLogoInfoPoint.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        width: 191px;
        height: 115px;
        margin-left: 92px;
    }

    /*VERSION INFOPOINT*/
    #cabeza .versionAppInfoEva {
        border-style: none;
        margin-left: 90px;
        margin-top: -30px;
    }

        /*LABEL DE VERSION INFOPOINT*/
        #cabeza .versionAppInfoEva span {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 8px;
            font-weight: normal;
            font-style: normal;
            color: #FFFFFF;
        }

    /*LOGO CLIENTE*/
    #cabeza .logoCliente {
        background-image: url('../../Images/Cabeza/imLogoCliente.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        border-style: none;
        width: 267px;
        height: 82px;
        margin-left: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

    /*LOGO IMPORTADO POR CLIENTE*/
    #cabeza .logoImgCliente {
        border-style: none;
        /*width: 67px;
        height: 83px;*/
        margin-left: 40px;
        margin-top: 20px;
    }

    /*BARRA INFORMATIVA CABEZA*****************************/
    /*GENERAL*/
    #cabeza .barraCabeza {
        border-collapse: collapse;
        border-spacing: 0px;
        vertical-align: bottom;
        border-style: none;
        margin: 0px 0px -11px 0px;
    }

    /*PARTE IZQUIERDA*/
    #cabeza .barraInfoParteIzq {
        margin: 0px;
        background-image: url('../../Images/Cabeza/imBarraInfoParteIzq.png');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 101px;
        height: 51px;
    }

    /*PARTE DERECHA*/
    #cabeza .barraInfoParteDer {
        margin: 0px;
        background-image: url('../../Images/Cabeza/imBarraInfoParteDer.png');
        background-repeat: no-repeat;
        background-position: right top;
        border-style: none;
        width: 63px;
        height: 51px;
    }

    /*PARTE MEDIA*/
    #cabeza .barraInfoParteMedia {
        margin: 0px;
        background-image: url('../../Images/Cabeza/imBarraInfoParteMedia.png');
        background-repeat: repeat-x;
        background-position: left top;
        border-style: none;
        height: 51px;
    }

    /*LOCALIZACION ICONOS BARRA INFORMACION CABEZA*/
    #cabeza .barraInfoIconLocation {
        border-style: none;
        margin-top: -10px;
        padding: 0px 0px 0px 0px;
    }

    /*ICONO INICIO BARRA INFORMACION*/
    #cabeza .barraInfoIconHome {
        background-image: url('../../Images/Cabeza/imIconHome.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        margin-left: 0px;
        width: 67px;
        height: 40px;
    }

    /*ICONO USUARIO BARRA INFORMACION*/
    #cabeza .barraInfoIconUser {
        background-image: url('../../Images/Cabeza/imIconUser.png');
        background-repeat: no-repeat;
        background-position: center center;
        border-style: none;
        margin-right: 5px;
        width: 9px;
        height: 14px;
    }

    /*ICONO SALIDA SEGURA BARRA INFORMACION*/
    #cabeza .barraInfoLocationSalidaSegura {
        border-style: none;
        margin-right: 0px;
        margin-left: 40px;
    }

     /*PARTE IZQUIERDA*/
    #cabeza .InfoCompleta {
        margin: 0px;
        background-image: url('../../Images/Cabeza/imInfoCabeza.PNG');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 101px;
        height: 51px;
    }

/*****************************************************/
/*CABEZA LOGIN****************************************/

#cabezaLogin {
    /*margin: -3px -3px 0px -3px;*/
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
}

    /*FONFO CABEZA*/
    #cabezaLogin .bgCabeza {
        background-color: #0064A1;
        border-collapse: collapse;
        border-spacing: 0px;
        height: 210px;
    }

    /*LOGO INFOPOINT*/
    #cabezaLogin .logoInfoEva {
        background-image: url('../../Images/Login/imLogoInfoPoint.png');
        background-repeat: no-repeat;
        background-position: center bottom;
        border-style: none;
        width: 267px;
        height: 234px;
        margin-left: 82px;
    }

    /*LOGO IMPORTADO POR CLIENTE*/
    #cabezaLogin .logoImgCliente {
        border-style: none;
        margin-top: 20px;
    }

    /*BARRA INFORMATIVA CABEZA*****************************/
    /*GENERAL*/
    #cabezaLogin .barraCabeza {
        border-collapse: collapse;
        border-spacing: 0px;
        vertical-align: bottom;
        border-style: none;
        margin: 0px 0px -11px 0px;
    }

    /*PARTE IZQUIERDA*/
    #cabezaLogin .barraInfoParteIzq {
        margin-bottom: -3px;
        background-image: url('../../Images/Login/imBarraInfopLoginIzq.png');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 142px;
        height: 68px;
    }

    /*PARTE DERECHA*/
    #cabezaLogin .barraInfoParteDer {
        margin-bottom: -3px;
        background-image: url('../../Images/Login/imBarraInfopLoginDer.png');
        background-repeat: no-repeat;
        background-position: right top;
        border-style: none;
        width: 67px;
        height: 68px;
    }

    /*PARTE MEDIA*/
    #cabezaLogin .barraInfoParteMedia {
        background-image: url('../../Images/Login/imBarraInfopLoginInter.png');
        background-repeat: repeat-x;
        background-position: left bottom;
        border-style: none;
        height: 68px;
        margin-bottom: -3px;
    }

    /*LOGO CLIENTE*/
    #cabezaLogin .logoCliente {
        background-image: url('../../Images/Login/imBackLogoCliente.png');
        background-repeat: no-repeat;
        background-position: right bottom;
        border-style: none;
        width: 273px;
        height: 121px;
        margin-bottom: -14px;
    }
    /*VERSION INFOPOINT*/
    #cabezaLogin .versionAppInfoEva {
        border-style: none;
        margin-left: 90px;
        margin-top: -30px;
    }

        /*LABEL DE VERSION INFOPOINT*/
        #cabezaLogin .versionAppInfoEva span {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: normal;
            font-style: normal;
            color: #FFFFFF;
        }
/**********************************************/
#bodyLogon {
    border-collapse: 0;
    border-spacing: 0px;
    margin: 0px;
}

#textoLogin {
    background-image: url('../../Images/Login/imTextoLogin.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 225px;
    height: 69px;
    padding-bottom: 40px;
}

@media only screen and (min-device-width: 400px) {
    #textoInfoEvaLogin {
        background-image: url('../../Images/Login/imTextoInfoPoint.png');
        background-repeat: no-repeat;
        width: 244px;
        /*width:488px;*/
        /*height:150px;*/
        height: 75px;
        background-size: contain;
    }
}

@media all and (min-width: 1001px) {
    #textoInfoEvaLogin {
        background-image: url('../../Images/Login/imTextoInfoPoint.png');
        background-repeat: no-repeat;
        width: 488px;
        height: 150px;
        background-size: contain;
    }
}

#Login {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333333;
}


    #Login input[type="text"], input[type="password"], input[type="number"], select, textarea {
        font-size: 12pt;
        font-family: Arial, Helvetica, sans-serif;
        color: #626262;
        border: 1px solid #CDDFED;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        background-color: #F5F5F5;
        text-decoration: none;
    }


select {
    width: 170px;
}

#LoginFooter {
    background-position: center 80px; /*position: fixed;*/
    width: 100%;
    height: 160px;
    background-color: #E2E2E2;
    padding: 5px;
    bottom: 0px;
    background-image: url('../../Images/Login/imInfoFooterLogin.png');
    background-repeat: no-repeat;
}

    #LoginFooter .infoFooter {
        margin-top: -10px;
        /*margin-left:-10px;*/
    }

    #LoginFooter .footerDer {
        background-image: url('../../Images/Login/imFooterDer.png');
        background-repeat: no-repeat;
        background-position: right top;
        width: 101px;
        height: 67px;
    }

    #LoginFooter .footerInter {
        background-image: url('../../Images/Login/imFooterInter.png');
        background-repeat: repeat-x;
        background-position: right top;
        height: 67px;
    }

    #LoginFooter #textoFooterBienvenido {
        background-image: url('../../Images/Login/imTextoBienvenido.png');
        background-repeat: no-repeat;
        background-position: left center;
        width: 182px;
        height: 39px;
    }

/*****************************************************/
.bodyfooter {
    margin: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    height: 78px;
}


#footer {
    margin: -0px -0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px;
    background-color: #FFFFFF;
}

    /*FONDO FOOTER*/
    #footer .bgFooter {
        background-color: #E3E3E3;
        border-collapse: collapse;
        border-spacing: 0px;
        height: 78px;
    }

      #footer .InfoCompletaFooter {
        margin: 0px;
        background-image: url('../../Images/Footer/imInfoCompleto.PNG.PNG');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 101px;
        height: 51px;
    }


    /*BARRA MENSAJE FOOTER*****************************/
    #footer .barraMensajeFooter {
        border-collapse: collapse;
        border-spacing: 0px;
        vertical-align: top;
        border-style: none;
        margin: 0px 0px 0px 0px;
    }

    /*PARTE IZQUIERDA*/
    #footer .barraMsjParteIzq {
        margin: 0px;
        background-image: url('../../Images/Footer/imBarraMsjParteIzq.png');
        background-repeat: repeat-x;
        background-position: left top;
        border-style: none;
        height: 61px;
    }


    /*PARTE DERECHA*/
    #footer .barraMsjParteDer {
        margin: 0px;
        background-image: url('../../Images/Footer/imBarraMsjParteDer.png');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 98px;
        height: 61px;
    }
/**************************************************/


@media only screen and (min-device-width: 400px) {
    /*LOGO IMG*/
    #footer .logoEmpresa {
        margin-left: -160px;
        margin-right: 80px;
        background-image: url('../../Images/Footer/imLogoEmpresaIMG.png');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 150px;
        height: 25px;
        background-size: contain;
    }
    /*TEXTO BIENVENIDA*/
    #footer .textoBienvenido {
        margin-top: -45px;
        margin-left: 10px;
        /*background-image: url('../../Images/Footer/imTextoBienvenido.png');*/
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        /*width: 127px;*/
        height: 10px;
    }
}

@media all and (min-width: 1001px) {
    /*LOGO IMG*/
    #footer .logoEmpresa {
        margin-left: -160px;
        margin-right: 80px;
        background-image: url('../../Images/Footer/imLogoEmpresaIMG.png');
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        width: 295px;
        height: 50px;
        background-size: contain;
    }
    /*TEXTO BIENVENIDA*/
    #footer .textoBienvenido {
        margin-top: -45px;
        margin-left: 10px;
        /*background-image: url('../../Images/Footer/imTextoBienvenido.png');*/
        background-repeat: no-repeat;
        background-position: left top;
        border-style: none;
        /*width: 127px;*/
        height: 20px;
    }
}





/*MENSAJE FOOTER*/
#footer .mensaje {
    /*margin-left: 147px; -- CUANDO SE MUESTRA CON IMAGEN BIENVENIDO*/
    margin-left: 20px;
    background-color: none;
    border-style: none;
}

/*LABEL EN FOOTER*/
#footer span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
}


/*FORMULARIO****************************************/

/*GRILLAS***************************/
table {
    *border-collapse: collapse;
    margin-left: 0px;
    padding-left: 0px;
    *border-spacing: 0px;
    border-spacing: 0px 1px;
}

/*td {
     border-color:red;
    border-style:solid;
    border-width:1px;
}*/
.tdColFormCompleta {
    width: 950px !important;
}

.tdColFormInfo {
    width: 450px;
}

.tdColFormSpacing {
    width: 50px;
}

.tdEtiLabel {
    width: 160px;
}

.gvGeneral {
    border-color: #CFE1EE;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    font-size: 10pt;
}

    .gvGeneral tr:hover {
        background: #DDEEF9;
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .gvGeneral td {
        padding: 6px;
        /*text-align: left;*/
        border-style: solid none solid solid;
        border-top-color: #AACFEA;
        border-left-color: #AACFEA;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-bottom-color: #AACFEA;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #626262;
    }

        .gvGeneral td a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #626262;
        }

            .gvGeneral td a:hover {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
                color: #626262;
            }

    /*.gvGeneral th {
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
    }*/

    .gvGeneral th {
        background-color: #55A9DF;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        color: #FFFFFF;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: capitalize;
        text-align: center;
        background-repeat: repeat;
    }

        .gvGeneral th a {
            font-weight: bold;
            color: #ffffff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
        }

            .gvGeneral th a:hover {
                font-weight: bold;
                color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 10pt;
            }

        .gvGeneral th:first-child {
            -moz-border-radius: 6px 0 0 0;
            -webkit-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
        }

        .gvGeneral th:last-child {
            -moz-border-radius: 0 6px 0 0;
            -webkit-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
        }

    .gvGeneral tr:last-child td:first-child td:last-child {
        /*text-align: left;
        background-color: #F7FBFD;*/
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        height: 5px;
    }

/*.gvGeneral th:only-child {
        -moz-border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .gvGeneral tr:last-child td:first-child {
        -moz-border-radius: 0 0 0 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .gvGeneral tr:last-child {
        border-style: none;
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 0;
    }

    .gvGeneral td:last-child {
        border-left: 1px solid #F3AA4A;
        border-top: 1px solid #F3AA4A;
        padding: 4px;
        text-align: left;
        border-style: solid none none solid;
        border-top-color: #AACFEA;
        border-left-color: #AACFEA;
    }*/
/*************************************/

/*PAGINADOR DE LA GRILLA**************/
.pager {
    border-style: solid none none none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-color: #CFE1EE;
    border-bottom-color: #CFE1EE;
    border-left-color: #CFE1EE;
    border-top-color: #CFE1EE;
    background-color: #FFFFFF;
    font-family: arial, Helvetica, sans-serif;
    font-size: 10px;
    vertical-align: top;
    height: 5px;
}

    .pager tr {
        border-color: #F7FBFD;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        background: #F7FBFD;
        height: 5px;
    }

        .pager tr:last-child td:first-child td:last-child {
            -moz-border-radius: 0 0 6px 6px;
            -webkit-border-radius: 0 0 6px 6px;
            border-radius: 0 0 6px 6px;
        }


    .pager td {
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        background: #F7FBFD;
        border-top-color: #F7FBFD;
        border-right-color: #F7FBFD;
        border-bottom-color: #F7FBFD;
        border-left-color: #F7FBFD;
    }

    .pager span {
        color:#0064A1!important;
        font-weight:bold;
    }
/*.gvGeneral .pager tr {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: #ffffff;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
}    
    
.gvGeneral .pager td {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background: #ffffff;
    border-top-color: #fff;
    border-right-color: #fff;
    border-bottom-color: #fff;
    border-left-color: #fff;
}*/
/*************************************/

/*LABEL GENERAL*/
form {
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #626262;
    text-decoration: none;
}

    form label {
        padding: 5px;
    }

fieldset {
    border-style: none;
}

/*CAMPOS DE TEXTO*/
input[type="text"], input[type="password"], select, textarea {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #626262;
    border: 1px solid #CDDFED;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #F5F5F5;
    text-decoration: none;
    margin-top: 0px;
}

span {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #626262;
    text-decoration: none;
}


/*BOTONES*/
/*input[type="submit"], input[type="button"] */
.Botones {
    padding: 5px 15px 5px 15px;
    border-style: none;
    border-width: 1px;
    color: #FFF;
    background-image: linear-gradient(to right, #3452a6, #0077bd, #0097c5, #2bb5c4, #78d0c4);
    background-color: #3452a6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    margin-right: 0px;
}

.BotonVerdePq {
    /*padding: 5px 15px 5px 15px;*/
    border-style: none;
    border-width: 1px;
    color: #FFF;
    background-color: #28d3c8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    margin-right: 0px;
}

/*PANEL DE GROUPING*/
.pnlGroupingGral {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #D1E2F0;
    background-color: #EBEDEE;
    /*filter: alpha(opacity=60);
    opacity: 0.6;*/
}

/*PANEL DE GROUPING CLARO*/
.pnlGroupingClaro {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #D1E2F0;
    background-color: #FAFAFA; /*filter: alpha(opacity=60);
    opacity: 0.6;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    /*TITULO PANEL GROUPIN CLARO*/
    .pnlGroupingClaro .tituloPnlGroupingClaro {
        color: #0064A1;
        font-size: 10pt;
        font-weight: normal;
        text-align: left;
        vertical-align: middle;
        font-family: Century Gothic,arial;
    }


/*GROUPING TEXT DE LOS PANELES*/
legend {
    border-bottom-color: #5ad0d3;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    color: #0064A1;
    font-size: 12pt;
    font-weight: normal;
    background-repeat: repeat-x;
    background-position: 10px;
    width: 100%;
    padding-top: 2px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -2px;
    font-family: Century Gothic,arial;
}


/*MENU****************************************************/
/*CONTENERDOR DEL MENU*/
.menuContainer {
    border-style: none solid none none;
    border-right-width: 2px;
    border-right-color: #E5E5E5;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: -12px;
}


#menu {
    font-family: arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-decoration: none;
    vertical-align: top;
    text-align: left;
    background-position: left top;
    overflow: auto;
    width: 330px;
    height: 600px;
    margin-left: 0px;
    margin-top: 0px;
}

    /*IMAGENES DEL MENU*/
    #menu img {
        background-position: left top;
        vertical-align: top;
        text-align: left;
        margin-bottom: 5px;
    }

    /*LINKS EN MENU*/
    #menu a, a:link, a:visited, a:hover, a:active, a:focus, a:checked, a:disabled {
        color: #AAAAAA;
        font-size: 10pt;
        text-decoration: none;
        font-family: Century Gothic,arial;
    }
/*****************************************************************/
/*BOTONES CONTROL DE BUSQUEDA USUARIOS*/
.btnCtrUsuEmpSR {
    padding-left: 5px;
}

/*PANEL INFORMATIVO DE CADA CONTROL*/
#pnlInformativo {
    color: #0064A1;
    font-size: 14pt;
    font-weight: bold;
    background-repeat: repeat-x;
    background-position: 10px;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    font-family: Century Gothic,Arial;
}

    #pnlInformativo .dvGral {
        border-bottom-color: #5ad0d3;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        background-repeat: repeat-x;
        background-position: 10px;
        width: 100%;
        padding-top: 2px;
        height: 38px;
        margin-bottom: -2px;
    }

    #pnlInformativo input[type="submit"], input[type="button"] {
        color: #0064A1;
        font-size: 12pt;
        font-weight: normal;
        padding-top: 2px;
        padding-left: 20px;
        text-align: left;
        vertical-align: middle;
        font-family: Century Gothic,arial;
    }

    #pnlInformativo .lblItemsInfo {
        color: #FFFFFF;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        font-family: Century Gothic,arial;
    }

    #pnlInformativo .dvItemsInfo {
        margin: 2px;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-color: #0A569E;
        vertical-align: middle;
        text-align: center;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }
/*************************************/

/*MODAL POUP*/
.ModalPoup {
    border: 2px solid #5ad0d3;
    padding: 2px 10px 10px 10px;
    background-color: #FFFFFF;
}

.ModalPoupC {
    border: 2px solid #5ad0d3;
    padding: 2px 10px 10px 10px;
    background-color: #FFFFFF;
    z-index: 100030 !important;
}

.BtnCerrarModal {
    background-image: url('../../Images/Botones/imBtnCerrarModalPopUp.png');
    background-repeat: no-repeat;
    background-position: left top;
    border-style: none;
    margin-right: 5px;
    width: 72px;
    background-color: #FFFFFF;
}


.BtnEliminarModal {
    background-image: url('../../Images/Botones/imBtnEliminarInfoPopUp.png');
    background-repeat: no-repeat;
    background-position: left top;
    border-style: none;
    margin-right: 5px;
    width: 78px;
    height: 22px;
    background-color: #FFFFFF;
}

.btnExporGrilla {
    background-image: url('../../Images/Botones/imBtnExporExcel.png');
    background-repeat: no-repeat;
    background-position: left top;
    border-style: none;
    margin-left: 10px;
    width: 80px;
    height: 21px;
    background-color: Transparent;
}

/*DIV NUMERO DELEGADOS ASOCIADOS AL ASIGNADO*/
#dvNumDelegados {
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-color: #0A569E;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

    #dvNumDelegados .lblNumDele {
        color: #FFFFFF;
        font-size: 10pt;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        font-family: Century Gothic,arial;
        margin-top: 15px;
        margin-bottom: 0px;
    }
/*ESTILO PARA GRILLA USUARIOS REVISORES Y ASIGNADOS*/
.gvUsuariosAdd {
    background-color: #FFFFFF;
    border-style: none;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .gvUsuariosAdd tr {
        background-color: #FFFFFF;
        border-style: solid;
        border-width: thin;
        border-color: #FFFFFF #FFFFFF #5ad0d3 #FFFFFF;
        border-spacing: 0px;
        border-collapse: collapse;
    }

/*ESTILO PARA RADIOBUTTON DE TIPO VISTA INFORMACION=====================================*/
#rbtnViewInfo {
    font-family: arial, Helvetica, sans-serif;
    color: #006BB8;
}
/*#rbtnViewInfo input[type="radio"] {
        width: 15px;
        height: 15px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url('../../Images/Form/imRbtnNoChecked.png') no-repeat left top;
        cursor: pointer;
    }


        #rbtnViewInfo input[type="radio"]:checked {
            width: 15px;
            height: 15px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            background: url('../../Images/Form/imRbtnChecked.png') no-repeat left top;
            cursor: pointer;
        }*/
/*======================================================================================*/

/*MENU DE AMINISTRACION QUE CONTIENE MULTIPLES PAGINAS===================================*/
#menuAdminParamPaginas {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /*-moz-box-shadow: 0px 12px 14px #F2F2F2;
	-webkit-box-shadow: 0px 12px 14px #F2F2F2;
	box-shadow: 0px 12px 14px #F2F2F2;		*/
    border: 1px solid #5ad0d3;
    position: relative;
    top: 1px;
    left: -8px;
    text-align: left;
    padding-left: 10px;
}

    #menuAdminParamPaginas li {
        border-bottom: 1px solid #FFF;
        border-bottom-color: #FFFFFF;
    }

    #menuAdminParamPaginas ul li, #menuIzquieda li:last-child {
        border-style: none;
        border-width: thin;
        border-color: transparent;
    }

    #menuAdminParamPaginas a {
        display: block;
        color: #FFF;
        text-decoration: none;
        font-family: 'Helvetica', Arial, sans-serif;
        font-size: 13px;
        padding: 3px 5px;
        color: #0064A1;
    }

        #menuAdminParamPaginas a:hover {
            color: #333333;
            -webkit-transition: color 0.2s linear;
            background-color: #BBE6FF;
        }

    #menuAdminParamPaginas ul a {
        background-color: #BBE6FF;
    }

        #menuAdminParamPaginas ul a:hover {
            background-color: #FFF;
            color: #333333;
            text-shadow: none;
            -webkit-transition: color, background-color 0.2s linear;
        }

ul#menuAdminParamPaginas {
    display: block;
    background-color: #EBEDEE;
    margin: 0;
    padding: 0;
    width: 250px;
    list-style: none;
}

#menuAdminParamPaginas ul {
    background-color: #6594D1;
}

#menuAdminParamPaginas li ul {
    display: none;
    background-color: #FFFFFF;
}
/*=======================================================================================*/
/*GRILLA DE CALENDARIO===================================================================*/
.gvCalendario {
    border-style: none;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
    font-family: Arial, Helvetica, sans-serif;
    color: #9A9A9A;
    background-color: #FFFFFF;
}

    .gvCalendario tr:hover {
        -o-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .gvCalendario td {
        padding: 0px;
        text-align: left;
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #DBDBDB;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #DBDBDB;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #DBDBDB;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #DBDBDB;
    }

    .gvCalendario th {
        border-style: none none solid none;
        border-bottom-width: 1px;
        border-bottom-color: #dbdbdb;
        height: 30px;
    }

    .gvCalendario th {
        background-color: #FFFFFF;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        color: #55A9DF;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: capitalize;
        text-align: center;
        background-repeat: repeat;
        margin-top: 10px;
        margin-left: 10px;
    }

        .gvCalendario th a {
            font-weight: bold;
            color: #55A9DF;
            font-family: Arial, Helvetica, sans-serif;
            text-decoration: none;
        }

            .gvCalendario th a:hover {
                font-weight: bold;
                color: #55A9DF;
                font-family: Arial, Helvetica, sans-serif;
                text-decoration: none;
            }


    .gvCalendario .TblInterna {
        padding: 0px;
        margin: 0px;
        border: 1px none #FFFFFF;
        border-collapse: collapse;
        border-spacing: 0px;
    }

        .gvCalendario .TblInterna tr {
            border: 1px none #FFFFFF;
        }

        .gvCalendario .TblInterna td {
            padding: 0px;
            border: 1px none #FFFFFF;
            color: #9A9A9A;
            font-family: arial, Helvetica, sans-serif;
            border-collapse: collapse;
            border-spacing: 0px;
        }
/*=======================================================================================*/
/*INFORMACION HEADER CALENDARIO==========================================================*/
#headerCalendario {
    font-family: arial, Helvetica, sans-serif;
    color: #0065A2;
    font-size: 20px;
    font-weight: bold;
    height: 40px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #5ad0d3;
    border-bottom-color: #5ad0d3;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
}
    /*BOTON MES-ANTERIOR CALENDARIO*/
    #headerCalendario .btnRetroCalendario {
        width: 50px;
        height: 31px;
        background-image: url('../../Images/Botones/imBtnRetroCalendario.png');
        background-repeat: no-repeat;
        background-position: left top;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
    /*BOTON MES-SIGUIENTE CALENDARIO*/
    #headerCalendario .btnAvanCalendario {
        width: 50px;
        height: 31px;
        background-image: url('../../Images/Botones/imBtnAvanCalendario.png');
        background-repeat: no-repeat;
        background-position: left top;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #headerCalendario .lblTituMesCalendario {
        font-family: arial, Helvetica, sans-serif;
        color: #0065A2;
        font-size: 20px;
        font-weight: bold;
    }
/*=======================================================================================*/
/*CORREOS VISUALZIACION==================================================================*/
#dvCorreos {
    font-size: 12px;
    font-family: Century Gothic,arial;
    text-align: left;
}

    #dvCorreos .lblCorreos {
        color: #0064A1;
        font-size: 12px;
        font-weight: normal;
        padding-left: 10px;
    }

    #dvCorreos .pnlCorreos {
        border: 2px solid #0064A1;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        width: 675px;
    }

    #dvCorreos .dvFooterLbl {
        margin-left: 150px;
        padding-top: 0px;
        margin-bottom: 0px;
        color: #0064A1;
        font-weight: bold;
        font-size: 10px;
    }

    #dvCorreos .dvcabCorreos {
        color: #FFFFFF;
    }

    #dvCorreos .dvNo {
        color: #DF0101;
        font: small-caption;
    }

    #dvCorreos .dvAsunto {
        color: #0064A1;
        font-size: 12px;
        font-weight: normal;
        font: small-caption;
        padding-left: 10px;
    }
/*=======================================================================================*/

/*VALIDATION SUMMARY*/
.validaSummary {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #AACFEA;
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #398FCE;
    text-align: left;
    vertical-align: top;
    margin-bottom: 20px;
}
/*VALIDADOR*/
.astValidator {
    font-family: arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #398FCE !important;
}

    .astValidator a {
        font-family: arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;
        color: #398FCE !important;
        text-decoration: underline;
    }

/*VALIDADORES*/
.astValidators {
    font-family: arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: #398FCE;
}


/*CABEZA DE VISTA PREVIA CORREOS*/
.BackCabezaVPCorreos {
    background-image: url('../../Images/Correo/imCabVPCorreo.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 702px;
    height: 100px;
    margin-top: 110px;
    position: absolute;
}

/*CABEZA DE VISTA PREVIA CORREOS*/
.BackCabezaVPCorreosCDoc {
    background-image: url('../../Images/Correo/imCabVPCorreo.png');
    background-repeat: no-repeat;
    background-position: left top;
    width: 702px;
    height: 100px;
    position: absolute;
    margin-top: 20px;
}

/*MENU HOVER*/
.pnlPopUpMenuInside {
    background-color: #55A9DF;
    border: 2px none #FF00FF;
    color: #FFFFFF;
}

.pnlPopUpMenuOutside {
    padding: 5px;
    background-color: #FFFFFF;
    border: 4px solid #55A9DF;
    color: #FFFFFF;
}

/*ESTILO PARA BOTONES DE HTML EDITOR EXTENDER======================*/
.EditorExtender {
}

    .EditorExtender input[type="submit"], input[type="button"] {
        padding: 0px 0px 0px 0px;
        border-style: none;
        border-width: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: normal;
        margin-right: 0px;
    }
/*=================================================================*/

/*ESTILO ARBOL NAVEGACION CENTRO DE DOCUMENTACION==================*/
#arbolNavegacion {
    border: 1px solid #A9CEE9;
    background-color: #F5F5F5;
    margin-left: 20px;
    margin-top: 5px;
    padding-top: 5px;
    padding-left: -53px;
}

    #arbolNavegacion a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10pt;
        color: #626262;
    }

        #arbolNavegacion a:hover {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #626262;
        }

        #arbolNavegacion a::selection {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10pt;
            color: #0064A1;
        }
/*=================================================================*/
/*TABS CENTRO DE DOCUMENTACION=====================================*/
#tabArbol {
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0064A1;
    text-align: center;
    height: 40px;
    width: 80px;
    margin-left: 40px;
    vertical-align: top;
    margin-bottom: -12px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

    #tabArbol input[type="submit"], input[type="button"] {
        font-family: arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #0064A1;
        text-align: center;
        height: 40px;
        width: 80px;
        vertical-align: top;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }
/*=================================================================*/
/*PATH CENTRO DE DOCUMENTACION=====================================*/
#pathCenDoc {
    font-family: arial, Helvetica, sans-serif;
    font-size: 11.5pt;
    color: #0064A1;
    font-weight: normal;
}
/*=================================================================*/

/*BOTON CON IMAGEN DE FONDO========================================*/
.btnImg {
    background: url('../../Images/Botones/imBtnAzulExporExcel.png') !important;
    background-position: center !important;
    min-width: 85px;
    background-repeat: no-repeat !important;
    background-position-y: center;
    background-position-x: center;
    font-family: arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #55A9DF !important;
    text-align: center;
    height: 32px !important;
    width: 80px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
/*=================================================================*/

/*MODAL BACKGROUND*/
.cssBackGround {
    background-color: #FFFFFF;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
/*LISTA DESPLEGABLE DE SELECCION NUMERO DE ITEMS*/
.ddlNumPag {
    width: 50px;
    height: 16px;
}

/*TAMAÑO DE LA LETRA PARA CAJAS DETEXTO EN GRILLAS*/
.textBoxGrilla {
    font-size: 8pt;
}

/*AUTOCOMPLETE*/
.autocomplete_completionListElement {
    visibility: hidden;
    padding: 0px;
    margin: -3px 0px 0px -2px;
    background-color: #FFFFFF;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    font-size: 14px;
    text-align: left;
    list-style-type: none;
    text-indent: 0px;
    vertical-align: middle;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
    margin: 0px;
    border-style: none;
    background-color: #C3D3E9;
    font-size: 14px;
    color: black;
    padding: 0px 0px 0px 10px;
    font-family: Arial;
    text-align: left;
    vertical-align: middle;
    text-indent: 0px;
}
/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    font-size: 14px;
    color: windowtext;
    padding: 0px 0px 0px 10px;
    font-family: Arial;
    text-align: left;
    vertical-align: middle;
    text-indent: 0px;
}

.watermark {
    border-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #CCCCCC !important;
    text-decoration: none;
}

.TblInternaTbl {
    padding: 0px;
    margin: 0px;
    border: 1px none #FFFFFF !important;
    border-collapse: collapse;
    border-spacing: 0px;
    color: #626262;
}

    .TblInternaTbl tr {
        border: 1px none #FFFFFF !important;
    }

    .TblInternaTbl tr:hover {
        background-color:transparent!important;
    }

    .TblInternaTbl td {
        padding: 0px;
        border: 1px none #FFFFFF !important;
        border-collapse: collapse;
        border-spacing: 0px;
    }

/*ESTILO MENU CUANDO SELECCIONAN UN ITEM*/
.trvMenu_6 {
    color: #0064A1 !important;
    /*font-weight: bold !important;*/
}

.lblTituloAzul {
    color:#0064A1!important;
    font-size:14px!important;
    font-weight:bold!important;
}

.tblCenter {
    margin-left: auto;
    margin-right: auto;
}

.pnlInformativo {
    background-color: #CDDFEB;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px;
}

/*
    *******************INFORMACION DE DOS CLUMNAS PARA EL LOGON********************
*/
#contenedor {
 text-align: left;
 width: 100%;
 margin: auto;
}

#lateral {
 width: 20%;  /* Este será el ancho que tendrá tu columna */
 background-color: #CCCCCC;  /* Aquí pon el color del fondo que quieras para este lateral */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
}

#principal {
 width: 75%;
 float: left;
 background-color: #FFFFFF;
 border:#000000 1px solid; /* ponemos un donde para que se vea bonito */
}

#LogoDer {
 width: 49%;
 height: 500px;
 float: right;
 text-align: center;
 scrollbar-3dlight-color :lightgray ;
 scrollbar-arrow-color:aquamarine ;
 }
/* Para limpiar los floats */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.tdColFormIconoLogo {
    width: 20px;
}
.tdColFormInfoLogo {
    width: 250px;
}

.FondoTitulo {
    background: rgb(105,180,187);
    background: linear-gradient(0deg, rgba(105,180,187,1) 0%, rgba(41,61,161,1) 100%);
}