/* CSS Document */



/***** BACKGROUND CINZA-BRANCO ACIMA DO MENU *****/

.miolo{

	background: #fff url(../imagens/bg_miolo.gif) repeat-x;

	padding:10px 12px 0 12px;

	width:964px;

	font-size:11px;

}



/***** TODO CONTEÚDO ABAIXO DO MENU *****/

.container{

	border:#D4D4D4 1px solid;

	border-top:none;

	padding:15px 16px 0px 15px;

	width:931px;

}



/***** TÍTULO DOS PACOTES *****/

h2{

	font-size:12px;

	font-weight:bold;

	margin:5px 0 0 0;

}



/***** USADO EM 'MAIS DETALHES' *****/

.linkVermelho, .linkAzul{

	text-decoration:underline;

	display:block;

	font-size:9px;

	margin-top:5px;

}

.linkVermelho{color:#D61010;} .linkAzul{color:#1559B2;}



	/***** BANNER, NOVIDADES, DICAS, FLASH SALA VIP *****/

	.container div.box-esquerdo{

		width:520px;

		float:left;

	}


		/***** BANNER, *****/
		.container div.box-esquerdo div#box-chamada{

			margin-bottom:15px;

		}
		
		#box-chamada {
			position: relative;
			height: 200px;
		}
		
		#banner-nav {
			position: absolute;
			z-index:10;
			bottom:10px;
			right:10px;
		}
		
		#banner-nav a {
			width: 19px;
			height: 19px;
			margin: 5px;
			float:left;
			text-align:center;
			padding-top: 3px;
		}
		
		
		#nav a {
			background: url(../imagens/banner-seta-bg.gif);
		}
		
		#nav a.activeSlide {
			background: url(../imagens/banner-seta-bgon.gif);
		}
		
		a#previous {
			background: url(../imagens/banner-seta-esq.gif)
		}
		
		a#next {
			background: url(../imagens/banner-seta-dir.gif)
		}
		
		#nav a:focus {
			background: url(../imagens/banner-seta-bgon.gif);
		}
		
		#banner-cont div {
		display:none;
		}
		
		#banner-cont .visible {
		display: block;
		}

	

		/***** BG BOX NOVIDADES/DICAS *****/

		.container div.box-esquerdo div.box-news{
			border:1px solid #B5D4DF;
			width:510px;
			background:#cfeaf4;
			margin-bottom:10px;
		}

			/***** LISTAS BOXES NOVIDADES/DICAS *****/

			div.box-news ul li{
				border-bottom:1px solid #9DCBDC;
				border-top:1px solid #ffffff;
				padding:12px 0 14px 0;
				list-style:none;
			}

			div.box-news ul li.ultimoItem{
				border-bottom:none;
			}

			div.box-news ul li.primeiroItem{
				border-top:none;
			}

			div.box-news ul li span{
				display:block;
				color:#29166F;
				font-size:9px;
			}

			

			

			/***** BG BOX NOVIDADES *****/

			.container div.box-esquerdo div.box-news div.box-novidades{
				width:225px;
				float:left;
				background:#E8F6FB;
				padding-left:12px;				
				padding-bottom: 10px;
				padding-right:20px;
			}

			

				/***** TÍTULO BOX NOVIDADES *****/

				.container div.box-esquerdo div.box-news div.box-novidades h1.titNovidades{
					background:url(../imagens/tit-Novidades.gif) no-repeat;
					width:90px;
					height:18px;
					margin-top:12px;
				}

				

			/***** BG-ESPAÇAMENTO BOX DICAS *****/

			.container div.box-esquerdo div.box-news div.box-dicas{
				width:230px;
				float:left;
				background:#CFEAF4 url(../imagens/bg_dicas.gif) repeat-x;
				margin:2px 0px 0px 4px;
				padding-left:12px;
				padding-right:5px;
			}

			

				/***** TÍTULO BOX DICAS *****/

				.container div.box-esquerdo div.box-news div.box-dicas h1.titDicas{
					background:url(../imagens/tit-Dicas.gif) no-repeat;
					width:44px;
					height:18px;
					margin:12px 0 12px 0;
				}

				/***** BG BOX DICAS *****/

				div.box-dicas ul li{
					border:none;
					padding:0;
					padding-bottom:10px;
				}

				div.box-dicas ul li span{
					font-size:11px;
				}



