@CHARSET "UTF-8";

#principal{
	width: 980px;
	height: 370px;
	position:relative;
}

#btnLeft{
	left:0px;
	top: 145px;
	position: absolute;
	z-index: 10;
	
}

#btnRight{
	right:0px;
	top: 145px;
	position: absolute;
	z-index: 10;
	
}

.imagenSlider{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px;
}


.imgList{
	margin:0;
	padding:0;
	width: 980px;
	height: 370px;
    border: 0px;
}

.imgDiv{
	width: 980px;
	height: 370px;
	float: left;
	position: relative;
	border: 0px;	
}

.imgDiv_on{
	top: 0px;
	left:0px;
	width: 980px;
	height: 370px;
	position: absolute;
    z-index: 2;
    display: none;
    border: 0px;
    cursor: pointer;
}	
.imgDiv_off{
	top: 0px;
	left:0px;
	width: 980px;
	height: 370px;
	position: absolute;
    z-index: 1;
    border: 0px;
}


#imgMask{
	margin:0px;
	margin-left:10px;
	margin-bottom:10px;
	width: 980px;
	height: 370px;
	overflow: hidden;
	position:relative;
	border: 0px;
}


#imgMask2{
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	width: 980px;
	height: 125px;
	overflow: hidden;
	position:relative;	
}

#imgList2{
	margin:0;
	padding:0;
	width: 980px;
	height: 125px;
}

.imgDiv2{
	width: 240px;
	height: 120px;
	float: left;
	position: relative;
	border:1px solid #2e2e2e;
	margin-right:4px; 
}




.descThumbOff{
	border:none;
	position: relative;
	width:240px;
	height: 25px;
	overflow:hidden;
	background: url("../../images/bgs/thumbcarrousel-off.png") no-repeat;
}

.descThumbOn{
	border:none;
	position: relative;
	width:240px;
	height: 25px;
	overflow:hidden;
	background: url("../../images/bgs/thumbcarrousel-on.png") no-repeat;
}

.thumbPie{
	text-align:left;
	font-size: 11px;
	width:240px;
	position: absolute;
	bottom:0px;
	left:0px;
}

.thumbTitOn{
	margin-left:2px;
	margin-top: 3px;
	color:#FFFFFF;
	font-weight:bold;
	position: relative;
}

.thumbDesOn{
	margin-left:2px;
	margin-top: 3px;
	color:#FFFFFF;
	position: relative;
	
}

.thumbTitOff{
	margin-left:2px;
	margin-top: 3px;
	color:#23bcb9;
	font-weight:bold;
	position: relative;
	
}

.thumbDesOff{
	margin-left:2px;
	margin-top: 3px;
	color:#cccccc;
	position: relative;
	
}

.leyendaThumb{
	height: 25px;
	margin-left: 5px;
	margin-top: 8px;
}