@charset "utf-8";

	/* styling for the image wrapper  */
	.tmp #image_wrap, #image_wrap {
		width:278px;
	}
	.tmp #image_wrap_bk_hidden, #image_wrap_bk_hidden {
		visibility:hidden;
        width:278px;
        position:relative;
		_position: absolute;
        top:-214px;
    }
	.tmp #image_wrap_bk, #image_wrap_bk {
        width:278px;
        position:relative;
		_position: absolute;
       top:-214px; 
       _top:0px;
    }
	.tmp #thumbnail-slider, #thumbnail-slider{
		position: relative;
		height:214px;
	}
	.tmp .scrollable-wrp, .scrollable-wrp{
		background: url(../../images/transpBlack.png);
		width: 269px;
		height: 55px;
		bottom: 4px;
		left: 4px;
		_left: 0px;
		position:absolute;
	}

	.tmp .scrollable, .scrollable,
	.tmp .scrollablev, .scrollablev {
		/* required settings */
		position:relative;
		overflow:hidden;
		width: 219px;
		height: 55px;
		margin-left: 29px;
		margin-right: 29px;
		_position: relative;
			_top: 10px;
	}
		.tmp .scrollable .items, .scrollable .items,
		.tmp .scrollable .itemsv, .scrollablev .itemsv {
			/* this cannot be too large */
			width:20000em;
			position:relative;
			*top:6px;
			_top:0px;
			clear:both;
		}
		/* single scrollable item */
		.tmp .scrollable img, .scrollable img,
		.tmp .scrollablev img, .scrollablev img {
			float:left;
			margin: 4px 4px 4px 4px;
			/*margin: 25px 1px 9px;*/
			border:1px solid #000;
			cursor:pointer;
			width:45px;
			height:45px;
			-moz-border-radius:2px;
			-webkit-border-radius:2px;
		}
		/* active item */
		.tmp .scrollable .active, .scrollable .active,
		.tmp .scrollable .active, .scrollable .active {
			border:2px solid #09cbc4;
			z-index:999;
			position:relative;
		}

	/*	Flechas	*/
	/* prev, next, prevPage and nextPage buttons */
	.tmp a.browse, a.browse {
		display:block;
		width:11px;
		height:17px;
		cursor:pointer;
		font-size:1px;
		position: absolute;
	}

	/* right */
	.tmp a.right, a.right{
		background:url(/images/th-arrow-right.gif) no-repeat;
		right: 7px;
		bottom: 20px;
	}
	.tmp a.right:hover, a.right:hover 		{ background:url(/images/arrow-hover-right.png) no-repeat; }
	.tmp a.right:active, a.right:active 	{ background:url(/images/arrow-hover-right.png) no-repeat; }

	/* left */
	.tmp a.left, a.left{
		background:url(../../images/th-arrow-left.gif) no-repeat;
		left: 7px;
		bottom: 20px;
	}
	.tmp a.left:hover, a.left:hover  		{ background:url(../../images/arrow-hover-left.png) no-repeat; }
	.tmp a.left:active, a.left:active  	{ background:url(../../images/arrow-hover-left.png) no-repeat; }