body {
  position: relative;
  height: 100%;
}

body {
  background: #eee;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}


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

.EstiloPersiana{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    border-style: solid;
    border-width: 1px;
    border-top-color: #848484;
    border-left-color: #848484;
    border-bottom-color: #000000;
    border-right-color: #000000;
    padding: 4px;
}

.OpcMenLat{
    padding-top: 2px;
    border-bottom-width: 1px;
    border-bottom-color: #BDBDBD;
    border-bottom-style: solid;
}

.TitSubMenu{
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #FFFFFF;
    /*background-color: #DDE9F8;*/
    background-image: url('images/GrisOscuro.jpg');
    
    padding-top: 0px;
    padding-bottom:2px;
    
    padding-left: 2px;
    padding-right: 2px;
    
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: transparent;

    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #BDBDBD;
    
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: transparent;
}

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

.buttongrad{
    background: linear-gradient(90deg);
    border-radius: 45px;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

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

.botonCallFunc:active {
}        


.botonCallFuncCol{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 16pt;
    color: #000000;
    
}

.botonCallFuncCol:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid;
    position:relative;
    /*background-color: #46617C;*/
    /*background-color: #11406F;*/
    background-color: #667D94;
    color: #ffffff;
    top:1px;
}

.botonCallFuncCol:active {
}        

.botonCallFuncOrange{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 16pt;
    color: #000000;
    
}

.botonCallFuncOrange:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    /*background-color: #46617C;*/
    /*background-color: #11406F;*/
    background-color: #F1A311;
    color: #ffffff;
    top:1px;
}

.botonCallFuncVerde:active {
}        


.botonCallFuncVerde{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 16pt;
    color: #000000;
    
}

.botonCallFuncVerde:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    /*background-color: #46617C;*/
    /*background-color: #11406F;*/
    background-color: #8AD377;
    color: #ffffff;
    top:1px;
}

.botonCallFuncYellow:active {
}                


.botonCallFuncYellow{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 16pt;
    color: #000000;
    
}

.botonCallFuncYellow:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    /*background-color: #46617C;*/
    /*background-color: #11406F;*/
    background-color: #FFFF00;
    color: #ffffff;
    top:1px;
}

.botonCallFuncGray:active {
}                


.botonCallFuncGray{
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;
    background-color: #FFFFFF;
    font-size: 5pt;
    color: #000000;
    
}

.botonCallFuncGray:hover {
    cursor:pointer;
    border-collapse:collapse;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    position:relative;
    /*background-color: #46617C;*/
    /*background-color: #11406F;*/
    background-color: #E3E3DE;
    color: #ffffff;
    top:1px;
}


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

.myButtonVerde {
    -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
    box-shadow:inset 0px 1px 0px 0px #caefab;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    background-color:#77d42a;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #268a16;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:3px;
    text-decoration:none;
}
.myButtonVerde:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
    background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
    background-color:#5cb811;
}
.myButtonVerde:active {
        position:relative;
        top:1px;
}

.myButtonRojo {
        -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
        -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
        box-shadow:inset 0px 1px 0px 0px #f29c93;
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
        background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
        background-color:#fe1a00;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #d83526;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        padding:6px;
        text-decoration:none;
        text-shadow:0px 1px 0px #b23e35;
}
.myButtonRojo:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
        background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
        background-color:#ce0100;
}
.myButtonRojo:active {
        position:relative;
        top:1px;
}    

.myButtonAmarillo {
    -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
    box-shadow:inset 0px 1px 0px 0px #fff6af;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
    background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
    background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ffec64;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #ffaa22;
    display:inline-block;
    cursor:pointer;
    color:#333333;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:5px 10px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffee66;
}
.myButtonAmarillo:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
    background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ffab23;
}
.myButtonAmarillo:active {
    position:relative;
    top:1px;
}

.boton_personalizado{
    text-decoration: none;
    padding: 2px;
    /*font-weight: 600;*/
    font-size: 16pt;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
    border-width: 2px;
    border-style: solid;l
    border-color: #1883ba;
  }
