/* 
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: 480px),
(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;
		

	}
	
img, video{
/*border:solid 2px red;*/
max-width:98%;
height:auto !important;}

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

	}

	p{
	line-height:29px !important;
	margin-left:0px !important;
	font-size: 16px !important;
	/*border:solid 5px blue; */
	}

	
	div{
		/*border:solid 1px blue; */
	}

li,p,td,tr{
/*border:solid 2px red;*/
}
.tituloContenido_texto
{
font-family: 'Encode Sans', sans-serif;}

.EstiloExtractosHomeGenerales > div
{
float:none !important;
clear:both !important;
/*border:solid 2px green;*/
max-width:99% !important;
margin:auto !important;
}
.EstiloExtractosHome_modelo_1_imagen,
.EstiloExtractosHome_modelo_2_imagen,
.EstiloExtractosHome_modelo_3_imagen > img
{
/*border:solid 2px red !important;*/
margin:auto !important;
width:100% !important;
float:none !important;
}
.EstiloExtractosHome
{
float:none !important;
clear:both !important;
margin:auto !important;
/*border:solid 2px blue;*/
}
.EstiloExtractosHome_modelo_1_titulo,
.EstiloExtractosHome_modelo_1_texto,
.EstiloExtractosHome_modelo_1_imagen,
.EstiloExtractosHome_modelo_2_titulo,
.EstiloExtractosHome_modelo_2_texto,
.EstiloExtractosHome_modelo_2_imagen,
.EstiloExtractosHome_modelo_3_titulo,
.EstiloExtractosHome_modelo_3_texto,
.EstiloExtractosHome_modelo_3_imagen
{
float:none !important;
clear:both !important;
/*border:solid 2px pink;*/
padding:0px !important;
margin:0px !important;
text-align:center !important;
}

.EstiloExtractosHome_modelo_1_titulo,
.EstiloExtractosHome_modelo_2_titulo,
.EstiloExtractosHome_modelo_3_titulo
{
font-size:50px !important;
}

	a {
	/*CON ESTO PREVENGO QUE LOS URL LARGOS DEFORMEN EL ANCHO PARA MÓVILES Y GENEREN UN SCROLL INNECESARIO*/
  text-overflow: ellipsis;
 overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
	
	/* 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;*/
	}
}