/*Hoja de Estilos : estilos*/

/*En este fichero se describen todos los estilos utilizados en la página web*/

/*Estilos de body*/
@charset "UTF-8";
.tabla_normal{
  background-color: white; /*Color de fondo*/
    text-align: left;
    border-collapse: collapse;
    width: 80%;
  }
  
  .tabla_normal th, td{
    padding-top: 25px;
  }
  
  .tabla_normal thead{
    background-color: #246355; /*Color de fondo*/
    border-bottom: solid 5px #0F362D;
    color: white;
  }
  
  .tabla_normal tr:hover td{
     background-color: white; /*Color de fondo*/
     color: black;
  }
  
  
  
  
  
  table.tabla_nula{
    text-align: left;
    border-collapse: collapse;
    width: 80%;
  }
  
  table.tabla_nula th, td{
    padding: 15px;
  }
  
  table.tabla_nula thead{
    border-bottom: solid 5px #0F362D;
  }
  
  table.tabla_nula tr:nth-child(even){
    background-color: red;
  }
  
  table.tabla_nula tr:hover td{
    background-color: none;
    color: white;
  }
  
  
  
  
  
  
  table.sortable{
    background-color: white; 
    text-align: left;
    border-collapse: collapse;
    width: 95%;
  }
  
  table.sortable th, td{
    padding: 4px;
  }
  
  table.sortable thead{
    background-color: #246355; 
    border-bottom: solid 2px #0F362D;
    color: white;
  }
  
  table.sortable tr:nth-child(even){
    background-color: #ddd;
  }
  
  table.sortable tr:hover td{
    background-color: #369681; 
    color: white;
  }

  
  table.show1{
    background-color: white; 
    text-align: left;
    border-collapse: collapse;
    width: 95%;
    font-size:13px;
  }
  
  table.show1 th, td{
    padding: 4px;
  }
  
  table.show1 thead{
    background-color: #246355; 
    border-bottom: solid 2px #0F362D;
    color: white;
  }
  
  table.show1 tr:nth-child(even){
    background-color: #ddd;
  }
  
  table.show1 tr:hover td{
    background-color: #369681; 
    color: white;
  }
  table.show1 tfoot{
    font-family:'Righteous', cursive;
     background-color: #246355; 
     border-bottom: solid 5px #0F362D;
     font-size: 13px;
     color: white;
   }
/*aaaaaaaaaaaaaaaaaaaa*/



/*aaaaaaaaaaaaaaaaaaaaaaaaaaa*/
   table.show2{
    font-family:'Sintony', sans-serif; /*Familia de fuentes*/
    background-color: white; 
    text-align: left;
    border-collapse: collapse;
    width: 95%;
    font-size:13px;
  }
  
  table.show2 th, td{
    padding: 4px;
  }
  
  table.show2 thead{
    font-family:'Righteous', cursive;
    background-color: #246355; 
    border-bottom: solid 2px #0F362D;
    color: white;
  }
  
  table.show2 tr:nth-child(even){
    background-color: #ddd;
  }
  
  table.show2 tr:hover td{
    background-color: #369681; 
    color: white;
  }
  table.show2 tfoot{
    font-family:'Righteous', cursive;
     background-color: #246355; 
     border-bottom: solid 5px #0F362D;
     font-size: 13px;
     color: white;
   }
  
  
  /*Estilos de las tanlas SHOWALL*/
  
  
  table.show{
    font-family:'Sintony', sans-serif; /*Familia de fuentes*/
    background-color: white; 
    text-align: left;
    border-collapse: collapse;
    width: 80%;
  }


  table.show th, td{
    padding: 15px;
  }
  
  table.show thead{
   font-family:'Righteous', cursive;
    background-color: #246355; 
    border-bottom: solid 5px #0F362D;
    color: white;
    position: sticky;
  top: 0;
  z-index: 1;
  }

  table.show thead th{
     position: sticky;
   top: 0;
   z-index: 1;
   }
  
  table.show tfoot{
   font-family:'Righteous', cursive;
    background-color: #246355; 
    border-bottom: solid 5px #0F362D;
    font-size: 15px;
    color: white;
  }
  
  table.show tr:nth-child(even){
    background-color: #ddd; 
  }
  
  table.show tr:hover td{
    background-color: #369681; 
    color: white;
  }