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

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

.galeria { padding:15px 0 35px 0; float:left;}

/*Listado de imágenes*/

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

#contents .galeria ul li { float: left; width: 238px; height: 185px; margin: 0 0 30px 0; display:inline; }

#contents .galeria ul li img { border: 4px solid #d1cce0; }
#contents .galeria ul li span { font-size: 10px; color: #797979; margin:0 0 0 4px; background: url(../images/backgrounds/more.gif) left 5px no-repeat; padding:5px 0 5px 16px; }

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

#contents .next a { text-transform: lowercase; color: #fff; text-decoration:none; }
#contents .next a:hover { color: #fff; }
#contents .prev a { text-transform: lowercase; color: #fff; text-decoration:none; }
#contents .prev a:hover { color: #fff; }
/* 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: 0 5px 0 0; padding: 5px 8px 18px 6px; background: url(../images/backgrounds/btng.gif) right 5px no-repeat; }
.prev { float: right; margin: 0 5px 0 0; padding: 5px 5px 18px 10px; background: url(../images/backgrounds/btngb.gif) 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; padding: 0 0 0 15px; background: url(../images/back_arrow.png) 0 5px no-repeat; }