.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 500px; /*Width of Carousel Viewer itself*/
	height: 280px; /*Height should enough to fit largest content's height*/
	background-image:url(../images/carrusel/mainbox-flat.png);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	margin-left: 10px;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 500px;
	visibility: visible;
}
#mygallery {
	width: 510px;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 510px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel .imagen {
	float: left;
	width: 140;
}
.stepcarousel .panel .detalle {
	float: right; /*leave this value alone*/
	width: 98%;
}
.stepcarousel .panel .detalle h1 {
	color: #4A672D;
	font-weight:bold;
	font-size: 14px;
}
.stepcarousel .panel .detalle2 h1 {
	color: #4A672D;
	font-weight:bold;
	font-size: 14px;
}
.belt .panel .detalle {
	width: 310px;
	margin-right: 30px;
	float:right;
}
.belt .panel .detalle2 {
	width: 470px;
	margin-right: 30px;
	float:right;
}
.detalle a {
	color: #49642D;
}
.detalle2 a {
	color: #49642D;
}