/************************************************************************************************
Click!
Desarrollos Multimedia
www.clickmultimedia.net
2009
************************************************************************************************/

/* RESET -----------------------------------------------------------------------------------*/
ul, li, caption {
	margin: 0;
	padding: 0;
}


/************************************************************************************************
SHOWCASE
************************************************************************************************/
/* IMAGENES -----------------------------------------------------------------------------------
.showcaseImages {
	overflow:hidden;
	visibility:visible;
	left: 0px;
	height:100px; 
}

.showcaseImages ul {
	height:2600px;
	top: -1300px;
}

.showcaseImages,
.showcaseImages ul {
	width:600px;
	height:100px; 
	position: relative;
}


.showcaseImages ul li{
	float:none;
	width:600px;
	height:100px;
}

	.showcaseImages ul li,
	.showcaseImages ul li .item {
		width: 600px;
		height: 260px;
	}
		
		.showcaseImages ul li .item a img {
			width: 494px;
			height: 244px;
			border: 3px solid #333333;
		}
		
	.showcaseImages .pattern1,
	.showcaseImages .pattern2 {
		width: 600px;
		position: absolute;
	}

	.showcaseImages .pattern1 {
		height: 250px;
		background: url('../interfaz/pattern1.png') no-repeat;
		top: 0px;
	}

	.showcaseImages .pattern2{
		height: 260px;
		background: url('../interfaz/pattern2.png') no-repeat;
		bottom: 0px;
	}

*/

/* INFO -----------------------------------------------------------------------------------*/
#sliderInfo{
	display:block;
	width:660px;
	height:100px;
	overflow: hidden;
	visibility:visible;
} 

#sliderInfo ul{
	left: -1920px;
	width:2880px;
	height:100px;
	overflow: hidden;
}

#sliderInfo li{
	float:left;
	width: 660px;
	height:100px;
	overflow: hidden;
}

.showcaseTexts,
.showcaseTexts ul,
.showcaseTexts ul li {
	width: 660px;
	height:100px;
	list-style-type:none;
	overflow: hidden;
/*	border-bottom:1px solid yellow;*/
}

.showcaseTexts ul{
/*	margin-left:70px;*/
}


.showcaseTexts,
.showcaseTexts ul,
.showcaseTexts ul li .item {
	position: relative;
/*	border-top:1px solid red;*/
}

.showcaseTexts ul li .item {
	width:660px;
	height:100px;
	margin:0;
	padding:0;
	color: #FFF;
	text-align:justify;
	border-top:1px solid #DE6161;
}

.showcaseTexts ul li .item img{
	float:left;
	margin:-1px 10px 0 70px;
}

.showcaseTexts ul li .item a {
	color:#FFF;
	text-decoration:none;
}
.showcaseTexts ul li .item a:hover {
	color:#55140F;
}
.showcaseTexts ul li .item a span{
	display:block;
	margin:5px 0 3px 0;
	font-size:20px;
}



/* BOTONES -----------------------------------------------------------------------------------*/
.showcaseTexts .buttons {
	position: absolute;
	z-index:3;
	top:0px;
	left:0px;
	padding-left:8px;
	width:62px;
	height:100px;
	background: url(../interfaz/sdIz.png) 0 0 no-repeat;
/*	border:1px solid blue;*/
}

.showcaseTexts .buttons .prev,
.showcaseTexts .buttons .next {
	float:left;
	width:31px;
	height:100px;
	cursor:pointer;
}
		
.showcaseTexts .buttons .prev{
	background: url('../interfaz/prev.png') 0 top no-repeat;
}
.showcaseTexts .buttons .next{
	background: url('../interfaz/next.png') no-repeat;
}
.showcaseTexts .buttons .prev:hover,
.showcaseTexts .buttons .next:hover{
	background-position:0 bottom;
}