/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.dataResponsive table, thead, tbody, th, td, tr { 
		display: block; 
		width:auto !important;
		height:auto !important;
		

	}
	
	.dataResponsive table { 
		/*border:solid 5px blue; */
		

	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.dataResponsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.dataResponsive tr { border: 0px solid #ccc;  }
	
	.dataResponsive td { 
		/* Behave  like a "row" */
		border: 0px solid GREEN; 
		height:auto !important;
	}
	
	.dataResponsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 2px;
		left: 2px;
		padding-right: 0px; 
		white-space: nowrap;
		height:auto !important;
	}
		.dataResponsive img { 
		/* Now like a table header */

width:95%;


}
.dataResponsive a{
	/*border:solid 2px green;*/
	}
}
/*estilo para controlar los videos en iframe*/