/*<![CDATA[*/
/*1.2 reset*/
	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	font,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	strong,
	sub,
	sup,
	tt,
	var,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline }

	:focus {
		outline: 0 }

	table {
		border-collapse: separate;
		border-spacing: 0 }

	caption,
	th,
	td {
		font-weight: 400;
		text-align: left }

	a img,
	iframe {
		border: none }

	ol,
	ul {
		list-style: none }

	input,
	textarea,
	select,
	button {
		font-family: inherit;
		font-size: 100% }

	select {
		margin: inherit }

	/* Fixes incorrect placement of numbers in ol's in IE6/7 */
	ol { margin-left: 2em }

	/* == clearfix == */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden }

	.clearfix {
		display: inline-block }

	* html .clearfix {
		height: 1% }

	.clearfix {
		display: block }
/*1.2 common*/
	body {
		font: 10px Arial, Helvetica, sans-serif;
		background: #fff url(img/background.png) repeat-x }
	
		#container {
			width: 770px;
			margin: 0 auto }
			
			#container-hotel {
				width: 770px }
/*1.3 header*/
	#header h1 {
		height: 100px;
		margin: 5px 0 }
 
		#header h1 a {
			display: block;
			width: 151px;
			height: 100px;
			font-size: 0;
			text-indent: -10000em;
			background: url(img/logo_candeias.png) no-repeat 50% }
 
	#header h2 {
		margin-top: 10px;
		padding: 3px 5px;
		background-color: #fdb913 }
 
		#header h2 span {
			font-size: 1.5em;
			color: #fff }
