/* SLIDESHOW */
.cabecera
{
	margin-top:5px;
	width: 760px; /* important to be same as image width */ 
	height: 250px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */

	background-color:#fff/*9f847d*/;	
}

#s3slider 
{ 
	width: 760px; /* important to be same as image width */ 
	height: 250px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */


	background-color:#fff/*9f847d*/;
}

#s3sliderContent 
{
	width: 760px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}

.s3sliderImage 
{
	float: left; /* important */
	position: relative; /* important */
	display: none; /* important */
}

.s3sliderImage span 
{
	position: absolute; /* important */
	left: 0;

	padding: 10px 13px;
	width: 760px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	bottom: 0;

	/*
	   if you put
	   top: 0; -> the box with text will be shown at the top of the image 
	   if you put
	   bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
}

.right 
{
	bottom:0pt;
	height:240px;
	right:0pt;
	width:180px !important;

}

.left 
{
	bottom:0pt;
	height:240px;
	left:520pt;
	width:180px !important;
}

.CTituloSlider
{
	margin-top:15px;
	font-family:Arial;
	font-size:18px;
	line-height:20px;
	font-weight:700;
}

.CTextoSlider
{
	margin-top:5px;
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	
}


.clear {
	clear: both;
}