.divGrid1
{       
    border:1px solid #cccccc;
    padding-left:10px;
    
}
.divFiltro
{
    margin-bottom:4px;
    padding-right:30px;
}
.divGrid
{
    overflow:auto;
    max-height:500px;
    min-height:500px;   
    padding-left:10px;
    
}
.grid
{
    width:100%;
    margin-top: 10px;        
    border:0px solid;
    box-shadow: 6px 1px 10px -1px #cccccc;  
  
}

.titleLeft
{
    background:#8a8787; 
    text-align:center;
    padding:4px;
    color:white;    
    font-weight:700;
    border-left:1px solid #8a8787;
    border-top:1px solid #8a8787;
   
}
.title
{
    background:#8a8787;
    text-align:center;
    padding:4px;
    color:white;
    font-weight:700;
    border-top:1px solid #8a8787;
   
    
}
.titleRight
{
    background:#8a8787; 
    text-align:center;
    padding:4px;
    color:white;
    border-top:1px solid #8a8787;
    border-right:1px solid #8a8787;
    font-weight:700;
    
}

.row1 .celdaLeft
{
     background:#ffffff;
     border-left:1px solid #8a8787;     
}
.row2 .celdaLeft
{
    background:#f0f0f0;
     border-left:1px solid #8a8787;
}

.row1 .celda
{
     background:#ffffff;    
}
.row2 .celda
{
     background:#f0f0f0;    
}

.row1 .celdaRight
{
     background:#ffffff;  
     border-right:1px solid #8a8787;
}
.row2 .celdaRight
{
     background:#f0f0f0;    
     border-right:1px solid #8a8787;
}

.celdaLeft
{    
     padding-left: 3px;
}
.celdaBottomLeft
{
  
  padding-left: 3px;
  border-bottom:1px solid #8a8787;
}
.celdaBottom
{
     border-bottom:1px solid #8a8787;
}

.row1 .celdaBottom
{
     border-bottom:1px solid #8a8787;
     background:#ffffff; 
}
.row2 .celdaBottom
{
     border-bottom:1px solid #8a8787;
     background:#f0f0f0; 
}

.row1 .celdaBottomLeft
{
    border-left:1px solid #8a8787; 
    background:#ffffff;
}
.row2 .celdaBottomLeft
{
    border-left:1px solid #8a8787; 
    background:#f0f0f0;
}

.row1 .celdaBottomRight
{
  
  padding-left: 5px;
  border-bottom:1px solid #8a8787;
  border-right:1px solid #8a8787;
  background:#ffffff;
}

.row2 .celdaBottomRight
{
  background:#f0f0f0; 
  padding-left: 5px;
  border-bottom:1px solid #8a8787;
  border-right:1px solid #8a8787;
}
.grid .row1:hover
{	  
    box-shadow: 0 1px 10px 2px #333333;
}
.grid .row2:hover
{	  
    box-shadow: 0 1px 10px 2px #333333;
}