@CHARSET "UTF-8";

		#bloco-principal h1 p {
			font-size : 11px;
			color : #666;
			padding : 0;
			margin : 0;
			margin-top : -10px;
			margin-bottom : -10px;
		}

#formCadastro input,
#formaConsulta div.dados input ,
form input,
form textarea {
	border : 2px solid #CCC;
	padding : 2px;
	background : url(../imagens/bg_input_.gif) top left repeat-x;
}

#formLogin {
	margin-right : 5px;
	position : relative;
	top : 5px;
	*top : 0px;
} 

#formLogin input {
	width : 80px;
}

#formCadastro input:focus,
#formaConsulta div.dados input:focus,
form input:focus,
form textarea:focus {
	border : 2px solid #75BDC9;
	color : red;
}

#formCadastro table {
	margin : 0 auto;
	font-size : 12px;
	_font-size : 11px;
}

	#formCadastro table tr td {
		text-align : left;
		height : 38px;
		padding : 5px;
	}
	
	#formCadastro table tr td.linha {
		border-top : 1px solid #CCC;
		border-bottom : 1px solid #CCC;
	}
	
	#formCadastro table tr td.linhatop {
		border-top : 1px solid #CCC;
	}
	
	#formCadastro table tr td.linhabottom {
		border-bottom : 1px solid #CCC;
	}
	
	#formCadastro table tr td .textodireita {
		text-align : right;
	}
	
	#formCadastro table tr td button {
		width : 200px;
		display : block;
		height : 26px;
		text-indent : -5000px;
		border : 0;
		cursor : pointer;
		cursor : hand;
	}
	
		#formCadastro table tr td button.cancelar {
			background : url(../imagens/BT_cancelar_cadastro.gif) center center no-repeat;
		}
		
		#formCadastro table tr td button.confirmar {
			background : url(../imagens/BT_confirmar_cadastro.gif) center center no-repeat;
		}
	
	#formCadastro table tr td #blocoTipoPessoa {
		font-size : 14px;
		font-weight : bold;
	}
	
	#formCadastro table tr td label#labTipoPessoaFisica {
		font-size : 18px;
	}
	
.aviso {
	margin : 0 auto;
	text-align : center;
}

	.aviso p {
		padding : 5px;
		margin : 0;
		padding-left : 15px;
	}
	
	.aviso p.atencao {
		color : #E16565;
		background : #FFFEDF url(../imagens/atencao.png) top center no-repeat;
	}
	
	.aviso p.confirma {
		color : blue;
		background : #E0E5EF url(../imagens/apply.png) top center no-repeat;
	}
	
	.aviso p.erro {
		color : #B10606;
		background : #EFE0E0 url(../imagens/erro.png) top center no-repeat;
	}
	
/*********************************/

#bloco-principal {
	width : 690px;
	height : 100%;
	display : block;
	float : left;
}
	
	#bloco-principal.voucher,
	#bloco-principal.voucher .text {
		width : 100%;
	}
	
	#bloco-principal.tipos_cadastros {
		
	}
	
		#bloco-principal.tipos_cadastros .text,
		#bloco-principal.tipos_cadastros h1 {
			width : 980px;
		}
		
		#bloco-principal.tipos_cadastros .bloco_especial {
			width : 300px;
			height : 100%;
			margin-top : 13px;
			display : block;
			margin-right : 20px;
			float : left;
		}
		
			#bloco-principal.tipos_cadastros .bloco_especial img {
				width : 70px;
				margin-right : 5px;
				float : left;
			}
			
			#bloco-principal.tipos_cadastros .bloco_especial .text {
				width : 220px;
			}
	
	#bloco-principal.voucher label {
		text-align : right;
		width : 150px;
		margin-right : 10px;
	}
	
		#bloco-principal.voucher hr {
			width : 100%;
		}

	#bloco-principal h1 {
		border-bottom : 1px solid #CCC;
	}
	
	#bloco-principal div#imagem {
		width : 220px;
		float : left;
	}
	
	#bloco-principal div.text {
		width : 450px;
		float : left;
	}
	
	#bloco-principal.horarios {
		
	}
	
