/**************** Carousel */
.stepcarousel{
	margin: 30px auto;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 812px; /*Width of Carousel Viewer itself*/
	height: 153px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;	
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 28px; /*margin around each panel*/
	width: 182px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
	.stepcarousel .panel a{
		float: left; 
		height: 151px;
		width: 182px;
		background: #000 url('../img/bg_car.gif') left top no-repeat;
		text-decoration: none;
	}
	.stepcarousel .panel a:hover{
		background: #fff url('../img/bg_car_h.gif') left top no-repeat;
	}
		.stepcarousel .panel h3{
			margin-left: 10px;
			font: normal 12px Arial, Helvetica, sans-serif;
			color: #fff;
		}
		.stepcarousel .panel a:hover h3{
			color: #000;
		}
		.stepcarousel .panel img{
			margin: 4px 3px 3px 3px;
			border: none;
		}


	
/**************** iteracoes */

	/* Player */
	div#player{
		padding: 6px 18px 0 18px;
		width: 280px;
		height: 76px;
		background: transparent url('../img/bg_ouca.jpg') left top no-repeat;
		float: left;
	}
		div#player h4{
			width: 200px;
			margin-bottom: 5px; 
			font: normal 17px Corbel,Arial, Helvetica, sans-serif;
			color: #3c3a3a;
			background: transparent url('../img/bg_h4_ouca.jpg') left bottom repeat-x;
		}
		div#player p{
			font-size: 10px;
			color: #343232;
			margin: 3px;
		}
	/* Download */
	div#down{
		
		background: transparent url('../img/bg_down.jpg') left top no-repeat;
		float: right;
	}
		div#down a{
			text-indent: -50000em;
			float: left;
			cursor: pointer;
			display: block;
			width: 252px;
			height: 82px;
		}
	/* Visite */
	div#visite{
		margin-top: 5px;
		width: 589px;
		height: 33px;
		background: transparent url('../img/bg_visite.jpg') left top no-repeat;	
	}
		div#visite	ul{ margin-left: 75px;}
		div#visite	li{
			margin: 8px 0 0 10px;
			float: left;
			list-style: none;	
		}
		div#visite	li a{
			color: #dcdb8e;
			text-decoration: none;
		}
		div#visite	li a:hover{text-decoration:underline}