/******************													   ******************/		

/****************** BOX-MEIO - PACOTES EM DESTAQUE - PACOTES MARÍTIMOS ******************/

/******************													   ******************/

	

	/***** ESPAÇAMENTO DA COLUNA DOS DESTAQUES PARA AS DEMAIS COLUNAS *****/

	.container div.destaques{
		width:385px;
		float:left;
		margin:0px 0px 0px 14px;
	}

	

	/***** BOX INDIVIDUAL DE PACOTES *****/

		.box-destaques{
			width:179px;
			float:left;
			margin-left:25px;			
			height: 200px;
			margin-bottom:10px;
		}

		.box-destaques-primeiro{
			margin-left:0px;
		}

				

		/***** BG DA TABELA QUE ENVOLVE A IMAGEM DOS PACOTES - PACOTES EM DESTAQUE *****/

		.box-pcto-dest{
			background:url(../imagens/bg_pacotesDestaque_novo.gif) no-repeat;
			width:179px;
			height:147px;
		}

				

		/***** IMAGEM DOS PACOTES - PACOTES EM DESTAQUE *****/

		td.imagemPacote-destaque{
			height:115px;
			text-align:center;
		}

			.imagemPacote img, .imagemPacote-maritimos img{
				margin-top:8px;
			}
			
			.box_duplo .descricao-pacote-dest, .box_duplo .descricao-pacote {				
				margin-left: 10px;
			}
			
			.box_duplo .descricao-pacote a {
				margin-left: 5px;
			}

		

		/***** BG DA TABELA QUE ENVOLVE A IMAGEM DOS PACOTES - PACOTES MARÍTIMOS *****/

		.box-pcto-dest-maritimos{
			background:url(../imagens/bg_pacotes-maritimos_novo.gif) no-repeat top;
			width:171px;
			height:115px;
		}

		

			/***** IMAGEM DOS PACOTES - PACOTES MARÍTIMOS *****/

			td.imagemPacote-maritimos{
				height:100px;
				text-align:center;
				padding-top:5px;

			}

			

			/***** DESCRIÇÃO DOS PACOTES - PACOTES MARÍTIMOS *****/

			h2.bg_CruzeirosMaritmos{
				margin-top:0;
				color:#29166F;
				padding:5px 0 0 5px;
				width:143px;
			}

			td.detalhe_inferior_maritimo{
				height:13px;
				width:150px;
			}

	

		/***** TÍTULO PACOTES EM DESTAQUE *****/

		.container div.destaques h1.tit-pacotesDestaque{
			background:url(../imagens/tit-PacotesDestaque.gif) no-repeat;
			width:170px;
			height:30px;
		}
		
		/***** TÍTULO COTAÇÃO *****/

		h1.tit-Cotacao{
			float:left;
			background:url(../imagens/tit-Cotacao.gif) no-repeat;
			width:268px;
			height:22px;
			margin: 0px;
		}
		
		/***** TÍTULO PORTAL DE RESERVAS *****/
		
		h1.tit-PortalDeReservas{
			
			background:url(../imagens/tit-PortalDeReservas.gif) no-repeat;
			width:145px;
			height:18px;
			margin: 0px;
		}
		.portal-de-reservas {margin:15px 0;}
		
		/*.iframe { height:270px; height:350px\9; *height:300px; }/*
		

	/***** TÍTULO - PACOTES MARÍTIMOS *****/

	.container div.destaques h1.tit-cruzeirosMaritmos{

		background:url(../imagens/tit-CruzeirosMaritmos_novo.gif) no-repeat;
		height:30px;
		width:375px;		
		margin-top: 10px;
		margin-bottom: 10px;

	}

	

