.elemento {
    color: #24259e;
}
.GridPager a,
.GridPager span {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #24259e;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #24259e;
    text-shadow: 0px 1px 0px rgb(15, 55, 225);
}

.GridPager a {
    background-color: #f5f5f5;
    color: #24259e;
    border: 1px solid #969696;
}

.GridPager span {

    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
    border: 1px solid #3AC0F2;
}

.modalBackground 
{
   height: 100%;
   background-color: #000000;
   filter: alpha(opacity=70);
   opacity: 0.7;
}

   @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)
        {
    
    /* Force table to not be like tables anymore */
   table, 
   thead, 
   tbody, 
   th, 
   td, 
   tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	tr { border: 1px solid #ccc; }
 
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
  .video iframe
                        {
                           margin-top: 20px;
                           margin-bottom: 20px;
                        }
	
}