﻿/***************************************************/
/*                   CARROSEL	                   */
/***************************************************/	

	.Carrosel .Paginacao{
	text-align:center;
	padding:0;
	margin:0;}
	
	.Carrosel .Paginacao a{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../imagens/icones/sprite-paginacao-redondo.png) no-repeat;}
	
	.Carrosel .Paginacao a.selected, 
	.Carrosel .Paginacao a.activeSlide{
	background-position:0 -20px;}
	
/* LINHA DO TEMPO */

	.LinhaTempo{
	background:url(../imagens/estrutura/barra-linha-tempo.gif) no-repeat center 29px;
	width:100%;}
	
	.LinhaTempo li{
	float:left;}	
	
	.LinhaTempo li a{
	background:url(../imagens/estrutura/bullet-linha-tempo.png) no-repeat center 18px;
	width:45px;
	padding:0 49px 10px;
	display:block;
	float:left;
	margin:0 auto;
	text-decoration:none;
	height:45px;
	color:#635f54;
	font-size:13px;
	text-align:center;
	font-weight:bold;}
	
	.LinhaTempo li.Ativo a, .LinhaTempo li a:hover{
	background-position:center -72px;
	color:#ad2215;}
	
	.LinhaTempo .Prev, .LinhaTempo .Next{
	display:block;
	background-image:url(../imagens/estrutura/sprite-setas-vermelhas.png);
	background-repeat:no-repeat;
	position:absolute;
	width:33px;
	text-indent:-9999%;
	padding:0;
	top:50%;
	margin:-31px 0 0 0;
	z-index:2;
	height:68px;}
	
	.LinhaTempo .Prev{
	left:0;
	background-position:right top;}
	
	.LinhaTempo .Next{
	right:0;
	background-position:left top;}
	
/* CARROSEL DE IMAGENS ALEATORIAS (como utilizado em Destinos e Roteiros) */

	.CarroselImagens{
	position:relative;
	margin-bottom:20px;	
	padding-top:17px;
	background:url(../imagens/estrutura/borda-imagem-maior.png) no-repeat;}
	
	.CarroselImagens .Prev, .CarroselImagens .Next{
	display:block;	
	position:absolute;
	width:33px;
	height:68px;
	padding:0;
	top:50%;
	margin:-31px 0 0 0;
	z-index:2;	
	background:url(../imagens/estrutura/sprite-setas-vermelhas.png) no-repeat right top;}
	
	.CarroselImagens .Next{
	background-position: left top;
	right: 0;}
	
	.CarroselImagens .Carrosel img{display:block; height:220px; float:left;}