/*1.6 search*/
	#box-hoteis-busca {
		float: left;
		width: 750px;
		margin: 5px 0;
		padding: 10px;
		background: #1e398d url(img/background-busca-hoteis.png) repeat-x top }

	#box-hoteis-busca h2, #box-hoteis-busca strong.title {
		margin-bottom: 5px;
		font: bold 18px Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
		text-transform: uppercase;
		color: #1e398d }

	#box-hoteis-busca p {
		font: 11px Arial, Verdana, Tahoma, sans-serif;
		color: #fff }

		#box-hoteis-busca fieldset {
			border: none }

		#box-hoteis-busca .explicativo {
			display: block;
			float: left;
			width: 100%;
			margin-bottom: 5px }

			#box-hoteis-busca .explicativo legend {
				display: none }

		#box-hoteis-busca #box-hoteis-busca-passo1 {
			background: url(img/bullet-passo1-trans.png) no-repeat 5px 50% }

		#box-hoteis-busca #box-hoteis-busca-passo2 {
			background: url(img/bullet-passo2-trans.png) no-repeat 5px 50% }

		#box-hoteis-busca .passoapasso {
			float: left;
			width: 215px;
			padding: 0 0 0 35px }

			#box-hoteis-busca .passoapasso legend {
				display: none }

			#box-hoteis-busca .passoapasso label {
				display: block;
				margin-bottom: 3px;
				font: 10px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #fff }

			#box-hoteis-busca .passoapasso input,
			#box-hoteis-busca .passoapasso select {
				width: 90%;
				padding: 2px;
				border: 1px solid #fff }

				#box-hoteis-busca .passoapasso select option {
					padding-left: 3px }

		#box-hoteis-busca #listaHoteis {
			background: url(img/bullet-passo3-trans.png) no-repeat 5px 50% }

			#box-hoteis-busca #listaHoteis legend {
				display: none }

			#box-hoteis-busca #listaHoteis label {
				display: block;
				height: 32px;
				margin-bottom: 3px;
				font: 10px Arial, Helvetica, sans-serif;
				line-height: 32px;
				text-transform: uppercase;
				color: #fff }
				
				/*#listaHoteis .legenda {
					display: block;
					float: left;
					border: 1px solid red;
					width: 154px;
					heigth: 33px;
					background: url(img/info_legenda.png) no-repeat }
				}*/

				#box-hoteis-busca #listaHoteis label span.unidadepropria {
					margin-left: 60px;
					font: 10px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
					text-transform: uppercase;
					color: #1e398d }

					#box-hoteis-busca #listaHoteis input {
						display: none }

					#box-hoteis-busca .box-lista {
						float: left;
						clear: both;
						width: 750px;
						padding: 16px 0 0;
						background: url(img/box-hoteis-resultado-top-branco-trans.png) no-repeat 0 top }

					#box-hoteis-busca .box-lista .box-lista-interno {
						float: left;
						width: 744px;
						padding: 0 3px 5px;
						background: url(img/box-hoteis-resultado-bottom-branco-trans.png) no-repeat 0 bottom }

					#box-hoteis-busca .box-lista .box-lista-interno h3 {
						margin: 0 0 5px 10px;
						font: bold 14px Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
						text-transform: uppercase;
						color: #f58220 }

					#box-hoteis-busca .box-lista .box-lista-interno ul {
						float: left;
						list-style-type: none }

						#box-hoteis-busca .box-lista li {
							float: left;
							width: 372px;
							height: 16px;
							padding: 4px 0 }

						#box-hoteis-busca .box-lista li.selecionado {
							width: 360px;
							height: 24px;
							margin-right: 6px;
							padding: 0 0 0 6px;
							line-height: 24px;
							background: url(img/background-hotel-selecionado-left.png) no-repeat left 50% }

							#box-hoteis-busca .box-lista li a {
								display: block;
								font: 12px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
								text-transform: uppercase;
								text-decoration: none;
								color: #1e398d;
								cursor: pointer }

								#box-hoteis-busca .box-lista li span.unidade-propria {
									display: block;
									float: left;
									width: 25px;
									height: 18px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/logo-mini-trans.png) no-repeat center 50% }

								#box-hoteis-busca .box-lista li span.unidade-50promo {
									display: block;
									float: left;
									width: 11px;
									height: 16px;
									margin: 0 7px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/bull_50promo.png) no-repeat center 50% }
									
								#box-hoteis-busca .box-lista li span.unidade-relampago {
									display: block;
									float: left;
									width: 25px;
									height: 16px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/anim_relampago.gif) no-repeat center 50% }

								#box-hoteis-busca .box-lista li span.unidade-candeias {
									display: block;
									float: left;
									width: 25px;
									height: 18px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/bullet_laranja.gif) no-repeat center 50% }

							#box-hoteis-busca .box-lista li.selecionado a {
								height: 24px;
								padding: 0;
								line-height: 24px;
								color: #fff;
								background: url(img/background-hotel-selecionado-right.png) no-repeat right 50%;
								cursor: text }

								#box-hoteis-busca .box-lista li.selecionado span.unidade-propria {
									height: 22px }

								#box-hoteis-busca .box-lista li.selecionado span.unidade-candeias {
									width: 15px;
									height: 22px }

								#box-hoteis-busca .box-lista li.selecionado span.unidade-relampago {
									margin: 4px 0;
									background: url(img/bull_relampago.png) no-repeat center 50% }

								#box-hoteis-busca .box-lista li.selecionado span.unidade-50promo {
									margin: 4px 3px 4px 2px;
									background: url(img/bull_50promo-active.png) no-repeat center 50% }
