/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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.
///////////////////////////////////////////////////////////////////*/

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

#contents p {}

div.text_container { margin:0 0 20px;}

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

.galeria { float: left; margin: 0 auto; }

/*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: 180px; height: 175px; margin:0 3px 10px; padding: 0 0 5px; }

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

#contents .galeria ul li img { }
#contents .galeria ul li span { background:url(../images/ico_gallery.jpg) no-repeat 0 0; color:#454545; float:left; font-size:10px; margin:-3px 0 0; padding:6px 0 0; text-align:left; }

/* 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; }