@charset "utf-8";
/* CSS Document */


.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 10px solid #FFFFFF;
	overflow: scroll; /*leave this value alone*/
	width: 630px; /*Width of Carousel Viewer itself*/
	height: 295px; /*Height should enough to fit largest content's height*/
	background-color:#FFFFFF;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	background-color:#FFFFFF;
	border:none;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 40px; /*margin around each panel*/
	width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 295px;
	text-align:center;
	
}
.stepcarousel .img{

}
.stepcarousel .name{
	color:#365F9E;
	font-size:12px;
	font-weight:bold;
	padding:3px 0;
	margin:0 3px;
}

.stepcarousel .desc{
	color: #666666;
	font-size:12px;
	padding:3px 0;
	margin:0 3px;
}
.stepcarousel .unitario{
	color: #666666;
	font-size:12px;
	font-weight:bold;
	padding:3px 0;
	margin:0 3px 5px 3px ;
	border-bottom:#CDCDCD 1px solid;
}
.stepcarousel .cant{
	font-size:12px;
	color:#333333;
	font-weight:normal;
}