/**
 * Formatação Inicial
 * Para remover qualquer tipo de herança aos elementos internos
 *
 * @author	eduardobona
 * @date	17/12/2009
 */
#B86carousel *{list-style-type:none; padding:0px; margin:0px; border:none;}

/**
 * Container
 * Propriedades de blocos de acordo com cada template
 * 
 */
#B86carousel-container{
	width:960px;
	margin:0 auto;
	background:#fff;
}

a#B86-carousel-backward, a#B86-carousel-forward{cursor:pointer}

#B86carousel-container div.container-produtos{
	background: url('barra.jpg') repeat-x;
	padding-top:25px;
	clear:both;
	float:left;
	width:200px;
	text-align:right;
	font: normal 11px tahoma, verdana, sans-serif, arial;
	color:#666;
}
#B86carousel-container div.container-list{
	background: url('barra.jpg') repeat-x;
	float:left;
	width:740px;
}
#B86carousel-container div.container-list ul li{padding-left:10px}
#B86carousel-container div.container-videos{
	background: url('barra.jpg') repeat-x;
	padding-top:15px;
	float:left;
	width:330px;
}


/**
 * Control / Controle
 * Utilizado em alguns clientes para play/pause, backward, forward
 */
#B86-control-back, #B86-control-for{
	float:left;
	width:80px;
}
#B86-control-for{
	float:right;
}
#B86-control-back a,
#B86-control-for a{
	display:block;
	text-indent:-5000px; overflow:hidden; /* Image Replacement */

	/** customize **/
	height:300px;
}
#B86-control-back a{
	/** customize **/
	background: #fff url('img_esquerda.png') no-repeat center;
}
#B86-control-back a:hover{
	/** customize **/
	background: #fff url('img_esquerda_hover.png') no-repeat center;
}
#B86-control-for a{
	/** customize **/
	background: #fff url('img_direita.png') no-repeat center;
}
#B86-control-for a:hover{
	/** customize **/
	background: #fff url('img_direita_hover.png') no-repeat center;
}

#B86carousel{ margin:0 auto}

#B86-imagem{
	width:800px;
	float:left;
}
#B86-imagem img{
	float:left; position:absolute;
}

/*#B86carousel ul{width:352px; float:right}*/
#B86carousel ul{
	clear:both
}

#B86carousel li{
	background: url('barra.jpg') repeat-x;
	padding-top:15px;

	/** customize **/
	text-align:center;
	float:left;
}
#B86carousel li img.principal{
	display:none;
	overflow:hidden;
}
#B86carousel li a{
	display:block;
	font: normal 11px/15px tahoma;
	text-decoration:none;
}

#B86carousel li.active a span.titulo{color:white; font-size:14px; font-weight:bold; padding-bottom:2px}
#B86carousel li a span.resumo{color:#858384}
#B86carousel li a span.link{color:#A9020C; padding-top:5px; font-weight:bold}
#B86carousel li a span{display:block}
#B86carousel li a span.titulo{color:#605C5B; font-size:14px; font-weight:bold; padding-bottom:2px}
#B86carousel li a span.regiao{color:#016E64}
#B86carousel li a:hover  span.regiao{color:#ccc}

#B86carousel li a:hover{
	text-decoration:none;
	color:black;
	background:transparent;
	background-image: url(/media/css/img/jqueryactive.png);
}

#B86-descricao a:hover {
	color:white;
	text-decoration: underline;
}
#B86carousel li.active{
	color: #CCCCCC;
	background: url('seta.jpg') no-repeat top center;
}
#B86carousel li.active a {
	color:black;
	background:transparent;
	background-image: url(/media/css/img/jqueryactive.png);
}