/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL GRID <<<-------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/* Proceso cuadrícula

Usada para insertar distinto tipo de contenido según una cuadrícula
de 9 cuadros que el cliente puede configurar a su gusto.
*/

/*Estilo general de la tabla contenedora*/

#contents #grid { width: 100%; border-collapse: collapse; border: none; text-align: justify; }
#grid td { padding: 4px; vertical-align: top; }

#contents td, #contents th { border: none; }

/*Estilo de las imágenes contenidas en la tabla*/

#grid img { margin: 5px 0;}

/* Los siguientes parametros marcan los anchos de las celdas
   que deben ser iguales entre si.  */

#grid td.single_width { }
#grid td.double_width { width: 490px;}
#grid td.triple_width { width: 740px;}


/* Los siguientes parametros se pueden combinar con los anteriores
   para personalizar aun mas el diseño, son todos estilos de celda. */

/*Estilos cuando el cuadro contenedor contiene texto*/

#grid td.text {}
#grid td.text p { text-align:justify; width:200px; margin:0 8px 0 0;}

/*Estilos cuando el cuadro contenedor contiene una imagen */

#grid td.image {}
#grid td.image img {}

/*Estilos cuando el cuadro contenedor está vacío */

#grid td.empty {}

/*Estilo cuando el contenido del cuadro se alinea arriba o abajo*/

#grid td.bottom {}
#grid td.top {}