/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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 { margin: 0 0 0 10px; }

/*Listado de imágenes*/

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

#contents .galeria ul li { float: left; width: 161px; height: 145px; margin: 0 3px 3px 0; padding: 6px; display:inline; text-align: center; }

#contents .galeria ul li a { float: left; border: none; height: 124px; overflow: hidden; border: 2px solid #ccc;  }

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

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

#contents .prev a, #contents .next a { text-transform: lowercase; color: #f6ad02; }
#contents .prev a:hover, #contents .next a:hover { text-transform: lowercase; color: #010101; }

/* 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; display:inline; margin: 0 15px 0 0; padding: 0 15px 0 0; background: url(../images/back_arrow2.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; clear:left; padding: 0 0 0 15px; background: url(../images/back_arrow.gif) 0 5px no-repeat; }