/****************** FIM BOX MEIO ******************/

	

	/***** BOX DIREITO - CÂMBIO, ATENDIMENTO, INFORMATIVO *****/

	.container div.box-direito{
		width:385px;
		float:left;		
		padding-left:12px;
	}	

		

		/***** TABELA - CÂMBIO *****/

		.container div.box-direito div.cambio table{
			border:1px solid #BEBEBE;
			border-top:none;
			padding-left:8px;
			line-height:18px;
			margin-bottom:13px;
		}

		

		/***** TABELA CÂMBIO - TEXTO "ATUALIZADO:" *****/

		.container div.box-direito div.cambio table td.atualizacaoCambio{
			color:#29166F;
			font-size:9px;
			padding:16px 0 10px 0;
		}

			

			/***** TABELA CÂMBIO - TEXTO "ATUALIZADO:" *****/

			.container div.box-direito div.cambio h1{
				background:url(../imagens/tit-Cambio.gif) no-repeat;
				height:38px;
				width:180px;
			}

			

			/***** ATENDIMENTO *****/

			div.atendimentoOnline{
				float:left;
				margin-bottom: 20px;
			}
			
			.margenRight {
				margin-right: 20px;
				margin-bottom: 0px;
			}

			

				/***** TÍTULO - ATENDIMENTO *****/

				div.atendimentoOnline h1{
					background:url(../imagens/tit-Atendimento.gif) no-repeat;
					width:180px;
					height:24px;
					position:absolute;
				}

				

				/***** BG VERDE - ATENDIMENTO *****/

				div.atendimentoOnline div.titulosAtendimento{
					width:180px;
					height:70px;
					padding-top:24px;
				}

					

					/***** ATENDIMENTO - TÍTULO "ONLINE" *****/

					div.atendimentoOnline div.titulosAtendimento h2{
						background:url(../imagens/tit-Online.gif) no-repeat;
						width:75px;
						height:21px;
						margin-left:13px;
					}

					

					/***** ATENDIMENTO - "FALE COM UM DE NOSSOS ATENDENTES" *****/

					div.atendimentoOnline div.titulosAtendimento span{
						color:#FFFFFF;
						font-weight:bold;
						padding-left:13px;
						display:block;
						margin-top:10px;
					}

					div.atendimentoOnline div.titulosAtendimento a{
						color:#FFFFFF;
						text-decoration:underline;
					}

					

					/***** INFORMAÇÕES SOBRE O ATENDIMENTO *****/

					.mioloAntendimento {
						padding:5px 0 10px 11px;
						border:1px solid #BFBFBF;
						width:167px;
					}

					.semBordaSuperior{
						border-top:none;
					}

					

						/***** TELEFONES ATENDIMENTO *****/

						div.atendimentoOnline div.mioloAntendimento span{
							font-size:9px;
							display:block;
							width:99px;
						}

						div.atendimentoOnline div.mioloAntendimento span.destaqueAzul{
							color:#51418A;
							font-weight:bold;
						}
						

			/***** BOX INFORMATIVO *****/

			div.informativo h1{
				background:url(../imagens/tit-Informativo.gif) no-repeat;
				width:180px;
				height:35px;
			}

				div.informativo{
					float: left;
				}

				

				/***** BOX INFORMATIVO - MIOLO *****/

				div.informativo div.mioloInformativo{
					border:1px solid #BFBFBF;
					border-top:none;
					padding:0px 0px 0px 9px;
					width:169px;					
					height: 157px;
					font-size:11px;
				}

				

				/***** BT 'ENVIAR' FORMULÁRIO *****/

				.btOk{
					margin:5px 0 5px 0px;
					padding:2px;
					font-size:12px;
					font-family:Tahoma, Arial, Helvetica, sans-serif;
				}

					div.informativo div.mioloInformativo p{
						line-height:normal;
					}



.logosPontual{
	padding-left:12px;
	margin-top:20px;
}

	.logosPontual ul li{
		list-style:none;
		margin-bottom:20px;		
		float:left;

	}