div.scroller {
	width: 760px;
	height: 200px;
	overflow: hidden;
	border: 0;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/
	width: 760px;
	height: 200px;
	overflow: hidden;
	float: left;
}

div.scroller div.content {
	width: 10000px;
}

div.section img.principal {
	width: 470px;
	height: 200px;
	float: left;
	margin-right: 15px;
}

div.section div.texto {
	width: 230px;
	padding: 15px;
	float: left;
	color: #FFF;
}

div.controls {
	z-index: 1000px;
	float: right;
	position: relative;
	margin-top: -20px;
	margin-bottom: -10px;
	margin-right: 15px;
}

div.controls a {
	display: block;
	float: left;
	padding: 4px;
	color: #F4F4F4;
	text-decoration: none;
	font: normal 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

div.controls a:active {
	color: #FFF;
	text-decoration: none;
	background: #666;
	font: normal 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

div.controls a:focus {
	color: #FFF;
	text-decoration: none;
	background: #666;
	font: normal 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

div.controls2 {
	position: relative;
	margin-top: -110px;
	margin-left: -50px;
}

div.controls2 a.left {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../img/banner/left.jpg);
}

div.controls2 a.right {
	display: block;
	width: 23px;
	height: 23px;
	background: url(../img/banner/right.jpg);
}

div.controls2 a.left:hover,div.controls2 a.right:hover {
	background-position: 0 -23px;
}