#searchTableDivId td:first-child img { 
    max-width:50px;
}
#searchTableDivId td {
    text-align:left;
    padding:5px;
    /*border-bottom : 1px solid lightgray;    */
    border-bottom : 1px solid white;
}
#searchTableDivId th {
    background: #b0bec5;
    color:black;
    border-right:1px solid white;
}



                        
                        
@media only screen and (max-width: 800px) {
   /*
    #div_tableSearch{
        overflow-x:hidden;
    }
    */
  
  /* Force table to not be like tables anymore */
  #searchTableDivId table, 
  #searchTableDivId thead, 
  #searchTableDivId tbody, 
  #searchTableDivId th, 
  #searchTableDivId td, 
  #searchTableDivId tr { 
    display: block; 
  }
  #searchTableDivId tbody {
      background: rgb(144, 202, 249);
  }
 
  /* Hide table headers (but not display: none;, for accessibility) */
  #searchTableDivId thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
 
  #searchTableDivId tr { 
      padding: 5px;
      /*border: 1px solid #ccc;*/
      /*margin-bottom:5px;*/
      border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  }
 
  
  /*ESTO SOLO DEBE APLICAR SI EL ATRIBUTO ASOCIADO ES DE TIPO FOTO
    EN JAVASCRIPT DEBE ASIGNARSE UNA CLASE ESPECIFICA*/
  /*
  #searchTableDivId td:first-child { 
    
    padding: 5px;
    border: none;
    position: relative;
    white-space: normal;
    overflow:hidden;
    text-align:center;
    font-weight:bold;
  }
  */
  
  #searchTableDivId td:first-child img { 
    margin-top:5px;
    max-width:150px;    
    
    /* bordes redondeados */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    /* efecto de sombra para que destaque la foto */
    -webkit-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 26px -6px rgba(0,0,0,0.75);

  }
  #searchTableDivId td { 
    padding: 5px;
    /* Behave  like a "row" */
    border: none;
    /*border-bottom: 1px solid #eee;*/
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;    
    overflow:hidden;
  }
 
  #searchTableDivId td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }
 
  /*
  Label the data
  */
  #searchTableDivId td:before { 
      content: attr(data-title); 
  }  
}