/**
* @author Celso Junior
* @since 11/12/2008
* @desc listagem da promocao relampago

					#box-hoteis-busca .box-lista-relampago {
						float: left;
						clear: both;
						width: 750px;
						padding: 16px 0 0;
						background-color: red }

					#box-hoteis-busca .box-lista-relampago .box-lista-interno {
						float: left;
						width: 744px;
						padding: 0 3px 5px }

					#box-hoteis-busca .box-lista-relampago .box-lista-interno h3 {
						margin: 0 0 5px 10px;
						font: bold 14px Helvetica, "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
						text-transform: uppercase;
						color: #f58220 }

					#box-hoteis-busca .box-lista-relampago .box-lista-interno ul {
						float: left;
						list-style-type: none }

						#box-hoteis-busca .box-lista-relampago li {
							float: left;
							width: 372px;
							height: 16px;
							padding: 4px 0 }

						#box-hoteis-busca .box-lista-relampago li.selecionado {
							width: 360px;
							height: 24px;
							margin-right: 6px;
							padding: 0 0 0 6px;
							line-height: 24px;
							background: url(img/background-hotel-selecionado-left.png) no-repeat left 50% }

							#box-hoteis-busca .box-lista-relampago li a {
								display: block;
								font: 12px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
								text-transform: uppercase;
								text-decoration: none;
								color: #1e398d;
								cursor: pointer }

								#box-hoteis-busca .box-lista-relampago li span.unidade-propria {
									display: block;
									float: left;
									width: 25px;
									height: 18px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/logo-mini-trans.png) no-repeat center 50% }

								#box-hoteis-busca .box-lista-relampago li span.unidade-candeias {
									display: block;
									float: left;
									width: 25px;
									height: 18px;
									font-size: 0;
									text-indent: -10000em;
									background: url(img/bullet_laranja.gif) no-repeat center 50% }

							#box-hoteis-busca .box-lista-relampago li.selecionado a {
								height: 24px;
								padding: 0;
								line-height: 24px;
								color: #fff;
								background: url(img/background-hotel-selecionado-right.png) no-repeat right 50%;
								cursor: text }

								#box-hoteis-busca .box-lista-relampago li.selecionado span.unidade-propria {
									height: 22px }

								#box-hoteis-busca .box-lista-relampago li.selecionado span.unidade-candeias {
									width: 15px;
									height: 22px }
 fim promo relampago */
		.button-search {
			font-size: 14px;
			color: #fff;
			height: 22px;
			background: url(img/finder.png) no-repeat;
			padding: 3px 0 3px 26px;
			text-decoration: none }
			.button-search:hover {
				/*color: #1e398d;*/
				text-decoration: underline }
		.button-todos-hoteis {
			float: left;
			display: block;
			width: 770px;
			height: 24px;
			background: url(img/button-todos-hoteis-candeias.png) no-repeat;
			text-align: center;
			font: bold 12px/24px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
			color: #1e398d }
			.button-todos-hoteis:hover {
				color: #fdb913;
				background-position: 0 -24px }

/*1.16 hotel*/
	#hotel {
		float: left;
		position: relative;
		width: 750px;
		margin-top: 10px;
		padding:  5px 10px 10px;
		background: url(img/background-hotel.png) repeat-x }

		#hotel h3 {
			margin: 10px 0 5px;
			border-bottom: 1px solid #fdb913;
			font: bold 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
			text-transform: uppercase;
			color: #1e398d }

	#header-hotel {
		float: left;
		width: 100%;
		margin-bottom: 10px }

		#header-hotel h1 a,
		#header-hotel h2 a {
			text-decoration: none }

			#header-hotel h1 span,
			#header-hotel h2 span,
			#header-hotel #hotel-id {
				float: left;
				font: 24px "Legacy Sans ITC", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
				color: #f58220 }

			#header-hotel #hotel-id {
				margin-left: 5px }

		a.previous-hotel {
			display: block;
			float: left;
			position: absolute;
			top: 16px;
			left: -24px;
			width: 24px;
			height: 30px;
			text-indent: -10000em;
			font-size: 0;
			background: url(img/icon-control-previous-trans.png) no-repeat 50% }

		a.previous-hotel:hover {
			background: url(img/icon-control-previous-active-trans.png) no-repeat 50% }

		a.next-hotel {
			display: block;
			float: left;
			position: absolute;
			top: 16px;
			right: -24px;
			width: 24px;
			height: 30px;
			font-size: 0;
			text-indent: -10000em;
			background: url(img/icon-control-next-trans.png) no-repeat 50% }

		a.next-hotel:hover {
			background: url(img/icon-control-next-active-trans.png) no-repeat 50% }

	/* INICIO ACOES HOTEL */
		#header-hotel .actions-hotel {
			position: absolute;
			top: 5px;
			right: 5px;
			width: 125px;
			margin: 0;
			padding: 0 }

			#header-hotel .actions-hotel li {
				float: left;
				padding-right: 25px;
				width: 100px;
				margin-bottom: 3px;
				list-style: none;
				font: 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
				text-align: right;
				text-transform: uppercase;
				color: #1e398d;
				background-repeat: no-repeat;
				background-position: right 50% }

			#header-hotel .actions-hotel li.contato {
				background-image: url(img/ico_contato.gif) }
			#header-hotel .actions-hotel li.reservas {
				background-image: url(img/icon-calendar.png) }
			#header-hotel .actions-hotel li.impressora {
				background-image: url(img/ico_impressora.gif) }
			#header-hotel .actions-hotel li span {
				display: none }

				#header-hotel .actions-hotel li a {
					font: 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
					text-align: right;
					text-transform: uppercase;
					text-decoration: none;
					color: #1e398d }

				#header-hotel .actions-hotel li a:hover {
					text-decoration: underline;
					color: #f90 }

	/* MAPA HOTEL */
	#mapa-hotel {
		float: left;
		width: 415px;
		margin-right: 20px }

		#mapa-hotel img {
			border: 1px solid #ccc }

	/* FOTOS HOTEL */
	#fotos-hotel {
		float: left }

		#fotos-hotel .box-fotos-hotel {
			position: relative;
			width: 310px;
			height: 200px;
			border: 1px solid #e5e5e5;
			background-color: #fff;
			padding: 5px 0 }

			#fotos-hotel .box-fotos-hotel .previous-fotos-hotel {
				display: block;
				position: absolute;
				top: 0;
				left: -8px;
				width: 8px;
				height: 210px }

				#fotos-hotel .box-fotos-hotel .previous-fotos-hotel a {
					display: block;
					width: 16px;
					height: 210px;
					font-size: 0;
					text-indent: -10000em;
					background: url(img/icon-control-previous-trans.png) no-repeat 0 50% }

				#fotos-hotel .box-fotos-hotel .previous-fotos-hotel a:hover {
					background: url(img/icon-control-previous-active-trans.png) no-repeat 0 50% }

			#fotos-hotel .box-fotos-hotel .next-fotos-hotel {
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				width: 8px;
				height: 210px }

				#fotos-hotel .box-fotos-hotel .next-fotos-hotel a {
					display: block;
					width: 16px;
					height: 210px;
					font-size: 0;
					text-indent: -10000em;
					background: url(img/icon-control-next-trans.png) no-repeat 0 50% }

				#fotos-hotel .box-fotos-hotel .next-fotos-hotel a:hover {
					background: url(img/icon-control-next-active-trans.png) no-repeat 0 50% }

			#fotos-hotel .box-fotos-hotel ul {
				float: left;
				position: absolute;
				left: 9px;
				margin: 0 }

				#fotos-hotel .box-fotos-hotel li {
					float: left;
					width: 90px;
					margin: 0 3px 7px 0;
					padding: 2px;
					border: 1px solid #e5e5e5 }

					#fotos-hotel .box-fotos-hotel li a {
						display: block;
						width: 90px;
						height: 90px }

	/* CONTEUDO HOTEIS */
		.box-hotel {
			float: left;
			font: 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
			color: #666 }

			.list-hotel ul {
				list-style-position: outside;
				list-style-type: none }

				.list-hotel li {
					background: url(img/bullet-laranja.png) no-repeat -4px 0;
					padding-left: 9px }

					.list-hotel li a {
						color: #f58220;
						text-decoration: none }

					.list-hotel li a:hover {
						text-decoration: underline }

			#descricao-hotel {
				float: left;
				width: 415px;
				margin-right: 10px }

				#descricao-hotel p {
					text-align: justify }

			#estruturas-hotel {
				float: left;
				width: 155px;
				margin-right: 5px }

			#recursos-hotel {
				float: left;
				width: 160px }

			#localizacao-hotel {
				float: left;
				width: 415px;
				margin-right: 10px;
				text-transform: uppercase }

				#localizacao-hotel address a {
					color: #666;
					text-decoration: none }

					#localizacao-hotel address a:hover {
						color: #f58220;
						text-decoration: underline }

				#localizacao-hotel ul {
					margin-top: 10px }

				#localizacao-hotel ul + ul {
					margin-top: 0 }

				#endereco-localizacao {
					border: 1px solid #e5e5e5;
					background-color: #fff;
					width: 320px }

					#endereco-localizacao legend {
						margin: 0 !important;
						padding: 5px 10px !important;
						border: none !important;
						font: bold 14px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif !important;
						color: #f58220 !important;
						background-color: #f8f8f8 !important }

						#endereco-localizacao input {
							width: 210px;
							margin: 5px }

						#endereco-localizacao button {
							width: 70px }

						#endereco-localizacao p {
							margin: 5px;
							font-size: 10px }

							#endereco-localizacao p strong {
								color: #1e398d }

			#distancias-hotel {
				float: left;
				width: 320px;
				text-transform: uppercase }			

			.box-classe-aposento-hotel {
				border: 1px solid #e5e5e5;
				background-color: #fff }

		.classe-aposento {
			float: left;
			width: 100%;
			margin-bottom: 5px;
			padding-bottom: 5px;
			border: 1px solid #e5e5e5;
			background-color: #fff }

			.classe-aposento h3.especial {
				margin: 0 !important;
				padding: 5px 10px !important;
				border: none !important;
				font: bold 14px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif !important;
				color: #f58220 !important;
				background-color: #f8f8f8 !important }

			.classe-aposento .recurso-classe-aposento {
				float: left;
				width: 200px;
				margin: 5px }

		/* ABA PRECO */
		.preco-hotel {
			float: left;
			width: 530px;
			margin: 5px }

			/* TABELA PRECO */
			.preco-hotel table {
				width: 100%;
				margin-bottom: 5px;
				border-collapse: collapse;
				border: 1px solid #ccc }

				.preco-hotel caption {
					font: bold 11px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;
					text-transform: uppercase;
					text-align: left;
					color: #666; }

					.preco-hotel thead tr {
						background-color: #e9e9e9 }

						.preco-hotel thead th {
							padding: 5px;
							border-left: 1px solid #ccc;
							font-weight: bold;
							text-align: center;
							vertical-align: middle }

						.preco-hotel thead th:first-child {
							border: none !important }

					.preco-hotel tfoot tr {
						background-color: #fff }

						.preco-hotel tfoot tr td {
							height: 24px;
							border-top: 1px solid #ccc;
							text-transform: uppercase;
							text-align: center;
							vertical-align: middle;
							color: #fdb913 }

							.preco-hotel tfoot tr td strong {
								font: bold 12px "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif }

					.preco-hotel tbody tr.odd {
						background-color: #fff }

					.preco-hotel tbody tr.even {
						background-color: #f8f8f8 }

						.preco-hotel tbody td {
							padding: 5px;
							border-left: 1px solid #ccc;
							text-align: center;
							vertical-align: middle;
							color: #69f }

							.preco-hotel tbody td span {
								color: #696 }

						.preco-hotel tbody th {
							padding: 5px;
							font-size: 10px;
							vertical-align: middle;
							color: #f58220 }

							.preco-hotel tbody th span {
								color: #1e398d }

	/* MENSAGEM WARNING */
		.msgWarning {
			display: block;
			margin: 10px;
			padding: 10px;
			line-height: 18px;
			text-align: center;
			color: #fff;
			background: url(img/bg_msg_error.gif) repeat-x }

			.msgWarning strong {
				font-weight: bold;
				font-size: 12px;
				text-transform: uppercase }
/*1.4 footer*/
	#footer {
		float: left;
		width: 100%;
		margin-top: 20px;
		text-align: center }
		
/* CONTATO */
	#box-contato {
		/*border: 1px solid red;*/
		position: fixed;
		top: -5px;
		right: 5px }
		#box-contato a.call-contato {
			display: block;
			width: 225px;
			height: 24px;
			background: url(img/resultado-hoteis-busca-selecionado.png) no-repeat;
			text-align: center;
			padding-top: 7px;
			color: #fff;
			text-transform: uppercase;
			text-decoration: none }
	#form-contato {
		width: 215px;
		padding: 5px;
		background: url(img/bg_msg_info.png) repeat-x }
		#form-contato legend {
			text-transform: uppercase }
		#form-contato input,
		#form-contato select,
		#form-contato textarea,
		#form-contato button {
			width: 213px;
			border: 1px solid #ccc }
			#form-contato button {
				margin-top: 5px;
				cursor: pointer }
/* SEM JAVASCRIPT */
	noscript div {
		text-transform: uppercase;
		color: #1e398d;
		margin: 0 auto;
		font-size: 12px;
		width: 750px;
		text-align: center }
/*]]>*/