@charset "utf-8";

/* CSS Document */
#areaNovoUsuario,.areaEsqueceuSenha,.areaEnvioSenha,#diariobordo,.dtView,.dtDefault,.viewPrecoPacote,#areaLogin,.solicitarReservaPadrao,.btnSolicitarInformacoes,.btnImprimir,.btnEnviarAmigo
	{
	background-image:
		url(/viaje-facil/res/images/hotsites/bariloche/sprite-gifs.gif);
	background-repeat: no-repeat;
}

.solicitarReservaDestaque,#arte,.titOutrosDestinos,.banner,.fotoPacote {
	background-image:
		url(/viaje-facil/res/images/hotsites/bariloche/sprite-jpgs.jpg);
	background-repeat: no-repeat;
}

body,.divisaoAreas {
	background-image:
		url(/viaje-facil/res/images/hotsites/bariloche/sprite-h.jpg);
	background-repeat: repeat-x;
}

.solicitarReservaPadrao,.solicitarReservaDestaque,.banner,.btnImprimir,.btnEnviarAmigo
	{
	cursor: pointer;
}

#menuuh,.titulos {
	font-family: Calibri, Trebuchet, Helvetica;
}

/* ---------------------- geral ---------------------- */
* {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: tahoma, verdana, arial, calibri;
	font-size: 8pt;
	color: #333;
}

div {
	position: relative;
}

body {
	background-position: 00px -131px;
	height: 100%;
}

h1 {
	font-size: 12px;
	font-weight: bold;
}

h2 {
	font-size: 9pt;
	font-weight: normal;
}

h3 {
	font-size: 11pt;
}

input,textarea,select {
	font-family: "Courier New", Courier, monospace;
	color: #666;
	padding: 2px;
	border: solid 1px #dedede;
}

input[type="radio"],input[type="checkbox"],input[type="submit"] {
	border: none;
}

select {
	border: solid 1px #54585b;
}

a:link,a:visited,a:active {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #0066CC;
}

hr {
	border: solid 1px #fff;
}

#miolo {
	width: 1000px;
	z-index: 78;
	min-height: 1000px;
}

#arte {
	height: 403px;
	width: 999px;
	_top: -10px;
}

#bannerPromocao {
	width: 758px;
	height: 110px;
	position: absolute;
	top: 240px;
	left: 18px;
	z-index: 10;
}

#loginMsg {
	color: #FFF;
	width: 300px;
	margin-left: 250px;
	padding-top: 5px;
}

#newsbox {
	width: 216px;
	height: 92px;
	background-image:
		url(/viaje-facil/res/images/hotsites/bariloche/boxnews.gif);
	background-repeat: no-repeat;
	padding: 10px 00px 5px 20px;
	top: 0px;
	left: 764px;
	position: absolute;
}

#newsletterDiv {
	color: #a4caec;
}

#camponewsletter,#btnoknews {
	font-family: tahoma, verdana, arial;
	color: #999;
}

#camponewsletter {
	width: 150px;
	height: 16px;
	margin-top: 5px;
	border: solid 1px #eee;
}

#btnoknews {
	background-color: #eee;
	width: 23px;
	height: 20px;
	font-size: 7pt;
	font-weight: bold;
	border: solid 1px #e1dddd;
	margin: 5px 0px 0px 0px;
}

#menuuh {
	height: 32px;
	z-index: 4;
	width: 800px;
}

#menuuh img {
	margin-top: 8px;
}

#menuuh ol {
	list-style: none;
	font-size: 9pt;
	font-weight: bold;
	color: #fff;
}

#menuuh li {
	float: left;
	list-style: none;
	padding: 7px 15px 0px 15px;
	height: 35px;
}

#menuuh a {
	color: #fff;
	text-decoration: none;
}

#conteudoGeral,#passos,.internas {
	max-width: 800px;
	min-height: 760px;
	top: -25px;
	float: left;
}

#conteudoGeral {
	_width: 570px;
}

.internas {
	padding-left: 7px;
	width: 800px;
}

#passos {
	
}

#lateralEsquerda {
	float: left;
	width: 192px;
	height: 490px;
}

#diariobordo {
	top: -43px;
	width: 170px;
	height: 200px;
	padding: 65px 0px 0px 20px;
	line-height: 25px;
	color: #000;
	background-position: -507px -455px;
}

#diariobordo span {
	color: #666;
}

#saibamais {
	width: 180px;
	top: -20px;
	left: 12px;
	line-height: 20px;
	z-index: 4;
}

#saibamais li {
	list-style: none;
}

