﻿@media 
only screen and (max-width: 1200px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	.TablaResponsive table, .TablaResponsive thead, .TablaResponsive tbody, .TablaResponsive th, .TablaResponsive td, .TablaResponsive tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.TablaResponsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.TablaResponsive tr { border: 1px solid #ccc; }
	
	.TablaResponsive td { 
        position: relative;
        padding-left: 2%;
		padding-top: 1%;
        text-align: center;
	}
	
	.TablaResponsive td:before { 
		    left: 0px;
            position: relative;
	}
	

	/*
	Labels que muestro cuando la tabla cambia de tamaño
	*/

    #tableTel td:nth-of-type(1):before { content: "Código Area: "; }
	#tableTel td:nth-of-type(2):before { content: "Telefono: "; }
	#tableTel td:nth-of-type(3):before { content: "Principal: "; }
	#tableTel td:nth-of-type(4):before { content: "Observaciones: "; }
	#tableTel td:nth-of-type(5):before { content: ""; }
    #tableTel td:nth-of-type(6):before { content: ""; }

    #tableMai td:nth-of-type(1):before { content: "Email: "; }
	#tableMai td:nth-of-type(2):before { content: "Tipo de Email: "; }
    #tableMai td:nth-of-type(3):before { content: "Principal: "; }
	#tableMai td:nth-of-type(4):before { content: ""; }
    #tableMai td:nth-of-type(5):before { content: ""; }

    #tableDir td:nth-of-type(1):before { content: "Direccion: "; }
    #tableDir td:nth-of-type(2):before { content: "C.P.: "; }
    #tableDir td:nth-of-type(3):before { content: "Provincia: "; }
    #tableDir td:nth-of-type(4):before { content: "Localidad: "; }
    #tableDir td:nth-of-type(5):before { content: "Tipo Domicilio: "; }
    #tableDir td:nth-of-type(6):before { content: "Facturacion: "; }
    #tableDir td:nth-of-type(7):before { content: "Datos Adicionales: "; }
    #tableDir td:nth-of-type(8):before { content: ""; }
    #tableDir td:nth-of-type(9):before { content: ""; }

    #tableVeh td:nth-of-type(1):before { content: "";}
    #tableVeh td:nth-of-type(2):before { content: "Dominio: "; }
    #tableVeh td:nth-of-type(3):before { content: "Marca: "; }
    #tableVeh td:nth-of-type(4):before { content: "Modelo: "; }
    #tableVeh td:nth-of-type(5):before { content: "Año: "; }
    #tableVeh td:nth-of-type(6):before { content: "Tag: "; }
    #tableVeh td:nth-of-type(7):before { content: "Tipo Tag: "; }
    #tableVeh td:nth-of-type(8):before { content: "Color: "; }
    #tableVeh td:nth-of-type(9):before { content: "Ejes: "; }
    #tableVeh td:nth-of-type(10):before { content: "Altura: "; }
    #tableVeh td:nth-of-type(11):before { content: "Rueda Doble: "; }
    #tableVeh td:nth-of-type(12):before { content: "País: "; }
    #tableVeh td:nth-of-type(13):before { content: ""; }
    #tableVeh td:nth-of-type(14):before { content: ""; }

    #tablaTarjeta td:nth-of-type(1):before { content: "Tipo de Tarjeta: "; }
	#tablaTarjeta td:nth-of-type(2):before { content: "Número: "; }
    #tablaTarjeta td:nth-of-type(3):before { content: "Vencimiento: "; }
    #tablaTarjeta td:nth-of-type(4):before { content: "Titular: "; }
    #tablaTarjeta td:nth-of-type(5):before { content: "Condición Impositiva: "; }  
	#tablaTarjeta td:nth-of-type(6):before { content: ""; }


    #tableCliRef td:nth-of-type(1):before { content: "Nombre y Apellido: "; }
    #tableCliRef td:nth-of-type(2):before { content: "Fecha de Nacimiento: "; }
    #tableCliRef td:nth-of-type(3):before { content: "CUIT: "; }
    #tableCliRef td:nth-of-type(4):before { content: "Condicion Imp: "; }
    #tableCliRef td:nth-of-type(5):before { content: "Tipo: "; }
    #tableCliRef td:nth-of-type(6):before { content: "Tipo Documento: "; }
    #tableCliRef td:nth-of-type(7):before { content: "Número: "; }
    #tableCliRef td:nth-of-type(8):before { content: "Sexo: "; }
    #tableCliRef td:nth-of-type(9):before { content: ""; }  
    #tableCliRef td:nth-of-type(10):before { content: ""; }  



}
