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

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

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

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

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

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

/* using background images */

#longitudinal_media ul li.th1 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_1.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th2 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_2.jpg) no-repeat 50% 50% 
}

#longitudinal_media ul li.th3 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_3.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th4 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_4.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th5 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_5.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th6 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_6.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th7 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_7.jpg) no-repeat 50% 50%
}
#longitudinal_media ul li.th8 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_8.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th9 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_9.jpg) no-repeat 50% 50%
}
#longitudinal_media ul li.th10 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_10.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th11 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_11.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th12 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_12.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th13 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_13.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th14 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_14.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th15 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_15.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th16 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_16.jpg) no-repeat 50% 50%
}
#longitudinal_media ul li.th17 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_17.jpg) no-repeat 50% 50%
}
#longitudinal_media ul li.th18 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_18.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th19 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_19.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th20 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_20.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th21 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_21.jpg) no-repeat 50% 50% 
}
#longitudinal_media ul li.th22 {
		background:url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_22.jpg) no-repeat 50% 50% 
}

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

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

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

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

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

/*use this if you want background image thumbsnails*/
#longitudinal_media ul li.th1 {
		background: url(../img/all/productos/longitudinal/galeria_media_hps/thumbs/corte_longitudinal_media_1.jpg) repeat scroll 0% 0% transparent;
}