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

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

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

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

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

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

/* using background images */

#aplanadora ul li.th1 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-01.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th2 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-02.jpg) no-repeat 50% 50% 
}

#aplanadora ul li.th3 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-03.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th4 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-04.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th5 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-05.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th6 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-06.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th7 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-07.jpg) no-repeat 50% 50%
}
#aplanadora ul li.th8 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-08.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th9 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-09.jpg) no-repeat 50% 50%
}
#aplanadora ul li.th10 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-10.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th11 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-11.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th12 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-12.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th13 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-13.jpg) no-repeat 50% 50% 
}
#aplanadora ul li.th14 {
		background: url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-14.jpg) no-repeat 50% 50% 
}


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

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

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

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

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

/*use this if you want background image thumbsnails*/
#aplanadora ul li.th1 {
		background:  url(../img/all/productos/transversal/galeria_aplanadora/thumbs/high-precision-leveler-01.jpg) repeat scroll 0% 0% transparent;
}