* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    font-family: Verdana, Tahoma, sans-serif;  
  }

body {
    font-size: 2vw;
    width:95%;
    margin: auto;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}


li, td { font-size: 1em }

hr { color: #3333cc; width:300; text-align:left}

a {
    height: 28px;
    padding-left: 0px;
    color: #000000;
}

.encabezados { background-color:rgb(19, 4, 73); color: aliceblue;
font-weight: bold; font-size:1.4em; padding: 10px 1px; margin: auto; text-align: center;
margin-top:20px;}

.inputcodigo {
   width:200px; 
   height:45px; 
   text-align:center; 
   background-color:#ffffff;
   font-size: 1.2em;
}

.ingresetext {
    font-size:1.2em; 
    margin-bottom:15px;
}
.botoningreso {
    margin:auto;
    text-align: center;
    padding:10px 15px;
    font-size: 1.1em;
    margin-top: 20px;
    background-color: darkgreen;
    color: aliceblue;
}

.desplegmostrar {
    display: inline_block; 
    float:left; 
    font-weight:700;
    padding: 1vw 2vw 0 0.5vw;
}

.mostrar {
    height:30px; 
    width: 140px; 
    font-size:1em; 
    display:inline-block;
}

.buscador {
    width: 100px;
    height: 32px;
    background-color: aliceblue;
    margin: 0px 5px 0px 20px;
    font-size: 1.1em;
  }

/* BOTON EXPORTAR */
.botonexportar {
    text-decoration: none;
    height: 4.5vw;
    background-color: rgb(11, 143, 77);
    color: whitesmoke;
    padding: 1vw 2vw;
    margin-left:5vw;
    font-size: 2vw;
    border: 1px solid;
    border-color: rgb(44, 44, 44);
}
.botonexportar:hover {
    background-color: rgb(15, 179, 97);
}

.botonexportar2 {
    text-decoration: none;
    height: 32px;
    background-color: rgb(221, 136, 8);
    color: whitesmoke;
    padding:6px 10px 5px;
    margin-left:5px;
    font-size: 1em;
    border: 1px solid;
    border-color: rgb(44, 44, 44);
    margin-right:20px;
}
.botonexportar2:hover {
    background-color: rgb(250, 154, 9);
}  

.botonactualizar {
    text-decoration: none;
    height: 4.5vw;
    color: whitesmoke;
    padding: 1vw 2vw;
    margin-left:5vw;
    font-size: 2vw;
    border: 1px solid;
    border-color: rgb(44, 44, 44);
    float:right; 
    background-color: chocolate; 
    margin-top:-1px; 
    margin-bottom:3px; 
    margin-right: 8px; 
    font-weight:400;
}

/* ESTILOS DE LA TABLA */

.tittabla {
    border: 1px solid;
    padding: 3px;
    font-weight: 700;
    background-color: darkslategray;
    color:floralwhite;
  }
 
  .tablainsc {
    background-color: whitesmoke;
    margin-top:10px;
    border-collapse: collapse;
    width: 100%;
  
  }

td {
    border: 1px solid;
    padding: 3px;
    font-size: 1em;
    overflow:hidden;
  }

td:hover {
    overflow:visible;
}

td img:hover{
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
  }

  .copyright {
    font-size:0.9em; 
    margin: auto; 
    text-align:center;
  }

@media screen and (min-width: 1250px){

    td {
        font-size: 0.8em;
    }

    .botonactualizar {
        height: 3vw;
        padding: 6px 15px;
        margin-left:5vw;
        font-size: 1.5vw;
        margin-top:-1px; 
        font-weight:400;
    }
    
    .desplegmostrar {
        padding: 0vw 2vw 0 0.5vw;
    }

    .mostrar {
        height:30px; 
        width: 200px; 
        font-size:0.8em; 
        display:inline-block;
    }
    
    .buscador {
        width: 100px;
        height: 32px;
        margin: 0px 5px 0px 20px;
        font-size: 0.85em;
      }


    .encabezados {
        font-size: 1em;
      }

    .ingresetext {
        font-size:1em; 
    }

    .inputcodigo {
        font-size: 1em;
     }

     .botoningreso {
        padding:10px 15px;
        font-size: 1em;
        margin-top: 20px;
    }

    .copyright {
        font-size:0.7em; 

      }
  }