.PrograIZQ {
	float: left;
	height: 187px;
	width: 350px;
	padding: 10px;
}
.PrograPUBtop {
	height: 80px;
	width: 340px;
	margin-bottom: 7px;
	padding: 5px;
	background-color: #CBCBCB;
}
.PrograPUBtop:hover {
	background-color: #FFF9EB;
}

.PrograPUBinf {
	height: 80px;
	width: 340px;
	padding: 5px;
	background-color: #CBCBCB;
}
.PrograPUBinf:hover  {
	background-color: #FFF9EB;
}

.PrograDER {
	float: left;
	height: 207px;
	width: 370px;
}
.PrograONL {
	height: 54px;
	width: 370px;
	text-align: right;
}
.PrograLOC {
	height: 153px;
	width: 370px;
}
.PrograLOC1 {
	height: 141px;
	width: 370px;
}
.PrograLOC2 {
	height: 12px;
	width: 370px;
	text-align: right;
}
.stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 370px; /*Width of Carousel Viewer itself*/
	height: 141px;
}

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

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 370px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}