table{width:100%; border-collapse:collapse}
tr:nth-of-type(odd){background:#eee}
th{background:#6ba8a9; color:white; font-weight:normal}
td, th {padding:6px; border:1px solid #ccc; text-align:left}
caption{padding:10px 5px; background:#357376!important; color:#fff; border: 1px solid #fff;}
@media only screen and (max-width:700px) {	
	.dirTablaUs table, 	.dirTablaUs thead, 	.dirTablaUs tbody, 	.dirTablaUs th, .dirTablaUs td, .dirTablaUs tr{display:block}
	.dirTablaUs thead tr{position:absolute; top:-9999px; left:-9999px}
	.dirTablaUs caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.dirTablaUs tr{border:1px solid #ccc}
	.dirTablaUs td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.dirTablaUs td:before{position:absolute; top:6px; left:6px; width:40%; 
							padding-left:6px; padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.dirTablaUs td:nth-of-type(1):before{content:"Logo : "}
	.dirTablaUs td:nth-of-type(2):before{content:"Company :"}
	.dirTablaUs td:nth-of-type(3):before{content:"Services : "}
	.dirTablaUs td:nth-of-type(4):before{content:"Location : "}
	.dirTablaUs td:nth-of-type(5):before{content:"More info : "}
	
	.dirTablaMx table, 	.dirTablaMx thead, 	.dirTablaMx tbody, 	.dirTablaMx th, .dirTablaMx td, .dirTablaMx tr{display:block}
	.dirTablaMx thead tr{position:absolute; top:-9999px; left:-9999px}
	.dirTablaMx caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.dirTablaMx tr{border:1px solid #ccc}
	.dirTablaMx td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.dirTablaMx td:before{position:absolute; top:6px; left:6px; width:40%; 
							padding-left:6px; padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.dirTablaMx td:nth-of-type(1):before{content:"Logo : "}
	.dirTablaMx td:nth-of-type(2):before{content:"Empresa :"}
	.dirTablaMx td:nth-of-type(3):before{content:"Servicios : "}
	.dirTablaMx td:nth-of-type(4):before{content:"Ubicación : "}
	.dirTablaMx td:nth-of-type(5):before{content:"Más info : "}
}

@media only screen and (max-width:500px) {	
	.indTablaUs table, 	.indTablaUs thead, 	.indTablaUs tbody, 	.indTablaUs th, .indTablaUs td, .indTablaUs tr{display:block}
	.indTablaUs thead tr{position:absolute; top:-9999px; left:-9999px}
	.indTablaUs caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.indTablaUs tr{border:1px solid #ccc}
	.indTablaUs td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.indTablaUs td:before{position:absolute; top:6px; left:6px; width:40%; padding-left:6px; 
							padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.indTablaUs td:nth-of-type(1):before{content:"Position : "}
	.indTablaUs td:nth-of-type(2):before{content:"Industry :"}
	.indTablaUs td:nth-of-type(3):before{content:"Companies : "}
	.indTablaUs td:nth-of-type(4):before{content:"More info : "}

	.indTablaMx table, 	.indTablaMx thead, 	.indTablaMx tbody, 	.indTablaMx th, .indTablaMx td, .indTablaMx tr{display:block}
	.indTablaMx thead tr{position:absolute; top:-9999px; left:-9999px}
	.indTablaMx caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.indTablaMx tr{border:1px solid #ccc}
	.indTablaMx td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.indTablaMx td:before{position:absolute; top:6px; left:6px; width:40%; padding-left:6px; 
							padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.indTablaMx td:nth-of-type(1):before{content:"Posición : "}
	.indTablaMx td:nth-of-type(2):before{content:"Industria :"}
	.indTablaMx td:nth-of-type(3):before{content:"Empresas : "}
	.indTablaMx td:nth-of-type(4):before{content:"Más info : "}

	.visTablaUs table, 	.visTablaUs thead, 	.visTablaUs tbody, 	.visTablaUs th, .visTablaUs td, .visTablaUs tr{display:block}
	.visTablaUs thead tr{position:absolute; top:-9999px; left:-9999px}
	.visTablaUs caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.visTablaUs tr{border:1px solid #ccc}
	.visTablaUs td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.visTablaUs td:before{position:absolute; top:6px; left:6px; width:40%; padding-left:6px;
							padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.visTablaUs td:nth-of-type(1):before{content:"Position : "}
	.visTablaUs td:nth-of-type(2):before{content:"Industry :"}
	.visTablaUs td:nth-of-type(3):before{content:"Visits : "}
	.visTablaUs td:nth-of-type(4):before{content:"Companies : "}
	.visTablaUs td:nth-of-type(5):before{content:"More info : "}

	.visTablaMx table, 	.visTablaMx thead, 	.visTablaMx tbody, 	.visTablaMx th, .visTablaMx td, .visTablaMx tr{display:block}
	.visTablaMx thead tr{position:absolute; top:-9999px; left:-9999px}
	.visTablaMx caption{width: 100%; padding:10px 5px; background:#357376!important; color:#fff; border: 0px}
	.visTablaMx tr{border:1px solid #ccc}
	.visTablaMx td{border:none;	border-bottom:1px solid #eee; position:relative; padding-left:45%; min-height:40px}
	.visTablaMx td:before{position:absolute; top:6px; left:6px; width:40%; padding-left:6px; 
							padding-right:10px; white-space:nowrap; background:#e4e6e7}
	.visTablaMx td:nth-of-type(1):before{content:"Posición : "}
	.visTablaMx td:nth-of-type(2):before{content:"Industria :"}
	.visTablaMx td:nth-of-type(3):before{content:"Visitas : "}
	.visTablaMx td:nth-of-type(4):before{content:"Empresas : "}
	.visTablaMx td:nth-of-type(5):before{content:"Más info : "}
}