/*CIMISA MECANIZADOS - ESTILOS CSS - GALERIA -----------*/
/* ================================================================ 
 http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

#gallery {
		height:140px;
		margin:0 0 .5em  0;
		padding-bottom:1em;
		padding-left:9em;
		padding-top:356px;
		position:relative;
		background-color:#F9FCFF;
		border:1px solid #C3CFDA;
}

/*separar foto principal del listado*/

#gallery img.left {
		width:33px; 
		height:62px;  
		float:left; 
		cursor:pointer; 
		margin-right:8px;
		margin-top:75px;
}

#gallery img.right {
		width:33px; 
		height:62px;  
		float:left; 
		cursor:pointer; 
		margin-left:8px;
		margin-top:75px;
}
#gallery ul {
		list-style:none; 
		padding:4px 0; 
		margin:75px 0 0 0 ; 
		float:left; 
		border:1px solid #C3CFDA;
}

#gallery ul li {
		display:inline; 
		width:50px; 
		height:50px; 
		float:left; 
		margin:0 4px; 
		border:1px solid white; 
		cursor:pointer;
		padding:0;
}

#gallery ul li.hide {
		display:none;
}


/* using background images */
#gallery ul li.th1 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/montaje_maquinas.jpg) repeat scroll 50% 50% transparent; 
}
#gallery ul li.th2 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th3 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/aplanadora.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th4 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/desenrollador.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th5 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/tensor.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th6 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/prensa_fieltro.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th7 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/prensa.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th8 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/aplanadora_limpieza.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th9 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_cizalla.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th10 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_cizalla_circular.jpg) repeat scroll 50% 50% transparent; 
}
#gallery ul li.th11 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/instalaciones_cimisa.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th12 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_aplanadora.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th13 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_instalacion.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th14 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_maquinas.jpg) repeat scroll 50% 50% transparent;
}
#gallery ul li.th15 {
		background:url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/premontaje_maquinas_02.jpg) repeat scroll 50% 50% transparent;
}

/* remove visibility:hidden; if you want to use the original images as thumbsnails */
#gallery ul li img { 
		display:block; 
		width:50px; 
		height:50px; 
		visibility:hidden;
}

#gallery ul li span {
	display:none; 
		width:500px;
		font-family:verdana, arial, sans-serif; 
		color:#666; 
		font-size:11px; 
		left:105px;
		line-height:14px;
		position:absolute;
		top:395px;
}
#gallery ul li b {
		color:#444;
}

#gallery ul li.chosen {
		border:1px solid red; 
		cursor:default;  
	
}
#gallery ul li.chosen div {
		position:absolute; 
		left:0; 
		top:0; 
		width:532px; 
		height:355px; 
}

#gallery ul li.chosen div i {
		width:530px; 
		height:355px; 
		display:table-cell; 
		vertical-align:middle; 
		text-align:center;
		padding-top:1em;
} 
#gallery ul li.chosen div i img {
		visibility:visible; 
		width:auto; 
		height:auto; 
		border:1px solid #aaa; 
		margin:0 0 0 9em;

}


#gallery ul li.chosen span {
		display:block;
}

/*use this if you want background image thumbsnails*/
#gallery ul li.th1 {
		background: url(../img/all/grupo_cimisa/galeria_instalaciones/thumbs/montaje_maquinas.jpg) repeat scroll 50% 50% transparent;
}