#slideshow {list-style:none; color:#fff; }/*Define el color de trasicion de las imagenes*/
#slideshow span {display:none}
#wrapper {width:595px; margin:0px auto; display:none}/* Define el estilo del contenedor de toda la galería */
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:589px; height:214px; padding:2px; border:1px solid #ccc; background:#000}/* Define el marco principal de la imgenes grandes*/
#information {position:absolute; bottom:0; width:589px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}/* Define el estilo del pie de página de las imágenes grandes */
#information h3 {padding:4px 8px 3px; font-size:14px}/* Define el estilo del título del pie de página de las imágenes  grandes */
#information p {padding:0 8px 8px}/* Define el estilo de la descripción de las imágenes en el pie de página */
#image {width:589px;}/* Define el espacio ocupado por las imágenes grandes a lo ancho por lo general el mismo ancho definido en el marco */
#image img {position:absolute; z-index:25; width:589px; height:214px;}/* Define el tamaño de las imágenes grandes  por lo general el mismo que el definido en el marco de las imágenes grandes */
.imgnav {position:absolute; width:25%; height:220px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../Images/ImageGallery/left.gif) left center no-repeat} /* Define la imagen del control de izquierdo ”para correr imágenes grades” */
#imgnext {right:0; background:url(../Images/ImageGallery/right.gif) right center no-repeat} /* Define la imagen del control de derecho ”para correr imágenes grades” */
#imglink {position:absolute; height:220px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../Images/ImageGallery/link.gif) center center no-repeat}
#thumbnails {margin-top:15px; display:none;} /* Espacio entre las imagenes grandes y las miniaturas */
#slideleft {float:left; width:20px; height:81px; background:url(../Images/ImageGallery/scroll-left.gif) center center no-repeat; background-color:#222}/* Define el estilo del control izquierdo de las miniaturas y su imagen “Para correr miniaturas” */
#slideleft:hover {background-color:#333}/* Define el estilo cuando se activa el control izquierdo de las miniaturas */
#slideright {float:right; width:20px; height:81px; background:#222 url(../Images/ImageGallery/scroll-right.gif) center center no-repeat}/* Define el estilo del control derecho de las miniaturas y su imagen “Para correr miniaturas” */
#slideright:hover {background-color:#333}/* Define el estilo cuando se activa el control derecho de las miniaturas */
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}/* Define el estilo del contenedor de las miniaturas */
#slider {position:absolute; left:0; height:81px}/*Corrimiento de miniaturas en el contenedor*/
#slider img {cursor:pointer; border:1px solid #666; padding:2px} /* Marco de la miniatura */

/* Dirección dentro del proyecto de los estilos de las galerías de imágenes "…\eContent\App_Themes\GattacaAdmin\StyleSheets\GallleryImageStyle.css" */

/* Dirección de las imágenes de los controles de la galería dentro del proyecto  “…\eContent\App_Themes\GattacaAdmin\Images\ImageGallery\” */