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

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

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

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

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

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

/* using background images */

#subcontratacion ul li.th1 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_1.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th2 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_2.jpg) no-repeat 50% 50% 
}

#subcontratacion ul li.th3 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_3.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th4 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_4.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th5 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_5.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th6 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_6.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th7 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_7.jpg) no-repeat 50% 50%
}
#subcontratacion ul li.th8 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_8.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th9 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_9.jpg) no-repeat 50% 50%
}
#subcontratacion ul li.th10 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_10.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th11 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_11.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th12 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_12.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th13 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_13.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th14 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_14.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th15 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_15.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th16 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_16.jpg) no-repeat 50% 50%
}

#subcontratacion ul li.th17 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_17.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th18 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_18.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th19 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_19.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th20 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_20.jpg) no-repeat 50% 50% 
}
#subcontratacion ul li.th21 {
		background:url(../img/all/subcontratacion/galeria_subcontratacion/thumbs/subcontratacion_21.jpg) no-repeat 50% 50% 
}
/* remove visibility:hidden; if you want to use the original images as thumbsnails */
#subcontratacion ul li img { 
		display:block; 
		width:50px; 
		height:50px; 
		visibility:hidden;
}

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

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

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

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

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