#blocos {
	width : 275px;
	height : 100%;
	margin-top : 0px;
	margin-left : 13px;
	display : block;
	float : left;
}

	#blocos .bloco_especial {
		width : 275px;
		height : 100%;
		margin-top : 13px;
		display : block;
		float : left;
	}
	
		#blocos .bloco_especial img {
			width : 70px;
			display : block;
			padding : 5px;
			float : left;
		}
		
.blocos_destino {
	width : 310px;
	_width : 300px;
	height : 100%;
	margin-top : 0px;
	margin-left : 13px;
	_margin-left : 4px;
	display : block;
	float : left;
}

	.blocos_destino .bloco_especial {
		width : 310px;
		height : 100%;
		margin-top : 13px;
		display : block;
		float : left;
	}
	
		.blocos_destino .bloco_especial img {
			width : 70px;
			display : block;
			padding : 5px;
			float : left;
		}
		
/***/

p.texto_reserva {
	width : 260px;
	height : 30px;
	display : block;
}

#formReserva.pagamento {
	width : 100%;
}

#formaConsulta div.dados {
}
	
	#formaConsulta div.dados label,
	#formContato label,
	#formReserva label {
		width : 100px;
		display : block;
		float : left;
		color : #1C4891;
	}
	
	#formReserva label {
		width : 150px;
	}
	
	#formReserva.pagamento label {
		width : 170px;
	}
	
	#formaConsulta div.opcoesconsulta label {
		color : #1C4891;
		width : 120px;
		/*
		display : block;
		float : left;
		*/
	}
	
	#formaConsulta div.opcoesconsulta input {
		background : none;
		border : 0;
	}
	
	#formReserva label {
		text-align : right;
		margin-right : 10px;;
	}
	
	#formaConsulta div.dados select,
	form select {
		margin-bottom : 5px;
		padding : 3px;
		border : 2px solid #CCC;
	}
	
		#formaConsulta div.dados select:focus,
		#formContato select:focus {
			border : 2px solid #75BDC9;
		}
	
	#formaConsulta div.dados input,
	#formContato input,
	#formReserva input {
		padding : 2px 3px;
		margin-bottom : 10px;
	}
	
	#formContato input {
		width : 250px;
	}
	
	#formContato input#txtTelefone {
		width : 100px;
	}
	
	#formContato textarea {
		width : 450px;
		height : 100px;
	}
	
		#formaConsulta div.dados input.data {
			width : 96px;
			padding : 6px 8px;
			background : url(../imagens/bg_input.gif) center center no-repeat;
			background-position : 0px -29px;
			border : 0;
			color : #000;
		}
		
			#formaConsulta div.dados input.data:focus {
				background-position : 0px 0px;
			}
		
		#formaConsulta div.dados input.qtdpessoas {
			width : 33px;
			padding : 6px 8px;
			background : url(../imagens/bg_input_qtd_pessoas.gif) center center no-repeat;
			background-position : 0px -27px;
			border : 0;
		}
		
			#formaConsulta div.dados input.qtdpessoas:focus {
				background : url(../imagens/bg_input_qtd_pessoas.gif) center center no-repeat;
				background-position : 0px 0px;
			}
			
		#formaConsulta div.dados button.continuar {
			float : right;
			width : 100px;
			padding : 5px 0 5px 0;
			border : 0;
			margin-right : 20px;
			background : url(../imagens/bt_avancar.gif) center center no-repeat;
			cursor : pointer;
			cursor : hand;
			_margin-top : -20px;
		}
		
			#formaConsulta div.dados button span {
				visibility : hidden;
			}
			
	#formReserva hr {
		visibility : visible;
		border : 1px solid #EEE;
	}
