/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL STANDARD <<<---------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Proceso texto y fotos

Usada para insertar contenido con fotos en distintas posiciones, con
un mínimo de 0 fotos y un máximo de 4.

El posicionamiento de las mismas es: "A la izquierda del texto",
"A la derecha del texto", "Arriba del texto" y "Abajo del texto".

En el caso de insertar 4, 3 de ellas se mostrarían a un tamaño menor en
una de las cuatros posiciones anteriores y la cuarta iría a mayor tamaño
situada siempre debajo del resto del contenido.

En el caso de insertar 1, se mostraría en grande debajo del texto.
///////////////////////////////////////////////////////////////////*/

/*Borde de las imágenes*/

#contents .images { width:550px; margin-left:12px;}

#contents .images a img { border: 1px solid #585757; padding:1px; margin:0 12px 8px 0; }

#contents .grande a img { border: 1px solid #585757; padding:1px; margin:10px 0 0 12px; }

/*Contenedor de texto cuando las imágenes se colocan A la izquierda o derecha*/

.text_container { width: 504px; overflow: auto; padding: 0 20px 0 0; }

#contents .section_text { width: 400px; overflow: auto; padding: 0; margin:0 8px 0 0; }

/*Contenedor de texto cuando las imágenes se colocan Arriba o Abajo*/

.big_section_text { margin:10px 0 0; padding:0 10px; width:96%; }

/*Estilo del contenedor de texto cuando se coloca a la izq o dcha de las imágenes*/

#contents .left { float: left; width: 370px; padding: 0 10px 0 20px; }
#contents .right { float: right; width: 380px; padding: 0 10px 0 20px; }

/*Distintas alturas según se coloquen 1, 2 ó 3 imágenes a la izquierda o derecha*/

.triple_height { height: 363px; }
.double_height { height: 328px; }
.single_height { height: 160px; }

/*Contenedor de las imágenes pequeñas*/

.imagen { float: left; margin: 14px 0 0 10px; border: 1px solid #585757; padding:1px; display: inline; }

/*Contenedor de la imagen grande*/

.grande { float: left; }