/* DEFAULTS
----------------------------------------------------------*/

/* ----------------------------------------------------------------------- */
/* configuracion para PC*/
@media (min-width: 800px) {

    html {
        background-color: #fff;
        margin: 0;
        padding: 0;
    }


    a {
        color: #FF7F27;
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        text-decoration: none;
        cursor: pointer;
    }

        a:link, a:visited,
        a:active, a:hover {
            color: #FF7F27;
        }

        a:hover {
        }

    /*
a[href^="tel"]:before {
    content: "260E";
    display: block;
    margin-right: 0.5em;
}
*/



    p {
        margin-bottom: 0px;
        line-height: 1.6em;
    }


    header, footer, hgroup,
    nav, section {
        display: block;
    }


    /* HEADINGS   
----------------------------------------------------------*/

    h1, h2, h3, h4, h5, h6 {
        background: #fff;
        color: #000;
        margin-bottom: 0;
        padding-bottom: 0;
        font-family: 'arial'
    }

    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.75em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1.1em;
        font-weight: normal;
    }

    h5, h6 {
        font-size: 1em;
    }

    /* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
    .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
        margin-top: 0px;
    }



    header {
        left: 0;
        position: fixed;
        top: 0;
        /*width:365px;*/
        width: 100%;
        height: 60px;
        background-color: #ffffff;
        color: #ffffff;
        z-index: 2131231;
    }

    footer {
        position: fixed;
        left: 0;
        bottom: 0;
        font-family: Arial;
        font-size: small;
        width: 100%;
        color: #202020;
        background-color: #ffffff;
        /*padding: 8px 0px 0px 0px;*/
        margin: 0px auto;
        left: 0px;
        padding-left: 10px;
        margin-top: 5px;
        padding-top: 15px;
        height: 30px;
        border-top: 1px solid #E0E0E0;
    }

        footer a {
            color: #FF7F27;
            outline: none;
            padding-left: 3px;
            padding-right: 3px;
            text-decoration: none;
            cursor: pointer;
        }

            footer a:link, footer a:visited,
            footer a:active, footer a:hover {
                color: #FF7F27;
            }

            footer a:hover {
            }





    .bell {
        position: relative;
        float: right;
        right: 30px;
        top: -10px;
    }
    /* texto usuario inferior*/
    .icon_bottom {
        position: relative;
        float: left;
        left: 20px;
        color: #202020;
    }

    /* icono usuario inferior*/
    .icon_bottom1 {
        position: relative;
        float: left;
        left: 10px;
        top: -10px;
    }



    /* formatea todas las tablas del sitio web
table {

   width: 97%;
   border :solid ;

}
th, td {
    border :solid ;
}
*/


    acercade {
        padding-left: 200px;
    }


    header nav {
        background: #ffffff;
        z-index: 1000;
        max-width: 1000px;
        width: 30%;
        height: 80%;
        right: 100%;
        position: fixed;
        margin: 0px;
        overflow: auto;
        border: solid;
        border-color: #808080;
        border-width: 1px;
        left: -100%;
    }


    .imagen {
        width: 40%;
        border: none;
        position: absolute;
        margin-left: 75px;
        float: left;
        top: 120px;
        height: 450px;
    }

    .acceso {
        position: absolute;
        top: 450px;
        float: right;
        margin-left: 65%;
        width: 40%;
    }

    .imagen_fondo_pas {
        border: none;
        position: absolute;
        text-align: center;
        height: 500px;
        margin-left: 40%;
        margin-top: 7%;
        width: 40%;
    }


    .imagen_fondo {
        /*
        background: url("imagenes/cloud.jpg") no-repeat;
        background-size :50px;
        margin-left :80px;
        height:500px;
        */
        border: none;
        position: absolute;
        float: right;
        text-align: center;
        height: 500px;
        margin-left: 60%;
        width: 40%;
    }

    ol {
        text-align: left;
        margin-left: 1%;
    }

        ol li {
            list-style: none;
        }

    body {
        border-top: solid 5px #404040;
        color: black;
        font-size: 0.85em;
        font-family: Arial, Verdana;
        /*font-family: "Segoe UI", Verdana, arial,Helvetica;*/
        /*margin: 0;*/
        /*padding: 0;*/
        padding-top: 80px;
        padding-bottom: 300px;
        height: 400px;
        width: 97%;
    }

    .imagen_logo {
        padding-left: 75px;
    }

    /* logotipo jump*/
    img.logo {
        height: 100px;
    }

    /*barra de seleccion de conceptos*/
    .divSelectF {
        z-index:600000;
        position: fixed;
        float: right;
        margin-top: -35px;
        margin-right: 40px;
        display: none;
        background-color :white;
        /*width :20%;*/
    }

    .divSelect {
        /*position :fixed;*/
        position: inherit;
        float: right;
        margin-top: 1px;
        margin-right: 20px;
        display: none;
        /*width :20%;*/
    }

    .imgDivSelect {
        height: 28px;
        vertical-align: middle;
        cursor: pointer;
    }

    .lblDivSelect {
        margin-right: 5px;
        vertical-align: middle;
        font-size: large;
    }

    .cancelDivSelect {
        display: none;
    }

    /* ventana de confirmacion */
    .pregunta {
        display: none;
        position: absolute;
        z-index: 2000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba( 255, 255, 255, .4 );
    }


    .contenidoPregunta {
        position: absolute;
        color: #577a82;
        top: 50%;
        left: 50%;
        width: 500px;
        margin-left: -200px;
        height: 250px;
        margin-top: -125px;
        z-index: 1000;
        background-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        border-color: #E0E0E0;
        font-family: Arial;
        font-size: 16px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        box-shadow: 2px 2px 15px #000;
        -moz-box-shadow: 2px 2px 15px #000;
        -webkit-box-shadow: 2px 2px 15px #000;
        z-index: 1000;
    }

    #tituloPregunta {
        font: 26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        /*background:url('/imagenes/remove.png') no-repeat left bottom #f5f5f5;*/
        border-bottom: 1px solid #E0E0E0;
        /*padding: 18px 25px;*/
        padding-left: 85px;
        padding-top: -35px;
        margin-top: -55px;
        height: 45px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        color: #666;
        letter-spacing: 0.3px;
        color: #888;
    }

    .ImagenPregunta {
        width: 48px;
        height: 48px;
        margin-left: 24px;
        margin-top: 15px;
        margin-bottom: 15px;
        border: none;
    }


    #textoPregunta {
        font: 26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        background: url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5;
        padding: 18px 25px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        color: #666;
        background: none;
        font-size: 16px;
        line-height: 1.4;
        padding-top: 35px;
    }



    #botonesPregunta {
        padding: 20px 0 20px;
        text-align: center;
    }

    .btnPregunta {
        cursor: pointer;
        display: inline-block;
        background: url('/imagenes/buttons.png') no-repeat;
        color: white;
        position: relative;
        height: 33px;
        font: 17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        margin-right: 15px;
        padding: 0 35px 0 40px;
        text-decoration: none;
        border: none;
    }


    /* formateo de los textbox de validacion*/
    input.TextEntrada {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        /*font-size: 2.2em;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        margin: 5px 0 6px 0;
        padding: 5px;
        /*width: 300px;*/
        width: 80%;
        height: 50px;
        font-family: inherit;
    }

    input.TextEntrada1 {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        /*font-size: 2.2em;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 300px;
        height: 40px;
        font-family: inherit;
    }

    input.TextEntrada2 {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        /*font-size: 1.8em;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 300px;
        height: 40px;
        font-family: inherit;
    }

    /*boton de validacion pantalla de acceso*/
    .boton_cambio_pass {
        background-color: #FF7F27;
        /*border: 1px solid #787878;*/
        border: none;
        color: white;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        /*padding: 5px;
        margin: 5px 0 6px 0;
        width: 310px;*/
        margin-top: 20px;
        width: 310px;
        height: 60px;
        /* degradado */
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000));
        background: -moz-linear-gradient(top, #ff7f27, #ffc000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000');
        */
    }

    /*boton de validacion pantalla de acceso*/
    .boton1 {
        background-color: #FF7F27;
        /*border: 1px solid #787878;*/
        border: none;
        color: white;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        /*font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 5px 0 6px 0;
        width: 310px;*/
        width: 82%;
        height: 60px;
        /* degradado */
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000));
        background: -moz-linear-gradient(top, #ff7f27, #ffc000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000');
        */
    }


    /*boton de validacion pantalla de acceso*/
    .boton_buscar {
        background-color: #FF7F27;
        /*border: 1px solid #787878;*/
        border: none;
        color: white;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        /*font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 5px 0 6px 0;
        width: 310px;*/
        margin-top: 30px;
        float: right;
        width: 300px;
        height: 60px;
        /* degradado */
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000));
        background: -moz-linear-gradient(top, #ff7f27, #ffc000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000');
        */
    }

    .pass_ok {
        margin-left: 80px;
        margin-top: 50px;
    }

    /*boton de validacion pantalla de contraseña*/
    .boton1_pas {
        background-color: #FF7F27;
        /*border: 1px solid #787878;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        border: none;
        color: white;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        /*padding: 5px;
        margin: 5px 0 6px 0;
        width: 310px;*/
        margin-top: 20px;
        width: 63%;
        height: 60px;
        /* degradado */
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#ffc000));
        background: -moz-linear-gradient(top, #ff7f27, #ffc000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#ffc000');
        */
    }



    /*nombre de la empresa*/
    .menu_bar2 {
        position: absolute;
        margin-left: 67px;
        margin-top: 12px;
        border-style: none;
        color: white;
        text-align: left;
        padding-left: 0px;
        font-family: 'Segoe UI';
        font-size: x-large;
        /*width :60%;*/
        background-color: transparent;
    }

    /* formateo de las tablas */
    .tabla_ficha {
        width: 100%;
        color: #202020;
        border: none;
        overflow-x: hidden;
    }


    /* formateo de las tablas */
    .tabla_ficha_doc {
        width: 100%;
        color: #202020;
        border: none;
        overflow-x: hidden;
    }

    /* div contenedor de las carpetas*/
    .contenido_carpetas {
        width: 100%;
        height: auto;
        margin-left: 20px;
    }

    .tbl_iconos {
        margin-top: -10px;
        margin-right: -5px;
        /*height :40px;*/
        text-align: right;
        position: relative;
        float: right;
        border: none;
    }


    /* iconos ficha propiedades*/
    .barra_iconos_prin {
        height: 20px;
    }

    .barra_iconos {
        margin-top: -30px;
        margin-right: 0px;
        height: 50px;
        text-align: right;
        position: relative;
        float: right;
        border: none;
    }

    /*edit multilinea*/
    .main_campo {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .main_campo_label {
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

    /*texto y otros*/
    .main_campo_edit {
        border: 1px solid #DBE1EB;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        margin-right : 1px;
        margin-bottom: 1px;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }


    /*edirt en partes por proyecto*/
    .main_campo_edit_partes_proyecto {
        border: 1px solid #DBE1EB;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        margin-right: 1px;
        margin-bottom: 1px;
        -webkit-appearance: none;
        -moz-appearance: textfield;
    }



    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }



    input[type=number] {
        -moz-appearance: textfield;
    }
    /*texto y otros*/
    .main_campo_edit_number {
        border: 1px solid #DBE1EB;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        /*text-align: right;*/
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        margin-top: 1px;
        margin-bottom: 1px;
        -webkit-appearance: none;
    }


    /*texto y otros*/
    .tabla_campo_edit {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        /*
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    */
        color: #2E3133;
        width: 95%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    /*botones*/
    .main_boton {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        height: 50px;
        /*width :105%;*/
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }


    .main_boton_upload_lbl {
        width: 92%;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        border: none;
        margin-top: 40px;
        font-size: 16px;
        font-family: Arial, Verdana;
        color: #808080;
    }

    .main_boton_upload_cell {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        text-align: right;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        height: 100px;
        text-align: center;
        margin-top: 1px;
        margin-bottom: 1px;
        -webkit-appearance: none;
    }

    /*botones*/
    .main_boton_upload {
        border: none;
        background-color: transparent;
        user-select: none;
        color: transparent;
        opacity: 0; /* oculta el boton */
        border: solid;
        vertical-align: top;
        padding-bottom: -32px;
        height: 100px;
        width: 99%;
        text-decoration: none;
        font: 0px Arial;
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }


    /*edit multilinea*/
    .main_campo_combo_edit {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 99%;
        margin-top: 1px;
        margin-bottom: 1px;
        -webkit-appearance: none;
    }

    .main_campo_combo {
        border: 1px solid #DBE1EB;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background-image: url('/imagenes/flecha.png');
        background-position: right;
        background-position-x: 97%;
        background-repeat: no-repeat;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        
        
    }

        .main_campo_combo option {
            background-color: #F7F9FA;
            /*
            font-size: 16px;
            font-family: Arial, Verdana;
            */ font-weight: 200;
            font-size: large;
            font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
            background: linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
            /*color: #2E3133;*/
        }

        .main_campo_combo select {
            background-color: #F7F9FA;
            /*
            font-size: 16px;
            font-family: Arial, Verdana;
            */ font-weight: 200;
            font-size: large;
            font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
            background: linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
            background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        }

    /*check*/
    .main_campo_check {
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        /*color: #F7F9FA;*/
        color: #2E3133;
        width: 99%;
    }

    /*edit multilinea disabled*/
    .main_campo_disabled {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -moz-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -webkit-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -o-linear-gradient(left, #FFFFFF, #e0e0e0);
        color: #808080;
        width: 99%;
    }
    /*texto y otros disabled*/
    .main_campo_edit_disabled {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -moz-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -webkit-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -o-linear-gradient(left, #FFFFFF, #e0e0e0);
        color: #808080;
        width: 99%;
    }

    .main_campo_edit_number_disabled {
        border: 1px solid #DBE1EB;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        /*text-align: right;*/
        background: linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -moz-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -webkit-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -o-linear-gradient(left, #FFFFFF, #e0e0e0);
        color: #808080;
        width: 99%;
    }


    /*edit multilinea disabled*/
    .main_campo_combo_disabled {
        border: 1px solid #DBE1EB;
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background-image: url('/imagenes/flecha.png');
        background-position: right;
        background-position-x: 97%;
        background-repeat: no-repeat;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -moz-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -webkit-linear-gradient(left, #FFFFFF, #e0e0e0);
        background: -o-linear-gradient(left, #FFFFFF, #e0e0e0);
        color: #2E3133;
        width: 100.5%;
        margin-top: 1px;
        margin-bottom: 1px;
        /*height: 40px;*/
        cursor: pointer;
    }

    .main_campo_check_disabled {
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #808080;
        width: 99%;
    }

    /*combobox de cambio de estado*/
    .estado_campo {
        font-family: Arial;
        font-size: medium;
        cursor: pointer;
        text-align: right;
        border: none;
        height: 30px;
        width: 100%;
        text-align: right;
        color: #000000;
        background-color: #ffffff;
        /*background-color :#faf8a9;*/
    }


    /* rotulos de los campos */
    .FuenteFicha {
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */ 
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #2E3133;
        /*height :50px;*/
    }

    .FuenteFichaN {
        /*
        font-size: 16px;
        font-family: Arial, Verdana;
        */
        font-weight: 200;
        font-size: large;
        font-weight:bold ;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #2E3133;
        /*height :50px;*/
    }

    .celda_avisos {
        background: red;
        border-radius: 1.2em;
        -moz-border-radius: 1.2em;
        -webkit-border-radius: 1.2em;
        color: #ffffff;
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        line-height: 2.0em;
        text-align: center;
        width: 2.0em;
        vertical-align: middle;
        -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    }

    .img_sindatos {
        padding-top: 30px;
        padding-left: 47%;
        height: 70px;
    }

    .lbl_sindatos {
        height: 50px;
        text-align: center;
        padding-left: 39%;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }


    .lbl_ayuda_sindatos {
        height: 50px;
        text-align: center;
        margin-top  :150px;
        /*padding-left: 39%;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }


    .calMes {
        /*
    margin-left :-9px;
    width :112%;
    margin-top :-10px;
*/
    }

    /* ventana modal */
    .modalBackground {
        background-color: #E0E0E0;
        filter: alpha(opacity=70);
        opacity: 0.8;
    }

    .modalPopup {
        background-color: #FFFFFF;
        border-width: 1px;
        border-style: solid;
        border-color: #E0E0E0;
        font-family: Arial;
        font-size: 16px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        box-shadow: 2px 2px 15px #000;
        -moz-box-shadow: 2px 2px 15px #000;
        -webkit-box-shadow: 2px 2px 15px #000;
        z-index: 1000;
    }

    .modal-header {
        height: 60px;
        width: 100%;
        color: #202020;
        font-family: Arial;
        font-size: 20px;
        border-bottom: 1px solid #E0E0E0;
        margin-bottom: 20px;
        vertical-align: top;
    }


    .modal-title {
        float: left;
        background-color: transparent;
        vertical-align: top;
        margin-left: 30px;
        margin-top: 20px;
    }

    .image-tittle {
        vertical-align: top;
        float: left;
        margin-left: 20px;
        margin-top: 10px;
        width: 40px;
        height: 40px;
    }

    .modal-close {
        float: right;
        height: 20px;
        margin-right: 15px;
        margin-top: 20px;
    }

    .modal-body {
        color: #505050;
        text-align: left;
        margin-left: 10px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: auto;
        /*height :180px;*/
    }

    .btn-primary {
        background-color: #FF7F27;
        color: #ffffff;
        cursor: pointer;
        border: none;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        /*font-size: 1.0em;
        font-weight: 300;*/
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding: 5px;
        height: 40px;
        width: 110px;
        margin-top: 10px;
        text-align: center;
        float: right;
        margin-right: 20px;
        z-index: 300;
    }

        .btn-primary:hover {
            /*background-color: #1b0c5a;*/
        }

    .btn-default {
        background-color: #FFFFFF;
        color: #202020;
        cursor: pointer;
        border: 1px solid #E0E0E0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        font-size: 1.0em;
        font-weight: 300;
        padding: 5px;
        height: 40px;
        width: 110px;
        margin-top: 10px;
        text-align: center;
        float: right;
        margin-right: 20px;
    }

        .btn-default:hover {
            background-color: #E0E0E0;
        }


    .modal-footer {
        height: 50px;
        width: 100%;
        border-top: 1px solid #E0E0E0;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    /* fin de ventana modal*/


    /* chat de avisos */
    .chat_edicion {
        border: solid;
        position: fixed;
        left: 0;
        bottom: 80px;
        font-family: Arial;
        font-size: small;
        width: 100%;
        color: #202020;
        background-color: #ffffff;
        /*padding: 8px 0px 0px 0px;*/
        margin: 0px auto;
        left: 0px;
        padding-left: 10px;
        margin-top: 5px;
        padding-top: 15px;
        height: 30px;
        border-top: 1px solid #E0E0E0;
    }


    .chat_nombre {
        color: red;
        font-family: Arial;
        font-size: medium;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .chat_nombre_destino {
        color: cadetblue;
        font-family: Arial;
        font-size: small;
        /*margin-bottom :20px;*/
    }

    .chat_fecha {
        color: cadetblue;
        font-family: Arial;
        font-size: small;
        text-align: right;
        float: right;
    }

    .chat_texto {
        margin-top: 80px;
        margin-right: 40px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .chat_mensaje {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 70%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .chat_mimensaje {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #B4CDAB);
        background: -moz-linear-gradient(left, #FFFFFF, #B4CDAB);
        background: -webkit-linear-gradient(left, #FFFFFF, #B4CDAB);
        background: -o-linear-gradient(left, #FFFFFF, #B4CDAB);
        color: #2E3133;
        width: 70%;
        margin-top: 1px;
        margin-bottom: 1px;
        float: right;
    }

    .chat_campo_edit_mensajes {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 6px;
        padding-bottom: 6px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 94%;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 30px;
        height: 50px;
    }

    .chat_campo_edit_imagen {
        width: 48px;
        height: 48px;
        border: none;
        /*float :right ;*/
        /*margin-right :20px;
    margin-top :10px;*/
    }

    .chat_tabla {
        width: 95%;
        border: none;
        margin-left: 30px;
    }

    .chat_edicion {
        height: 100px;
        position: fixed;
        left: 0px;
        bottom: 30px;
        border-top: solid;
        border-width: 1px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-color: #DBE1EB;
    }


    .chat_grupomensajes {
        margin-bottom: 180px;
    }


    .chat_campo_lista_mensajes {
        /*position :fixed ;*/
        float: right;
        /*right :100px;*/
        /*margin-right :90px;*/
        /**/ bottom: 72px;
        */
        /*margin-top :-28px;*/
        border:none;
        width: 50px;
        height: 50px;
        cursor: pointer;
        border: none;
        font-size: 14px;
        font-family: Arial, Verdana;
        text-align: right;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background-image: url('/imagenes/human.png');
        background-position: right;
        background-position-x: 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        color: transparent;
        /*color: #2E3133;*/
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }

    .chat_campo_edit_lista {
        width: 48px;
        height: 48px;
        border: none;
        float: right;
        position: fixed;
        float: right;
        right: 120px;
        margin-top: 10px;
        z-index: 2000;
    }
    /* fin de chat de avisos */

    .main_boton_reserva {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 80px;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 50px;
    }

    .main_boton1_reserva {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 40px;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .main_boton2_reserva {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 80px;
        margin-top: 1px;
        margin-bottom: 1px;
        margin-left: 5px;
    }

    .main_campo_edit_reserva {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 300px;
        margin-top: 1px;
        margin-bottom: 1px;
        height: 25px;
    }


    .LblDiaSemana {
        position: absolute;
        margin-left: -180px;
        margin-top: 15px;
        color: #808080;
    }

    .res_cab_col_b {
        border: none;
    }

    .res_cab_col {
        border: 1px solid;
        color: #ffffff;
        font-family: arial;
        background-color: #FF7F27;
        margin-left: -10px;
        vertical-align: middle;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#    202020', endColorstr='#808080');
    }

    .res_tabla {
        margin-left: -25px;
        width: 102%;
        border-spacing: 0px;
    }

    .main_campo_tipo_reserva {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background-image: url('imagenes/flecha.png');
        background-position: right;
        background-position-x: 50%;
        background-repeat: no-repeat;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        margin-top: 1px;
        margin-bottom: 1px;
        float: right;
        width: 300px;
        cursor: pointer;
    }

    .btn_plus {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #d52f2b, red);
        background: -moz-linear-gradient(left, #d52f2b, red);
        background: -webkit-linear-gradient(left, #d52f2b, red);
        background: -o-linear-gradient(left, #d52f2b, red);
        color: white;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 40px;
        cursor: pointer;
        float: right;
        margin-right: 5px;
    }

    .btn_plus_label {
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 30px;
        float: right;
        margin-left: 10px;
    }

    /*tablas de navegacion*/
    #contenido1 {
        position: absolute;
        left: 50px;
        width: 90%;
        margin-top: -200px;
    }


    /*tablas de navegacion*/
    #contenido {
        left: 10px;
        width: 90%;
    }

    /* menu
----------------------------------------------------------*/

    ul#menu {
        font-size: 1.3em;
        font-weight: 600;
        margin: 0 0 5px;
        padding: 0;
        text-align: right;
    }

        ul#menu li {
            display: inline;
            list-style: none;
            padding-left: 15px;
        }

            ul#menu li a {
                background: #fff;
                color: #202020;
                text-decoration: none;
            }

                ul#menu li a:hover {
                    color: #FF7F27;
                    text-decoration: none;
                }

    .Nmenu {
        font-size: 1.3em;
        font-weight: 300;
        padding: 0;
        text-align: left;
    }

        .Nmenu li {
            display: inline;
            list-style: none;
            padding-left: 10px;
        }

            .Nmenu li a {
                background: none;
                color: #999;
                text-decoration: none;
            }

                .Nmenu li a:hover {
                    color: #ff4205;
                    text-decoration: none;
                }


    .label {
        font-weight: 700;
    }

    /* site title
----------------------------------------------------------*/
    /*
.site-title {
    color: black;
    font-size: 2.3em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0;
        
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration:none ;
}
*/

    /* login page */




    #loginForm {
        border-right: solid 2px #c8c8c8;
        float: left;
        margin: 40px;
        width: 45%;
        vertical-align: top;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 20px;
        float: left;
        width: 45%;
    }

        #socialLoginForm h2 {
            margin-bottom: 5px;
        }

    fieldset.open-auth-providers {
        margin-top: 5px;
    }

        fieldset.open-auth-providers button {
            margin-bottom: 5px;
        }


    fieldset {
        border: none;
        margin: 0;
        padding: 0;
    }

        fieldset legend {
            display: none;
        }

        fieldset ol {
            padding: 0;
            list-style: none;
        }

            fieldset ol li {
                padding-bottom: 0px;
            }

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
        display: inline;
    }

    /* info and errors */
    /*
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
        clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
    .field-validation-error {
        color: #e80c4d;
        text-align: left;
        /*font-weight: bold;*/
    }

    .field-validation-valid {
        display: none;
    }

    input.input-validation-error {
        border: 1px solid #e80c4d;
    }

    input[type="checkbox"].input-validation-error {
        border: 0 none;
    }

    .validation-summary-errors {
        color: #e80c4d;
        font-weight: normal;
        font-size: 1.1em;
        margin-left: 50px;
        text-align: left;
    }

    .validation-summary-valid {
        display: none;
    }



    .imenu {
        z-index: 100;
        background-color: #202020;
        height: 60px;
    }

    /* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

    .page {
        /*width: 960px;*/
        background-color: #fff;
        /*margin: 20px auto 0px auto;*/
        margin: 0px auto 0px auto;
        border: 1px solid #496077;
    }

    .header h1 {
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

    .main {
        padding: 0px 12px;
        margin: 12px 8px 8px 8px;
        min-height: 420px;
    }
    /*
.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}
*/

    .img_cloud {
        width: 100%;
    }

    .menu_lateral {
        position: absolute;
        width: 25%;
        max-width: 480px;
        height: auto;
        float: right;
    }


    /*campos de login*/
    /*
.milogin {
    width :100%;
    background-color :aqua ;
    text-align :center ;
    
}
*/

    .main_ficha {
        font-family: Arial;
        font-size: medium;
        vertical-align: central;
        width: 50%;
        color: #4e5766;
    }


    .boton_ficha {
        font-family: Arial;
        font-size: medium;
        vertical-align: central;
        color: #4e5766;
        border: none;
        background-color: transparent;
    }


    /* formateo de las tablas de estado*/
    .tabla_ficha_estado {
        width: 100%;
        color: #202020;
        border: none;
        overflow-x: hidden;
    }



    /* formateo de las filas de separacion de tablas */
    .fila_tabla {
        border-bottom: 1px solid #999;
    }

    .fila_cabecera_tablaPC {
        height: 30px;
        background-color: #202020;
        color: #ffffff;
        text-decoration: none;
        border-style: none;
        font-weight: 160;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }


    .fila_tablaPC1 {
        height: 40px;
        text-decoration: none;
        color: #202020;
        text-decoration-color: #808080;
        border-bottom: 1px solid #999;
        font-weight: 120;
        font-size:medium;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

    .fila_tablaPC2 {
        height: 40px;
        color: #202020;
        text-decoration: none;
        text-decoration-color: #202020;
        border-bottom: 1px solid #999;
        font-weight: 120;
        font-size: medium;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

    .enlacePC {
        z-index: 100;
        text-decoration: none;
        color: #202020;
    }

    a.enlacePC:link, a.enlacePC:visited {
        z-index: 100;
        text-decoration: none;
        color: #202020;
    }





    .main_cab {
        color: #000000;
        background-color: #ffffff;
        margin: 0px auto;
    }

    .main_cab1 {
        width: 75%;
        font-family: Arial;
        font-size: medium;
        color: #000000;
    }


    .pestana {
        font-family: Arial;
        font-size: medium;
        border-left: solid;
        border-right: solid;
        border-bottom: solid;
        border-top: solid;
        border-bottom-color: azure;
        border-width: 1px;
        color: #000000;
        /*background-color :#faf8a9;*/
    }


    /* TAB MENU   
----------------------------------------------------------*/

    div.hideSkiplink {
        background-color: #3a4f63;
        width: 100%;
    }

    div.menu {
        padding: 4px 0px 4px 8px;
    }

        div.menu ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            width: auto;
        }

            div.menu ul li a, div.menu ul li a:visited {
                /*background-color: #465c71;*/
                background-color: #fff;
                border: 1px #fff solid;
                color: #202020;
                display: block;
                line-height: 1.35em;
                padding: 4px 20px;
                text-decoration: none;
                white-space: nowrap;
                font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
                font-size: 1.25em;
                /*border-left-color :#202020;*/
                /*
    background-color: #202020;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
*/
            }

                div.menu ul li a:hover {
                    /*background-color: #202020;*/
                    color: #FF7F27;
                    text-decoration: none;
                    /*
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
*/
                }

                div.menu ul li a:active {
                    background-color: #465c71;
                    color: #cfdbe6;
                    text-decoration: none;
                }

    /* FORM ELEMENTS   
----------------------------------------------------------*/

    fieldset {
        margin: 1em 0px;
        padding: 1em;
        border: 1px solid #ccc;
    }

        fieldset p {
            margin: 2px 12px 10px 10px;
        }

        fieldset.login label, fieldset.register label, fieldset.changePassword label {
            display: block;
        }

        fieldset label.inline {
            display: inline;
        }

    legend {
        font-size: 1.1em;
        font-weight: 600;
        padding: 2px 4px 8px 4px;
    }

    input.textEntry {
        width: 320px;
        border: 1px solid #ccc;
    }

    input.passwordEntry {
        width: 320px;
        border: 1px solid #ccc;
    }

    div.accountInfo {
        width: 42%;
        margin: 30px;
    }

    /* MISC  
----------------------------------------------------------*/

    .clear {
        clear: both;
    }

    .title {
        /*
    display: block;
    float: left;
    text-align: left;
    width: auto;
*/
        color: black;
        font-size: 1.3em;
        font-family: "Arial";
        /*    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;*/
        margin: 0;
    }


    /* login
----------------------------------------------------------*/
    #login {
        display: block;
        font-size: .85em;
        margin: 0 0 10px;
        text-align: right;
    }

        #login a {
            /*background-color: #d3dce0;*/
            background-color: #fff;
            margin-left: 10px;
            margin-right: 3px;
            padding: 2px 3px;
            text-decoration: none;
        }

            #login a.username {
                background: none;
                margin-left: 0px;
                text-decoration: underline;
            }

        #login ul {
            margin: 0;
        }

        #login li {
            display: inline;
            list-style: none;
        }

    .failureNotification {
        font-size: 1.2em;
        color: Red;
    }

    .bold {
        font-weight: bold;
    }

    .submitButton {
        text-align: right;
        padding-right: 10px;
    }

    tentL2 {
        margin-top: 10px;
    }


    .progress {
        visibility: hidden;
        /*
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ff0000));
    background: -moz-linear-gradient(top,  #ffff00,  #ff0000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#ff0000');
*/
    }


    /* label seccion*/
    .etiqueta {
        /*cursor: pointer;*/
        color: #202020;
        text-decoration: none;
        font: x-large Arial;
    }

        .etiqueta:hover {
            text-decoration: none;
        }

    /* Botón */

    .boton {
        z-index: -3;
        display: inline-block;
        zoom: 2;
        *display: inline;
        vertical-align: baseline;
        cursor: pointer;
        text-decoration: none;
        font: 7px Arial;
        padding: .5em 2em .55em;
        /*
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);*/
    }

        .boton:hover {
            text-decoration: none;
        }

    /* Redondez */

    .redondo {
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
    }


    .naranja {
        color: #ffffff;
        border: solid 0px #FF7F27;
        background: #FF7F27;
    }



    /*Header*/

    .Tab .ajax__tab_header {
        color: #202020;
        /*
        font-family: arial;
        */ font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        background-color: #ffffff;
        border-bottom: #202020;
        border-color: #ff00ff;
        margin-left: -10px;
        height: 50px;
        vertical-align: middle;
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#    202020', endColorstr='#808080');
        */
    }

    /*Body*/

    .Tab .ajax__tab_body {
        /*border:1px solid #78a167;*/
        padding-top: 20px;
        height: 5.5em;
        width: 98%;
    }

    /*Tab Active*/
    /* pestaña seleccionada*/
    .Tab .ajax__tab_active .ajax__tab_tab {
        background-color: #FFFFFF;
        text-align: center;
        vertical-align: middle;
        color: #202020;
        text-decoration: underline;
        /*
        font-size: 14px;
        font-family: Arial, Verdana;
        */ font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        font-weight: bold;
        margin-left: 5px;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 16px;
        height: 34px;
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0));
        background: -moz-linear-gradient(top, #808080, #c0c0c0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0');
        */
    }

    .Tab .ajax__tab_active .ajax__tab_inner {
        color: #202020;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 6px;
        padding-right: 6px;
    }

    .Tab .ajax__tab_active .ajax__tab_outer {
        color: #202020;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 6px;
        padding-right: 6px;
    }

    /*Tab Hover*/

    .Tab .ajax__tab_hover .ajax__tab_tab {
        color: #FF7F27;
        background-color: #FFFFFF;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 16px;
        height: 34px;
        /*
        background: -webkit-gradient(linear, left top, left bottom, from(#FF7f27), to(#FFc000));
        background: -moz-linear-gradient(top, #FF7f27, #FFc000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7f27', endColorstr='#FFc000');
        */
    }

    .Tab .ajax__tab_hover .ajax__tab_inner {
        color: #202020;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
    }

    .Tab .ajax__tab_hover .ajax__tab_outer {
        color: #202020;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
    }

    /*Tab Inactive*/

    .Tab .ajax__tab_tab {
        color: #202020;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 16px;
        height: 34px;
    }

    .Tab .ajax__tab_inner {
        color: #202020;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
    }

    .Tab .ajax__tab_outer {
        color: #202020;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
    }




    .contact_title {
        margin-left: 50px;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

    .contact {
        margin-left: 100px;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }

        /* contact */
        .contact h3 {
            font-size: 1.2em;
        }

        .contact p {
            margin: 5px 0 0 10px;
        }

        .contact iframe {
            border: 1px solid #333;
            margin: 5px 0 0 10px;
        }



    .boton2 {
        background-color: #FF7F27;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 50px 0 60px 0;
        width: 310px;
        height: 40px;
    }


    .err_conex {
        color: black;
        margin-left: 10px;
        text-align: center;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        margin: 0;
    }

    .err_conex1 {
        color: black;
        margin-left: 30px;
        text-align: center;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        margin: 0;
    }

    .overlay {
        position: fixed;
        z-index: 98;
        top: -127px;
        left: 0px;
        right: 0px;
        bottom: 127px;
        filter: alpha(opacity=80);
        opacity: 0.8;
    }


    .overlayContent {
        z-index: 99;
        margin: 400px auto;
        width: 64px;
        height: 64px;
    }

        .overlayContent h2 {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }

        .overlayContent img {
            width: 48px;
            height: 48px;
        }

    .style1 {
        width: 400px;
    }



    .OptionMov {
        font-family: Arial;
        font-size: medium;
        height: 30px;
        width: 200px;
        color: #000000;
        /*background-color :#faf8a9;*/
    }

    /* tamaño de la flecha*/
    .flecha {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-top: 5px;
        /*right :300px;*/
    }

    .texto_flecha {
        display: block;
        float: left;
        width: 80%;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-left: 20px;
        margin-top: 5px;
    }

    /* panel de las pestañas */
    .collapsePanel {
        height: 300px;
        background-color: #ffffff;
        color: #202020;
        overflow: hidden;
        padding: 2px;
        margin-top: 10px;
        width: 99%;
        border: none;
    }

    /* cabecera panel de las pestañas */
    .collapsePanelHeader {
        /*width:340px;		*/
        width: 100%;
        height: 30px;
        color: #FF7F27;
        background-color: #FFFFFF;
        border: solid;
        border-radius: 10px;
        border-spacing: 10px;
        border-width: thin;
        font-weight: normal;
        cursor: pointer;
        padding: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f202020', endColorstr='#808080');
    }

        .collapsePanelHeader:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#fff000));
            background: -moz-linear-gradient(top, #ff7f27, #fff000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#fff000');
        }

    .treedoc {
        text-decoration: none;
        color: #000000;
        text-decoration-color: #000000;
        padding-bottom: 10px;
    }


    .mgbtn {
        cursor: pointer;
        height: 30px;
        vertical-align: middle;
        margin-left: 20px;
        /*
    position :fixed ;
    border :none ;
    cursor: pointer;
    height :40px;
    margin-left :20px;
    margin-top:5px;   
        */
    }

    .mboton {
        background-color: transparent;
        border: none;
        cursor: pointer;
        color: #202020;
        width: 70%;
        left: 50px;
        height: 50px;
        /*margin-left :0px;
    padding-left :60px;*/
        text-align: left;
        font-family: Arial;
        font-size: 14px;
    }



    .menu_bar {
        position: absolute;
        margin-left: 1px;
        margin-top: 15px;
    }

    .menu_bar1 {
        position: absolute;
        margin-left: 36px;
        margin-top: 15px;
        border: none;
        border-bottom-style: none;
        height: 32px;
    }


    .menu_bar3 {
        margin-right: 20px;
        position: relative;
        margin-top: 10px;
        border-style: none;
        height: 30px;
        float: right;
        color: white;
        text-align: right;
        vertical-align: middle;
        padding-left: 40px;
        background: url('/imagenes/icon_user.png') no-repeat left center;
    }

    .menu_bar3 {
        padding-top: 10px;
    }


    header nav ul li {
        display: block;
        /*padding :20px;*/
        margin: 0px;
        margin-left: -40px;
        border-bottom: 1px solid rgba(128,128,128,.5);
    }

        header nav ul li a {
            display: block;
        }

        header nav ul li:hover .children {
            display: none;
        }

        header nav ul li .children {
            width: 100%;
            position: relative;
        }


        header nav ul li .caret {
            float: right;
        }






    /* estilos para pestañas */
    .contenedor_pestanas {
        background: #f9f9f9; /* Fondo de las pestañas */
        border: solid;
    }

    /* estilo de la pestaña*/
    .pestana_ficha {
        background: #ffffff; /* Fondo de las pestañas */
        color: #ffffff;
        border: none;
        width: 98%;
    }


        .pestana_ficha .ajax__tab_header {
            font-family: verdana,tahoma,helvetica;
            font-size: 11px;
            background-color: #eedd56;
        }

        .pestana_ficha .ajax__tab_body {
            background-color: #FF7F27;
        }

    .inputModificado {
        margin: 0px; /*10px 0px 10px 50px;*/
        clear: both;
    }

    .inputImagen {
        /*
    background: #ffcc99;
    opacity: 0.5;
    box-shadow: 0px 0px 5px black, inset 0 0px 5px 2px black;
    padding: 5px;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
    float: left;
    margin-top:  -2px;
        */
    }

    .botonInputFileModificado {
        height: 30px;
        position: relative;
        border-radius: 10px;
        background-color: #fff;
        color: #ffffff;
        border: 2px solid #666;
        background: url("/imagenes/clip.png") no-repeat;
        padding-bottom: 2px;
        /*box-shadow: inset 0 0px 8px 2px black;*/
        width: 32px;
        margin-left: 180px;
    }

        .botonInputFileModificado:hover {
            /*
    border: 2px solid #fff;  
    background-color: #333;
    color: #fff;
        */
        }

        .botonInputFileModificado .inputImagenOculto {
            opacity: 0;
            position: absolute;
            margin-left: -125px;
            width: 225px;
        }

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


    /*
.btnEliminar {
    background-color :#E0E0E0;
    color :white ;
    font-family :Verdana,Arial ;
    font-size :smaller ;
    vertical-align :central ;
    border :none ;
 	cursor: pointer; 
    text-align :right ;

}

    .btnEliminar:hover {
    background-color :red;

    }
*/

    .btnEliminar {
        height: 20px;
        margin-right: 10px;
    }

    .btnFavoritos {
        height: 24px;
        margin-right: 10px;
    }



    .Propiedades {
        z-index: -3;
        position: relative;
        text-align: left;
        float: left;
        margin-top: -28px;
        font-weight: bold;
        font-size: large;
    }


    .Div_ruta a {
        color: black;
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        text-decoration: none;
        font-size: medium;
        font-weight: bold;
        cursor: pointer;
    }

        .Div_ruta a:link, .Div_ruta a:visited,
        .Div_ruta a:active, .Div_ruta a:hover {
            color: black;
        }



    /*nombre del usuario inferior*/
    .menu_bar4 {
        border-style: none;
        background-color: transparent;
        cursor: pointer;
    }

    /*nombre del usuario superior*/
    .menu_bar5 {
        border-style: none;
        background-color: transparent;
        color: white;
        cursor: pointer;
    }

    /* botones de la ficha de detalle*/
    .BotonesFichaDetalle {
        z-index: 100;
        vertical-align: top;
    }

        .BotonesFichaDetalle:hover {
            /*
    background: linear-gradient(left, #FFFFFF, #FF7F27);
    background: -moz-linear-gradient(left, #FFFFFF, #FF7F27);
    background: -webkit-linear-gradient(left, #FFFFFF, #FF7F27);
    background: -o-linear-gradient(left, #FFFFFF, #FF7F27);
*/
        }


    .fila_tabla_movil {
        padding-top: 30px;
        padding-bottom: 30px;
        height: 50px;
    }



    /* formatos de cliemtes.css copiados aqui*/
    /*Este es el formato grilla en las tablas de datos*/
    .sortable td {
        border: 1px solid #EEEEEE;
        border-collapse: collapse;
        padding: 5px;
    }
    /*Quitar los bordes de la ultima celda de cada fila, para la columna del color.*/
    .sortable tr td:last-child {
        border: 0px;
        padding: 0px;
    }
    /*Formato de la cabecera de las tablas */
    .sortable th {
        text-align: center;
        background-color: #202020;
        color: #FFFFFF;
        height: 48px;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#    202020', endColorstr='#808080');
    }
    /*Formato de las cabeceras cuando pasa por encima*/
    /*
    -----------ANULADO para ver el orden------------------
    .sortable th:hover{
    background-color: #2B6484;
    color:white;
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0));
    background: -moz-linear-gradient(top,  #808080,  #c0c0c0);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0');
}
*/


    /*formato de las filas cuando pasa por encima*/
    .fila_tablaPC1:hover, .fila_tablaPC2:hover {
        background-color: #EEEEEE;
        background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0));
        background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0');
    }
    /*Color de fondo los  botones del menu.*/

    /*Quitar tu formato las lineas inferiores*/
    .fila_tablaPC1 {
        border-bottom: 0px solid #999;
    }

    .fila_tablaPC2 {
        border-bottom: 0px solid #999;
    }


    .cont_buscar {
        width: 95%;
    }

    .divBuscar {
        float: right;
        margin-top: 1px;
        width: 20%;
    }


    .txtBuscar {
        float: right;
        border: 1px solid #DBE1EB;
        font-size: 14px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 4px;
        padding-bottom: 5px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 100%;
        margin-top: 1px;
        margin-right: 10px;
        /*
    margin-top :1px;
    margin-bottom :1px;
    */
    }


    .btnExcel {
        float: right;
        text-align: right;
        margin-right: 5px;
        border-style: none;
        background-color: transparent;
        cursor: pointer;
    }


    .GridDatos {
        margin-left: 20px;
        width: 98%;
        font-family: verdana,tahoma,helvetica;
        font-size: 12px;
        border-color: #808080;
    }

    .GridCabecera {
        margin-left: 20px;
        width: 100%;
        background-color: #202020;
        color: white;
        height: 30px;
        font-family: verdana;
        font-size: 14px;
    }

    .GridFilaPar {
        background-color: white;
        height: 20px;
        border-color: #E0E0E0;
    }

    .GridFilaImpar {
        background-color: #E0E0E0;
        background-color: white;
        height: 20px;
        border-color: #E0E0E0;
    }


    .iprocesos {
        /*
    z-index :100;
    background-color: #202020;
    height :60px;
    position : absolute ;
    margin-left :1px;
    margin-top :15px;
*/
    }

    .mbotonP {
        background-color: transparent;
        border: none;
        cursor: pointer;
        color: #202020;
        width: 100%;
        height: 50px;
        text-align: left;
        font-family: Arial;
        font-size: 14px;
    }

    .chkCerrar {
    }

    .licerrar {
        margin-top: 20px;
    }

    .liprocesos {
        border-bottom: 1px solid #DBE1EB;
    }

        .liprocesos:hover {
            background-color: #202020;
            color: white;
            background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0));
            background: -moz-linear-gradient(top, #808080, #c0c0c0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0');
        }


    .limenug {
        border-bottom: 1px solid #DBE1EB;
    }

        .limenug:hover {
            background-color: #202020;
            color: white;
            background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0));
            background: -moz-linear-gradient(top, #808080, #c0c0c0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0');
        }

    .menu_procesos {
        position: absolute;
        width: 280px;
        max-width: 280px;
        height: auto;
        margin-right: 20px;
        /*padding :10px;*/
        float: right;
        list-style: none;
        right: 0;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
    }

    .calloutUp { /* es el borde del triangulito hacia arriba */
        border-bottom: 10px solid #DBE1EB;
        border-left: 10px dotted transparent;
        border-right: 10px dotted transparent;
        right: 0px;
        top: 0px;
        height: 0;
        width: 0;
        margin-right: 60px;
        margin-top: -20px;
        float: right;
        z-index: 10;
    }

    .calloutUp2 { /* un triangulito más chico adentro del anterior */
        border-bottom: 9px solid #F7F9FA;
        border-left: 9px dotted transparent;
        border-right: 9px dotted transparent;
        position: relative;
        left: -9px;
        top: 2px; /* lo posicionamos desplazado */
        height: 0;
        width: 0; /* no tendrá dimensiones */
        z-index: 11;
    }

    .diaavisa {
        display: none;
        position: fixed;
        z-index: 1000;
        top: 25%;
        left: 25%;
        height: 50%;
        width: 50%;
        background-color: #808080;
        /*
    background: rgba( 255, 255, 255, .8 ) 
                url('imagenes/loader.gif') 
                50% 50%
                no-repeat;
        */
    }



    .modal {
        display: none;
        position: fixed;
        z-index: 2000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        /*
    background: rgba( 255, 255, 255, .8 ) 
                url('imagenes/loader.gif') 
                50% 50%
                no-repeat;
*/
        background: url("/imagenes/loader.gif") 50% 50% no-repeat;
    }

    /* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
    body.loading {
        overflow: hidden;
    }

        /* Anytime the body has the loading class, our
   modal element will be visible */
        body.loading .modal {
            display: block;
        }


    .Imagen--Tabla {
        z-index: 1000;
    }

    .celda--Imagen {
        width: 60px;
    }


    .lista_botones {
        height: 40px;
        width: 70px;
        background-color: #e0e0e0;
        color: #202020;
        text-decoration: none;
        border: solid 1px;
        border-color: #808080;
        font-size: small;
        cursor: pointer;
        margin-left: -5px;
    }

        .lista_botones:hover {
            background-color: #f0f0f0;
            color: #202020;
            border-color: #202020;
        }

    .barra_lista_botones {
        float: right;
    }

    .barra_botones {
        margin-bottom: 10px;
    }

    .boton_agenda {
        height: 40px;
        width: 70px;
        background-color: #e0e0e0;
        color: #202020;
        text-decoration: none;
        border: solid 1px;
        border-color: #808080;
        font-size: small;
        margin-right: 30px;
        cursor: pointer;
    }

        .boton_agenda:hover {
            background-color: #f0f0f0;
            color: #202020;
            border-color: #202020;
        }

    .boton_agenda1 {
        height: 40px;
        width: 40px;
        background-color: #e0e0e0;
        color: #202020;
        text-decoration: none;
        border: solid 1px;
        border-color: #808080;
        font-size: large;
        cursor: pointer;
        margin-left: -5px;
    }

        .boton_agenda1:hover {
            background-color: #f0f0f0;
            color: #202020;
            border-color: #202020;
        }

    .etiqueta_agenda {
        height: 40px;
        margin-left: 30px;
    }

    .ficha_act {
        height: 40px;
        list-style: none;
    }



    .cal_izq {
        z-index: -3;
        width: 150px;
    }

    .cal_dcha {
        z-index: -3;
        margin-left: 150px;
        margin-top: -160px;
    }

    .iarchivos {
        margin-right: -40px;
        margin-top: -40px !important;
    }


    .iimagen {
        position: absolute;
        margin-left: -30px;
        margin-top: 0px;
    }

    /* Reglas de Safari 3.0 y Opera 9  */
    /*
@media screen and (-webkit-min-device-pixel-ratio:0) {

.iimagen {
    position :absolute  ;
    margin-left :0px;
    margin-top: 0px;
}
}
*/

    .rm-input {
        position: absolute;
        border: none;
        background-color: transparent;
        user-select: none;
        color: transparent;
        background: url('/imagenes/clip.png') no-repeat;
        opacity: 0; /* oculta el boton */
        /*padding-left :32px;
    display:compact ;
    */
        margin-left: -30px;
        margin-top: 0px;
        vertical-align: top;
        height: 32px;
        width: 32px;
        text-decoration: none;
        font: 0px Arial;
        cursor: pointer;
    }




    .ical {
        float: right;
    }

    .mov_tit {
        margin-top: -17px;
        text-align: center;
        vertical-align: middle;
        width: 70%;
        border: none;
        color: white;
        font-size: large;
        background-color: transparent;
    }

    .mov_atras {
        margin-left: 10px;
        margin-top: 5px;
    }

    .mov_adelante {
        float: right;
        margin-right: 20px;
        margin-top: 5px;
    }

    .mov_barra_botones {
        background-color: transparent;
        margin-top: -33px;
        margin-left: -8px;
        margin-bottom: 10px;
        width: 113%;
        height: 40px;
        background: linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -moz-linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -webkit-linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -o-linear-gradient(left, #E0E0E0, #B0B0B0);
        color: #202020;
        background-image: url('/imagenes/ReservasT.png');
        background-repeat: no-repeat;
        background-position: right;
        background-position-x: 98%;
        /*background-position-x : 95%;*/
    }



    .barra_lista_botonesM {
        z-index: 100;
        position: fixed;
        left: 0;
        bottom: 0;
        font-family: Arial;
        font-size: small;
        width: 100%;
        margin: 0px auto;
        left: 0px;
        padding-left: 10px;
        padding-top: 10px;
        height: 40px;
        border-top: 1px solid #E0E0E0;
        background: linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -moz-linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -webkit-linear-gradient(left, #E0E0E0, #B0B0B0);
        background: -o-linear-gradient(left, #E0E0E0, #B0B0B0);
        color: #202020;
    }

    .lista_botones1 {
        height: 30px;
        width: 70px;
        background-color: #e0e0e0;
        color: #202020;
        text-decoration: none;
        border: solid 1px;
        border-color: #808080;
        font-size: small;
        cursor: pointer;
        margin-left: 5px;
        margin-right: 5px;
    }

        .lista_botones1:hover {
            background-color: #f0f0f0;
            color: #202020;
            border-color: #202020;
        }



    .DocCeldaFecha {
        width: 100px;
        text-align: center;
    }

    .DocCeldaRes {
        /*width:100%;*/
    }

    .tabla_doc {
        width: 100%;
    }
    /*formato de las filas cuando pasa por encima*/
    .tabla_doc_fila:hover {
        background-color: #EEEEEE;
        background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0));
        background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0');
    }

    .cnt_agenda {
        position: absolute;
        top: 150px;
        background-color: red;
        height: 50px;
        margin-top: 30px;
    }



    .res_tabla1 {
        margin-top: 30px;
        margin-left: -45px;
        /*border :1px solid;*/
        border-spacing: 0px;
    }




    /* cabecera dias de la semana de la agenda mensual*/
    .res_cab_col_b1 {
        border: none;
    }

    .res_cab_col1 {
        border: 1px solid;
        color: #ffffff;
        font-family: arial;
        background-color: #0080c0;
        margin-left: -10px;
        vertical-align: middle;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#    202020', endColorstr='#808080');
    }



    .div_map {
        width: 100%;
        height: 600px;
        border: none;
    }

    .mapa {
        width: 1200px;
        height: 800px;
    }

    .DocCeldaIconos {
        text-align: right;
    }

    /* boton de borrar documentos */
    .FichaDocDelete {
        margin-right: 20px;
    }

    /* boton de enviar documentos por mail */
    .FichaDocMail {
        text-align: right;
    }

    .div_rutaA {
        width: 100%;
        /*margin-left :20px;*/
    }

    .div_rutaB {
        width: 100%;
        margin-left: 20px;
    }


    /* seccion de subir documentacion*/


    .doc_cab {
        height: 30px;
    }

    .doc_contenido {
        width: 100%;
    }

    .doc_OK {
        text-align: center;
        padding-top: 50px;
    }

    .imgOK {
        text-align: center;
        vertical-align: middle;
        height: 100px;
        padding-right: 20px;
    }

    .lblOK {
        font-size: large;
    }

    .nom_prv {
        width: 100%;
        height: 60px;
        color: white;
        text-align: center;
        font-size: large;
        font-weight: bold;
        vertical-align: middle;
        padding-top: 20px;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#    202020', endColorstr='#808080');
        font-family: "Segoe UI", Verdana, arial,Helvetica;
    }


    .doc_button {
        padding-top: 40px;
        text-align: center;
    }

    .tblDoc {
        width: 111%;
        border: none;
        color: #202020;
        overflow-x: hidden;
        border-spacing: 0px;
    }

    .tblDocFilaCabecera {
        height: 30px;
        background-color: #202020;
        color: #ffffff;
        text-decoration: none;
        border-style: none;
    }


    .tblDocFila {
        height: 40px;
        /*background-color :#ffffff;*/
        text-decoration: none;
        color: #202020;
        text-decoration-color: #808080;
        /*border-style :none ;*/
        border-bottom: 1px solid #999;
    }

    .fila_tablaPC2 {
        height: 40px;
        /*background-color :#e0e0e0;*/
        color: #202020;
        text-decoration: none;
        text-decoration-color: #202020;
        /*border-style :none ;*/
        border-bottom: 1px solid #999;
    }


    /*imagen*/
    .tblDocCeldaImg {
        width: 100px;
        text-align: center;
    }

    /*descrpicion*/
    .tblDocCelda1 {
        font-size: large;
    }

    /*Nombre recurso*/
    .tblDocCeldaRes {
        font-size: large;
        font-weight: bold;
        padding-left: 30px;
    }


    /*estado caducado*/
    .tblDocCelda2_caducado {
        font-size: large;
        color: #8080FF;
    }

    /*estado no presentado*/
    .tblDocCelda2_nopresentado {
        font-size: large;
        color: red;
    }

    /* boton*/
    .tblDocCelda3 {
        width: 100px;
        text-align: center;
    }


    .ErrorTitA {
        width: 80%;
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: x-large;
        font-weight: bold;
        color: #606060;
    }

    .ErrorTitB {
        margin-top: -60px;
        border: none;
        width: 20%;
        vertical-align: top;
        text-align: right;
        /*position:absolute;*/
        float: right;
        top: 30px;
    }

    .ErrorLogo {
        height: 100px;
        vertical-align: middle;
    }

    .ErrorLogoJump {
        height: 30px;
        text-align: right;
        float: right;
        right: 20px;
    }



    .lblDoc {
        position: absolute;
        width: 110%;
        font-size: xx-large;
        color: #606060;
        text-align: center;
        top: 20px;
    }


    .btnDoc {
        outline: 0px;
        border: none;
        border-width: 0px;
        outline-color: white;
    }


    /* ventana de aviso */
    .aviso {
        display: none;
        position: absolute;
        z-index: 2000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba( 255, 255, 255, .2 );
    }


    .contenidoAviso {
        position: absolute;
        background-color: #E0E0E0;
        color: #404040;
        top: 50%;
        left: 50%;
        width: 400px;
        margin-left: -200px;
        height: 250px;
        margin-top: -125px;
        z-index: 1000;
        background: url('/imagenes/body_bg.jpg') repeat-x left bottom #e5e5e5;
        border: 1px solid rgba(33, 33, 33, 0.6);
        -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
        -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
        box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
    }

    #tituloAviso {
        font: 26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        background: url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5;
        padding: 18px 25px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        color: #666;
        letter-spacing: 0.3px;
        color: #888;
    }

    #textoAviso {
        font: 26px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        background: url('/imagenes/header_bg.jpg') repeat-x left bottom #f5f5f5;
        padding: 18px 25px;
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
        color: #666;
        background: none;
        font-size: 16px;
        line-height: 1.4;
        padding-top: 35px;
    }

    #botonAviso {
        padding: 15px 0 25px;
        text-align: center;
    }

    .btnAviso {
        cursor: pointer;
        display: inline-block;
        background: url('/imagenes/buttons.png') no-repeat;
        color: white;
        position: relative;
        height: 33px;
        font: 17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        margin-right: 15px;
        padding: 0 35px 0 40px;
        text-decoration: none;
        border: none;
    }


    /* boton nuevo en tablas de consultas*/
    .btnNuevoTbl {
        background-color: red;
        color: white;
        float: right;
        cursor: pointer;
        color: white;
        font-family: Verdana,Arial;
        font-size: smaller;
        vertical-align: central;
        border: none;
        cursor: pointer;
        text-align: right;
        margin-top: -15px;
        margin-right: 7px;
        margin-bottom: 5px;
    }




    /* estilo para on/off */
    .onoffswitch {
        position: relative;
        width: 60px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        height: 36px;
        padding: 0;
        line-height: 36px;
        border: 2px solid #CCCCCC;
        border-radius: 36px;
        background-color: #FFFFFF;
        transition: background-color 0.3s ease-in;
    }

        .onoffswitch-label:before {
            content: "";
            display: block;
            width: 36px;
            margin: 0px;
            background: #FFFFFF;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 22px;
            border: 2px solid #CCCCCC;
            border-radius: 36px;
            transition: all 0.3s ease-in 0s;
        }

    .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #9BACD1;
    }

        .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
            border-color: #9BACD1;
        }

            .onoffswitch-checkbox:checked + .onoffswitch-label:before {
                right: 0px;
            }

    .chk_onoff{
        float :right ;
    }

    .wrapper input {
        max-height: 0;
        max-width: 0;
        opacity: 0;
    }

    .wrapper input + label {
        display: block;
        position: relative;
        box-shadow: inset 0 0 0px 1px #d5d5d5;
        text-indent: -5000px;
        text-size-adjust: auto;
        height: 20px;
        width: 50px;
        border-radius: 10px;
        top: -10px;
        cursor: pointer;
    }

    .wrapper input + label:before {
        content: "";
        position: absolute;
        display: block;
        height: 20px;
        width: 30px;
        top: 0;
        left: 0;
        border-radius: 10px;
        /*background: rgba(19, 191, 17, 0);*/
        background: rgba(234, 122, 47, 0);
        -moz-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

     .wrapper input + label:after {
        content: "";
        position: absolute;
        display: block;
        height: 20px;
        width: 30px;
        top: 0;
        left: 0px;
        border-radius: 10px;
        background: white;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
        -moz-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
     }


    .wrapper input:checked + label:before {
        width: 50px;
        background: rgba(234, 122, 47, 1);
    }

    .wrapper input:checked + label:after {
        left: 20px;
        box-shadow: inset 0 0 0 1px rgba(234, 122, 47, 1), 0 2px 4px rgba(0, 0, 0, .2);
    }

    .check_nv {
        position :absolute ;
        top:10px;
        width :10px;
        height :60px;
        left: -1000px;
        display: none;
        color :white;
        background-color :red;
    }

    /*Tipos de agenda*/
    .menu_sel_agenda {
        position: absolute;
        width: 280px;
        max-width: 280px;
        height: auto;
        margin-right: 20px;
        /*padding :10px;*/
        float: right;
        list-style: none;
        right: 0;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        z-index: 2000;
    }

    .Age_tbl {
        width: 90%;
    }

    .Age_fil {
        height: 5px;
    }

    .Age_col1 {
        width: 10px;
    }

    .Age_col2 {
        font-size: 10px;
        font-family: Arial, Verdana;
        padding-left: 5px;
    }

    .Age_col3 {
        vertical-align: middle;
        width: 50px;
    }

    .itipos {
        float: right;
    }

    .cnt1 {
        position: absolute;
        top: 137px;
        left: 9px;
        width: 50px;
        height: 19px;
        /*float :left ;*/
        background-color: #F0F0F0;
        /*z-index :19;*/
    }


    .barra_botones_agenda {
        margin-bottom: 20px;
        margin-top: -20px;
    }


    .boton_verde {
        background-color: #497847;
        color: white;
        /*height :20px;*/
        border: none;
        float: right;
        margin-top: 10px;
        /*width :200px;*/
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;

    }


    .boton_rojo {
        background-color: #CC4233;
        color: white;
        height: 20px;
        border: none;
        float: right;
        margin-top: 10px;
        width: 200px;
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    }


    .boton_naranja {
        background-color: #FF7F27;
        color: white;
        /*height :20px;*/
        border: none;
        float: right;
        margin-top: 10px;
        /*width :200px;*/
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;

        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100px;
    }

    .boton_naranja2 {
        background-color: #FF7F27;
        color: white;
        /*height :20px;*/
        border: none;
        float: right;
        margin-top: 10px;
        /*width :200px;*/
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 50px;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    .boton_gris {
        background-color: #c0c0c0;
        color: white;
        /*height :20px;*/
        border: none;
        float: right;
        margin-top: 10px;
        /*width :200px;*/
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        cursor: pointer;
        font-weight: 200;
        font-size: large;
        font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;

        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100px;
    }
    
    .img_bus_ficha {
        margin-left: 10px;
    }

    .img_bus_ficha_gris {
        margin-left: 10px;
    }

    /* botonera menu princiapl*/
    .botonera {
        float: right;
        margin-right: 30px;
        padding-right: 30px;
        margin-top: 15px;
        z-index: 10;
    }

    .botonera_image {
        padding-right: 10px;
        z-index: 10;
    }


    .menu_iconos_barra {
        margin-top: -20px;
        position: absolute;
        width: 280px;
        max-width: 280px;
        height: auto;
        margin-right: 20px;
        /*padding :10px;*/
        float: right;
        list-style: none;
        right: 0;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        z-index: 2000;
    }


    .arbol {
        font-size: 16px;
        font-family: Arial, Verdana;
    }

    .admon_arbol {
        width: 28%;
        float: left;
        /*border :1px solid;*/
        overflow: auto;
        height: 450px;
    }

    .admon_iconos {
        margin-left: 30%;
        text-align: right;
        /*border :1px solid;*/
        width: 70%;
        height: 30px;
    }

    .admon_contenidos {
        margin-left: 30%;
        height: 400px;
        width: 70%;
        /*border :1px solid ;*/
    }


    .admon_campo_edit {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 97%;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 385px;
    }

    .admon_botones_iconos {
        height: 24px;
        padding-right: 10px;
    }

    .admon_label {
        float: left;
        text-align: left;
    }
    /*=================================================*/

    /*Barra de iconos de favoritos*/
    .menu_sel_iconos {
        /*margin-top :-20px;*/
        position: absolute;
        width: 280px;
        max-width: 280px;
        height: auto;
        /*margin-right :140px;*/
        /*padding :10px;*/
        float: right;
        list-style: none;
        right: 0;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        z-index: 2000;
    }


    .botonera_image_img {
        height: 20px;
    }

    .botonera_image_lbl {
        font-size: 12px;
        font-family: Arial, Verdana;
    }

        .botonera_image_lbl:hover {
            font-size: 12px;
            font-family: Arial, Verdana;
            /*font-weight :bold ;*/
        }


    /*formato de las filas cuando pasa por encima*/
    .fila_botonera:hover {
        background-color: #EEEEEE;
        background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0));
        background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#e0e0e0');
    }

    .celda_img_botonera {
        text-align: center;
    }

    .tabla_botonera {
        width: 100%;
        cursor: pointer;
        padding: 0px 0px 0px 0px;
    }


    /* SQUARED FOUR */
    .squaredFour {
        width: 20px;
        margin-bottom: 20px;
        /*margin: 20px auto;*/
        position: relative;
    }

        .squaredFour input[type=checkbox] {
            display: none;
        }

        .squaredFour label {
            cursor: pointer;
            position: absolute;
            width: 20px;
            height: 20px;
            top: 0;
            border-radius: 4px;
            -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            background: #fcfff4;
            background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
        }

            .squaredFour label:after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                filter: alpha(opacity=0);
                opacity: 0;
                content: '';
                position: absolute;
                width: 9px;
                height: 5px;
                background: transparent;
                top: 4px;
                left: 4px;
                border: 3px solid #333;
                border-top: none;
                border-right: none;
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

            .squaredFour label:hover::after {
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
                filter: alpha(opacity=30);
                opacity: 0.5;
            }

        .squaredFour input[type=checkbox]:checked + label:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }



    /*edit */
    .tabla_campo {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 95%;
    }


    .tabla_campo2 {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 85%;
    }


    .tabla_campo_baja {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #FF0000;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 95%;
    }


    .tabla_campo2_baja {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #FF0000;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 85%;
    }

    .btn_save {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #859c77, green);
        background: -moz-linear-gradient(left, #859c77, green);
        background: -webkit-linear-gradient(left, #859c77, green);
        background: -o-linear-gradient(left, #859c77, green);
        color: white;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100px;
        cursor: pointer;
        float: right;
        margin-right: 5px;
    }


    /*numero*/
    .blb {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 50px;
        margin-top: 1px;
        margin-bottom: 1px;
    }



    .MiTabla {
        width: 100%;
    }

    .MiBoton {
        margin-left: 10px;
        margin-top: 20px;
        border: none;
        width: 42px;
    }


    .ImgDocMov {
        margin-top: 16px;
    }

    .fila_tabla_doc {
        padding-top: 30px;
        padding-bottom: 30px;
        height: 20px;
    }

    .FilUpMov {
        position: relative;
        overflow: hidden;
        margin-left: 10px;
        width: 107px;
        height: 30px;
        font-size: large;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .CelFilUpMov {
    }

    .boton_blue {
        background-color: #8080ff;
        background-color: #0080c0;
        color: #ffffff;
        cursor: pointer;
        border: none;
        font-size: 1.2em;
        font-weight: 400;
        padding: 5px;
        /*margin: 5px 0 6px 0;*/
        height: 40px;
        width: 110px;
        margin-top: 10px;
        text-align: center;
    }



    th.headerSortUp {
        background-image: url('imagenes/asc.gif');
        /*background-color: #3399FF;*/
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        background-color: #808080;
        /*
    color:white;
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#c0c0c0));
    background: -moz-linear-gradient(top,  #808080,  #c0c0c0);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#c0c0c0');
*/
    }

    th.headerSortDown {
        background-image: url('imagenes/desc.gif');
        background-color: #3399FF;
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        background-color: #808080;
    }
    /* tables */
    table.tablesorter {
        font-family: arial;
        /*background-color: #CDCDCD;*/
        background-color: #3399FF;
        margin: 10px 0pt 15px;
        font-size: 8pt;
        width: 100%;
        text-align: left;
    }

        table.tablesorter thead tr th, table.tablesorter tfoot tr th {
            /*background-color: #e6EEEE;*/
            background-color: #3399FF;
            border: 1px solid #FFF;
            font-size: 8pt;
            padding: 4px;
        }

        table.tablesorter thead tr .header {
            background-image: url('imagenes/bg.gif');
            background-repeat: no-repeat;
            background-position: center right;
            cursor: pointer;
        }

        table.tablesorter tbody td {
            color: #3D3D3D;
            padding: 4px;
            background-color: #FFF;
            vertical-align: top;
        }

        table.tablesorter tbody tr.odd td {
            /*background-color:#F0F0F6;*/
            background-color: #3399FF;
        }

        table.tablesorter thead tr .headerSortUp {
            background-image: url('imagenes/asc.gif');
            background-color: #3399FF;
        }

        table.tablesorter thead tr .headerSortDown {
            background-image: url('imagenes/desc.gif');
            background-color: #3399FF;
        }

        table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
            /*background-color: #8dbdd8;*/
        }


    /* etiqueta de año en el calendario*/
    .lblano {
        vertical-align: middle;
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 50px;
        font-size: xx-large;
    }

    .tblrotu {
        margin-left: 100px;
        margin-top: 20px;
        /*text-align :center ;*/
    }

    .panel_cal {
        text-align: center;
        float: right;
        margin-left: 40px;
        position: center;
    }


    .tit_tbl {
        font-family: Arial;
        font-size: x-large;
        margin-bottom: 100px;
    }


    .canvas {
        border: 1px solid black;
        background-color: #000000;
        width: 200px;
        height: 200px;
    }

    .btn_canvas {
        width: 145px;
        padding: 0;
        margin: 0;
        font-size: 18px;
    }

    /* Partes por proyectos*/

    .GridViewPry {
        width: 100%;
    }

    .Pryfila {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #E0E0E0;
        background-color: white;
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: normal;
    }

    .campo_edit_horas {
        border: 1px solid #DBE1EB;
        font-size: 12px;
        font-family: Arial, Verdana;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
        background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
        color: #2E3133;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .HeadPry {
        font-size: 14px;
        font-family: Arial, Verdana;
        font-weight: normal;
    }



    .pry_rechazar {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        background-color: #FFAAAA;
        color: #FFFFFF;
        float: right;
    }

        .pry_rechazar:hover {
            background-color: #FF0000;
        }


    .pry_aceptar {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        background-color: #AAFFAA;
        color: #FFFFFF;
        float: right;
        margin-right: 10px;
    }


        .pry_aceptar:hover {
            background-color: #00FF00;
        }



    .codigo {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 600px;
        height: 300px;
        margin-top: -150px;
        margin-left: -301px;
        background-color: white;
        border: solid;
        border-color: gray;
        border-width: 1px;
        text-align: center;
        z-index: 3000;
        overflow: visible;
    }


    .totales_partes {
        width: 50px;
        margin-left: 10px;
        text-align: right;
    }

    /* clase para los contenedores de iframes*/
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

        .embed-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .DivFilUp {
        background-color: red;
        border: 1px solid black;
    }


    .SelecFile {
        border: none;
        background-color: transparent;
        user-select: none;
        color: transparent;
        opacity: 0; /* oculta el boton */
        border: solid;
        /*    margin-top :0px;
    vertical-align :top;
*/
        vertical-align: top;
        margin-left: -32px;
        margin-top: 00px;
        padding-bottom: -32px;
        height: 32px;
        width: 32px;
        text-decoration: none;
        font: 0px Arial;
        cursor: pointer;
    }


    .SelecFileImage {
        position: inherit;
        margin-left: 25px;
        margin-top: 5px;
        /*cursor: pointer;*/
    }


    .lbl_justificado {
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #2E3133;
        text-align: justify;
    }


    .main_campo_tipo_reserva_m {
        /*
    border: 1px solid #DBE1EB;
    font-size: 10px;
    font-family: Arial, Verdana;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;

    -webkit-appearance: none;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

    background-image : url('imagenes/flecha.png');
	background-position: right;
    background-position-x : 50%;
    background-repeat: no-repeat;

    background: #FFFFFF;
    background: linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -moz-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -webkit-linear-gradient(left, #FFFFFF, #F7F9FA);
    background: -o-linear-gradient(left, #FFFFFF, #F7F9FA);
    color: #2E3133;
    margin-top :1px;
    margin-bottom :1px;
    float :right ;
    width :100px;
    cursor :pointer ;
    */
        width: 50px;
        height: 40px;
        cursor: pointer;
        text-align: right;
        /*border: none;*/
        font-size: 16px;
        font-family: Arial, Verdana;
        -webkit-appearance: none;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        background-image: url('/imagenes/human.png');
        background-position: right;
        background-position-x: 90%;
        background-repeat: no-repeat;
        background-color: transparent;
        /*color :transparent ;*/
        /*color: #2E3133;*/
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        /*
        position :absolute ;
    border :none ;
    background-color:transparent ;
    user-select :none ;
    color :transparent ;
    background: url('/imagenes/clip.png') no-repeat;
*/
        opacity: 0; /* oculta el boton */
        /*
    margin-left :-30px;
    margin-top :0px;
    vertical-align :top;
    height :32px;
    width :32px;
    text-decoration: none;
    font: 0px Arial;
    cursor: pointer;
*/
    }



    .imagetipos {
        z-index: -300;
        position: absolute;
        top: 50px;
        right: 30px;
    }



    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

        .embed-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }



    /* formateo de las tablas */
    .tabla_ficha_demo {
        width: 50%;
        color: #202020;
        border: none;
        overflow-x: hidden;
    }

    .pan_flotante {
        position: relative;
        top: 10px;
        width: 40%;
        float: right;
        text-align: center;
        /*margin-top :-290px;*/
    }

    .btn_key {
        width: 100px;
        height: 100px;
        font-weight: bolder;
        font-size: 30px;
    }


    .btn_borrar {
        width: 201px;
        height: 100px;
        background-color: red;
        color: white;
        font-weight: bolder;
        font-size: 30px;
    }


    .btn_aceptar {
        width: 80px;
        height: 80px;
        background-color: green;
        color: white;
        font-weight: bolder;
        font-size: 30px;
    }




    .menu_bar_mod {
        position: absolute;
        margin-left: 1px;
        margin-top: 15px;
    }


    .boton_verde_na {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        /*position :absolute ;
    margin-right :70px;
    right :0;*/
        float: right;
        width: 100px;
        background-color: #006c36;
        color: #FFFFFF;
    }


    .boton_rojo_na {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -o-border-radius: 6px;
        height: 50px;
        width: 100px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
        float: right;
        width: 100px;
        background-color: #C40000;
        color: #FFFFFF;
    }


    /* calendario mensual */
    cal_tabla {
        width: 100%;
    }

    .cal_mensual_cabecera {
        border-style: solid;
        background-color: black;
        color: white;
    }


    .cal_mensual_filas {
        border-style: solid;
        border-color: #808080;
    }

    .tblrotucal {
        margin-left: 2px;
        margin-top: 5px;
    }

    .lblano_pan {
        border: solid;
        /*vertical-align :middle ;*/
        margin-left: 5px;
        margin-right: 15px;
        vertical-align: middle;
        font-size: xx-large;
        height: 40px;
    }

    .lblmes_pan {
        border: solid;
        /*vertical-align :middle ;*/
        margin-left: 15px;
        margin-right: 5px;
        vertical-align: middle;
        font-size: xx-large;
        height: 40px;
    }

    .field {
        border-style: none;
        width: auto;
        line-height: 50px;
        margin: 0px auto;
        text-align: center;
        padding: 0;
    }

        .field img {
            vertical-align: middle;
        }

    .field_txt {
        background-size: 100%;
        box-sizing: border-box;
        text-align: center;
        display: block;
    }

    .ini_register {
        margin-top: 240px;
        border-style: solid;*/
        /*background-color: red;*/
    }


    .field_register {
        background-size: 100%;
        box-sizing: border-box;
        text-align: center;
        display: block;
    }


    .marginAuto {
        margin: 0 auto;
        padding-top: 100px;
        width: 400px;
    }

    .alin {
        text-align: center !important;
        margin-top: 5em;
    }


    /* cabecera panel de las pestañas */
    .collapsePanelHeaderHelp {
        /*width:340px;		*/
        width: 100%;
        height: 30px;
        color: #ffffff;
        background-color: #ff7f27;
        border: solid;
        border-radius: 10px;
        border-spacing: 10px;
        border-width: thin;
        font-weight: normal;
        cursor: pointer;
        padding: 5px;
        background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#808080));
        background: -moz-linear-gradient(top, #202020, #808080);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f202020', endColorstr='#808080');
    }

        .collapsePanelHeaderHelp:hover {
            background: -webkit-gradient(linear, left top, left bottom, from(#ff7f27), to(#fff000));
            background: -moz-linear-gradient(top, #ff7f27, #fff000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f27', endColorstr='#fff000');
        }


    /* Paneles de ayuda*/
    /* tamaño de la flecha*/
    .flechaHelp {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-top: 5px;
        /*right :300px;*/
    }

    .texto_flechaHelp {
        display: block;
        float: left;
        width: 80%;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-left: 20px;
        margin-top: 5px;
    }



    /* panel de las pestañas */
    .collapsePanelHelp {
        height: 300px;
        background-color: #ffffff;
        color: #202020;
        overflow: hidden;
        padding: 2px;
        margin-top: 10px;
        width: 99%;
        border: none;
    }


    .etiqueta_texto {
        font-family: arial;
    }


    /* Paneles de ayuda*/
    /* tamaño de la flecha*/
    .flechaCondiciones {
        width: 20px;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-top: 5px;
        /*right :300px;*/
    }

    .texto_flechaCondiciones {
        display: block;
        float: left;
        width: 80%;
        height: 20px;
        vertical-align: middle;
        text-align: left;
        margin-left: 20px;
        margin-top: 5px;
    }



    /* panel de las pestañas */
    .collapsePanelCondiciones {
        height: 300px;
        background-color: #ffffff;
        color: #202020;
        overflow: hidden;
        padding: 2px;
        margin-top: 10px;
        width: 99%;
        border: none;
    }

    .texto_Condiciones {
        font-family: Arial;
    }


    .embed-powerbi {
        position: relative;
        padding-bottom: 43.25%;
        height: 0;
        width: 100%;
        overflow: hidden;
    }

        .embed-powerbi iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .pista_libre {
        background: #284e36;
        border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        color: #ffffff;
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        line-height: 2.0em;
        text-align: center;
        height: 30px;
        width: 80%;
        vertical-align: middle;
        text-decoration: none;
    }


    .pista_ocupada {
        background: #e0e0e0;
        border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        color: #808080;
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
        line-height: 2.0em;
        text-align: center;
        height: 30px;
        width: 80%;
        vertical-align: middle;
    }

.ColCabPartes{
    text-align:center ;
    width =150;
}

    .fijo_pantalla {
        width: 100%;
        position :fixed  ;
        height :190px;
        left:0px;
        top:60px;
        background-color :white ;
        
    }

    .fijo_pantalla2 {
        width: 103%;
        margin-top: 110px;
        margin-left :-10px;
    }

    .grid_pantalla2 {
        width :100%;
    }

    .lblcarro {
        position: relative;
        /*float :right ;
    right: 120px;*/
        top: -8px;
    }

    .carro {
        position: relative;
        float: right;
        right: 30px;
        top: -10px;
        vertical-align: middle;
    }

    .imagen_carpetas {
        position: absolute;
        left: 0px;
        padding-left: 30%;
        width: 40%;
        height: 100px;
    }

    .tabla_dcha{
        float :right ;
    }

}
/* fin de media PC*/