/*			
#bloco_passo2 {
	width :660px;
	height : 232px;
	position : absolute;
	top : -38px;
	*top : -22px;
	_top : -5px;
	left : 302px;
	z-index : 1000;
	padding : 10px;
	background : #EEE;
	display: none;
}

	#bloco_passo2 label {
		width : 140px;
		float : left; 
		font-size : 11px;
	}
	
	#bloco_passo2 #botoes {
		position : absolute;
		_position : relative;
		width : 135px;
		*width : 165px;
		top : 220px;
		*top : 210px;
		_top : -30px;
		_margin-bottom : -35px;
		left : 240px;
		*left : 220px;
		_left : 220px;
		_display : block;
	}
	
		#bloco_passo2 #botoes button {
			*padding : 0;
		}
		
		#bloco_passo2 #botoes button#reservar {
			*padding : 0px;
			*margin-left : 5px;
		}
	
	#bloco_passo2 #coluna1Consulta {
		width : 380px;
		height : 235px;
		display : block;
		float : left;
		
		background : red;
	}
	
	#bloco_passo2 #coluna2Consulta {
		width : 268px;
		height : 235px;
		display : none;
		padding-left : 10px;
		margin-top : -5px;
		float : right;
		border-left : 1px solid #75BDC9;
	}
	
		#bloco_passo2 #coluna2Consulta label {
			width : 100px;
		}
		
		#bloco_passo2 #coluna2Consulta #informacoesVooVolta {
			border-top : 1px solid #75BDC9;
			padding-top : 10px;
		}
		
			#bloco_passo2 #coluna2Consulta #informacoesCais label,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta label,
			#bloco_passo2 #coluna2Consulta #informacoesVoo label,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta label {
				width : 180px;
				*width : 160px;
				*margin-top : -10px;
				_margin-top : 0px;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesCais input,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta input,
			#bloco_passo2 #coluna2Consulta #informacoesVoo input,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta input {
				*margin-top : -10px;
				_margin-top : 0px;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesVoo span,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta span {
				*margin-top : -10px;
			}
		*/
#bloco_passo2 {
	width :660px;
	height : 232px;
	position : absolute;
	top : -38px;
	*top : -22px;
	_top : -3px;
	left : 302px;
	_left : 302px;
	padding : 10px;
	background : #EEE;
	display: none;
}

	#bloco_passo2 label {
		width : 140px;
		float : left; 
		font-size : 11px;
	}
	
	#bloco_passo2 #botoes {
		position : absolute;
		text-align : right;
		width : 390px;
		*width : 390px;
		top : 200px;
		*top : 195px;
		left : 0px;
		*left : 0px;
	}
	
		#bloco_passo2 #botoes button {
			*padding : 0;
		}
		
		#bloco_passo2 #botoes button#reservar {
			*padding : 0px;
			*margin-left : 5px;
		}
	
	#bloco_passo2 #coluna1Consulta {
		width : 380px;
		height : 235px;
		display : block;
		float : left;
	}
	
	#bloco_passo2 #coluna2Consulta {
		width : 268px;
		height : 235px;
		display : none;
		padding-left : 10px;
		margin-top : -5px;
		float : right;
		border-left : 1px solid #75BDC9;
	}
	
		#bloco_passo2 #coluna2Consulta label {
			width : 100px;
		}
		
		#bloco_passo2 #coluna2Consulta #informacoesVooVolta {
			border-top : 1px solid #75BDC9;
			padding-top : 10px;
		}
		
			#bloco_passo2 #coluna2Consulta #informacoesCais label,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta label,
			#bloco_passo2 #coluna2Consulta #informacoesVoo label,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta label {
				width : 180px;
				*width : 160px;
				*margin-top : -10px;
				_margin-top : -10px;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesCais label,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta label {
				_margin-top : 0;
				_width : 180px;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesCais input,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta input,
			#bloco_passo2 #coluna2Consulta #informacoesVoo input,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta input {
				*margin-top : -10px;
				_margin-top : -10px;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesCais input,
			#bloco_passo2 #coluna2Consulta #informacoesCaisVolta input {
				_margin-top : 0;
			}
			
			#bloco_passo2 #coluna2Consulta #informacoesVoo span,
			#bloco_passo2 #coluna2Consulta #informacoesVooVolta span {
				*margin-top : -10px;
			}

	div#trechosAeroporto,
	div#trechosHotel,
	div#trechosCais,
	div#trechosDestino {
		widht : 100%;
		display : none;
	}
	
		div#trechosAeroporto input,
		div#trechosHotel input,
		div#trechosCais input,
		div#trechosDestino input {
			float : left;
		}
		
		div#trechosAeroporto label,
		div#trechosHotel label,
		div#trechosCais label,
		div#trechosDestino label {
			width : 350px;
			margin-top : -5px;
			margin-left : 5px;
		}
		
	div#horarioAeroDestino,
	div#horarioAeroDestinoAero,
	div#horarioHotelDestino,
	div#horarioHotelDestinoHotel,
	div#horarioCaisDestino,
	div#horarioCaisDestinoCais,
	div#horarioDestinoAero,
	div#horarioDestinoHotel,
	div#horarioDestinoCais,
	div#informacoesVoo,
	div#informacoesVooVolta,
	div#informacoesCais,
	div#informacoesCaisVolta,
	div#informacoesHotel,
	div#informacoesHotelSalvador,
	div#informacoesHotelDestino {
		widht : 100%;
		display : none;
	}
	
		div#horarioAeroDestino label,
		div#horarioAeroDestinoAero label,
		div#horarioHotelDestino label,
		div#horarioHotelDestinoHotel label,
		div#horarioCaisDestino label,
		div#horarioCaisDestinoCais label,
		div#horarioDestinoAero label,
		div#horarioDestinoHotel label,
		div#horarioDestinoCais label {
			
		}
		