#saibamais li a {
	color: #333333;
}

#conteudoMain {
	width: 524px;
	float: left;
}

.checkRadio {
	height: 10px;
	margin-top: 9px;
}

.dia {
	border-bottom: dotted 1px #FFFFFF;
}

.ano {
	border-top: dotted 1px #FFFFFF;
}

.divisaoAreas {
	height: 20px;
	margin: 0px;
	clear: both;
}

.enfase {
	font-weight: bold;
}

.brClear {
	clear: both;
}

.loadingMsg {
	color: #666;
}

.textoCorrido {
	text-align: justify;
	line-height: 15pt;
}

.textoCorrido p {
	margin: 8px 20px 8px 15px;
}

.textoCorrido h2 {
	border-left: 5px solid #ccc;
	font-weight: bold;
	color: #003366;
	padding-left: 8px;
}

.textoCorrido h3 {
	color: #003366;
	font-size: 12px;
	font-weight: normal;
	padding-left: 13px;
}

.textoCorrido table {
	margin: 10px 0px 10px 15px;
	border-collapse: collapse;
}

.textoCorrido ul {
	list-style: outside;
	margin-left: 50px;
}

.linha1 {
	border-top: dotted 1px #ccc;
	clear: both;
}

.linha2 {
	border-top: dotted 4px #e8e8e8;
	clear: both;
	margin: 8px 0px 8px 0px;
}

.linha3 {
	border-top: dotted 1px #e8e8e8;
	clear: both;
	margin: 5px 0px 5px 0px;
}

.txtNivel0 {
	font-size: 7pt;
	font-weight: normal;
}

.txtNivel1 {
	font-size: 7pt;
}

.txtNivel2 {
	font-size: 10pt;
}

.txtNivel3 {
	font-size: 11pt;
}

.txtNivel4 {
	font-size: 12pt;
}

.txtNivel5 {
	font-size: 15px;
}

.txtNivel6 {
	font-size: 18px;
}

.txtNivel7 {
	font-size: 22px;
}

.cor0 {
	color: #999;
}

.cor1 {
	color: #1c51a6;
}

.cor2 {
	color: #2797e4;
}

.cor3,.cor3:hover,.cor3:visited {
	color: #FFF;
}

.cor4 {
	color: #FF9900;
}

.cor5 {
	color: #666;
}

.cor6 {
	color: #ffba1e;
}

.cor7 {
	color: #a4caec;
}

.cor8 {
	color: #1c51a6;
}

.btnImprimir,.btnEnviarAmigo {
	width: 150px;
	height: 17px;
	padding: 4px 0px 0px 25px;
	float: left;
	margin-top: 10px;
}

.btnImprimir {
	background-position: 00px -871px;
}

.btnEnviarAmigo {
	background-position: -224px -871px;
}

.infosdefault {
	width: 210px;
	float: right;
	margin-top: 3px;
	min-height: 100px;
}

.dtView,.dtDefault {
	height: 90px;
	width: 46px;
	padding-top: 2px;
	float: left;
}

.dtDefault {
	background-position: 0px -455px;
}

.dtDefault div,.dtView div {
	font-family: Georgia, Calibri, Trebuchet, Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	height: 23px;
	width: 30px;
	margin-left: 4px;
}

.msgAviso {
	background-color: #FFFFCC;
	padding: 8px;
	border: solid 1px #FFCC66;
	margin-top: 8px;
}

.msgAviso span {
	color: #990000;
	font-weight: bold;
}

.msgAviso img {
	float: left;
	margin: 0px 5px 0px 0px;
}

.warning {
	background-color: #fffbe6;
	border: solid 1px #FF0000;
}

/* ---------------------- home ---------------------- */
.fotoPacote {
	background-position: -233px -403px;
	width: 234px;
	height: 166px;
	float: left;
	margin-right: 15px;
}

.titOutrosDestinos {
	background-position: 0px -486px;
	width: 205px;
	height: 33px;
}

.outrosDestinosMsg {
	margin: 8px 0px 0px 0px;
	width: 195px;
	height: 32px;
	background-color: #f2f2f2;
	z-index: 5;
	text-align: center;
	padding: 5px
}

.outrosDestinosMsg img {
	vertical-align: middle;
}

#ofertas,#descricao,.areaPacotes,#pacotePrincipal,#areaMaisDatas {
	width: 570px;
}

#ofertas {
	margin-top: 20px;
}

#ofertas .pacote {
	float: left;
	width: 265px;
}

#descricao {
	z-index: 1;
}

.areaPacotes {
	min-height: 110px;
	margin-top: 5px;
}

