/* CSS Document */

/*reset*/
* html{border:0;padding:0;margin:0; _padding:0; _margin:0;}
img{border:0;padding:0;margin:0;_padding:0;_margin:0;_border:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;_padding:0; _margin:0;}
a{text-decoration:none;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6,{font-size:100%}

/* ------------------------------------------------------------------------------------------------------------ */

body{
   background:url(../imagens/template/bg_body.jpg) #0066CC;
   text-align:center;
   color:#1d346e;
   font-family:Arial, Helvetica, sans-serif;
   font-size:14px;}

.subBody{background:url(../imagens/template/bg_subBody.png) bottom repeat-x}

#containerIndex{
   margin: 0 auto;
   text-align:left;
   width:960px;
   background:url(../imagens/template/bg_containerIndex.jpg) no-repeat #FFF;}

#container{
   margin: 0 auto;
   text-align:left;
   width:960px;
   background:url(../imagens/template/bg_container.jpg) no-repeat #FFF;}

/* ------------------------------------------------------------------------------------------------------------ */

/* GERAL ( div´s - colunas - etc...) */ 
.topo{
	height:128px;}

.logo{
	float:left;
	margin:15px 0 0 45px;}

.menu{
	background:url(../imagens/template/bgMenu.jpg) repeat-x;
	height:35px;
	/**Elvis **/
	width: 100%;
	max-width: 100%;
	float: left;
	display: block;
}
	/** Elvis **/

	
	
.destaqueHome{ width:960px; height:380px; margin-bottom:15px;}



#img_destaques{
	max-width:225px;
	max-height:150px;
	float:left;
	border:solid 1px #7c806c;}


	
.destaquePasseio img{ cursor:pointer}

.destaquePasseio{ width:367px; display:inline-block;}


.destaqueContainer{
		height:100%;
		text-align:center;
		background:#ddd;
		max-width:1020px;
		margin:0 auto;
		position:relative;
		}

.destaque{ width:100%;height:100%; position:relative; border-radius:15px }

.destaqueImagemMascara{width:100%; height:100%; overflow:hidden; position:relative}

.destaqueImagemMascaraContainer{position:absolute; top:50%; left:50%; margin:-500px 0 0 -510px; width:1020px; height:1000px; text-align:center}

.destaqueImagemMascaraContainer img{min-width:590px}


.miolo{
	width:840px;
	margin:0 60px 60px 60px;
	display:inline-block;}

.col-left-home{
	width:420px;
	margin-top:50px;
	float:left;
	/*border-right: #e6e6e6 solid 1px*/}
	
.col-left-passeio{ width:590px;
	margin-top:50px;
	float:left;}	
	
.col-right-passeio{ width:230px;
	margin-top:50px;
	float: right;}		
	

.col-right-home{
	width:367px;
	margin-top:50px;
	float:right;}

.eventos-home{
	width:370px;}

.eventoDescricao{float:left; width:175px}

.eventoSaibaMais{width:100%; text-align:left}

.passeioBarco-home{
	width:350px;
	height:299px;
	padding:8px;
	color:#FFFFFF;
	background:url(../imagens/template/bg_passeioBarco-home.jpg) no-repeat;}
.passeioBarco-home li{
	display:inline-block;
	overflow:hidden;
	height:85px;
	width:350px;}


.col-left-interna{
	width:510px;
	margin-right:40px;
	float:left;}

.col-right-interna{
 	width:290px;
 	margin-top:0px;
 	float:right;}
	
.col-right-interna-localizacao{
 	width:290px;
 	margin-top:33px;
 	float:right;}

.lista-passeio{
	width:840px;
	margin:20px 0;
	display:inline-block;
	background:#FFF;
}


.lista-passeio li{
	width:230px;
	display:inline-block;
	position:relative;
	height:230px;
	margin:0 23px 23px}
	
	

	
.imagem-cantainer img{height:173px; width:auto}	

.lista-passeio p{line-height:22px}

.lista-passeio table{line-height:18px;}

.tabelaPasseios{background:#eee; padding:10px}


	
	
.galeriaFotos{display:inline-block; width:100%; margin-top:13px}

.galeriaFotos li{float:left; width:403px; height:302px; margin:0 2% 30px 0;}

.galeriaFotos li img{
	max-width:403px; 
	max-height:302px;
	}
	
.galeriaFotos li .galeriaFotosImagem{width:100%; height:302px; overflow:hidden; display:inline-block; position:relative; /*box-shadow: 0 0 5px #888888*/}	

.galeriaFotosContainer{position:absolute; top:50%; left:50%; width:500px; height:500px; margin-left:-250px; margin-top:-250px;}			  

.table{display: table; height: 100%; width:100%; overflow: hidden; margin:0 auto; *overflow:hidden; *position:relative;}

.cell{display: table-cell; text-align:center; vertical-align: middle; *top:50%; *position:absolute; width:100%;}	   
	
	
.left{
	float:left;}
.right{
	float:right;}
.inline-block{
	display:inline-block;}
.margin-bottom_2{
	margin-bottom:2px;}
.margin-bottom_5{
	margin-bottom:5px;}
.margin-bottom_10{
	margin-bottom:10px;}
.margin-bottom_20{
	margin-bottom:20px;}
.margin-bottom_30{
	margin-bottom:30px;}	
.margin-bottom_40{
	margin-bottom:40px;}	
.margin-bottom_50{
	margin-bottom:50px;}

.margin-right_100{
	margin:23px}

table{
	font-size:12px;}

.color_c47979{
	color:#c47979;}
	
.width_370{
	width:370px;}	
	
/* ------------------------------------------------------------------------------------------------------------ */ 

/* TIPOGRAFIA */
h1{
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	text-shadow:1px 1px 1px #f8f7f7;
	height:46px;
	background:url(../imagens/template/bg_h1.jpg) no-repeat;}
h2{
	font-size:14px;
	font-weight:normal;}

.text-indent{
	text-indent:-9999px}

.titulo_1{
	color:#e49f20;
	font-size:14px;
	margin-bottom:10px;}

.titulo_2{
	color:#fdc900;
	font-size:13px;}
	
.tituloPasseios a{font-size:19px; text-decoration:none !important}	

h3{font-size:22px; }

/* ------------------------------------------------------------------------------------------------------------ */   

/* LINKS e BOTÕES*/
a:link{
   color:#1d346e;
   text-decoration:underline;}
a:visited{
   color:#1d346e;
   text-decoration:underline;}
a:hover{
   color:#3195c7;}
.audio{
	float:right;
	padding:11px 13px 5px 0;
	width:200px;
	text-align:right;}
.audio2{
	float:right;
	margin:50px 13px 5px 0;
	text-indent:-9999px;
	width:19px;
	height:45px;
	background:url(../imagens/template/audio.jpg) no-repeat 0 0}
.audio2:hover{
	width:19px;
	height:30px;
	background:url(../imagens/template/audio.jpg) no-repeat 0 -20px}

.titulo_1 a{
	color:#e49f20;
	text-decoration:none;}
.titulo_1 a:visited{
	color:#e49f20;
	text-decoration:none;}
.titulo_1 a:hover{
	color:#e49f20;
	text-decoration:underline;}

.titulo_2 a{
	color:#fdc900;
	text-decoration:none;}
.titulo_2 a:visited{
	color:#fdc900;
	text-decoration:none;}
.titulo_2 a:hover{
	color:#fdc900;
	text-decoration:underline;}

.vejaMais-home{
	margin-top:20px;
	height:auto;
	width:350px;}
.vejaMais-home a{
	color:#FFFFFF}
.vejaMais-home a:visited{
	color:#FFFFFF}
.vejaMais-home a:hover{
	color:#FFFFFF}		

.menu li {
	float:left;
	display:inline-block;
	border-left:1px solid #004c8a
	}
	
.menu li a{color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding:9px 15px; padding:9px 12px\9; display:block; border-left:1px solid #2f88c2}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.menu li a{padding:9px 12px;}
}

.menu li:hover a{color:#fcc604}	

.menu .quemSomos a{
	width:100px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) 0 0*/} 
	
.menu .quemSomos a:hover{
	/*background:url(../imagens/template/menu.jpg) 0 -35px*/} 


.menu .passeioBarco a{
	width:170px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -100px 0*/} 
	
.menu .passeioBarco a:hover{
	/*background:url(../imagens/template/menu.jpg) -100px -35px*/}



.menu .vendas a{
	width:115px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -270px 0*/} 
	
.menu .vendas a:hover{
	/*background:url(../imagens/template/menu.jpg) -270px -35px*/}


	
.menu .eventos a{
	width:127px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -385px 0*/} 
	
.menu .eventos a:hover{
	/*background:url(../imagens/template/menu.jpg) -385px -35px*/}
	
		
		
.menu .restaurante a{
	width:100px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -512px 0*/} 
	
	
.menu .restaurante a:hover{
	/*background:url(../imagens/template/menu.jpg) -512px -35px*/}	
		
	
.menu .videos a{
	width:57px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -612px 0*/}
	 
.menu .videos a:hover{
	/*background:url(../imagens/template/menu.jpg) -612px -35px*/}
	
	
	
.menu .coffeeShop a{
	width:104px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -536px 0*/}
	 
.menu .coffeeShop a:hover{
	/*background:url(../imagens/template/menu.jpg) -536px -35px*/}		
	
.menu .quemEsteveAqui a{
	width:109px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -669px 0*/} 
	
.menu .quemEsteveAqui a:hover{
	/*background:url(../imagens/template/menu.jpg) -669px -35px*/}
	
.menu .noticias a{
	width:70px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -778px 0*/} 
	
.menu .noticias a:hover{
	/*background:url(../imagens/template/menu.jpg) -778px -35px*/}		
	
.menu .localizacao a{
	width:101px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -733px 0*/} 
	
.menu .localizacao a:hover{
	/*background:url(../imagens/template/menu.jpg) -733px -35px*/}	
	
.menu .faleConosco a{
	width:111px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -848px 0*/} 
	
.menu .faleConosco a:hover{
	width:110px;
	height:35px;
	display:block;
	/*background:url(../imagens/template/menu.jpg) -848px -35px*/}
	
		
.voltar{
   margin-top:20px;}	
.voltar a{
   width:70px;
   height:21px;
   background: no-repeat 0 0;
   display:block;}
.voltar a:hover{
   width:70px;
   height:21px;
   background:;
   display:block;}

/* ------------------------------------------------------------------------------------------------------------ */   

/* FORM */
textarea, input, select {
   padding:4px;
   background:#00609f;
   color:#FFFFFF;
   border: solid 2px #CCCCCC;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;}

label{
	margin-left:4px}
	
form .btn_form{
	 width:auto;
	 height:24px;
	 font-weight:bold;
	 color:#fff;
	 background:#00477e;
	 cursor:pointer;
	 padding:0 3px 0 3px;}
form .btn_form:hover{
	 width:auto;
	 height:24px;
	 font-weight:bold;
	 color:#fff;
	 background:#01335a;
	 cursor:pointer;
	 padding:0 3px 0 3px}
	 
	 
	 
form .btn_form2{
	 width:auto;
	 height:24px;
	 font-weight:bold;
	 color:#fff;
	 background:#358a0e;
	 cursor:pointer;
	 padding:0 3px 0 3px;}
form .btn_form2:hover{
	 width:auto;
	 height:24px;
	 font-weight:bold;
	 color:#fff;
	 background:#276c08;
	 cursor:pointer;
	 padding:0 3px 0 3px}
	 
/*--- Lightbox ---*/

.lightbox{position:fixed; left:0; top:0; width:100%; height:100%; z-index:10}

.lightboxFundo{
	background:url(../imagens/template/transparencia.png); 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:10; 
	width:100%;
	height:100%;
	text-align:center 
	}	 
	
.lightboxSair{
	position:fixed; 
	top:0; 
	left:0; 
	z-index:-1; 
	width:100%;
	height:100%;
	text-align:center 
	}

.lightboxFloatContainer{
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	height:100%
}

.lightboxTable{display: table; height: 100%; width:100%; overflow: hidden; margin:0 auto; *overflow:hidden; *position:relative;}

.lightboxCell{display: table-cell; vertical-align: middle; *top:50%; *position:absolute; width:100%; text-align:center}

/*
.lightboxCell{display: inline-block; vertical-align: middle;}

.lightboxTable{
  text-align: center; height:100%;
}
 
.lightboxTable:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}*/

.lightboxFloat{
	width:750px;
	margin:0 auto;
	padding:12px 20px 20px 20px;
	border-radius:10px 0 10px 10px;
	text-align:left;
	background:#fff;
	position:relative;
	}	 

.lightboxFloatTop{
	height:27px;
	display:block;
	margin-bottom:10px
	}	
	
.lightboxFloatTopX{
	background:#2652c0;
	color:#fff;
	padding:10px 15px; 
	position:absolute;
	top:0;
	right:-39px;
	cursor:pointer;
	font-weight:bold;
	border-radius:0 10px 10px 0
	}	
	
.lightboxFloatTopX:hover{
	background:#E49F20
	}		
	
.lightboxFloatMid{
	padding:0 0 0 0;
	display:block
	}		

.lightboxFloatBot{
	width:block; 
	}
/*------------------------------------------------*/	 

.passeiosLightbox{}

.passeiosLightbox img{floar:left}

.dadosLightbox{float:right; width:350px} 

.btnComprar{cursor:pointer;display:block; clear:both; text-align:center; background:#2652c0; color:#fff !important; text-decoration:none !important; padding:10px 15px; font-weight:bold; border-radius:10px}

.btnComprar:hover{background:#E49F20}

.btnIndisponivel{background:#ccc; color:#666 !important;}

.btnIndisponivel:hover{background:#bababa}

.dadosLightbox form{margin-top:10px}

.dadosLightbox form div{float:left; margin-right:36px}

.dadosLightbox input{border:1px solid #ccc; }

/* ------------------------------------------------------------------------------------------------------------ */   

/* IMG */
.eventos-home img{
	float:left;
	width:175px;
	margin-right:20px;}

.passeioBarco-home img{
	float:left;
	width:122px;
	height:81px;
	margin-right:10px;}

/* ------------------------------------------------------------------------------------------------------------ */   

/* RODAPE */
.rodape{
	width:881px;
	height:47px;
	padding:40px 15px 0 64px;
	margin:0;
	color:#FFF;
	background:url(../imagens/template/bg_rodape.jpg) no-repeat;}

address{
	float:left;
	font-style:normal;}

.logo-unu{
	float:right;
	margin-top:15px;}



/* ------------------------------------------------------------------------------------------------------------ */  
#float{
	position:absolute;
	left:640px;
	height:140px;
	top:140px;
	width:155px;
	z-index:1;}
	
.fonteDataNoticia{
	color:#1d346e;
   	font-family:Arial, Helvetica, sans-serif;
   	font-size:11px;
}	
	


/*---------------------------------------------------------------------------------------------------------------- */

.imagemEventoAbrir{

	float:left;
	width:185px;
	margin-right:20px;

}
	
.imagemPersonalidade{
	
	width:200px;
	height:150px;

}

#tabelaPersonalidade {
border-collapse: separate;
border-spacing: 20px;
width:100%

}

#tabelaPersonalidade li{width:200px; height:160px; margin-right:80px; margin-bottom:42px; float:left; text-align:center}

#tabelaPersonalidade tr td {
padding:20px;
}

#tabelaRestaurante {
/*
border-collapse: separate;
border-spacing: 20px; */

width:475px;


}
#tabelaRestaurante tr td {
/*
padding:20px;
*/


}

.etc{

	height:20px;

}


.destaq_noticia a{text-decoration:none}



.rodapeFacebook{
	width:358px;
	height:200px;
	padding-top:15px;
	overflow:hidden;
	position:relative;
	border:1px solid #3B5998
	}
		
.rodapeFacebooHidden{
	position:absolute;
	left:-2px;
	top:-2px
	}	
	
	
#TA_selfserveprop907{margin-top:10px}	
#CDSWIDSSP{width:360px !important}		
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd, .widSSPLegal{display:none}	
	


.fb_iframe_widget iframe{position:static !important;}

.tripAdvisor{background:url(../imagens/template/bgTripAdvisor.png) repeat-x center top #060; display:inline-block; width:336px; margin-top:10px}	

.tripAdvisor img{float:left}

.tripAdvisor span{float:right; padding-right:16px; padding-top:5px; width:192px; text-align:right; color:#fff; font-size:15px; font-weight:bold; }

.tripAdvisor b{font-size:20px}

.col-esquerda{ float:left; width:420px; min-height:264px; margin-right:40px; }


.caixaInternaMid{width:100%;}	


.podcasts{width:100%;}


.podcasts iframe {
    height: 264px;
    width: 350px;
	
}


.col-direita{ float:left; width:350px; margin-bottom:40px;}



.col-esquerda-eventos{ float:left; width:500px; margin-right:40px; margin-bottom:40px;}


.col-direita-eventos{ float:left; width:290px; margin-bottom:40px;}




.col-esquerda-programacao{ float:left; width:500px; margin-right:40px; margin-bottom:40px;}


.col-direita-programacao{ float:left; width:290px; margin-bottom:40px;}


.imagem-programacao-abrir {width:100%; height:100%;}


.rodapePaginacao{padding:5px}



.tripCertificado{float:left; margin-left:30px; margin-top:13px; position:relative}


.tripLink{display:inline-block; position:absolute; left:0; top:0; z-index:10; width:170px; height:110px}


.widCOELink{display:none}


.bt-detalhar{ background:#e69f1f; padding:10px 10px 12px; color:#FFF !important; text-decoration:none !important; font-size:15px; border-radius: 10px 0; position:absolute; bottom: 0; right:0;}



.bt-detalhar:hover{}


.subtitulos-laranja{ font-size:18px; color:#e69f1f; font-weight:bold; }


.form-quantidade{ font-size:14px; margin-top:15px; padding-bottom:15px}


.box-informacoes-passeio{ background:#319aca; border-radius:15px; padding:21px; color:#FFF; }


.cols-passeios{ width:100%; margin-bottom:20px; overflow:hidden;}


.inserir-quatidade-comprar{ width:100%; margin-bottom:15px}]


.box-pague-seguro img{ border:4px solid #91c07c; border-radius:10px;  display:inline-block; height:90px !important}


.espaco-compartilhamento{ border-bottom:1px solid #CCC; width:100%; margin-top:30px; margin-bottom:50px; padding-bottom:15px}


.mascara{display: table; height: 100%; width:100%; overflow: hidden; margin:0 auto; *overflow:hidden; *position:relative;}


.cell2{display: table-cell; text-align:center; vertical-align: middle; *top:50%; *position:absolute; width:100%;}


.imagem-cantainer{position:absolute; top:50%; left:50%; width:350px; height:350px; margin-left:-175px; margin-top:-175px;}


.estilo-passeio{width:100%; height:173px; overflow:hidden; display:inline-block; position:relative; box-shadow: 0 0 5px #888888; border-radius:15px;}


.estilo-passeio:hover .bt-detalhar{ background:#3092c1}