#slideshow {list-style:none; }/*Define el color de trasicion de las imagenes*/
#slideshow span {display:none}
#wrapper {width:448px; margin:0px auto; display:none;z-index:100 !important; background:transparent url(../Images/ImageGallery/bg_galeria.jpg) repeat-x bottom !important; height:332px;}/* Define el estilo del contenedor de toda la galería */
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:448px; height:308px; padding:0;}/* Define el marco principal de la imgenes grandes*/
#information {position:absolute; bottom:0; width:448px; height:308px; background:#000; color:#fff; overflow:hidden; z-index:200; opacity: 0.7; margin: 0px; margin-left: 0px;}/* Define el estilo del pie de página de las imágenes grandes */
#information h3 {padding:4px 8px 3px; font-size:20px; color:#FDBF3D; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif;}/* Define el estilo del título del pie de página de las imágenes  grandes */
#information p {padding:0 8px 8px; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}/* Define el estilo de la descripción de las imágenes en el pie de página */
#image {width:448px;}/* 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:448px; height:308px;}/* 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:308px; 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:0.4;}
.linkhover {background:url(../Images/ImageGallery/link.gif) center center no-repeat}
#thumbnails {margin-top:0px !important; display:block;} /* Espacio entre las imagenes grandes y las miniaturas */
#slideleft {float:left; width:14px; height:11px; background:url(../Images/ImageGallery/scroll-left.gif) center top no-repeat; display:block; margin:3px 6px 0 285px; cursor:pointer;}/* Define el estilo del control izquierdo de las miniaturas y su imagen “Para correr miniaturas” */
#slideleft:hover {}/* Define el estilo cuando se activa el control izquierdo de las miniaturas */
#slideright {
	float:left;
	width:14px;
	height:11px;
	background: transparent url(../Images/ImageGallery/scroll-right.gif) no-repeat center top; display:block;
	cursor:pointer;
	margin:3px 0 0 6px;
}/* Define el estilo del control derecho de las miniaturas y su imagen “Para correr miniaturas” */
#slideright:hover {}/* Define el estilo cuando se activa el control derecho de las miniaturas */
#slidearea {float:left; position:relative; width:112px; margin-left:2px; height:24px; overflow:hidden; background: url(../Images/ImageGallery/bg_galeria.jpg) repeat-x;}/* Define el estilo del contenedor de las miniaturas */
#slider {position:absolute; left:0; display:inline;}/*Corrimiento de miniaturas en el contenedor*/
#slider img {cursor:pointer; border:1px solid #666; padding:2px} /* Marco de la miniatura */


#slider label{
	background:url(../Images/ImageGallery/bgNumero.jpg) no-repeat top left; 
	width:24px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
	float:left;
	display:inline-block;
	opacity:1 !important;
}

#slider label:hover{
	background:url(../Images/ImageGallery/bg_hover.jpg) no-repeat top left;
	color:#FAFAFA;
}


/* 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\” */