#pacotePrincipal {
	height: 166px;
	margin-bottom: 20px;
}

.infosPacotePrincipal {
	padding-top: 33px;
}

#pacotePrincipal .infosPacotePrincipal img {
	float: right;
	margin: 20px 0px 0px 5px;
}

#areamaisdatas {
	height: 30px;
	clear: both;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	margin-top: 15px;
}

#areamaisdatas select {
	height: 21px;
	margin-left: 4px;
	padding-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

#coluna3 {
	width: 205px;
	z-index: 2;
	float: left;
	top: -112px;
	left: 30px;
	_top: -122px;
}

.dividePacotes {
	margin-bottom: 5px;
	clear: both;
}

#formOutrosDestinos,#cambio {
	border-bottom: solid 3px #50cee9;
}

#formOutrosDestinos {
	background-color: #f2f2f2;
	padding: 12px 0px 8px 0px;
}

#formOutrosDestinos input {
	margin: 2px 23px 12px 0px;
	border: solid 1px #54585b;
	width: 167px;
}

#formOutrosDestinos select {
	width: 174px;
	margin: 2px 15px 12px 0px;
}

#formOutrosDestinos p {
	border-bottom: dashed 1px #ccc;
	padding-left: 8px;
	margin: 10px 0px 0px 0px;
}

#formBtn {
	height: 32px;
	margin-top: 8px;
	text-align: center;
	padding: 5px;
}

#cambio,#duvidas,#banners {
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}

#cambio {
	padding-top: 13px;
}

#cambio h4 {
	margin: 0px 0px 0px 13px;
}

#cambio p {
	border-top: dashed 1px #ccc;
	margin: 8px 0px 0px 0px;
	padding: 15px 0px 8px 13px;
}

#duvidas,#banners {
	border-bottom: solid 1px #efefef;
	padding: 13px;
}

#duvidas p {
	text-align: justify;
	margin-top: 6px;
}

.aPartirDe {
	padding-top: 5px;
}

.solicitarReservaDestaque {
	background-position: 0px -403px;
	width: 130px;
	height: 65px;
	float: right;
	margin-top: 15px;
	z-index: 7;
}

.solicitarReservaPadrao {
	background-position: -708px -858px;
	width: 80px;
	height: 20px;
	margin: 8px 0px 8px 0px;
	z-index: 7;
}

.titOutrasPromocoes,.titDuvidas,titCambio,.titSaibaMais,.titNewsletter {
	text-transform: uppercase;
	margin-bottom: 3px;
}

.banner {
	width: 182px;
	height: 52px;
	background-position: 0px -537px;
}

.btnSolicitarInformacoes {
	background-position: 00px -1230px;
	width: 184px;
	height: 27px;
	border: 0px;
}

/* ---------------------- view ---------------------- */
.dtView {
	margin-right: 10px;
	background-position: -160px -455px;
}

.viewBtns {
	padding: 17px;
	float: right;
}

.viewInfosHotel {
	padding: 8px 8px 12px 8px;
	margin: 0px 20px 20px 0px;
	border: dotted #dedede 1px;
	color: #666;
	float: right;
	max-width: 300px;
	_width: 300px;
}

.viewInfosHotel p {
	padding-top: 5px;
}

.viewIdaVolta {
	margin: 20px 0px 20px 0px;
}

.viewIdaVolta h2 {
	border-bottom: solid 3px #DEDEDE;
	margin-bottom: 5px;
}

.tableIdaVolta {
	width: 750px;
}

.tableIdaVolta tr.label td {
	padding: 5px;
	border-bottom: solid 2px #999;
}

.tableIdaVolta tr.conteudo td {
	font-size: 7pt;
	padding: 5px;
	border: dotted 1px #999;
}

.viewServicosIncluidos h2 {
	border-bottom: solid 3px #DEDEDE;
	margin: 30px 0px 5px 0px;
}

.roteiroDia {
	border-bottom: solid 1px #ededed;
	padding: 8px 20px 8px 0px;
}

.roteiroDia h1 {
	margin: 8px 0px 5px 0px;
}

#precosInfoView {
	margin: 7px 0px 0px 9px;
	padding: 4px 0px 8px 14px;
}

.listaPassageiros {
	background-color: #F5F5F5;
	border: solid 1px #F0F0F0;
	margin: 8px 0px 8px 0px;
	padding: 8px;
}

.observacoesRodape {
	border-bottom: solid 1px #ededed;
	padding: 8px 20px 8px 0px;
}

.viewPrecoPacote {
	background-position: 00px -900px;
	width: 780px;
	height: 100px;
	clear: both;
}

