body{
    
    margin: 0;
    padding: 0;
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
    
    font-family: Trebuchet MS, sans-serif;
    font-size: 11pt;
    color: #1b1b1b;
    overflow: hidden;
    /*background-color: #08088A;*/
    background-color: #FFFFFF;


    /* color: #976f02; */

}

/* Modal window */
#mask{
    position: absolute;
    background-color: #5F5F5F;
    display: none;
    top: 0px;
    left: 0px;
}

.MarcoModulo{
    position: absolute;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 10px;
    background:white;
    border: 4px solid #000000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 8px;
}
/* Fin Modal window */


.EstiloBarras{

    -moz-box-shadow:    inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
    -webkit-box-shadow: inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
    
     box-shadow:        inset  0  30px 30px -30px #000000, 
                        inset  0 -30px 30px -30px #000000;
}


.BordeTabla{
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #A4A4A4;
}


.SubTitBot{
    background-color: #DFE0EA;
}


.EstiloBotonMenu{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.EstiloLogin{
    -moz-box-shadow: 8px 8px 24px #424242;
    -webkit-box-shadow: 8px 8px 24px #424242;
    box-shadow: 6px 8px 24px #424242;
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #A4A4A4;    
}


.EstiloBordeFino{
    border-collapse: collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    font-size: 10pt;
}

.EstiloTextBox{
      color:#3F3F3F;
      text-decoration: none;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      border-top-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-right-style: solid;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      border-top-color: #616161;
      border-left-color: #616161;
      border-bottom-color: #d1d1d1;
      border-right-color: #d1d1d1;
      border-top-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-right-width: 1px;
      padding: 2px;
}


.EstiloTD11{
    color:#3F3F3F;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}


.estiloTitCeldaCapt{
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: #E6E6E6;
    color: #3F3F3F;
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #A7A7A7;
    border-bottom-color: #A7A7A7;
    border-left-color: #A7A7A7;
    border-right-color: #A7A7A7;   
}

.TituloFondoNegro{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #000000;
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
    padding-left: 6px;
}

.TituloFondoAzul{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #08088A;   
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
    padding-left: 6px;
}

.TituloFondoGrisObscuro{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #2E2E2E;
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
    padding-left: 6px;
}


/* Efecto de botones de función ============================================= */

.botonCallFunc{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
}

.botonCallFunc:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    top:1px;
}
  

/* ========================================================================== */




.SubTit{
    margin-top: 15px;
    margin-left: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13pt;
    font-weight: normal;
    color: #000099;
    margin-bottom: 10px;
}

.EstiloPropied{
    margin-left: 28px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    color: #444444;
    line-height: 19px;
    margin-bottom: 10px;
    width: 95%;
}



.EstiloSubTit{
    background-color: #08298A;
    color: #FFFFFF;
    border-collapse: collapse;
    border-width: 1px;
    border-color: #000099;
    border-style: solid;
    font-size: 10pt;
    padding: 4px;
}


.EstiloSubTitGris{
    background-color: #E1E1E1;
    color: #000000;   
    border-collapse: collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    font-size: 10pt;
}
   
        .myTeclaAzul {
                -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
                -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
                box-shadow:inset 0px 1px 0px 0px #97c4fe;
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
                background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
                background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
                background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
                background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
                background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
                background-color:#3d94f6;
                -moz-border-radius:6px;
                -webkit-border-radius:6px;
                border-radius:6px;
                border:1px solid #337fed;
                display:inline-block;
                cursor:pointer;
                color:#ffffff;
                font-family: Arial;
                font-size: 11pt;
                font-weight: normal;
                text-decoration: none;
                text-shadow: 0px 1px 0px #1570cd;
                width: auto;
                padding-top: 3px;
                padding-bottom: 4px;
        }
        .myTeclaAzul:hover {
                background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
                background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
                background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
                background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
                background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
                background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
                background-color:#1e62d0;
        }
        .myTeclaAzul:active {
                position:relative;
                top:1px;
        }    
        


.TeclaBlanca {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #BCBCBC;
    display:inline-block;
    cursor:pointer;
    color:#000000;
    font-family:Arial;
    font-size:11pt;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
    /* width: 120px;
    padding-top: 3px;
    padding-bottom: 3px;                   */
}
.TeclaBlanca:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}
.TeclaBlanca:active {
    position:relative;
    top:1px;
}