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

#transversal_alta {
		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*/

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

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

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

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

/* using background images */

#transversal_alta ul li.th1 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/01_corte_transversal_apilad.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th2 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/02_desenrollador_hidraulico.jpg) no-repeat 50% 50% 
}

#transversal_alta ul li.th3 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/03_desenrollador_zona_entra.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th4 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/04_desenrollador_corte_alum.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th5 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/05_desenrollador_mesa_abrid.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th6 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/06_aplanadora_alturas.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th7 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/07_aplanadora_basket.jpg) no-repeat 50% 50%
}
#transversal_alta ul li.th8 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/08_basket_salida.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th9 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/09_cizalla_electronica.jpg) no-repeat 50% 50%
}
#transversal_alta ul li.th10 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/10_cizalla_electronica.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th11 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/11_apilador.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th12 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/12_desenrollador_doble.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th13 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/13_aplilador_slopping.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th14 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/14_desenrollador_doble.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th15 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/15_aplanadora_alto_espesor.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th16 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/16_aplanadora_para_acero_in.jpg) no-repeat 50% 50%
}
#transversal_alta ul li.th17 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/17_aplanadora_puente.jpg) no-repeat 50% 50%
}
#transversal_alta ul li.th18 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/18_aplanadora_puente_pivota.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th19 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/19_cizalla_desplazable.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th20 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/20_cizalla_volante.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th21 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/21_cizalla_volante_inox.jpg) no-repeat 50% 50% 
}
#transversal_alta ul li.th22 {
		background:url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/22_aplicador_film_cizalla.jpg) no-repeat 50% 50% 
}

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

#transversal_alta 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;
}
#transversal_alta ul li b {
		color:#444;
}

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

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

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

/*use this if you want background image thumbsnails*/
#transversal_alta ul li.th1 {
		background: url(../img/all/productos/transversal/galeria_alta_hpc/thumbs/01_corte_transversal_apilad.jpg) repeat scroll 0% 0% transparent;
}