.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-bottom { vertical-align:bottom; }
.align-top{ vertical-align:top; }
.invisible { visibility: hidden; }
.oculto { display: none !important; }
.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w85 { width: 85%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w100 { width: 100%; }
.h5 { height: 5%; }
.h10 { height: 10%; }
.h15 { height: 15%; }
.h20 { height: 20%; }
.h25 { height: 25%; }
.h30 { height: 30%; }
.h35 { height: 35%; }
.h40 { height: 40%; }
.h45 { height: 45%; }
.h50 { height: 50%; }
.h55 { height: 55%; }
.h60 { height: 60%; }
.h65 { height: 65%; }
.h70 { height: 70%; }
.h75 { height: 75%; }
.h80 { height: 80%; }
.h85 { height: 85%; }
.h90 { height: 90%; }
.h95 { height: 95%; }
.h100 { height: 100%; }
.disabled { background-color: #C0C0C0; }
.relativo { position: relative; }
.impar{ background-color: #F0F0F0; }
.multilinea { white-space: initial; }
.lineaunica { white-space: nowrap; }
.seleccionado { background-color: #A5C4E9; }
.collapse { border-collapse: collapse; }
.lblLink { color:#0000CC; }
.ajustelinea {
    max-width: 0em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.baja {
    color: #ff4b4b !important;
    font-weight: bold;
}

.ipadStyle.roundedge {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: white;
    color: #000;
    box-shadow: inset 0 0 10px #000;
}

.ipadStyle.roundedge.divDisabled {
    background: #d0d0d0;
}

.ipadStyle th.titulo {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2em;
}
.ipadStyle td.titulo {
    background-color: #A5C4E9;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.ipadStyle th.cabecera,
.ipadStyle td.cabecera,
.ipadStyle label.cabecera
{
    font-size: 1em;
    color: #1d5987;
}
.pantallaCompleta {
    position:absolute !important;
    top:0px !important;
    bottom:0px !important;
    left:0px !important;
    right:0px !important;
    z-index:20 !important;
}

/* TAMAÑOS DE LOS ICONOS */
.fa-xs { font-size: .75em; }
.fa-sm { font-size: .875em; }
.fa-lg { font-size: 1.33em; }
.fa-x1 { font-size: 1.5em; }
.fa-x2 { font-size: 2em; }
.fa-x3 { font-size: 3em; }
/* FIN DE LOS TAMAÑOS DE LOS ICONOS */

/****************************/
/* ESTILOS PARA LOS BOTONES */
/****************************/
    a.button::before {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-box-shadow: #959595 0 2px 5px;
        -moz-box-shadow: #959595 0 2px 5px;
        border-radius: 3px;
        box-shadow: #959595 0 2px 5px;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        padding: 2px 0 0;
        position: absolute;
        top: 0;
        width: 100%;
    }
    a.button:active::before { padding: 1px 0 0; }

    /**
     * Grey
     */
    a.button {
        -moz-box-shadow: inset 0 0 0 1px #63ad0d;
        -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #eee;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
        background: -moz-linear-gradient(#eee, #e2e2e2);
        background: linear-gradient(#eee, #e2e2e2);
        border: solid 1px #d0d0d0;
        border-bottom: solid 3px #b2b1b1;
        border-radius: 3px;
        box-shadow: inset 0 0 0 1px #f5f5f5;
        color: #555;
        display: inline-block;
        font: bold 0.8em Arial, Helvetica, Clean, sans-serif;
        margin: 0;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #fafafa;
        font-size: 0.75em;
    }

    a.button:not(.disabled):hover {
        background: #e4e4e4;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
        background: -moz-linear-gradient(#e4e4e4, #ededed);
        background: linear-gradient(#e4e4e4, #ededed);
        border: solid 1px #c2c2c2;
        border-bottom: solid 3px #b2b1b1;
        box-shadow: inset 0 0 0 1px #efefef;
        text-decoration: none;
    }

    a.button:not(.disabled):active {
        background: #dfdfdf;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
        background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
        background: linear-gradient(#dfdfdf, #e3e3e3);
        border: solid 1px #959595;
        box-shadow: inset 0 10px 15px 0 #c4c4c4;
        top:2px;
    }
    a.button.textos:active {
        margin-top: 2px;
    }

    /**
     * Pink
     */
    a.button.pink:not(.disabled) {
        background: #f997b0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f997b0), to(#f56778));
        background: -moz-linear-gradient(#f997b0, #f56778);
        background: linear-gradient(#f997b0, #f56778);
        border: solid 1px #ee8090;
        border-bottom: solid 3px #cb5462;
        box-shadow: inset 0 0 0 1px #fbc1d0;
        color: #913944;
        text-shadow: 0 1px 0 #f9a0ad;
    }

    a.button.pink:not(.disabled):hover {
        background: #f57184;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f57184), to(#f78297));
        background: -moz-linear-gradient(#f57184, #f78297);
        background: linear-gradient(#f57184, #f78297);
        border: solid 1px #e26272;
        border-bottom: solid 3px #cb5462;
        box-shadow: inset 0 0 0 1px #f9aab5;
    }

    a.button.pink:not(.disabled):active {
        background: #f06a7c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f06a7c), to(#f56c7e));
        background: -moz-linear-gradient(#f06a7c, #f56c7e);
        background: linear-gradient(#f06a7c, #f56c7e);
        border: solid 1px #a14753;
        box-shadow: inset 0 10px 15px 0 #d45d6d;
    }

    /**
     * Blue
     */
    a.button.blue:not(.disabled) {
        background: #abe4f8;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abe4f8), to(#74d0f4));
        background: -moz-linear-gradient(#abe4f8, #74d0f4);
        background: linear-gradient(#abe4f8, #74d0f4);
        border: solid 1px #8cc5d9;
        border-bottom: solid 3px #589cb6;
        box-shadow: inset 0 0 0 1px #cdeffb;
        color: #42788e;
        text-shadow: 0 1px 0 #b6e6f9;
    }

    a.button.blue:not(.disabled):hover {
        background: #80d4f5;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#80d4f5), to(#92dbf6));
        background: -moz-linear-gradient(#80d4f5, #92dbf6);
        background: linear-gradient(#80d4f5, #92dbf6);
        border: solid 1px #79acbe;
        border-bottom: solid 3px #589cb6;
        box-shadow: inset 0 0 0 1px #b2e6f8;
    }

    a.button.blue:not(.disabled):active {
        background: #89d2ee;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#89d2ee), to(#84cae6));
        background: -moz-linear-gradient(#89d2ee, #84cae6);
        background: linear-gradient(#89d2ee, #84cae6);
        border: solid 1px #5c8d9f;
        box-shadow: inset 0 10px 15px 0 #79b9d2;
    }

    /**
     * Green
     */
    a.button.green:not(.disabled) {
        cursor: pointer;
        background: #cae285;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cae285), to(#a3cd5a));
        background: -moz-linear-gradient(#cae285, #a3cd5a);
        background: linear-gradient(#cae285, #a3cd5a);
        border: solid 1px #aad063;
        border-bottom: solid 3px #799545;
        box-shadow: inset 0 0 0 1px #e0eeb6;
        color: #5d7731;
        text-shadow: 0 1px 0 #d0e5a4;
    }

    a.button.green:not(.disabled):hover {
        cursor: pointer;
        background: #abd164;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#abd164), to(#b9d972));
        background: -moz-linear-gradient(#abd164, #b9d972);
        background: linear-gradient(#abd164, #b9d972);
        border: solid 1px #98b85b;
        border-bottom: solid 3px #799545;
        box-shadow: inset 0 0 0 1px #cce3a1;
    }

    a.button.green:not(.disabled):active {
        cursor: pointer;
        background: #a4cb5d;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a4cb5d), to(#9ec45a));
        background: -moz-linear-gradient(#a4cb5d, #9ec45a);
        background: linear-gradient(#a4cb5d, #9ec45a);
        border: solid 1px #6e883f;
        box-shadow: inset 0 10px 15px 0 #90b352;
    }

    /**
     * Teal
     */
    a.button.teal:not(.disabled) {
        background: #b7f2f4;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7f2f4), to(#81e8eb));
        background: -moz-linear-gradient(#b7f2f4, #81e8eb);
        background: linear-gradient(#b7f2f4, #81e8eb);
        border: solid 1px #87d3d5;
        border-bottom: solid 3px #4fa7aa;
        box-shadow: inset 0 0 0 1px #d4f8f8;
        color: #437b7d;
        text-shadow: 0 1px 0 #bef3f5;
    }

    a.button.teal:not(.disabled):hover {
        background: #8deaed;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8deaed), to(#9fedf0));
        background: -moz-linear-gradient(#8deaed, #9fedf0);
        background: linear-gradient(#8deaed, #9fedf0);
        border: solid 1px #79c5c7;
        border-bottom: solid 3px #4fa7aa;
        box-shadow: inset 0 0 0 1px #b9f2f5;
    }

    a.button.teal:not(.disabled):active {
        background: #84e4e7;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84e4e7), to(#80dcdf));
        background: -moz-linear-gradient(#84e4e7, #80dcdf);
        background: linear-gradient(#84e4e7, #80dcdf);
        border: solid 1px #58999b;
        box-shadow: inset 0 10px 15px 0 #75c9cc;
    }

    /**
     * Black
     */
    a.button.black:not(.disabled) {
        background: #656565;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#656565), to(#444));
        background: -moz-linear-gradient(#656565, #444);
        background: linear-gradient(#656565, #444);
        border: solid 1px #535353;
        border-bottom: solid 3px #414141;
        box-shadow: inset 0 0 0 1px #939393;
        color: #fff;
        text-shadow: 0 1px 0 #2f2f2f;
    }

    a.button.black:not(.disabled):hover {
        background: #4c4c4c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c4c4c), to(#565656));
        background: -moz-linear-gradient(#4c4c4c, #565656);
        background: linear-gradient(#4c4c4c, #565656);
        border: solid 1px #464646;
        border-bottom: solid 3px #414141;
        box-shadow: inset 0 0 0 1px #818181;
    }

    a.button.black:not(.disabled):active {
        background: #474747;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#474747), to(#444));
        background: -moz-linear-gradient(#474747, #444);
        background: linear-gradient(#474747, #444);
        border: solid 1px #2f2f2f;
        box-shadow: inset 0 10px 15px 0 #3e3e3e;
    }

    /**
     * Dark Grey
     */
    a.button.dark_grey:not(.disabled) {
        background: #d1d1d1;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
        background: -moz-linear-gradient(#d1d1d1, #afafaf);
        background: linear-gradient(#d1d1d1, #afafaf);
        border: solid 1px #b4b4b4;
        border-bottom: solid 3px #878787;
        box-shadow: inset 0 0 0 1px #e3e3e3;
        color: #555;
        text-shadow: 0 1px 0 #d6d6d6;
    }

    a.button.dark_grey:not(.disabled):hover {
        background: #b7b7b7;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#c2c2c2));
        background: -moz-linear-gradient(#b7b7b7, #c2c2c2);
        background: linear-gradient(#b7b7b7, #c2c2c2);
        border: solid 1px #a2a2a2;
        border-bottom: solid 3px #878787;
        box-shadow: inset 0 0 0 1px #d4d4d4;
    }

    a.button.dark_grey:not(.disabled):active {
        background: #afafaf;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#afafaf), to(#a9a9a9));
        background: -moz-linear-gradient(#afafaf, #a9a9a9);
        background: linear-gradient(#afafaf, #a9a9a9);
        border: solid 1px #757575;
        box-shadow: inset 0 10px 15px 0 #9a9a9a;
    }

    /**
     * Orange
     */
    a.button.orange:not(.disabled) {
        background: #feda71;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#feda71), to(#febe4d));
        background: -moz-linear-gradient(#feda71, #febe4d);
        background: linear-gradient(#feda71, #febe4d);
        border: solid 1px #eab551;
        border-bottom: solid 3px #b98a37;
        box-shadow: inset 0 0 0 1px #fee9aa;
        color: #996633;
        text-shadow: 0 1px 0 #fedd9b;
    }

    a.button.orange:not(.disabled):hover {
        background: #fec455;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec455), to(#fecd61));
        background: -moz-linear-gradient(#fec455, #fecd61);
        background: linear-gradient(#fec455, #fecd61);
        border: solid 1px #e6a93d;
        border-bottom: solid 3px #b98a37;
        box-shadow: inset 0 0 0 1px #fedb98;
    }

    a.button.orange:not(.disabled):active {
        background: #f9bd4f;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9bd4f), to(#f0b64d));
        background: -moz-linear-gradient(#f9bd4f, #f0b64d);
        background: linear-gradient(#f9bd4f, #f0b64d);
        border: solid 1px #a77f35;
        box-shadow: inset 0 10px 15px 0 #dba646;
    }

    /**
     * Purple
     */
    a.button.purple:not(.disabled) {
        background: #e8c4e4;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8c4e4), to(#d698d0));
        background: -moz-linear-gradient(#e8c4e4, #d698d0);
        background: linear-gradient(#e8c4e4, #d698d0);
        border: solid 1px #da9fd4;
        border-bottom: solid 3px #946890;
        box-shadow: inset 0 0 0 1px #f2dcef;
        color: #7b5777;
        text-shadow: 0 1px 0 #eacae6;
    }

    a.button.purple:not(.disabled):hover {
        background: #daa2d4;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#daa2d4), to(#e0b1db));
        background: -moz-linear-gradient(#daa2d4, #e0b1db);
        background: linear-gradient(#daa2d4, #e0b1db);
        border: solid 1px #ca91c4;
        border-bottom: solid 3px #946890;
        box-shadow: inset 0 0 0 1px #e9c7e6;
    }

    a.button.purple:not(.disabled):active {
        background: #d49ace;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d49ace), to(#cc94c6));
        background: -moz-linear-gradient(#d49ace, #cc94c6);
        background: linear-gradient(#d49ace, #cc94c6);
        border: solid 1px #8e678a;
        box-shadow: inset 0 10px 15px 0 #ba87b5;
    }

    /**
     * Blue Alt
     */
    a.button.blue_alt:not(.disabled) {
        background: #becbd6;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
        background: -moz-linear-gradient(#becbd6, #8da5b7);
        background: linear-gradient(#becbd6, #8da5b7);
        border: solid 1px #a1aeb7;
        border-bottom: solid 3px #62727e;
        box-shadow: inset 0 0 0 1px #d8e0e6;
        color: #515f6a;
        text-shadow: 0 1px 0 #c4d0da;
    }

    a.button.blue_alt:not(.disabled):hover {
        background: #97adbd;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
        background: -moz-linear-gradient(#97adbd, #a8bac8);
        background: linear-gradient(#97adbd, #a8bac8);
        border: solid 1px #96a2ab;
        border-bottom: solid 3px #62727e;
        box-shadow: inset 0 0 0 1px #c0ced7;
    }

    a.button.blue_alt:not(.disabled):active {
        background: #8fa6b6;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
        background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
        background: linear-gradient(#8fa6b6, #8aa0b0);
        border: solid 1px #606f7a;
        box-shadow: inset 0 10px 15px 0 #7e92a1;
    }

    /**
     * Crisp
     */
    a.button.crisp:not(.disabled) {
        background: #c38b66;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c38b66), to(#9d6741));
        background: -moz-linear-gradient(#c38b66, #9d6741);
        background: linear-gradient(#c38b66, #9d6741);
        border: solid 1px #422213;
        border-bottom: solid 3px #33180d;
        box-shadow: inset 0 0 0 1px #b98c62;
        color: #fff;
        text-shadow: 0 1px 0 #7b502e;
    }

    a.button.crisp:not(.disabled):hover {
        background: #9d6741;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
        background: -moz-linear-gradient(#9d6741, #c38b66);
        background: linear-gradient(#9d6741, #c38b66);
        border: solid 1px #422213;
        border-bottom: solid 3px #33180d;
        box-shadow: inset 0 0 0 1px #b98c62;
    }

    a.button.crisp:not(.disabled):active {
        background: #9d6741;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6741), to(#c38b66));
        background: -moz-linear-gradient(#9d6741, #c38b66);
        background: linear-gradient(#9d6741, #c38b66);
        border: solid 1px #422213;
        box-shadow: inset 0 10px 15px 0 #7b502e;
    }

    /**
     * Forrst - Special Edition
     */
    a.button.forrst:not(.disabled) {
        background: #4a7746;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a7746), to(#335d30));
        background: -moz-linear-gradient(#4a7746, #335d30);
        background: linear-gradient(#4a7746, #335d30);
        border: solid 1px #1b3013;
        border-bottom: solid 3px #0a1608;
        box-shadow: inset 0 0 0 1px #53864f;
        color: #142413;
        text-shadow: 0 1px 0 #4b7b47;
    }

    a.button.forrst:not(.disabled):hover {
        background: #335d30;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
        background: -moz-linear-gradient(#335d30, #4a7746);
        background: linear-gradient(#335d30, #4a7746);
        border: solid 1px #1b3013;
        border-bottom: solid 3px #0a1608;
        box-shadow: inset 0 0 0 1px #53864f;
    }

    a.button.forrst:not(.disabled):active {
        background: #335d30;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#335d30), to(#4a7746));
        background: -moz-linear-gradient(#335d30, #4a7746);
        background: linear-gradient(#335d30, #4a7746);
        border: solid 1px #1b3013;
        box-shadow: inset 0 10px 15px 0 #294a16;
    }

    /**
     * Dribbble - Special Edition
     */
    a.button.dribbble:not(.disabled) {
        background: #f1a4c1;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1a4c1), to(#e675a0));
        background: -moz-linear-gradient(#f1a4c1, #e675a0);
        background: linear-gradient(#f1a4c1, #e675a0);
        border: solid 1px #e98eb0;
        border-bottom: solid 3px #cc4a79;
        box-shadow: inset 0 0 0 1px #f6c2d7;
        color: #fff;
        text-shadow: 0 1px 0 #d64570;
    }

    a.button.dribbble:not(.disabled):hover {
        background: #e675a0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
        background: -moz-linear-gradient(#e675a0, #f1a4c1);
        background: linear-gradient(#e675a0, #f1a4c1);
        border: solid 1px #e98eb0;
        border-bottom: solid 3px #cc4a79;
        box-shadow: inset 0 0 0 1px #f6c2d7;
    }

    a.button.dribbble:not(.disabled):active {
        background: #e675a0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e675a0), to(#f1a4c1));
        background: -moz-linear-gradient(#e675a0, #f1a4c1);
        background: linear-gradient(#e675a0, #f1a4c1);
        border: solid 1px #e98eb0;
        box-shadow: inset 0 10px 15px 0 #e05285;
    }

    /**
     * Twitter - Special Edition
     */
    a.button.twitter:not(.disabled) {
        background: #9fd6fa;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9fd6fa), to(#6bb9f7));
        background: -moz-linear-gradient(#9fd6fa, #6bb9f7);
        background: linear-gradient(#9fd6fa, #6bb9f7);
        border: solid 1px #72bdf4;
        border-bottom: solid 3px #4a9de1;
        box-shadow: inset 0 0 0 1px #bfe4fc;
        color: #fff;
        text-shadow: 0 1px 0 #4598f3;
    }

    a.button.twitter:not(.disabled):hover {
        background: #6bb9f7;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
        background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
        background: linear-gradient(#6bb9f7, #9fd6fa);
        border: solid 1px #72bdf4;
        border-bottom: solid 3px #4a9de1;
        box-shadow: inset 0 0 0 1px #bfe4fc;
    }

    a.button.twitter:not(.disabled):active {
        background: #6bb9f7;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6bb9f7), to(#9fd6fa));
        background: -moz-linear-gradient(#6bb9f7, #9fd6fa);
        background: linear-gradient(#6bb9f7, #9fd6fa);
        border: solid 1px #72bdf4;
        box-shadow: inset 0 10px 15px 0 #50aaf3;
    }

    /**
     * Facebook - Special Edition
     */
    a.button.facebook:not(.disabled) {
        cursor: pointer;
        background: #99b6df;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b6df), to(#638ec8));
        background: -moz-linear-gradient(#99b6df, #638ec8);
        background: linear-gradient(#99b6df, #638ec8);
        border: solid 1px #6d94ce;
        border-bottom: solid 3px #3867ac;
        box-shadow: inset 0 0 0 1px #bbcfeb;
        color: #fff;
        text-shadow: 0 1px 0 #3c61ab;
    }

    a.button.facebook:not(.disabled):hover {
        cursor: pointer;
        background: #638ec8;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
        background: -moz-linear-gradient(#638ec8, #99b6df);
        background: linear-gradient(#638ec8, #99b6df);
        border: solid 1px #6d94ce;
        border-bottom: solid 3px #3867ac;
        box-shadow: inset 0 0 0 1px #bbcfeb;
    }

    a.button.facebook:not(.disabled):active {
        cursor: pointer;
        background: #638ec8;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
        background: -moz-linear-gradient(#638ec8, #99b6df);
        background: linear-gradient(#638ec8, #99b6df);
        border: solid 1px #6d94ce;
        box-shadow: inset 0 10px 15px 0 #4176c4;
    }
    
    /**
     * LoveDSGN - Special Edition
     */
    a.button.lovedsgn:not(.disabled) {
        background: #f3c1e6;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3c1e6), to(#de66c0));
        background: -moz-linear-gradient(#f3c1e6, #de66c0);
        background: linear-gradient(#f3c1e6, #de66c0);
        border: solid 1px #cd5daf;
        border-bottom: solid 3px #ce5eb0;
        box-shadow: inset 0 0 0 1px #e998d3;
        color: #fff;
        text-shadow: 0 1px 0 #ce5eb0;
    }

    a.button.lovedsgn:not(.disabled):hover {
        background: #de66c0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
        background: -moz-linear-gradient(#de66c0, #f3c1e6);
        background: linear-gradient(#de66c0, #f3c1e6);
        border: solid 1px #cd5daf;
        border-bottom: solid 3px #ce5eb0;
        box-shadow: inset 0 0 0 1px #e998d3;
    }

    a.button.lovedsgn:not(.disabled):active {
        background: #de66c0;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de66c0), to(#f3c1e6));
        background: -moz-linear-gradient(#de66c0, #f3c1e6);
        background: linear-gradient(#de66c0, #f3c1e6);
        border: solid 1px #cd5daf;
        box-shadow: inset 0 10px 15px 0 #ce5eb0;
    }

    /**
     * XBOX - Special Edition
     */
    a.button.xbox:not(.disabled) {
        background: #c4e125;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c4e125), to(#88a819));
        background: -moz-linear-gradient(#c4e125, #88a819);
        background: linear-gradient(#c4e125, #88a819);
        border: solid 1px #829c15;
        border-bottom: solid 3px #819d15;
        box-shadow: inset 0 0 0 1px #c6da7b;
        color: #fff;
        text-shadow: 0 1px 0 #819d15;
    }

    a.button.xbox:not(.disabled):hover {
        background: #88a819;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
        background: -moz-linear-gradient(#88a819, #c4e125);
        background: linear-gradient(#88a819, #c4e125);
        border: solid 1px #829c15;
        border-bottom: solid 3px #819d15;
        box-shadow: inset 0 0 0 1px #c6da7b;
    }

    a.button.xbox:not(.disabled):active {
        background: #88a819;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#88a819), to(#c4e125));
        background: -moz-linear-gradient(#88a819, #c4e125);
        background: linear-gradient(#88a819, #c4e125);
        border: solid 1px #829c15;
        box-shadow: inset 0 10px 15px 0 #819d15;
    }

    /**
     * devART - Special Edition
     */
    a.button.devart:not(.disabled) {
        background: #729e85;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#729e85), to(#486d5c));
        background: -moz-linear-gradient(#729e85, #486d5c);
        background: linear-gradient(#729e85, #486d5c);
        border: solid 1px #236036;
        border-bottom: solid 3px #225f33;
        box-shadow: inset 0 0 0 1px #90a59c;
        color: #fff;
        text-shadow: 0 1px 0 #225f33;
    }

    a.button.devart:not(.disabled):hover {
        background: #486d5c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
        background: -moz-linear-gradient(#486d5c, #729e85);
        background: linear-gradient(#486d5c, #729e85);
        border: solid 1px #236036;
        border-bottom: solid 3px #225f33;
        box-shadow: inset 0 0 0 1px #90a59c;
    }

    a.button.devart:not(.disabled):active {
        background: #486d5c;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
        background: -moz-linear-gradient(#486d5c, #729e85);
        background: linear-gradient(#486d5c, #729e85);
        border: solid 1px #236036;
        box-shadow: inset 0 10px 15px 0 #225f33;
    }

    /**
     * Designmoo - Special Edition
     */
    a.button.dsgnmoo:not(.disabled) {
        cursor: pointer;
        background: #f97779;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f97779), to(#ce2424));
        background: -moz-linear-gradient(#f97779, #ce2424);
        background: linear-gradient(#f97779, #ce2424);
        border: solid 1px #be2424;
        border-bottom: solid 3px #bd2524;
        box-shadow: inset 0 0 0 1px #e67e7b;
        color: #fff;
        text-shadow: 0 1px 0 #bd2524;
    }

    a.button.dsgnmoo:not(.disabled):hover {
        cursor: pointer;
        background: #ce2424;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
        background: -moz-linear-gradient(#ce2424, #f97779);
        background: linear-gradient(#ce2424, #f97779);
        border: solid 1px #be2424;
        border-bottom: solid 3px #bd2524;
        box-shadow: inset 0 0 0 1px #e67e7b;
    }

    a.button.dsgnmoo:not(.disabled):active {
        cursor: pointer;
        background: #ce2424;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ce2424), to(#f97779));
        background: -moz-linear-gradient(#ce2424, #f97779);
        background: linear-gradient(#ce2424, #f97779);
        border: solid 1px #be2424;
        box-shadow: inset 0 10px 15px 0 #bd2524;
    }

    /**
     * RSS Feed - Special Edition
     */
    a.button.rss:not(.disabled) {
        background: #f6c696;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f6c696), to(#e9893d));
        background: -moz-linear-gradient(#f6c696, #e9893d);
        background: linear-gradient(#f6c696, #e9893d);
        border: solid 1px #a1681b;
        border-bottom: solid 3px #a1671d;
        box-shadow: inset 0 0 0 1px #f1bb8f;
        color: #fff;
        text-shadow: 0 1px 0 #a1671d;
    }

    a.button.rss:not(.disabled):hover {
        background: #e9893d;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
        background: -moz-linear-gradient(#e9893d, #f6c696);
        background: linear-gradient(#e9893d, #f6c696);
        border: solid 1px #a1681b;
        border-bottom: solid 3px #a1671d;
        box-shadow: inset 0 0 0 1px #f1bb8f;
    }

    a.button.rss:not(.disabled):active {
        background: #e9893d;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9893d), to(#f6c696));
        background: -moz-linear-gradient(#e9893d, #f6c696);
        background: linear-gradient(#e9893d, #f6c696);
        border: solid 1px #a1681b;
        box-shadow: inset 0 10px 15px 0 #a1671d;
    }

    /**
     * Yahoo - Special Edition
     */
    a.button.yahoo:not(.disabled) {
        background: #be95b7;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#be95b7), to(#5f396a));
        background: -moz-linear-gradient(#be95b7, #5f396a);
        background: linear-gradient(#be95b7, #5f396a);
        border: solid 1px #4b2a55;
        border-bottom: solid 3px #4d2955;
        box-shadow: inset 0 0 0 1px #9c83a1;
        color: #fff;
        text-shadow: 0 1px 0 #4d2955;
    }

    a.button.yahoo:not(.disabled):hover {
        background: #5f396a;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
        background: -moz-linear-gradient(#5f396a, #be95b7);
        background: linear-gradient(#5f396a, #be95b7);
        border: solid 1px #4b2a55;
        border-bottom: solid 3px #4d2955;
        box-shadow: inset 0 0 0 1px #9c83a1;
    }

    a.button.yahoo:not(.disabled):active {
        background: #5f396a;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5f396a), to(#be95b7));
        background: -moz-linear-gradient(#5f396a, #be95b7);
        background: linear-gradient(#5f396a, #be95b7);
        border: solid 1px #4b2a55;
        box-shadow: inset 0 10px 15px 0 #4d2955;
    }

    /* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

    @media screen and (-webkit-min-device-pixel-ratio:0) {
        select {padding-right:18px}
    }
/***************************************/
/* FIN DE LOS ESTILOS PARA LOS BOTONES */
/***************************************/

/****************************/
/* ESTILO PARA LOS COMBOBOX */
/****************************/
    custom-select {
        position: relative;
        display: inline-block;
        font-size: 1em;
        vertical-align: middle;
    }
    .dropdown-el {
        left: 0px;
        min-width: 3em;
        position: absolute;
        display: inline-block;
        min-height: 2em;
        max-height: 2em;
        overflow: hidden;
        cursor: pointer;
        text-align: left;
        white-space: nowrap;
        color: #444;
        outline: none;
        border: .06em solid #3694d7;
        border-radius: 1em;
        transition: 0.3s all ease-in-out;
    }
    .enabled {
        background-color: #cde4f5;
    }
    .disabled {
        background-color: #c8c8c8;
    }
    .dropdown-el input {
        display: none;
    }
    .dropdown-el label {
        border-top: .06em solid #d9d9d9;
        display: block;
        height: 2em;
        line-height: 2em;
        padding-left: 1em;
        padding-right: 2em;
        cursor: pointer;
        position: relative;
        transition: 0.3s color ease-in-out;
    }
    .dropdown-el:not(.expanded) label:not(.seleccionado) {
        opacity: 0;
    }
    .dropdown-el label:nth-child(2) {
        border-top: .06em solid #d9d9d9;
    }
    .dropdown-el:not(.expanded) label.seleccionado {
        display: block;
        border-top: none;
        position: absolute;
        top: 0;
        background: transparent;
        transition: 0.3s all;
        pointer-events: none;
    }
    .dropdown-el.expanded label.seleccionado {
        background: transparent;
        display: none;
    }
    .dropdown-el::after {
        content: "";
        position: absolute;
        right: 0.8em;
        top: 0.9em;
        border: 0.3em solid #3694d7;
        border-color: #3694d7 transparent transparent transparent;
        transition: .4s all ease-in-out;
    }
    .dropdown-el.expanded {
        border: 0.06em solid #3694d7;
        background: #fff;
        border-radius: .25em;
        padding: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px;
        overflow-y: auto;
    }
    .dropdown-el.expanded label {
        border-top: .06em solid #d9d9d9;
    }
    .dropdown-el.expanded label:hover {
        color: #3694d7;
        background: linear-gradient(to bottom, #fff, #c8c8c8);
    }
    .dropdown-el.expanded input:checked + label {
        color: #3694d7;
        /*color: #c800c8;*/
        font-weight: bold;
    }
    .dropdown-el.expanded::after {
        transform: rotate(-180deg);
        top: .55em;
    }
/****************************************/
/* FIN DE LOS ESTILOS PARA LOS COMBOBOX */
/****************************************/

/****************************/
/* ESTILOS PARA LOS SPINNER */
/****************************/
    .lds-spinner {
        color: official;
        display: inline-block;
        position: absolute;
        width: 64px;
        height: 64px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .lds-spinner div {
        transform-origin: 32px 32px;
        animation: lds-spinner 1.2s linear infinite;
    }
    .lds-spinner div:after {
        content: " ";
        display: block;
        position: absolute;
        top: 3px;
        left: 29px;
        width: 5px;
        height: 14px;
        border-radius: 20%;
        background: #006699;
    }
    .lds-spinner div:nth-child(1) {
        transform: rotate(0deg);
        animation-delay: -1.1s;
    }
    .lds-spinner div:nth-child(2) {
        transform: rotate(30deg);
        animation-delay: -1s;
    }
    .lds-spinner div:nth-child(3) {
        transform: rotate(60deg);
        animation-delay: -0.9s;
    }
    .lds-spinner div:nth-child(4) {
        transform: rotate(90deg);
        animation-delay: -0.8s;
    }
    .lds-spinner div:nth-child(5) {
        transform: rotate(120deg);
        animation-delay: -0.7s;
    }
    .lds-spinner div:nth-child(6) {
        transform: rotate(150deg);
        animation-delay: -0.6s;
    }
    .lds-spinner div:nth-child(7) {
        transform: rotate(180deg);
        animation-delay: -0.5s;
    }
    .lds-spinner div:nth-child(8) {
        transform: rotate(210deg);
        animation-delay: -0.4s;
    }
    .lds-spinner div:nth-child(9) {
        transform: rotate(240deg);
        animation-delay: -0.3s;
    }
    .lds-spinner div:nth-child(10) {
        transform: rotate(270deg);
        animation-delay: -0.2s;
    }
    .lds-spinner div:nth-child(11) {
        transform: rotate(300deg);
        animation-delay: -0.1s;
    }
    .lds-spinner div:nth-child(12) {
        transform: rotate(330deg);
        animation-delay: 0s;
    }
    @keyframes lds-spinner {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
/***************************************/
/* FIN DE LOS ESTILOS PARA LOS SPINNER */
/***************************************/

/******************************/
/* ESTILO PARA LOS MODALALERT */
/******************************/
    .modal-alert {
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: radial-gradient(circle, rgba(255,255,255,0.5) 10%, rgba(0,0,0,0.5) 90%);
        opacity: 0;
        z-index: 9999;
        transition: 0.7s all ease-in-out;
		cursor: wait;
    }
    .modal-alert.activo {
        opacity: 1;
    }
    #modalPannel {
        position: absolute;
        max-width: 50vw;
        min-width: 350px;
        top: 50%;
        left: 50%;
        z-index: 10000;
        background-color: whitesmoke;
        border-radius: 5px;
        color: black;
        box-shadow: 0 20px 100px rgba(0, 0, 0, 0.2);
        opacity: 0;
        transform: translate(-50%, -50%);
        transition:  0.7s all ease-in-out;
    }
    #modalPannel.activo {
        opacity: 1;
    }
    #modalPannel .line-title {
        display: block;
        color: #fff;
        background: linear-gradient(to bottom, #575757, #3b3b3b);
        border-radius: 5px 5px 0px 0px;
        margin: 1px;
    }
    #modalPannel .line-title.success {
        color: #155724;
        background: linear-gradient(to bottom,#d4edda,#adc6b3);
        /*background: linear-gradient(to bottom,#d4edda,#c3e6cb);*/
    }
    #modalPannel .line-title.error {
        color: #721c24;
        background: linear-gradient(to bottom,#f97779,#ce5157);
        /*background: linear-gradient(to bottom,#f97779,#ce2424);*/
    }
    #modalPannel .line-title.warning {
        color: #856404;
        background: linear-gradient(to bottom,#fff3cd,#d7cba7);
        /*background: linear-gradient(to bottom,#fff3cd,#ffeeba);*/
    }
    #modalPannel .line-title.info {
        color: #0c5460;
        background: linear-gradient(to bottom,#d1ecf1,#aac5c9);
        /*background: linear-gradient(to bottom,#d1ecf1,#bee5eb);*/
    }
    #modalPannel .line-title.question {
        color: #1b1e21;
        background: linear-gradient(to bottom,#d6d8d9,#afb1b2);
        /*background: linear-gradient(to bottom,#d6d8d9,#c6c8ca);*/
    }
    #modalPannel .line-title .title {
        display: inline-block;
        padding-top: 3px;
        padding-left: 0.5em;
        margin-right: 2em;
        font-size: 1.5em;
        font-weight: 500;
        vertical-align: middle;
    }
    #modalPannel .line-title .close {
        position: absolute;
        display: block;
        right: 1em;
        top: 3px;
        width: 1em;
        height: 1em;
    }
    #modalPannel .line-title .close:before {
        content: "\f00d";
        font-family: 'codropsicons';
        font-size: 1.5em;
    }
    #modalPannel .line-title .close:active:before {
        content: "\f00d";
        font-family: 'codropsicons';
        color: red;
        font-size: 1.5em;
    }
    #modalPannel .content {
        margin: 0px 5px;
        font-size: 1.2em;
        overflow-y: auto;
        max-height: 30em;
    }
    #modalPannel .line-buttons {
        margin: 5px;
        text-align: right;
    }
    #modalPannel .line-buttons .button-modal {
        margin: 0 5px 5px 0;
        display: inline-block;
        font: bold 0.75em Arial, Helvetica, Clean, sans-serif;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: none;
        height: 40px;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.2s;
        -webkit-transition-timing-function: linear;
        -moz-transition-property: background-color;
        -moz-transition-duration: 0.2s;
        -moz-transition-timing-function: linear;
        -ms-transition-property: background-color;
        -ms-transition-duration: 0.2s;
        -ms-transition-timing-function: linear;
        -o-transition-property: background-color;
        -o-transition-duration: 0.2s;
        -o-transition-timing-function: linear;
        transition-property: background-color;
        transition-duration: 0.2s;
        transition-timing-function: linear;
        background: #0088cc;
        color: #fafafa;
        height: 34px;
        padding: 2px 10px;
        border-radius: 4px;
        font-size: 0.875em;
        line-height: 28px;
        box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
        min-width: 40px;
    }
    #modalPannel .line-buttons .button-modal.button-primary,
    #modalPannel .line-buttons .button-modal.button-info,
    #modalPannel .line-buttons .button-modal.button-success,
    #modalPannel .line-buttons .button-modal.button-warning,
    #modalPannel .line-buttons .button-modal.button-danger,
    #modalPannel .line-buttons .button-modal.button-inverse {
      box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    }
    #modalPannel .line-buttons .button-modal:hover,
    #modalPannel .line-buttons .button-modal:focus {
        background: #006da3;
        color: #fafafa;
    }
    #modalPannel .line-buttons .button-modal span {
      pointer-events: none;
    }
    #modalPannel .line-buttons .button-modal:hover {
      text-decoration: none;
    }
    #modalPannel .line-buttons .button-modal:focus {
      text-decoration: none;
      outline: none;
    }
    #modalPannel .line-buttons .button-modal:active {
        box-shadow: none !important;
        text-shadow: 0px 0px 2px #fff;
    }
/**************************************/
/* FIN DE LOS ESTILOS DEL MODAL ALERT */
/**************************************/

/****************************/
/* ESTILOS PARA LA PANTALLA */
/****************************/
    .ipadStyle tr { cursor: default; }

    /*=========================*/
    /* ESTILOS PARA LAS TABLAS */
    /*=========================*/
    .ipadStyle div table { width: 100%; }
    .ipadStyle .seleccionable:active { background-color: steelblue; }
    .ipadStyle .seleccionado { background-color: #A5C4E9; }
    .ipadStyle .conlineas td, .ipadStyle .conlineas th { border-bottom: 1px solid #B0B0B0; }
    .ipadStyle .sinlineas td, .ipadStyle .sinlineas th { border-bottom: none !important; }
    .ipadStyle .tabledata-header table { height:100%; }
    .ipadStyle div.tabledata-header table th {
        padding: 0px 10px;
        font-weight: bold;
        color:#006699;
    }
    .ipadStyle div.tabledata-body table td {
        padding: 5px 10px;
    }
    /*===================================*/
    /* FIN DE LOS ESTILOS PARA LAS TABLAS*/
    /*===================================*/

    /*===========================================*/
    /* ESTILOS PARA LOS PANELES DE VISUALIZACIÓN */
    /*===========================================*/
    .ipadStyle .centrado {
        margin: 0 auto;
    }
    .ipadStyle div.tabledata-header {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        height: 30px;
        border: 1px solid #B0B0B0;
        border-radius: 20px 20px 0px 0px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        color: #006699;
        font-size: 1.2em;
    }
    .ipadStyle div.tabledata-body {
        position: absolute;
        top: 40px;
        left: 10px;
        right: 10px;
        bottom: 65px;
        border: 1px solid #B0B0B0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        color: #000;
        border-top: none;
        font-size: 1.2em;
        overflow:auto;
    }
    .ipadStyle div.tabledata-body.notfoot {
        position: absolute;
        left: 10px;
        right: 10px;
        top: 40px;
        bottom: 10px;
        border: 1px solid #B0B0B0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        border-top: none;
        font-size: 1.2em;
        overflow-y: auto;
    }
    .ipadStyle div.tabledata-foot {
        position: absolute;
        left: 10px;
        right: 10px;
        height: 45px;
        bottom: 20px;
        font-size: 1.2em;
        border: 1px solid #B0B0B0;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
        background: #fff;
    }
    /*======================================================*/
    /* FIN DE LOS ESTILOS PARA LOS PANELES DE VISUALIZACIÓN */
    /*======================================================*/

    /*====================================*/
    /* IMPLEMENTACIONES PARA LAS PESTANAS */
    /*====================================*/
    .ipadStyle div.tabs {
        position:absolute;
        top:10px;
        left:10px;
        right:10px;
        bottom:10px;
    }
    .ipadStyle div.tabs li {
        font-size: 1em;
    }
    .ipadStyle div.tabs div.tabledata-header {
        position: absolute;
        top: 38px;
        left: 4px;
        right: 10px;
        height: 30px;
        border: 1px solid #B0B0B0;
        border-radius: 0px 20px 0px 0px;
        box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
        color: #006699;
        font-weight:bold;
        font-size: 1em;
    }
    .ipadStyle div.tabs div.tabledata-header table {width:100%;}
    .ipadStyle div.tabs div.tabledata-body {
        position: absolute;
        left: 4px;
        right: 10px;
        top: 68px;
        bottom: 55px;
        border: 1px solid #B0B0B0;
        border-top: none;
        overflow: auto;
        font-size: 1em;
    }
    .ipadStyle div.tabs div.tabledata-body.notfoot {
        position: absolute;
        left: 4px;
        right: 10px;
        top: 68px;
        bottom: 10px;
        border: 1px solid #B0B0B0;
        border-top: none;
        overflow: auto;
        font-size: 1em;
    }
    .ipadStyle div.tabs div.tabledata-body table {width:100%;}
    .ipadStyle div.tabs div.tabledata-body tr {cursor:default;}
    .ipadStyle div.tabs div.tabledata-foot {
        position: absolute;
        height: 45px;
        left: 4px;
        right: 10px;
        bottom: 10px;
        font-size: 1em;
    }
    .ipadStyle div.tabs .ui-widget-header {
        border: 0px solid #4297d7; 
        background: #ffffff;
        color: #fff;
        font-weight: bold;
    }
    .ipadStyle div.tabs ul.ui-tabs-nav li.ui-tabs-active {
        margin-bottom: -1px;
        padding-bottom: 1px;
        z-index: 11;
    }

    .ipadStyle div.tabs li .ui-state-default, 
    .ipadStyle .ui-tabs .ui-widget-content .ui-state-default, 
    .ipadStyle .ui-widget-header .ui-state-default
    {
        border: 1px solid #c5dbec;
        opacity:1;
        font-weight: bold;
        height:32px;
        color: #2e6e9e;
    }
    .ipadStyle div.tabs .ui-state-default a, 
    .ipadStyle .ui-state-default a:link, 
    .ipadStyle .ui-state-default a:visited 
    {
        color:#808080;
        text-decoration: none;
    }
    .ipadStyle tiv.tabs .ui-state-active a, 
    .ipadStyle .ui-state-active a:link, 
    .ipadStyle .ui-state-active a:visited
    {
        color: #1d5987;
        text-decoration: none;
    }
	.ipadStyle div.tabs .ui-state-default,
    .ipadStyle .ui-widget-content .ui-state-default, 
    .ipadStyle .ui-widget-header .ui-state-default
	{
		background:linear-gradient(#fff,#cde4f5);
	}
	.ipadStyle div.tabs .ui-state-hover,
    .ipadStyle .ui-widget-content .ui-state-hover, 
    .ipadStyle .ui-widget-header .ui-state-hover
	{
		background:linear-gradient(#fff,#b3d6f0);
	}
	
	.ipadStyle div.tabs .ui-state-hover:not(.ui-tabs-active):active,
    .ipadStyle .ui-widget-content .ui-state-hover:not(.ui-tabs-active):active, 
    .ipadStyle .ui-widget-header .ui-state-hover:not(.ui-tabs-active):active
	{
		background:linear-gradient(#fff,#98c8eb);
	}
	
    .ipadStyle div.tabs .ui-state-active, 
    .ipadStyle .ui-widget-content .ui-state-active, 
    .ipadStyle .ui-widget-header .ui-state-active
    {
        border: 1px solid #79b7e7;
        border-bottom: 1px solid #fff;
        background: #ffffff;
        opacity: 1;
        font-weight: bold;
        color: #1d5987;
    }
    /*===========================================*/
    /* FIN DE IMPLEMENTACIONES PARA LAS PESTANAS */
    /*===========================================*/

    /*=================================================*/
    /* IMPLEMENTACIONES PARA LOS BOTONES DE LAS TABLAS */
    /*=================================================*/

        /*-------------------------------------*/
        /* BOTON GRIS ESPECIFICO DE LAS TABLAS */
        /*-------------------------------------*/
        .ipadStyle a.button.tables {
            cursor: pointer;
            background: #becbd6;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#becbd6), to(#8da5b7));
            background: -moz-linear-gradient(#becbd6, #8da5b7);
            background: linear-gradient(#becbd6, #8da5b7);
            border: solid 1px #a1aeb7;
            border-bottom: solid 3px #62727e;
            box-shadow: inset 0 0 0 1px #d8e0e6;
            color: #000000;
            text-shadow: 0 1px 0 #c4d0da;
        }
        .ipadStyle a.button.tables:hover {
            cursor: pointer;
            background: #97adbd;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#97adbd), to(#a8bac8));
            background: -moz-linear-gradient(#97adbd, #a8bac8);
            background: linear-gradient(#97adbd, #a8bac8);
            border: solid 1px #96a2ab;
            border-bottom: solid 3px #62727e;
            box-shadow: inset 0 0 0 1px #c0ced7;
        }
        .ipadStyle a.button.tables:active {
            cursor: pointer;
            background: #8fa6b6;
            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8fa6b6), to(#8aa0b0));
            background: -moz-linear-gradient(#8fa6b6, #8aa0b0);
            background: linear-gradient(#8fa6b6, #8aa0b0);
            border: solid 1px #606f7a;
            box-shadow: inset 0 10px 15px 0 #7e92a1;
        }
        /*--------------------------------------------*/
        /* FIN DE BOTON GRIS ESPECIFICO DE LAS TABLAS */
        /*--------------------------------------------*/
        
        /*----------------*/
        /* BOTON DE ICONO */
        /*----------------*/
        .ipadStyle th > .fa, 
        .ipadStyle td > i.fa, 
        .ipadStyle th > .fa.seleccionable,
        .ipadStyle td > .fa.seleccionable
        { 
            cursor:pointer; 
        }
        .ipadStyle th > .fa:hover, 
        .ipadStyle td > i.fa:hover,
        .ipadStyle th > .fa.seleccionable:hover,
        .ipadStyle td > .fa.seleccionable:hover
        {
            color: white;
            text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black;
        }
        .ipadStyle th > .fa:active, 
        .ipadStyle td > i.fa:active,
        .ipadStyle th > .fa.seleccionable:active,
        .ipadStyle td > .fa.seleccionable:active
        {
            color: steelblue;
        }
        /*--------------------*/
        /* FIN BOTON DE ICONO */
        /*--------------------*/
        
    /*========================================================*/
    /* FIN DE IMPLEMENTACIONES PARA LOS BOTONES DE LAS TABLAS */
    /*========================================================*/

    /*===========================================================*/
    /* IMPLEMENTACIONES PARA LOS FIELDSET REDONDEADOS CON SOMBRA */
    /*===========================================================*/
    .ipadStyle .nuevofield {
        border: none;	/* sobreescribimos el fieldset base para evitar conflictos en los bordes */
    }
    .ipadStyle .nuevofield {
        border: 1px solid #808080;
        margin-top: 10px;
        padding: 0 10px 10px;
        border-radius: 8px;
        box-shadow: 0 0 10px #666;
        padding-top:10px;
    }
    .ipadStyle .nuevofield legend {
        padding: 2px 8px;
        background: #fff;
        box-shadow: inset 0 0 5px #000;
        border-radius: 6px;
        font-size:0.75em;
        font-weight:bold;
    }
    .ipadStyle .nuevofield > legend {
        float: left;
        margin-top: -20px;
    }
    .ipadStyle .nuevofield fieldset > legend + * { clear: both; }
    .ipadStyle textarea {
	min-height:40px;
    }
    /*==================================================================*/
    /* FIN DE IMPLEMENTACIONES PARA LOS FIELDSET REDONDEADOS CON SOMBRA */
    /*==================================================================*/
    
    /*=================================*/
    /* ESTILOS PARA LOS COMBOBOX PUROS */
    /*=================================*/
    .ipadStyle .newcombo {
		position: relative;
		display: inline-block;
    }
    .ipadStyle .newcombo select::-ms-expand { display: none; }
    .ipadStyle .newcombo:after {
        font-family: 'codropsicons';
        content: '\f078';
		font-size: 0.75em;
		color: #333;
		right: 11px;
	
		top: 9px;
		height: 14px;
		padding-left: 5px;
		border-left: 1px solid #999;
	
		position: absolute;
		pointer-events: none;
    }
    .ipadStyle .newcombo select {
        -webkit-appearance: none;
		-moz-appearance: none;
        appearance: none;
	
		display:inline-block;
		position:relative;
		margin: 0px 0px;
		padding: 4px 30px 4px 5px;
		font-size:1em;
		color:#333;
        background: linear-gradient(#fff,#cde4f5);
		border:1px solid #cccccc;
		-ms-word-break: normal;
		word-break: normal;
		width:100%;
        
		border-radius: 5px;
    }
    .ipadStyle .newcombo .bajasociedad::-ms-value {
		color:red;
		font-weight:bold;
    }
    .ipadStyle .newcombo .bajasociedad:focus::-ms-value {
		color:orange;
    }
    .ipadStyle .newcombo select:focus {
		border: 1px solid #68afe1;
    }
    .ipadStyle .newcombo select:hover:not(:disabled) {
		border: 1px solid #68afe1;
		box-shadow: 0px 0px 10px #849bb3;
    }
    .ipadStyle .newcombo select:disabled {
		background-color: #F0F0F0;
		border: 1px solid #CCCCCC;
    }
    .ipadStyle .newcombo select option {
		font-size:1em;
    }
    .combobaja {
        color: #ff4b4b;
        font-weight: bold;
    }

    /*============================================*/
    /* FIN DE LOS ESTILOS PARA LOS COMBOBOX PUROS */
    /*============================================*/

    /*==================================*/
    /* ESTILOS ESPECIALES PARA LOS FILE */
    /*==================================*/
    .ipadStyle .uploadfile {
	position: relative!important;
	text-align: left;
	margin:0px;
	padding:0px;
	border-radius:0px !important;
	border:none !important;
    }

    .ipadStyle .uploadfile .upload {
	display:none;
    }
    .ipadStyle .uploadfile label.button {
	-moz-box-shadow: inset 0 0 0 1px #63ad0d;
	-webkit-box-shadow: inset 0 0 0 1px #63ad0d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	background: #99b6df;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99b6df), to(#638ec8));
	background: -moz-linear-gradient(#99b6df, #638ec8);
	background: linear-gradient(#99b6df, #638ec8);
	border: solid 1px #6d94ce;
	border-bottom: solid 3px #3867ac;
	box-shadow: inset 0 0 0 1px #bbcfeb;
	color: #fff;
	text-shadow: 0 1px 0 #3c61ab;
	border-radius: 3px;
	display: inline-block;
	font: bold 0.75em Arial, Helvetica, Clean, sans-serif;
	padding: 5px 5px;
	position: relative;
	text-align: center;
	text-decoration: none;
	overflow:hidden;
        vertical-align: middle;
    }
    .ipadStyle .uploadfile label.button:hover {
	cursor: pointer;
	background: #638ec8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
	background: -moz-linear-gradient(#638ec8, #99b6df);
	background: linear-gradient(#638ec8, #99b6df);
	border: solid 1px #6d94ce;
	border-bottom: solid 3px #3867ac;
	box-shadow: inset 0 0 0 1px #bbcfeb;
    }
    .ipadStyle .uploadfile label.button:active {
	cursor: pointer;
	background: #638ec8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#638ec8), to(#99b6df));
	background: -moz-linear-gradient(#638ec8, #99b6df);
	background: linear-gradient(#638ec8, #99b6df);
	border: solid 1px #6d94ce;
	box-shadow: inset 0 10px 15px 0 #4176c4;
	top:2px;
	margin-bottom: 2px;
    }
    .ipadStyle .uploadfile .upload:disabled ~ label.button {
	cursor: default;
	background: #d1d1d1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d1d1d1), to(#afafaf));
	background: -moz-linear-gradient(#d1d1d1, #afafaf);
	background: linear-gradient(#d1d1d1, #afafaf);
	border: solid 1px #b4b4b4;
	border-bottom: solid 3px #878787;
	box-shadow: inset 0 0 0 1px #e3e3e3;
	color: #808080;
	text-shadow: 0 1px 0 #d6d6d6;
    }
    .ipadStyle .uploadfile .upload:disabled ~ label.button:active {
	top:0px;
	margin-bottom:0px;
    }
    .ipadStyle .uploadfile label.cabecera { margin-left: 10px; }
    .ipadStyle .uploadfile .upload:disabled ~ label.cabecera { color: #c8c8c8; }
    /*=============================================*/
    /* FIN DE LOS ESTILOS ESPECIALES PARA LOS FILE */
    /*=============================================*/

    /*======================================*/
    /* ESTILOS ESPECIALES PARA LOS CHECKBOX */
    /*======================================*/
    .ipadStyle .checkStyle { position: relative; }
    .ipadStyle .checkStyle input[type=checkbox] { display: none; }
    .ipadStyle .checkStyle input[type=checkbox]:checked ~ .box:after { opacity: 1; }
    .ipadStyle .checkStyle .box {
        display: inline-block;
        position: relative;
        top: 2px;
        left: 0px;
        width: 16px;
        height: 16px;
        background: #fcfff4;
        background: linear-gradient(to bottom, #fcffc4 0%, #dfe5d7 40%, #b3bead 100%);
        box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,.5);
    }
    .ipadStyle .checkStyle .box:before {
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        left: 2px;
        top: 2px;
        background: linear-gradient(to bottom, #f0f0f0 0%, #dddddd 100%);
        box-shadow: inset 0px 1px 1px rgba(0,0,0,.5), 0px 1px 0px white;
    }
    .ipadStyle .checkStyle .box:after {
        content: '';
        width: 8px;
        height: 4px;
        position: absolute;
        top: 6px;
        left: 4px;
        border: 2px solid #000000;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        transition: all 0.5s ease-in-out;
    }
    .ipadStyle .checkStyle input[type=checkbox]:disabled:checked ~ .box:after {
        top: 5px;
    }
    .ipadStyle .checkStyle .text {
        position: relative;
        vertical-align: baseline;
        margin-left: 4px;
    }

    /* Deshabilitado */
    .ipadStyle .checkStyle input[type=checkbox]:disabled ~ .box:before {
        background: linear-gradient(to bottom, #cccccc 0%, #45484d 100%);
    }
    .ipadStyle .checkStyle input[type=checkbox]:disabled ~ .box:after {
        border-color: #fff;
    }
    .ipadStyle .checkStyle input[type=checkbox]:disabled ~ .text {
        color: #888888;
    }

    /* Al posicionar el puntero */
    .ipadStyle .checkStyle:hover input[type=checkbox]:not(:disabled) ~ .box {
        cursor: pointer;
        box-shadow: 0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue, 0px 0px 5px steelblue, 0px 0px 6px steelblue;
    }
    .ipadStyle .checkStyle:hover input[type=checkbox]:not(:disabled) ~ .box:active {
        opacity: 0.8;
        box-shadow: 0px 0px 2px steelblue, 0px 0px 3px steelblue;
    }
    .ipadStyle .checkStyle:hover input[type=checkbox]:not(:disabled) ~ .text {
        cursor: pointer;
        color: white;
        text-shadow:0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue, 0px 0px 5px steelblue, 0px 0px 6px steelblue;
    }
    .ipadStyle .checkStyle:hover input[type=checkbox]:not(:disabled) ~ .text:active {
        opacity: 0.8;
        text-shadow:0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue;
    }
    /*=================================================*/
    /* FIN DE LOS ESTILOS ESPECIALES PARA LOS CHECKBOX */
    /*=================================================*/

    /*=========================================*/
    /* ESTILOS ESPECIALES PARA LOS RADIOBUTTON */
    /*=========================================*/
    .ipadStyle .radioStyle { position: relative; }
    .ipadStyle .radioStyle input[type=radio] { display: none; }
    .ipadStyle .radioStyle input[type=radio]:checked ~ .box:after { opacity: 1; }
    .ipadStyle .radioStyle .box {
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        width: 16px;
        height: 16px;
        background: #fcfff4;
        background: linear-gradient(to bottom, #fcffc4 0%, #dfe5d7 40%, #b3bead 100%);
        border-radius: 16px;
    }
    .ipadStyle .radioStyle .box:before {
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        left: 2px;
        top: 2px;
        background: radial-gradient(#fff,#f0f0f0);
        border-radius: 12px;
    }
    .ipadStyle .radioStyle .box:after {
        content: '';
        width: 8px;
        height: 8px;
        position: absolute;
        top: 4px;
        left: 4px;
        background: white;
        opacity: 0;
        border-radius: 10px;
        background: linear-gradient(to bottom, lightsteelblue 0%, steelblue 100%);
        transition: all 0.5s ease-in-out;
    }
    .ipadStyle .radioStyle .text {
        position: relative;
        vertical-align: baseline;
        margin-left: 2px;
    }

    /* Deshabilitado */
    .ipadStyle .radioStyle input[type=radio]:disabled ~ .box:before {
        background: linear-gradient(to bottom, #a0a0a0, #cccccc);
    }
    .ipadStyle .radioStyle input[type=radio]:disabled ~ .box:after {
        top: 5px;
        background: #888888;
        border: 1px solid white;
    }
    .ipadStyle .radioStyle input[type=radio]:disabled ~ .text {
        color: #888888;
    }

    /* Al posicionar el puntero */
    .ipadStyle .radioStyle:hover input[type=radio]:not(:disabled) ~ .box {
        cursor: pointer;
        box-shadow: 0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue, 0px 0px 5px steelblue, 0px 0px 6px steelblue;
    }
    .ipadStyle .radioStyle:hover input[type=radio]:not(:disabled) ~ .box:active {
        opacity: 0.8;
        box-shadow: 0px 0px 2px steelblue, 0px 0px 3px steelblue;
    }
    .ipadStyle .radioStyle:hover input[type=radio]:not(:disabled) ~ .text {
        cursor: pointer;
        color: white;
        text-shadow:0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue, 0px 0px 5px steelblue, 0px 0px 6px steelblue;
    }
    .ipadStyle .radioStyle:hover input[type=radio]:not(:disabled) ~ .text:active {
        opacity: 0.8;
        text-shadow:0px 0px 2px steelblue, 0px 0px 3px steelblue, 0px 0px 4px steelblue;
    }
    /*====================================================*/
    /* FIN DE LOS ESTILOS ESPECIALES PARA LOS RADIOBUTTON */
    /*====================================================*/

    /*=========================*/
    /* ESTILOS PARA EL TEXTBOX */
    /*=========================*/
    .ipadStyle .input-container {
        position: relative;
        margin-bottom: 25px;
    }
    .ipadStyle .input-container label {
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 1em;
        color: #006699;
        pointer-events: none;
        transition: all 0.5s ease-in-out;
    }
    .ipadStyle .input-container input:disabled ~ label {
        color: #666666;
    }
    .ipadStyle .input-container input {
        border: 0;
        border-bottom: 1px solid #555;
        background: transparent;
        padding: 10px 5px 0 5px;
        font-size: 1em;
        color: #000;
    }
    .ipadStyle .input-container input:disabled {
        color: #666666;
        border-bottom: 1px solid #666666;
    }
    .ipadStyle .input-container input:focus {
        border: none;
        outline: none;
        border-bottom: 1px solid #e74c3c;
    }
    .ipadStyle .input-container input:focus ~ label,
    .ipadStyle .input-container input:valid ~ label {
        top: -14px;
        font-size: 0.75em;
    }
    .ipadStyle .input-container input:not(:valid) {
        box-shadow: none;
    }
    /*====================================*/
    /* FIN DE LOS ESTILOS PARA EL TEXTBOX */
    /*====================================*/
	
	/*=======================================*/
	/* IMPLEMENTACION PARA LOS TEXTBOX PUROS */
	/*=======================================*/
        /* si van en un contenedor para poner un icono */
        .ipadStyle .input-round.fa {
            position: relative;
            display: inline-block;
            padding: 5px 10px 5px 30px;
            border: 1px solid #ddd;
            box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.1);
            border-radius: 5px;
        }
        .ipadStyle .input-round.fa:before {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            margin-right: 0em;
        }
        .ipadStyle .input-round.fa input {
            background: transparent;
            border: none;
            outline: none;
        }
        .ipadStyle .input-round.fa.disabled {
            background-color: #f0f0f0;
            pointer-events:none;
        }
        .ipadStyle .input-round.fa.disabled:before {
            color: #888888;
            background-color: #f0f0f0;
        }
        .ipadStyle .input-round.fa.disabled input {
            color: #888888;
        }
        .ipadStyle .input-round.fa input:focus {
            background: linear-gradient(to bottom,#fff,lightyellow);
        }
        
        /* sin van sin condenedor para icono */
	.ipadStyle .input-round {
            padding: 4px;
            border: 1px solid #ddd;
            background-color: #fff;
            box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.1);
            border-radius: 5px;
            outline: none;
	}
        .ipadStyle .input-round:focus {
            background: linear-gradient(to bottom,#fff,lightyellow);
        }
	.ipadStyle .input-round:disabled {
            background-color: #f0f0f0;
	}
	.ipadStyle .input-round[readonly] {
            background-color: #f0f0f0;
            pointer-events: none;
	}
        .ipadStyle .text[readonly="true"] {
            background-color: #f0f0f0; 
            pointer-events: none;
        }
	/*=======================================*/
	/* FIN DE LOS ESTIOS PARA TEXBOX PUROS   */
	/*=======================================*/
    
    /*================================================*/
    /* ESTILOS PARA LAS FILAS DE DESCARGA O DE ESPERA */
    /*================================================*/
    
    .ipadStyle .waiting-title {
        font-size: 1em;
        font-weight: bold;
    }
    .ipadStyle .waiting-complete {
        opacity: 0;
        color: green;
        font-weight: bold;
        margin-left: 10px;
        transition-duration: 2s;
        transition-timing-function: ease;
        transition-property: all;
    }
    .ipadStyle .waiting.complete ~ .waiting-complete {
        opacity: 1;
    }
    .ipadStyle .waiting {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
    }
    .ipadStyle .waiting:before {
        content: " ";
        display: block;
        width: 1.5em;
        height: 1.5em;
        margin: 4px;
        border-radius: 50%;
        border: 2px solid #000;
        border-color: #000 transparent #000 transparent;
        animation: waiting .5s linear infinite;
        transition-duration: 1s;
        transition-timing-function: ease;
        transition-property: all;
    }
    .ipadStyle .waiting.complete:before {
        border-color: transparent;
    }
    .ipadStyle .waiting.complete:after {
        content: '';
        display: block;
        opacity: 1;
        height: 1.5em;
        width: 0.75em;
        transform-origin: left top;
        border-right: 3px solid green;
        border-top: 3px solid green;
        margin-top: -1em;
        margin-left: 0.5em;

        animation-duration: 2s;
        animation-timing-function: ease;
        animation-name: complete;
        transform: scaleX(-1) rotate(135deg);
    }

    @keyframes waiting {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes complete {
        0% {
            height: 0;
            width: 0;
            opacity: 1;
        }
        20% {
            height: 0;
            width: 0.75em;
            opacity: 1;
        }
        40% {
            height: 1.5em;
            width: 0.75em;
            opacity: 1;
        }
        100% {
            height: 1.5em;
            width: 0.75em;
            opacity: 1;
        }
    }
        
    /*===========================================================*/
    /* FIN DE LOS ESTILOS PARA LAS FILAS DE DESCARGA O DE ESPERA */
    /*===========================================================*/
	
	/*================================================*/
	/*      ESTILOS PARA EL CUADRO DE DESCARGAS       */
	/*================================================*/
	
	.progress {
		position:absolute;
		left:50%;
		top:50%;
		border-radius: 50%;
		width:288px;
		height:288px;
		border: 2px solid #b8d7ec;
		background: linear-gradient(to bottom,#b7edff,#b4d6f1);
		transform:translate(-50%,-50%);
	}
	.progress:after {
		position:absolute;
        content: '';
		border-radius: 50%;
		display:block;
		top:48px;
		left:48px;
		width:192px;
		height:192px;
		border: 2px solid #b8d7ec;
		background: linear-gradient(to bottom,#e9f6ff,#ddeef8);
	}
	.size-indicator {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		color:#006699;
		text-shadow:1px 1px #003355, 2px 2px #000;
		font-size:24px;
		margin-top:120px;
	}
	.percent-indicator {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		color:#000;
		font-size:3em;
	}
	.percent-bar {
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	
	/*================================================*/
	/* FIN DE LOS ESTILOS PARA EL CUADRO DE DESCARGAS */
	/*================================================*/
    
/***************************************/
/* FIN DE LOS ESTILOS PARA LA PANTALLA */
/***************************************/


/******************************************/
/* ESTILOS VIEJOS PARA APARIENCIA ANTIGUA */
/******************************************/

div.cuerpoMedio table {
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: left;
}
div.cuerpoMedio tr { font-size: 10px; }
div.cuerpoMedio tr.tr_par { background: #dddddd; }
div.cuerpoMedio tr.tr_impar { background: #f2f5f7; }
div.cuerpoMedio tr.seleccionado { background-color: #aed0ea; }
div.cuerpoMedio td { white-space: nowrap; }
div.cuerpoMedio .formulario {
    color: #2e6e9e;
    background-color: #c5dbec;
}
div.cuerpoMedio table.formulario td { padding: 1px 6px; }
div.cuerpoMedio input,
div.cuerpoMedio textarea 
{
    font-size: 10px;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
    font-weight: thin;
    color: black;
}
div.cuerpoMedio label.lblError { color: #cc0000; }
div.cuerpoMedio label.lblLink {
    text-decoration: none;
    cursor: pointer;
    color: #0033cc;
}
div.cuerpoMedio label.lblLink:hover {
    text-decoration: underline;
    color: #00ccff;
}
div.cuerpoMedio a:link
{
    text-decoration: none;
    color: #0033cc;
}
div.cuerpoMedio a:visited {
    text-decoration: none;
    color: #0033cc;
}
div.cuerpoMedio a:hover {
    text-decoration: underline;
    color: #00ccff;
}
div.cuerpoMedio a.pag:link {
    text-decoration: none;
    color: #0033cc;
}
div.cuerpoMedio a.pag:visited {
    text-decoration: none;
    color: #0033cc;
}
div.cuerpoMedio a.pag:hover {
    text-decoration: underline;
    color: #00ccff;
}
div.cuerpoMedio .titulopagina {
    font-size:16px;
    font-weight: bold;
    color:#1d5987;
    text-align:center;
    position:absolute;
    left:0px; right:0px; top:5px;
    margin:8px 8px;
}
div.cuerpoMedio .titulo {
    font-size:12px;
    font-weight: bold;
    color:#1d5987;
    text-align:center;
}
div.cuerpoMedio .piepagina {
    font-size: 9px;
    text-align: center;
}
div.cuerpoMedio .boton-defalt {
    border: 1px solid #aed0ea;
    background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #2779aa;
}
div.cuerpoMedio .corner-all,
div.cuerpoMedio .corner-top,
div.cuerpoMedio .corner-left,
div.cuerpoMedio .corner-topleft
{
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
}
div.cuerpoMedio .corner-all,
div.cuerpoMedio .corner-top,
div.cuerpoMedio .corner-right,
div.cuerpoMedio .corner-topright 
{
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}
div.cuerpoMedio .corner-all, 
div.cuerpoMedio .corner-bottom, 
div.cuerpoMedio .corner-left, 
div.cuerpoMedio .corner-bottomleft
{
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
div.cuerpoMedio .corner-all, 
div.cuerpoMedio .corner-bottom, 
div.cuerpoMedio .corner-right, 
div.cuerpoMedio .corner-bottomright
{
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Misc: */
.width10 { width:10%; }
.width20 { width:20%; }
.width30 { width:30%; }
.width40 { width:40%; }
.width50 { width:50%; }
.width60 { width:60%; }
.width70 { width:70%; }
.width80 { width:80%; }
.width90 { width:90%; }
.width98 { width:98%; }
.width99 { width:99%; }
.width100 { width:100%; }
.nowrap { white-space:nowrap; }
.wrap { white-space:normal; }
.cursor-pointer { cursor:pointer; }
.cursor-default { cursor:default; }
.cursor-move { cursor:move; }
.bordegris { border:1px solid #444; }
.borderojo { border:1px solid #C00; }
.bordeazul { border:1px solid #2694e8; }
.textorojo { color: #C00; }
.textoverde{ color: #090; }
.textoblanco{ color: #FFF; }

/* Colores:   */
.colornegro { color:#000; }
.colorrojo { color:#F00; }

tr.bgcolor {background-color:#DDDDDD;}
tr.bgcolorblanco {background-color:#FFF;}
tr.bgcolorgris {background-color:#AAAAAA;/*#B9B5B5;*/}
tr.bgcolorrojo {background-color:#FA5050;}
tr.bgcoloramarillo {background-color:#FDC905;}
tr.bgcolorrosa {background-color:#FF66CC;}
tr.bgcolorverde {background-color:#00CC00;}
tr.bgcolorazul {background-color:#006699;}

/* Estilos texto:   */
.txtNegrita { font-weight: bold; }
.txtSubrayado { text-decoration:underline; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

/* z-index para posicionar capas intermedias */
.z-idx-50 { z-index:50; }

/* Posicionamiento de titulo, cuerpo y botones de la pantalla principal */
div.cuerpoMedio div.cuerpoEntero {
    position:absolute;
    left:0px; 
    top:40px; 
    right:0px; 
    bottom:0px;
    padding:5px;
    overflow-y: auto;
    overflow-x: hidden;
    border: none !important;
}
div.cuerpoMedio div.cuerpoMedio {
    position:absolute;
    left:0px; 
    top:40px; 
    right:0px; 
    bottom:40px;
    padding:5px;
    overflow-y: auto;
    overflow-x: auto;
    border: none !important;
}
div.cuerpoMedio div.cuerpoPie {
    position:absolute;
    left:0px; 
    right:0px; 
    bottom:0px;
    height:35px;
    overflow: hidden;
    border: none !important;
    padding-left:26px;
    padding:5px;
}
div.cuerpoMedio div.cuerpoMedioEst {
    padding:5px;
    overflow-y: auto;
    overflow-x: auto;
    border: none !important;
}
div.cuerpoMedio div.cuerpoMedioEstDet {
    padding:5px;
    overflow-y: auto;
    overflow-x: auto;
    border: none !important;
}
div.cuerpoMedio div.divLoading {
    position:absolute;
    left:0px; 
    top:0px;
    height:100%;
    width:100%;
    background-color:#999999;
    opacity:0.6;
    filter:alpha(opacity=60);
    text-align:center;
}
div.cuerpoMedio img.imgLoading {
    position: absolute;
    top: 50%; 
    left: 50%;
    margin-top:-25px;
    margin-left:-25px;
}
div.cuerpoMedio #iframeWeb {
    width: 640px;
    height: 400px;
    overflow: auto;
}
div.cuerpoMedio .tblDatos { border-spacing: 0; }
div.cuerpoMedio .tblDatos thead {
    border: 1px solid #4297d7; 
    background: #5c9ccc url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
    color: #ffffff; 
    font-weight: bold;
    line-height: 2.4em;
    text-align: center;
}
div.cuerpoMedio .tblDatos thead td { background-image:none; }
div.cuerpoMedio .tblDatos tbody { line-height: 1.6em; }

/*****************************************************/
/* FIN DE LOS ESTILOS VIEJOS PARA APARIENCIA ANTIGUA */
/*****************************************************/

/*AÑADIDO ESTILO PARA QUE EL FORMULARIO NO DESCOLOQUE NADA**/
form { height:100%; }