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

#slider_topo {
   width: 450px;
   height:20px;
   background-color:#d5d5d5;
   float:left;
   text-align:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:300;
   color:#999999;
   }
   
   
#slider_imagens {
   width: 448px;
   height:80px;
   float:left;
   margin:5px 0px 0px 4px;
   *margin:0;
   }
   
#slider_imagens a {
	text-decoration:none;
	color:#999999;
	}
	
	
	
#slider_imagens a:hover {
	color:#FF9900;
	}
    
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 436px; /*Width of Carousel Viewer itself*/
	margin:0px 0px 0px 1px;
	*width: 436px; /*Width of Carousel Viewer itself*/
	height: 140px; /*Height should enough to fit largest content's height*/
	*margin:5px 0px 0px -1px;
	}

.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: 0px 5px 0px 5px; /*margin around each panel*/
	width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:140px;
	text-align:left;
	}

.stepcarousel .panel_bg {
	float: left; /*leave this value alone*/
	margin: 0px; /*margin around each panel*/
	width: 140px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:86px;
	text-align:left;
	background-color:#ebe9ea;
	}

.slider_images {
	width: 125px;
	height:64px;
	margin: 5px 0px 0px 8px; 
	float:left;
	}

.stepcarousel .panel_titulo p {
	margin:2px 0px 1px 8px;
	font:12px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	}


.stepcarousel .panel p {
	margin:3px 0px 1px 8px;
	font:10px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	}

a.link {
	color:#666666;
	}
a.link span.titulo {
	color:#FF9900;
	}
a.link:hover {
	color:#FF9900;
	}
a.link span.titulo:hover {
	color:#666666;
	}
a.link2 {
	color:#CCCCCC;
	}
a.link2:hover {
	color:#FF9900;
	}
a.link ul {
	list-style: none;
	}