/*body {margin:0;padding:50px; font-family:"proxima-nova-alt",Helvetica,Roboto,Arial,sans-serif;}*/
	
table.tablaGral,table.rwd_auto {border:1px solid lightgrey;width:100%;margin:0 0 50px 0}
/*    .tablaGral th,.rwd_auto th {background:#ccc;padding:5px;text-align:center;}*/
    .tablaGral td,.rwd_auto td {border-bottom:1px solid lightgrey;padding:5px;text-align:center;
    border: 1px solid lightgrey; border-collapse: collapse;}
    .tablaGral tr:last-child td, .rwd_auto tr:last-child td{border:0}


        
.rwd {width:100%;overflow:auto;}
.rwd table.rwd_auto {width:auto;min-width:100%}
.rwd_auto th,.rwd_auto td {white-space: nowrap;}



    table.width200,table.rwd_auto {border:1px solid #ccc;width:100%;margin:0 0 5px 0}
/*        .width200 th,.rwd_auto th {background:#c7b8db;padding:5px;text-align:center;}*/
        .width200 td,.rwd_auto td {border-bottom:1px solid #ccc;padding:5px;text-align:center}
        .width200 tr:last-child td, .rwd_auto tr:last-child td{border:0}
        
    .rwd {width:100%;overflow:auto;}
        .rwd table.rwd_auto {width:auto;min-width:100%}
            .rwd_auto th,.rwd_auto td {white-space: nowrap;}
            

            
    @media only screen and (max-width: 500px)  
    {
    
        table.width200, .width200 thead, .width200 tbody, .width200 th, .width200 td, .width200 tr { display: block; }
        
        .width200 thead tr { position: absolute;top: -9999px;left: -9999px; }
        
        .width200 tr { border: 1px solid #ccc; }
        
        .width200 td { border: none;border-bottom: 1px solid #ccc; position: relative;padding-left: 50%;text-align:left }
        
        .width200 td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
        
        .width200 td:nth-of-type(1):before { content: "Usuario"; }
        .width200 td:nth-of-type(2):before { content: "Fecha"; }
        .width200 td:nth-of-type(3):before { content: "Hora"; }
        .width200 td:nth-of-type(4):before { content: "Nota"; }
        
        
        .descarto {display:none;}
        .fontsize {font-size:10px}
    }
    
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-width : 320px) and (max-width : 480px) 
    {
/*        body { width: 320px; }
        .descarto {display:none;}*/
    }
    
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-width: 768px) and (max-width: 1024px) 
    {
/*        body { width: 495px; }
        .descarto {display:none;}
        .fontsize {font-size:10px}*/
    }
    
    .tablaGral td { border: 1px solid lightgrey; border-collapse: collapse; }