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

/* ----------------------------------------------------------------------- */
/* pantalla de inicio movil */
@media (max-width: 800px) {


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


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

        a:link, a:visited,
        a:active, a:hover {
            color: red;
        }

        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: blue;
            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: blue;
            }

            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: 80%;
        height: 80%;
        right: 100%;
        position: fixed;
        margin: 0px;
        overflow: auto;
        border: solid;
        border-color: #808080;
        border-width: 1px;
        left: -100%;
    }


    .acceso {
        position: absolute;
        top: 400px;
        margin-left: 45px;
        width: 80%;
    }

    .imagen {
        display: none;
    }

    .imagen_fondo {
        margin-left: 10px;
    }

    .imagen_fondo_pas {
        margin-left: 10px;
    }

    ol {
        text-align: left;
    }

        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", Arial, Verdana;*/
        /*margin: 0;*/
        /*padding: 0;*/
        padding-top: 80px;
        padding-bottom: 300px;
        /*height :200px;*/
        height: 200px;
        width: 90%;
    }

    .imagen_logo {
        /*padding-left : 5px;*/
        text-align: center;
    }

    img.logo {
        height: 80px;
    }

    /*barra de seleccion de conceptos*/
    .divSelectF {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 60px;
        width: 100%;
        z-index: 900000000000;
        text-align: right;
        overflow: visible;
        background-color: #e0e0e0;
        display: none;
    }

    .divSelect {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 60px;
        width: 100%;
        z-index: 900000000000;
        text-align: right;
        overflow: visible;
        background-color: #e0e0e0;
        display: none;
    }

    .imgDivSelect {
        height: 28px;
        vertical-align: middle;
        cursor: pointer;
        text-align: right;
        margin-top: 15px;
        margin-right: 10px;
    }

    .lblDivSelect {
        margin-top: 18px;
        float: left;
        margin-left: 15px;
        font-size: large;
    }

    .cancelDivSelect {
        margin-top: 12px;
        float: left;
        margin-left: 15px;
        margin-right: 5px;
        font-size: x-large;
        font-weight: bold;
        cursor: pointer;
        width: 40px;
        height: 40px;
        text-align: center;
    }

    /* 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: 1.7em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 90%;
        height: 50px;
        font-family: inherit;
    }

    input.TextEntrada1 {
        border: 1px solid #e2e2e2;
        background: #fff;
        color: #333;
        font-size: 1.7em;
        margin: 5px 0 6px 0;
        padding: 5px;
        width: 90%;
        height: 40px;
        font-family: inherit;
    }


        /*boton de reconexión a base de datos */
    .boton_reconex {
        background-color: #ff7f27;
        border: 1px solid #787878;
        border: none;
        color: white;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 5px 0 6px 0;
        width: 200px;
        height: 60px;
        float: none;
        text-align :center ;
        /* bordes redondos */
        /*
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        */
        /* 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');
        display:block;
        margin-left: auto;
        margin-right: auto;

    }

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


    /*boton de validacion pantalla de acceso*/
    .boton1 {
        background-color: #ff7f27;
        border: 1px solid #787878;
        border: none;
        color: white;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 5px 0 6px 0;
        width: 93%;
        height: 60px;
        /* bordes redondos */
        /*
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        */
        /* 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');
    }

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

    .pass_ok {
    }

    /*boton de validacion pantalla de acceso*/
    .boton1_pas {
        background-color: #ff7f27;
        border: 1px solid #787878;
        border: none;
        color: white;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 5px;
        margin: 5px 0 6px 0;
        width: 93%;
        height: 60px;
        /* bordes redondos */
        /*
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        */
        /* 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');
    }

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

    /*nombre de la empresa en el movil*/
    .menu_bar2 {
        position: absolute;
        margin-left: 68px;
        margin-top: 14px;
        border-style: none;
        color: white;
        text-align: left;
        padding-left: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.7em;
        /*width :60%;*/
        background-color: transparent;
        /*ajuste para iphone*/
        -webkit-text-size-adjust: none;
    }

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

    /* formateo de las tablas DE LA FICHA DE PROPIEDADES*/
    .tabla_ficha1 {
        width: 100%;
        border: none;
        color: #202020;
        overflow-x: hidden;
        border-spacing: 0px;
    }


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


    .div_file {
    }


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

    .barra_iconos_td {
        vertical-align: top;
    }

    .barra_iconos1 {
        height: 50px;
        text-align: right;
        /*
    margin-top :-30px;
    margin-right : -10px;
    height :50px;
    text-align :right ;
    position :relative ;
    float :right ;
*/
    }

    /*edit multilinea*/
    .main_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;
        width: 97%;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    /*texto y otros*/
    .main_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: 99%;
        margin-top: 1px;
        margin-bottom: 1px;
    }


    /*texto y otros*/
    .main_campo_edit_number {
        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;
        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;
    }

    /*texto y otros*/
    .tabla_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: 95%;
        margin-top: 1px;
        margin-bottom: 1px;
    }


    /*botones*/
    .main_boton {
        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: 105%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }

    .main_boton_upload {
        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: 105%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }


    .main_campo_check {
        /*
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #c8c6c6;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    margin: 0 5px 0 0;
    color :greenyellow;
*/
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        font-size: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: #2E3133;
        width: 99%;
    }

    /*combobox*/
    .main_campo_combo {
        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: 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: 103%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }


    /*combobox*/
    .main_campo_combo2 {
        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: 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: 102%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }


    /*edit multilinea disabled*/
    .main_campo_disabled {
        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, #c0c0c0);
        background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
        color: #808080;
        width: 97%;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    /*texto y otros disabled*/
    .main_campo_edit_disabled {
        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, #c0c0c0);
        background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
        color: #808080;
        width: 99%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    /*texto y otros disabled*/
    .main_campo_edit_number_disabled {
        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;
        text-align: right;
        background: linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
        color: #808080;
        width: 97%;
        margin-top: 1px;
        margin-bottom: 1px;
    }


    /*combobox disabled*/
    .main_campo_combo_disabled {
        /*
    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, #c0c0c0);
    background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
    background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
    background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
    color: #808080;
    width :105%;
    margin-top :1px;
    margin-bottom :1px;
*/
        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: 97%;
        background-repeat: no-repeat;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
        color: #2E3133;
        width: 105%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }

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

    .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: 1.7em;
        text-align: center;
        width: 1.7em;
        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: 40%;
        height: 70px;
    }

    .lbl_sindatos {
        height: 50px;
        text-align: center;
        padding-left: 10%;
        font-size: 18px;
        /*font-weight:bold ;*/
    }

    .cal {
        margin-left: -9px;
        margin-top: -10px;
        width: 112%;
    }


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

    /* 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: 18px;
        border-bottom: 1px solid #E0E0E0;
        margin-bottom: 20px;
        vertical-align: top;
    }


    .modal-title {
        float: left;
        background-color: transparent;
        vertical-align: top;
        margin-left: 20px;
        /*margin-top :-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;
        display: none;
    }

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

    .btn-primary {
        background-color: #8080ff;
        background-color: #0080c0;
        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;
        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_fecha_div {
        margin-top: 15px;
        margin-bottom: 15px;
        text-align: center;
    }


    .chat_fecha_movil {
        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, #767AA0);
        background: -moz-linear-gradient(left, #FFFFFF, #767AA0);
        background: -webkit-linear-gradient(left, #FFFFFF, #767AA0);
        background: -o-linear-gradient(left, #FFFFFF, #767AA0);
        color: #2E3133;
        width: 60%;
        margin-top: 1px;
        margin-bottom: 1px;
        display: inline-block;
        text-align: center;
    }


    .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: 47px;
        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 :80%;*/
        margin-top: 1px;
        margin-bottom: 1px;
        /*margin-left :10px;*/
        height: 50px;
        /* ajusta el texto al control superior */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

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

    .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: 45px;
        margin-right: 45px;
        bottom: 75px;
        /*margin-top :20px;*/
        border: none;
        width: 50px;
        height: 50px;
        cursor: pointer;
        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;
    }

    .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: 60px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 1px;
        margin-right: 10px;
        float: left;
        /*
    margin-top :1px;
    margin-bottom :1px;
    margin-left :1px;
*/
    }

    .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: 0px;
        margin-bottom: 1px;
        margin-left: -10px;
        margin-right: 0px;
        float: left;
    }

    .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: 40px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 0px;
        margin-right: -1px;
        /*float :right ;*/
        float: left;
    }

    .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;
        margin-top: 0px;
        margin-bottom: 1px;
        height: 25px;
        width: auto;
        float: left;
        /*
    float :left ;
    padding-right :90px;
    position :absolute ;
*/
    }

    .main_menu_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: 60px;
        margin-top: 0px;
        margin-bottom: 1px;
        margin-left: 1px;
        margin-right: 10px;
        float: right;
    }


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

    .res_cab_col_b {
        border: none;
    }

    .res_cab_col {
        border: 1px solid;
        color: #ffffff;
        font-family: arial;
        background-color: #0080c0;
        margin-left: 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');
    }

    .mov_barra_botones2 {
        display: none;
    }

    .res_tabla {
        margin-left: 0px;
        width: 100%;
        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 : 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;
    margin-top :1px;
    margin-bottom :1px;
    float :right ;
    width :40px;
    cursor :pointer ;
}
*/

    .main_campo_tipo_reserva {
        /*position :fixed ;*/
        float: right;
        right: 35px;
        margin-right: 15px;
        bottom: 95px;
        /*margin-top :20px;*/
        border: none;
        width: 30px;
        height: 30px;
        cursor: pointer;
        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/reserva-arrow.png');
        background-position: right;
        background-position-x: 97%;
        background-repeat: no-repeat;
        /*background-color :transparent;*/
        color: transparent;
        /*color: #2E3133;*/
        margin-top: 5px;
        margin-bottom: 1px;
        cursor: pointer;
    }

    .celda_btn_plus {
    }


    .btn_plus {
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 7px;
        padding-right: 3px;
        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-left: 3px;
        padding-right: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 30px;
        float: right;
        margin-right: -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: #FE7510;
                    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;
        /*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;
    }




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


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

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

    .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: #ff4205;
                    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 #ff0000;
        background: #ff0000;
        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');
    }

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


    /*Header*/

    .Tab .ajax__tab_header {
        color: #ffffff;
        font-family: arial;
        background-color: #0080c0;
        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*/

    .Tab .ajax__tab_active .ajax__tab_tab {
        background-color: #005984;
        text-align: center;
        vertical-align: middle;
        color: #ffffff;
        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: #ffffff;
        vertical-align: middle;
        color: #ffffff;
        padding-left: 6px;
        padding-right: 6px;
    }

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

    /*Tab Hover*/

    .Tab .ajax__tab_hover .ajax__tab_tab {
        color: #ffffff;
        background-color: #006697;
        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: #ffffff;
        vertical-align: middle;
        padding-left: 6px;
        padding-right: 6px;
    }

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

    /*Tab Inactive*/

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

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

    .Tab .ajax__tab_outer {
        color: #ffffff;
        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: #ffc90e;
        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: 500;
        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: 500;
        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: #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');
    }

        .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_disabled {
        position: absolute;
        margin-left: 1px;
        margin-top: 15px;
    }


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

    .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;
       border-style :solid ;
    border-width :10px;
    border-color :#E0E0E0;*/
    }

    /* formateo de las filas de separacion de tablas */
    .fila_tabla {
        padding-bottom: 10px;
        height: 10px;
        border-bottom-style: solid;
        border-bottom-color: #F0F0F0;
        border-width: 1px;
    }



    /* 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: #367FB6;
        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: #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');
        }


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

        .limenug: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');
        }

    .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;
        z-index: 1;
    }

    .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: 10px;
        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 {
        position: absolute;
        top: 8px;
        left: 0px;
        width: 130%;
        /*height :600px;*/
        height: 130%;
        border: none;
    }

    .mapa {
        width: 130%;
        height: 130%;
    }

    .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: 60px;
        /*background-color :#ffffff;*/
        text-decoration: none;
        color: #202020;
        text-decoration-color: #808080;
        /*border-style :none ;*/
        border-bottom: 1px solid #999;
    }

    .fila_tablaPC2 {
        height: 60px;
        /*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;
            }




    .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);
                -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(19, 191, 17, 1);
        }

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

    .check_nv {
        left: -1000px;
        display: none;
    }

    /*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: green;
        color: white;
        height: 20px;
        border: none;
        float: right;
        margin-top: 10px;
        width: 90%;
        cursor: pointer;
    }


    .boton_rojo {
        background-color: red;
        color: white;
        height: 20px;
        border: none;
        float: right;
        margin-top: 10px;
        width: 90%;
        cursor: pointer;
    }

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


    .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_campo2_numero {
        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%;
        text-align: right;
    }


    .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: 16px;
        font-family: Arial, Verdana;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 5px;
        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-bottom: 1px;
    }

    .HeadPry {
        font-size: 16px;
        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%;
        }


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

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


    .CestaTituloPrincipal {
        font-size: x-large;
        font-weight: bold;
        color: black;
    }

    .CestaTituloSecundario {
        font-size: small;
        font-weight: bold;
        color: #808080;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #E0E0E0;
    }


    .CestaPortes {
        padding-top: 10px;
        font-size: small;
        /*font-weight:bold;*/
        color: black;
        vertical-align: middle;
    }

    .CestaTitulo {
        padding-top: 10px;
        font-size: large;
        font-weight: bold;
        color: black;
        vertical-align: middle;
    }

    .CestaPrecio {
        font-size: large;
        font-weight: bold;
        color: darkred;
        vertical-align: bottom;
    }


    .CestaTexto {
        font-size: small;
        color: black;
    }

    .CestaDiv {
        width: 100%;
    }

    .CestaSeparacion {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #E0E0E0;
        margin-top: 10px;
        margin-bottom: 10px;
    }


    .CestaBotonEliminar {
        background-color: #E0E0E0;
        border-color: #808080;
        border-width: 1px;
        border-style: solid;
        color: #808080;
        cursor: pointer;
    }

    .PedidoInicioSesion {
        margin-top: 20px;
        width: 318px;
        height: 40px;
        background-color: khaki;
        font-size: 13px;
        font-family: Arial, Verdana;
        border: solid;
        border-width: 1px;
        border-color: #E0E0E0;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
    }


    .PedidoNuevoCliente {
        margin-top: 20px;
        width: 318px;
        height: 40px;
        background-color: #E0E0E0;
        font-size: 13px;
        font-family: Arial, Verdana;
        border: solid;
        border-width: 1px;
        border-color: #B0B0B0;
        color: #202020;
        cursor: pointer;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
    }


    .CestaCantidad {
        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: 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: 50px;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }

    /* PEDIDOS */
    /* pantalla de inicio movil */
    @media (max-width: 800px) {

        .PedidosValidacion {
            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: 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: 300px;
            margin-top: 1px;
            margin-bottom: 1px;
            cursor: pointer;
        }


        .PedidoTituloPrincipal {
            font-size: x-large;
            font-weight: bold;
            color: black;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #E0E0E0;
            padding-top: 20px;
        }

        .PedidoSeparacion {
            font-size: x-large;
            font-weight: bold;
            color: black;
            padding-top: 20px;
        }


        /*texto y otros*/
        .PedidoOpcion {
            /*border: 1px solid #DBE1EB;*/
            border: 1px solid #FFFFFF;
            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, #FFFFFF, #FFFFFF);
            background: -moz-linear-gradient(left, #FFFFFF, #FFFFFF);
            background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
            background: -o-linear-gradient(left, #FFFFFF, #FFFFFF);
            color: darkred;
            width: 99%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        /*texto y otros*/
        .Pedidos_combo_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: 108%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        /*texto y otros*/
        .Pedidos_combo_edit_disabled {
            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, #c0c0c0);
            background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
            background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
            background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
            color: #808080;
            width: 108%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .CestaBotonPedido2 {
            margin-top: 20px;
            margin-right: -16px;
            width: 200px;
            height: 35px;
            background-color: khaki;
            font-family: 'Arial';
            border: solid;
            border-width: 1px;
            border-color: #E0E0E0;
            cursor: pointer;
        }


        .CestaBotonPedido {
            margin-top: 20px;
            width: 200px;
            height: 35px;
            background-color: khaki;
            font-family: 'Arial';
            border: solid;
            border-width: 1px;
            border-color: #E0E0E0;
            cursor: pointer;
        }
    }
    /* fin movil */

    /* pantalla de inicio PC */
    @media (min-width: 800px) {
        .PedidosValidacion {
            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: 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: 300px;
            margin-top: 1px;
            margin-bottom: 1px;
            cursor: pointer;
        }


        .PedidoTituloPrincipal {
            font-size: x-large;
            font-weight: bold;
            color: black;
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom-color: #E0E0E0;
            padding-top: 20px;
        }

        .PedidoSeparacion {
            font-size: x-large;
            font-weight: bold;
            color: black;
            padding-top: 20px;
        }


        /*texto y otros*/
        .PedidoOpcion {
            /*border: 1px solid #DBE1EB;*/
            border: 1px solid #FFFFFF;
            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, #FFFFFF, #FFFFFF);
            background: -moz-linear-gradient(left, #FFFFFF, #FFFFFF);
            background: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF);
            background: -o-linear-gradient(left, #FFFFFF, #FFFFFF);
            color: darkred;
            width: 99%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        /*texto y otros*/
        .Pedidos_combo_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: 101%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        /*texto y otros*/
        .Pedidos_combo_edit_disabled {
            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, #c0c0c0);
            background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
            background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
            background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
            color: #808080;
            width: 101%;
            margin-top: 1px;
            margin-bottom: 1px;
        }

        .CestaBotonPedido2 {
            margin-top: 20px;
            /*margin-right :-16px;*/
            width: 200px;
            height: 35px;
            background-color: khaki;
            font-family: 'Arial';
            border: solid;
            border-width: 1px;
            border-color: #E0E0E0;
            cursor: pointer;
        }


        .CestaBotonPedido {
            margin-top: 20px;
            width: 200px;
            height: 35px;
            background-color: khaki;
            font-family: 'Arial';
            border: solid;
            border-width: 1px;
            border-color: #E0E0E0;
            cursor: pointer;
        }
    }
    /* fin pc*/


    /* quita las flechas de los campos edit*/
    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .ImagenCompra {
        text-align: center;
        display: block;
        margin: auto;
        font-size: large;
        text-decoration: none;
        color: black;
    }


    .btn_tabla {
        margin-left: 30px;
        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: 40px;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align: right;
        cursor: pointer;
    }


    .tbl_interior {
        border-style: none;
        width: 101%;
        padding: 0px;
    }


    /* para el iframe de ver documentos pdf en una ficha*/
    .divpdf {
        height: 600px;
        width: 105%;
    }

    .pdfframe {
        border: none;
        /*    width :100%;
    height :100%;*/
        /*width: -webkit-fill-available;
    height: 37em;
    */
        width: 100%;
        height: 105%;
    }
    /* fin */

    /* para el iframe de firma de partes */
    .divfirma {
        height: 1200px;
        width: 99%;
        background-color: red;
    }

    .firmaframe {
        border: none;
        /*    width :100%;
    height :100%;*/
        width: -webkit-fill-available;
        height: 37em;
    }

    .firmacanvas {
        border: 1px solid #E0E0E0;
        width: 100%;
    }

    /* fin */

    /* para retocar las imagenes de las carpetas*/
    .imagenes_lista_escritorio {
        width: 48px;
        height: 48px;
        /*border-radius:24px;*/
    }


    /* para retocar las imagenes de las carpetas*/
    .imagenes_lista {
        width: 48px;
        height: 48px;
        border-radius: 24px;
    }

    /* para retocar las imagenes de las carpetas*/
    .imagenes_lista_cuadro {
        width: 48px;
        height: 48px;
        /*border-radius:24px;*/
    }


    /*
.check_lista {
position: relative;
appearance:none;
-moz-appearance:none; 
-webkit-appearance:none; 
width: 60px;
height: 30px;
border-radius: 30px;
background-color: #FFF;
box-shadow: 0px 0px 5px #666;
transition: all 0.3s linear;
outline: none;
}


.check_lista:before {
position: absolute;
background-color: #FFF;
content: "";
width: 30px;
height: 30px;
border-radius: 500px;
left: 0;
box-shadow: 0px 0px 5px #666;
transition: all 0.2s linear;
}
.check_lista:checked {
background-color: #71C639;
}
.check_lista:checked:before {
left: 30px !important;
}
    */



    .main_busqueda {
        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: 80%;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    .main_busqueda_lista {
        /*border: 1px solid #DBE1EB;*/
        font-size: 18px;
        font-family: Arial, Verdana;
        padding-left: 3px;
        padding-right: 3px;
        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_busqueda_lista_sel {
        /*border: 1px solid #DBE1EB;*/
        font-size: 18px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 3px;
        padding-right: 3px;
        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_buscar_img {
        padding-left: 13px;
        padding-bottom: 4px;
        border: none;
        width: 32px;
        vertical-align: middle;
    }


    .BtnSigSelD {
        border: none;
        background-color: white;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        -o-border-radius: 30px;
        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;
        text-align: right;
        float: right;
        margin-right: -15px;
    }

    .BtnSigSelI {
        border: none;
        background-color: white;
        border: 1px solid #DBE1EB;
        font-size: 16px;
        font-family: Arial, Verdana;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        -o-border-radius: 30px;
        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;
        text-align: right;
        float: left;
    }


    .Producto_Cab {
        font-size: 18px;
        font-family: Arial, Verdana;
        font-weight: bold;
        color: orange;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .Producto_tex {
        font-size: 14px;
        font-family: Arial, Verdana;
        color: gray;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .Producto_precio {
        font-size: 18px;
        font-family: Arial, Verdana;
        color: red;
        text-align: right;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .Producto_precio1 {
        font-size: 18px;
        font-family: Arial, Verdana;
        color: red;
        text-align: left;
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .btn_Favoritos {
        margin-top: 20px;
        width: 100%;
        height: 35px;
        background-color: white;
        font-family: 'Arial';
        font-size: 18px;
        border: none;
        color: forestgreen;
        border-width: 1px;
        border-color: #E0E0E0;
        cursor: pointer;
    }

    .btn_Cesta {
        width: 100%;
        /*
    margin-top :20px;
    text-align :center ;
    height :55px;
    background-color :burlywood;
    font-family :'Arial';
    border:solid;
    border-width :1px;
    border-color:darkkhaki;
    cursor: pointer;
*/
        margin-top: 20px;
        margin-right: -16px;
        width: 200px;
        height: 35px;
        background-color: khaki;
        font-family: 'Arial';
        border: solid;
        border-width: 1px;
        border-color: #E0E0E0;
        cursor: pointer;
    }


    .ProductoTBlCab {
        height: 40px;
        text-decoration: none;
        background-color: #C0C0C0;
        color: #303030;
        text-decoration-color: #808080;
        border-bottom: 1px solid #999;
        border-left: none;
        border-right: none;
        font-size: 14px;
        font-family: Arial, Verdana;
    }


    .ProductoTBlFil1 {
        height: 40px;
        text-decoration: none;
        background-color: #E0E0E0;
        color: #303030;
        text-decoration-color: #808080;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #999;
        font-size: 12px;
        font-family: Arial, Verdana;
    }

    .ProductoTBlFil2 {
        height: 40px;
        text-decoration: none;
        background-color: white;
        color: #303030;
        text-decoration-color: #808080;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #999;
        font-size: 14px;
        font-family: Arial, Verdana;
    }


    .linea_hor {
        position: absolute;
        border-top-style: solid;
        border-top-color: #E0E0E0;
        border-width: 1px;
        height: 60px;
        width: 100%;
        margin-left: -10px;
        left: 0px;
    }

    .titulo_ficha_comercio {
        font-size: large;
        font-family: Arial;
        font-weight: bold;
    }

    .ratingStart {
        background-image: url(/Imagenes/favo_g.png);
        height: 24px;
        width: 24px;
    }

    .savedRatingStar {
        background-image: url(/Imagenes/favo_c.png);
        height: 24px;
        width: 24px;
    }

    .filledRatingStart {
        background-image: url(/Imagenes/favo_c.png);
        height: 24px;
        width: 24px;
    }

    .emptyRatingStar {
        background-image: url(/imagenes/favo_g.png);
        height: 24px;
        width: 24px;
    }

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

    .eti_num {
        text-align: right;
        text-decoration: none;
        font-size: large;
        color: #0080c0;
    }

    .main_campo_edit_label {
        border: none;
        font-size: 22px;
        color: #0080c0;
        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;
        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;
    }

    .GMap_class {
        position: absolute;
        left: 0px;
        top: 60px;
        width: 300%;
        height: 100%;
    }


    .PestanaBlanco {
        background-color: white;
        color: white;
    }

    .ImgFondo {
        width: 100%;
        height: 100%;
    }

    .DivImgFoncdo {
        position: absolute;
        margin-left: 0px;
        float: left;
        left: 0px;
        top: 60px;
        /*width :100%;*/
        width: 100%;
        height: 90%;
        z-index: -10;
    }

    .RecordarPassword {
        color: #808080;
        outline: none;
        padding-left: 3px;
        padding-right: 3px;
        text-decoration: none;
        cursor: pointer;
    }


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

    .ListaFichaDisabled {
        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: 97%;
        background-repeat: no-repeat;
        background: #FFFFFF;
        background: linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -moz-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -webkit-linear-gradient(left, #FFFFFF, #c0c0c0);
        background: -o-linear-gradient(left, #FFFFFF, #c0c0c0);
        color: #2E3133;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        cursor: pointer;
    }


.field_resultado_ok{
	margin-top: 35%;
    height: 30%;
}

.field_register{
	margin-top: 20%;
}

.btn_eliminar{
    position :relative;
	width:40px;
	height:40px;
	text-align :right;
    left:10px;
    margin-top :15px;
    margin-left :10px;
    float :right ;
    border :none;
    
}


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

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

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


}
/* fin de configuracion movil*/