.viewInfosPrecoPacote {
	float: left;
}

/* ---------------------- passos ---------------------- */
#molduraInterna {
	border-top: solid 1px #ededed;
	left: 7px;
	z-index: 3;
}

#abas {
	left: 7px;
	height: 30px;
	width: 524px;
}

#abas div {
	height: 24px;
	float: left;
}

.aba1 {
	padding: 0px 15px 3px 0px;
	border-right: dotted 1px #999;
}

.abasMeio {
	padding: 0px 15px 3px 15px;
	border-right: dotted 1px #ccc;
}

.abaFim {
	padding: 0px 15px 3px 15px;
	border-right: dotted 1px #ccc;
	float: none;
}

/* ---------------------- forms ---------------------- */
.formEditarInfos {
	padding: 20px 0px 0px 80px;
	margin: 10px 0px 0px 0px;
}

.formEditarInfos table,formEditarInfos td {
	border-collapse: collapse;
}

.formEditarInfos table {
	width: 430px;
	margin-top: 10px;
}

.formEditarInfos td {
	width: 50%;
}

.formEditarInfos .opc {
	padding: 8px 0px 8px 0px;
	clear: both;
	height: auto;
}

.formEditarInfos div#btn {
	padding: 15px 0px 15px 0px;
}

.formEditarInfos .infoPrecos,.formEditarInfos .infoPrecosPct {
	color: #666;
	border-bottom: none;
}

.formEditarInfos .infoPrecos {
	padding: 5px 0px 8px 23px;
}

.formEditarInfos .infoPrecosPct {
	padding: 8px 15px 0px 0px;
	float: right;
	margin-top: -8px;
	width: 105px;
}

.formEditarInfos .about {
	border-bottom: none;
	padding-left: 23px;
}

.formEditarInfos .pergunta,.formEditarInfos .infoPrincipal {
	width: 340px;
	padding-right: 20px;
	float: left;
	margin-top: 5px;
}

.formEditarInfos .pergunta {
	border-bottom: dashed 1px #ccc;
	height: 18px;
}

.formEditarInfos select {
	margin: 5px 15px 0px 0px;
	width: 40px;
}

.formEditarInfos .pergunta2 {
	padding: 5px 0px 5px 0px;
	margin: 5px 10px 0px 10px;
	font-size: 7.8pt;
	color: #666;
}

.formEditarInfos h1 {
	color: #003399;
	margin: 12px 0px 5px 0px;
	padding: 0px 0px 3px 8px;
	border-left: solid 5px #ccc;
}

.formEditarInfos .campoInteiro,.formEditarInfos .campoMeio {
	margin: 3px 0px 8px 0px;
}

.formEditarInfos .campoInteiro { /*width: 89%;*/
	/* alteração feita para funcionar a tela de cadastro de cliente. caso apresente algum problema, criar estilo separado para tal. */
	width: 197px;
}

.formEditarInfos .campoMeio {
	width: 43%;
	border: solid 1px #dedede;
}

.formsComuns input,.formsComuns textarea,.formsComuns select {
	width: 300px;
	margin: 3px 0px 5px 0px;
}

/* ---------------------- pedido ---------------------- */
#infosEmbarque,.servicosIncluidos,.obsInfosPacote,#infosHospedagem {
	border-left: solid 1px #ededed;
	border-right: solid 1px #ededed;
}

#infosEmbarque,.servicosIncluidos,#infosHospedagem {
	border-bottom: dotted 1px #ccc;
}

#infosPacote {
	width: 263px;
	top: -42px;
	float: left;
	margin-left: 7px;
}

#precosInfo,.obsInfosPacote {
	border-bottom: solid 1px #ededed;
}

#precosInfo {
	padding: 7px 0px 8px 14px;
}

#valorPessoa {
	color: #999;
	padding-bottom: 3px;
	width: 180px;
	white-space: nowrap;
	margin-bottom: -5px;
}

#valorTotal {
	height: 27px;
	width: 250px;
}

#formasPagamento {
	padding: 5px 0px 5px 14px;
}

#nomeHotel {
	text-transform: uppercase;
	line-height: 20px;
}

#quartoHotel {
	line-height: 18px;
}

#botoesPacote {
	text-align: center;
	padding-bottom: 10px;
}

#botoesPacote img {
	margin-bottom: 3px;
}

#infosHospedagem,#infosEmbarque {
	padding: 8px 0px 0px 14px;
	line-height: 18px;
}

#infosHospedagem {
	padding-bottom: 10px;
}