#lista_cartoes {
	position : relative;
	top : -20px;
	_margin-top : 0px;
	_text-align : left;
}

	#lista_cartoes ul {
		float : left!important;
		*float : left;
		_float : none;
		display : inline;
		margin-bottom : -40px;
	}
	
		#lista_cartoes ul li {
			list-style : none;
			display : inline;
		}
		
		#lista_cartoes ul li.titulo {
			color : #666;
			font-weight : bold;
			vertical-align : middle;
		}
		
			#lista_cartoes ul li img {
				position : relative;
				top : 4px;
			}
			
/*********************/

.destino {
	width : 100%;
}
	
	.destino img {
		float : left; 
		border : 1px solid #666;
		margin-right : 5px;
	}
	
	.destino div {
		visibility: visible;
		padding-bottom : 15px;
		border-bottom : 1px solid #CCC;
	}

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


/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../imagens/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/**/

div.square {
  display: none;
  height: 88px;
  width: 88px;
  font-size: 10px;
  padding: 5px;
  border: 1px solid;
  position: absolute;
}

div.square.a{
  background: #EEE;
  color: #777;
  border-color: #777;
  margin: 0 0 0 300px;
}

div.square.b{
  background: #FFF6E5;
  color: #FF8000;
  border-color: #FF8000;
  margin: -300px 0 0 300px;
}

div.square.c{
  background: #DDF0BD;
  color: green;
  border-color: green;
  margin: 0 0 0 600px;
}

div.square.d{
  background: #FFF1F1;
  color: red;
  border-color: red;
  margin: -300px 0 0 600px;
}

/**/

.forma_pagamento {
	width : 100%;
}

	#formaBradesco,
	#formaAFaturar {
		width : 99%;
		padding : 10px;
		background : #BFDCFF;
	}

		.forma_pagamento input,
		.forma_pagamento input {
			float : left;
			width : 10px;
			background : none;
			border: 0;
		}
		
		#formaBradesco input,
		#formaAFaturar input {
			float : left;
			width : 10px;
			background : none;
			border: 0;
		}
		
		#formaBradesco label,
		#formaAFaturar label {
			float : left;
			background : green;
			text-align : left;
		}