.boton_personalizado:hover{
    cursor:pointer;
    color: #1883ba;
    background-color: #ffffff;
    border-color: #0016b0;

}

.botonSen_Azul{
    cursor: pointer;
    background-color: #244A81;
    color: #FFFFFF;
    border-color: #3865A5;
    padding: 2px;
    border-radius: 5px;
}

.botonSen_Azul:hover{
    padding: 4px;
    /*border-color: #FAC075;*/
}

.botonAmar{
    padding: 2px;
    background-image: url('images/TD_AmarilloClaro.jpg');
    border-color: #C2C2CA;
    border-radius: 5px;
    cursor: pointer;
}

.botonAmar:hover{
    padding: 4px;
}



#button-efect{
    /*position: absolute;*/
    /*top: 5px;
    left: 5px;*/
    width:auto;
    height:auto;
    padding: 4px;
    margin:0px auto;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    cursor:pointer;

}

#button-efect p{
    margin-top: 4px;
    margin-left:4px;
    font-size:.9em;
}



/*Colors*/
.yellow-efect{
/*Gradient*/
    background: rgb(255,197,120); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}

.green-efect{
    background: rgb(205,235,142); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(205,235,142,1) 0%, rgba(165,201,86,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(205,235,142,1) 0%,rgba(165,201,86,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
}

.blue-efect{
    background: rgb(122,188,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

.btnSencilloAzul{

    background-color: #25317C;
    color: #FFFFFF;
    border-radius: 0.8, 0.8, 0.8, 0.8;
    cursor: pointer;
}


/* TDS ========================================*/


.TD_FondoAzul{
    
    background-color: #08088A;
    color: #FFFFFF;
    
    border-color: #0000FF;
    
    font-size: 11pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;
}

.TD_FondoBlack{
    
    background-color: #000000;
    color: #FFFFFF;
    
    border-color: #0000FF;
    
    font-size: 11pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;
}

.TD_FondoDor{
    
    background-color: #C2BB82;
    color: #000000;
    
    border-color: #0000FF;
    
    font-size: 11pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;
}

.TD_FondoVerdeTenue{
    
    background-color: #B3DDA9;
    color: #000000;
    
    border-color: #0000FF;
    
    font-size: 11pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;
}

.TD_FondoEnca{

    /*background-color: #08088A;*/
    background-image: url('images/azulTD.jpg');
    color: #FFFFFF;
    
    border-color: #0000FF;
    
    font-size: 12pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #FFFFFF;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #FFFFFF;
    border-left-style: solid;
    border-left-width: 1px;

    color: #FFFFFF;

}

.TD_FondoEncaCla{

    /*background-color: #08088A;*/
    background-image: url('images/BarraAzul.jpg');
    color: #FFFFFF;
    
    border-color: #0000FF;
    
    font-size: 12pt;
    
    border-top-color: #848484;
    border-top-style: solid;
    border-top-width: 1px;
    
    border-bottom-color: #848484;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    
    border-right-color: #848484;
    border-right-style: solid;
    border-right-width: 1px;
    
    border-left-color: #848484;
    border-left-style: solid;
    border-left-width: 1px;

    color: #FFFFFF;

}

.EstiloGrisTenue9{
    background-color:  #E6E6E6;
    color:#000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
      
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;      
}

.EstiloBlueTenue9{
    background-color:  #3F728C;
    /*background-color:  #738CAB;*/
    color:#FFFFFF;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
      
    border-collapse:collapse;
    border-width: 1px;
    border-color: #A7A7A7;
    border-style: solid;      
}

.EstiloEncaVerde{
    /*background-color:  #A29E78;*/
    background-color:  #488C45;
    color:#000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
      
    border-collapse:collapse;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;      
}

.EstiloEncaComb{
    /*background-color:  #A29E78;*/
    background-color:  #458C8A;
    color:#000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
      
    border-collapse:collapse;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;      
}

.estiloSubTit{
    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: 4px;
    /*padding-left: 6px;*/
}


/* 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 #0B0B61;
    /*border: 4px solid #2E2E2E;*/
    /*border: 4px solid #000000;*/
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 6px;
}

/* Fin Modal window */

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

/* Tablas ================================================================== */


.EstiloTablaSombra{
    background-color: transparent;
    color:#5C5C5C;
    border-collapse:collapse;
    text-decoration: none;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;

    border-style: solid;
    border-width: 1px;
    border-color: #cfcfcf;
    border-radius: 10px;
      
    -webkit-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);
    box-shadow: 10px 10px 10px -5px rgba(107,106,107,1);      

}

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

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

/*ToolTip  */

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 108px;
    background-color: #3B5998;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    /*z-index: 1;*/

    top: -5px;
    right: 103%;     
    
    transition-delay: 0.5s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/*ToolTip Der */

.tooltipDer {
    position: relative;
    display: inline-block;
    border-bottom: 0px;
}

.tooltipDer .tooltiptextDer {
    visibility: hidden;
    width: 108px;
    background-color: #3B5998;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;

    /* Position the tooltip */
    position: absolute;
    /*z-index: 1;*/

    top: 0px;
    right: -350%;     
    
    transition-delay: 0.5s;
}

.tooltipDer:hover .tooltiptextDer {
    visibility: visible;
}


/*ToolTip 4 */

.tooltipC {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipC .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipC:hover .tooltiptext {
  visibility: visible;
}

/*ToolTip 5 */

.tooltipQ {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipQ .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-left: -120%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipQ:hover .tooltiptext {
  visibility: visible;
}

/*ToolTip 6 */

.tooltipS:hover .tooltiptext {
  visibility: visible;
}

.tooltipS {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipS .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-left: -190%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltipSp:hover .tooltiptext {
  visibility: visible;
}
/*ToolTip 6 */

.tooltipSp {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipSp .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 100%;
  margin-left: -240%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*ToolTip 8 */

.tooltipLB:hover .tooltiptext {
  visibility: visible;
}

.tooltipLB {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipLB .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 100%;
  margin-left: -100%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*ToolTip 9 */

.tooltipDB:hover .tooltiptext {
  visibility: visible;
}

.tooltipDB {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipDB .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 100%;
  margin-left: -220%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*ToolTip 10 */

.tooltipDB2:hover .tooltiptext {
  visibility: visible;
}

.tooltipDB2 {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipDB2 .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 130%;
  margin-left: -330%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*ToolTip 11 */

.tooltipDB3:hover .tooltiptext {
  visibility: visible;
}

.tooltipDB3 {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipDB3 .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 100%;
  margin-left: -495%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

/*ToolTip 12 */

.tooltipDB4:hover .tooltiptext {
  visibility: visible;
}

.tooltipDB4 {
  position: relative;
  display: inline-block;
  border-bottom: 0px;
}

.tooltipDB4 .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #3B5998;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 2px 0;
  margin-top: 100%;
  margin-left: -795%;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

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

/* ESTILOS TAB ============================================================= */


/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #6DB0CD;
  color: #000000;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: #6DB0CD;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight: bold;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
  background-color: #ffffff;
  color: #FCA433;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/*Inputs  */

/*HORARIOS ==========================================================================================*/

.BtnsHor{
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
}


/* Más estilos ========================================================================================*/

/*.container-header{
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: auto;
}

.logo-title{
    display: flex;
}

.logo-title img{
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
}

.logo-title h4{
    color: white;
    font-weight: 100;
    margin-left: 10px;
    margin-top: 20px;
}

.icon-menu{
    position: absolute;
    right: 10px;
    top: 14px;
    color: white;
    font-size: 28px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.icon-menu:hover{
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

/*Portada*/

/*.container-portada{
    width: 100%;
    height: 400px;
    position: relative;
    background-image: url(../../images/portada.jpg);
    background-size: 150%;
    animation: movimiento 10s linear infinite alternate;
}

@keyframes movimiento{
    from{
        background-position: bottom left;
    }to{
        background-position: top right;
    }
}

.capa-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    background: -webkit-linear-gradient(left, black, #0FD5FC);
    opacity: 0.5;
}

.container-details{
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: auto;
}

.details{
    width: 100%;
    max-width: 500px;
    position: relative;
    top: 20px;
    color: white;
    padding-right: 10px;
}

.details h1{
    font-size: 40px;
    font-weight: 100px;
    margin-left: 10px;
}

.details p{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
}

.details button{
    padding: 10px 20px;
    font-size: 16px;
    background: none;
    border-style: none;
    border: 1px solid white;
    color: white;
    margin-top: 20px;
    transition: all 300ms;
    cursor: pointer;
    margin-left: 10px;
}

.details button:hover{
    background: white;
    color: black;
}*/

/* HORARIOS */

.CeldaHora{
    
    text-align: center;
    padding: 4px;
    font-size: 9pt;
    font-family: sans-serif;
    line-height: 13px;
    width: 145px;
    height: 50px;
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;    
    
    /*cursor: move;*/
    
    cursor: default;
}



.NumLat{
    font-size: 12pt;
    font-family: sans-serif;
    color: #000099;
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;    
    
    height: 31px;
    width: 18px;
    
    padding-top: 4px;
}

.Receso{
    font-size: 11pt;
    font-family: sans-serif;
    
    color: #585858;
    background-color: #F2F2F2;
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;    
    
    width: 148px;
    height: 21px;
    
    /*padding-top: 1px;*/
}


.BtnsHor{
    
    border-width: 1px;
    border-style: solid;    
    border-top-color: #797979;
    border-bottom-color: #545454;
    border-left-color: #797979;
    border-right-color: #797979;
}

/*Portada*/

/*.container-portada{
    width: 100%;
    height: 400px;
    position: relative;
    background-image: url(../../images/portada.jpg);
    background-size: 150%;
    animation: movimiento 10s linear infinite alternate;
}

@keyframes movimiento{
    from{
        background-position: bottom left;
    }to{
        background-position: top right;
    }
}

.capa-gradient{
    width: 100%;
    height: 100%;
    position: absolute;
    background: -webkit-linear-gradient(left, black, #0FD5FC);
    opacity: 0.5;
}

.container-details{
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: auto;
}

.details{
    width: 100%;
    max-width: 500px;
    position: relative;
    top: 20px;
    color: white;
    padding-right: 10px;
}

.details h1{
    font-size: 40px;
    font-weight: 100px;
    margin-left: 10px;
}

.details p{
    margin-top: 10px;
    font-size: 20px;
    font-weight: 100;
}

.details button{
    padding: 10px 20px;
    font-size: 16px;
    background: none;
    border-style: none;
    border: 1px solid white;
    color: white;
    margin-top: 20px;
    transition: all 300ms;
    cursor: pointer;
    margin-left: 10px;
}

.details button:hover{
    background: white;
    color: black;
}*/

/*.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
}*/

/*.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img_box img{
    max-height: 150px;
    min-width: 150px;
    max-width: 100%;
}

.portada_slider{
    padding: 0px;
}

.slider_container .container{
    padding: 0 15px;
    min-width: 150px;
    width: 90%;
    margin: 0 auto;
}*/




/*Articulo*/

/*main{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

article{
    width: 100%;
    max-width: 800px;
    margin-top: 20px;
    padding-right: 10px;
}

article h1{
    font-size: 40px;
    font-weight: 100;
    margin-left: 10px;
}

article hr{
    max-width: 500px;
    height: 4px;
    border-style: none;
    background: -webkit-linear-gradient(left, black, #0FD5FC);
    margin-top: 10px;
    margin-left: 10px;
}

article p{
    font-size: 20px;
    margin-top: 20px;
    font-weight: 100;
    margin-left: 10px;
}

@media screen and (max.width: 500px){
    .details p(
        font-size: 18px;
    )
}*/