.servicosIncluidos {
	padding: 10px 10px 0px 14px;
	line-height: 18px;
}

.incluidosSimNao {
	display: block;
}

.incluidosSimNao img {
	margin-right: 8px;
}

.obsInfosPacote {
	padding: 15px 0px 15px 14px;
	line-height: 18px;
}

/* ---------------------- login ---------------------- */
#areaLogin,#infosLogin {
	width: 249px;
	height: 189px;
}

#areaLogin,#areaNovoUsuario,.areaEsqueceuSenha,.areaEnvioSenha {
	background-repeat: no-repeat;
}

#areaLogin {
	padding: 25px 20px 20px 25px;
	background-position: -231px -455px;
	width: 226px;
	height: 180px;
	margin-top: 20px;
	float: left;
}

#infosLogin {
	padding: 0px 0px 0px 20px;
	margin-left: 249px;
}

#areaLogin input {
	margin: 5px 0px 10px 0px;
	width: 190px;
	border: solid 1px #999999;
	color: #333;
}

.btnContinuarLogin {
	margin-top: 10px;
	height: 36px;
}

#areaNovoUsuario {
	width: 249px;
	height: 35px;
	margin: 15px 0px 0px 20px;
	padding: 50px 20px 20px 0px;
	background-position: -235px -687px;
}

.areaEsqueceuSenha,.areaEnvioSenha {
	width: 249px;
	margin: 20px 0px 0px 20px;
	padding: 20px 0px 0px 0px;
	background-position: 00px -378px;
	font-size: 10pt;
}

.areaEnvioSenha {
	background: none;
	margin-top: -15px;
}

/* ---------------------- atendimento ---------------------- */
.atendArea1,.atendArea2 {
	float: left;
}

.atendArea1 {
	width: 500px;
	margin-right: 5px;
}

.atendArea2 {
	width: 263px;
}

.atendBarraTitulo {
	height: 12px;
	padding: 5px 0px 5px 8px;
	background-color: #eee;
	color: #000066;
	font-weight: bold;
}

.atendConteudo {
	padding: 8px;
}

.atendConteudoBox {
	width: 145px;
	float: left;
	margin-top: 15px;
	height: 150px;
	padding: 5px;
	font-size: 8pt;
	color: #666;
}

.atendConteudoBox2 {
	width: 250px;
}

.atendConteudoBox img {
	margin-bottom: 8px;
}

.atendConteudoBoxMeio {
	margin: 15px 15px 0px 15px;
}

/* ---------------------- contato e localização ---------------------- */
.localizacao {
	float: left;
	min-height: 350px;
	padding-top: 10px;
	min-width: 220px;
}

.contato {
	height: 350px;
	width: 350px;
	float: left;
}

/* ---------------------- páginas estáticas ---------------------- */
.tabelaOrganizadora td {
	border-bottom: dotted 1px #ccc;
	padding: 3px 12px 3px 0px;
	font-size: 8pt;
	vertical-align: top;
}

.tdLabel {
	color: #006699;
	vertical-align: top;
	width: 50px;
	white-space: nowrap;
}

.tabelaOrganizadora tr:hover {
	background-color: #efefef;
}

#titulosPaginas {
	padding-top: 12px;
	width: 524px;
	font-size: 9pt;
}

/*.aEmpresa {background-position: 0px 00px;}	
	.alfandega {background-position: 0px -18px;}	
	.atendimento {background-position: 0px -36px;}	
	.comunicadoEmailsFalsos {background-position: 0px -54px;}	
	.confiraConfirme {background-position: 0px -72px;}	
	.conhecaCidade {background-position: 0px -90px;}	
	.curiosidades {background-position: 0px -108px;}	
	.dicas {background-position: 0px -126px;}	
	.documentacao {background-position: 0px -144px;}	
	.enviarAmigo {background-position: 0px -162px;}	
	.esportesLazer {background-position: 0px -180px;}	
	.faleConosco {background-position: 0px -198px;}	
	.freeShop {background-position: 0px -216px;}	
	.identifique {background-position: 0px -234px;}	
	.meuCadastro {background-position: 0px -252px;}	
	.passeiosAtracoes {background-position: 0px -270px;}	
	.perguntasFrequentes {background-position: 0px -288px;}	
	.politicaPrivacidade {background-position: 0px -306px;}	
	.reservaEfetuada {background-position: 0px -324px;}	*/
#previsaoTempo {
	margin-right: 20px;
	float: left;
	z-index: 10;
}

/* ---------------------- success ---------------------- */
#succesContent {
	clear: both;
}