/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> TPL PICTURE GALLERY <<<--------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*///////////////////////////////////////////////////////////////////
Proceso Galería de imagenes

Galería de imágenes ampliables en ventana emergente. El número de fotografías
por página es configurable.
///////////////////////////////////////////////////////////////////*/

.text_container { margin: 10px 0 20px; padding: 20px; border-bottom: 1px solid #830000; background: #ebecf0; }

/*Párrafo introductorio de la sección*/

#contents p {}

/*Contenedor de las distintas imágenes insertardas por el usario*/

.galeria { float: left; margin: 0 auto 20px; padding: 20px 0 0; background: #ebecf0; }

/*Listado de imágenes*/

#contents .galeria ul { float: left; list-style: none; margin: 0 0 3px; padding: 0; }

#contents .galeria ul li {
	float: left;
	width: 323px;
	margin: 0 13px 5px 20px;
	padding: 0 0 10px;
	text-align: center;
}

#contents .galeria ul li a { float: left; }

#contents .galeria ul li img { }
#contents .galeria ul li span { font-size: 10px; color: #001b52; }

/* Estilos generales de los botones atrás y siguiente de la galería */

.prev a, .next a { text-transform: lowercase; color: #309fbe; }

/* Botón siguiente de la galería, para ir a la siguiente página en el caso de que
haya más de una página de fotografías */

.next { float: right; margin: 10px 5px 0 0; padding: 0 15px 0 0; background: url(../images/black_arrow.png) right 5px no-repeat; }

/*Botón anterior de la galería, para ir atrás en las diferentes páginas de la misma*/

.prev { float: left; margin: 10px 0 0; padding: 0 0 0 15px; background: url(../images/back_arrow.png) 0 5px no-repeat; }