div#content div#destaque-cidades {
	float:left;
	position:relative;
	width:553px;
	height:373px;
	margin:0 0 0 48px;
}

/********************
	RESERVAS ON-LINE
********************/

div#content form#reserva-on-line {
	width:349px;
	height:206px;
	margin:8px 0 0 20px;
	background:url(../img/bg/reservas-on-line.png) no-repeat left top;
}

form#reserva-on-line h2 {
	width:207px;
	height:24px;
	margin:20px 0 0 72px;
	background:url(../img/txt/reservas-on-line.png) no-repeat left top;
}

form#reserva-on-line fieldset {
	width:294px;
	margin:0 0 0 28px;
}

form#reserva-on-line label {
	margin:5px 0 2px;
	font:11px Arial, Helvetica, sans-serif;
	text-indent:4px;
	color:#002F00;
}

form#reserva-on-line input.campo {
	height:15px;
	margin:0;
	padding:4px 6px 3px;
	border:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#002F00;
}

form#reserva-on-line input.btn-consultar {
	width:100px;
	height:21px;
	margin:29px 0 0 25px;
	border:0;
	cursor:pointer;
	background:url(../img/btn/consultar.png) no-repeat left top;
}

form#reserva-on-line input.btn-consultar:hover { background-position:left bottom; }

form#reserva-on-line span.select-hotel {
	width:282px;
	height:15px;
	padding:4px 6px 3px;
	font:11px Arial, Helvetica, sans-serif;
	color:#002F00;
	cursor:pointer;
	background:url(../img/bg/campo-hotel.png) no-repeat left top;
}

form#reserva-on-line span.select-hotel:hover { background-position:left bottom; }

form#reserva-on-line label.grande { width:294px; }
form#reserva-on-line div.medio, form#reserva-on-line label.medio { width:137px; }
form#reserva-on-line div.pequeno, form#reserva-on-line label.pequeno { width:74px; }

form#reserva-on-line div.espacamento { margin:0 0 0 20px; }

form#reserva-on-line input.campo.medio { width:125px; background:url(../img/bg/campo-data.png) no-repeat left top; }
form#reserva-on-line input.campo.pequeno { width:62px; background:url(../img/bg/campo-pessoas.png) no-repeat left top; }

/*************************
	CONHECA NOSSOS HOTEIS
*************************/

div#content form#conheca-hoteis {
	width:308px;
	height:106px;
	margin:33px 0 0 47px;
	background:url(../img/bg/planeta.jpg) no-repeat right top;
	z-index:;
	*z-index:1;
}

form#conheca-hoteis h4 {
	width:210px;
	height:26px;
	margin:7px 0 0;
	background:url(../img/txt/conheca-nossos-hoteis.png) no-repeat left top;
}

form#conheca-hoteis fieldset { width:234px; margin:0 0 0 1px; }

form#conheca-hoteis small {
	width:226px;
	margin:6px 0 0 8px;
	font:11px Arial, Helvetica, sans-serif;
	line-height:164%;
	color:#FFF;
}

form#conheca-hoteis span.select-hotel {
	width:222px;
	height:15px;
	margin:4px 0 0;
	padding:4px 6px 3px;
	font:11px Arial, Helvetica, sans-serif;
	color:#002F00;
	cursor:pointer;
	background:url(../img/bg/campo-conheca-hoteis.png) no-repeat left top;
}

form#conheca-hoteis span.select-hotel:hover {	background-position:left bottom; }

/*************
	PROMOCOES
*************/

div#content div#promocoes {
	width:540px;
	margin:27px 0 0 54px;
	*z-index:10;	
}

div#promocoes h3 {
	width:540px;
	height:21px;
	z-index:1;	
	margin:0 0 0 2px;
	background:url(../img/txt/promocoes.png) no-repeat left top;
}

div#promocoes ul#lista-promocoes {
	width:540px;
	margin:0;
}

ul#lista-promocoes li {
	width:250px;
	min-height:66px;
	margin:14px 15px 0 0;
	background:url(../img/bg/thumb-promocao.png) no-repeat left top;
}

ul#lista-promocoes li a.thumb {
	width:82px;
	height:57px;
	margin:4px 10px 0 4px;
	background:no-repeat center center;
}

ul#lista-promocoes li a.descricao {
	width:154px;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#5D5D5D;
}

ul#lista-promocoes li a.descricao strong { 
	width:154px;
	cursor:pointer;
}

ul#lista-promocoes li a.descricao:hover { text-decoration:underline; }

div#promocoes a.btn-veja-promocoes {
	width:137px;
	height:19px;
	margin:15px 0 0;
	background:url(../img/btn/veja-todas-promocoes.png) no-repeat left top;
}

div#promocoes a.btn-veja-promocoes:hover { background-position:left bottom; }

/**************
	NEWSLETTER
**************/

div#content div#newsletter {
	width:176px;
	margin:26px 0 0 7px;
	z-index:1;
}

div#newsletter h3 {
	width:176px;
	height:18px;
	margin:0;
	z-index:1;
	background:url(../img/txt/newsletter.png) no-repeat 14px top;
}

div#newsletter form#cadastro-newsletter {
	width:174px;
	margin:15px 0 0;
	z-index:1;
	padding:0 0 10px;
	border-right:1px dotted #ABAAA7;
	border-left:1px dotted #ABAAA7;
}

form#cadastro-newsletter p {
	width:146px;
	padding:0 14px 0 14px;
	font:11px Arial, Helvetica, sans-serif;
}

form#cadastro-newsletter fieldset { width:149px; margin:0 0 0 13px; }

form#cadastro-newsletter input.campo {
	width:137px;
	height:18px;
	margin:13px 0 0 ;
	padding:5px 6px 0 6px;
	border:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	background:url(../img/bg/campo-newsletter.png) no-repeat left top;
}

form#cadastro-newsletter input.btn-enviar {
	width:46px;
	height:19px;
	margin:14px 0 0 52px;
	border:0;
	cursor:pointer;
	background:url(../img/btn/enviar.png) no-repeat left top;
}

form#cadastro-newsletter input.btn-enviar:hover { background-position:left bottom; }

/**********************
	PREVISAO DO  TEMPO
**********************/

div#content div#previsao-tempo {
	width:183px;
	margin:26px 0 0 10px;
}

div#previsao-tempo h3 {
	width:183px;
	height:23px;
	margin:0;
	background:url(../img/txt/previsao-do-tempo.png) no-repeat left top;
}

div#previsao-tempo form#cidade-previsao-tempo {
	width:183px;
	margin:;
	z-index:1;
}

form#cidade-previsao-tempo fieldset {
	width:183px;
}

form#cidade-previsao-tempo span.select-cidade {
	width:171px;
	height:19px;
	margin:12px 0 0;
	padding:4px 6px 0;	
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	cursor:pointer;
	background:url(../img/bg/campo-cidades.png) no-repeat left top;
}

form#cidade-previsao-tempo span.select-cidade:hover { background-position:left bottom; }

div#previsao-tempo div.dia-atual {
	width:173px;
	margin:5px 0 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #E3E1DD;
}

div.dia-atual span,
div.dia-atual span big,
div.dia-atual span small { width:106px; }

div.dia-atual span { margin:7px 0 0 15px; }

div.dia-atual span big {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
}

div.dia-atual span small {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#212121;
}

div#previsao-tempo div.proximo-dia {
	width:173px;
	height:32px;
	margin:4px 0 0;
	padding:0 0 2px 0;
	border-bottom:1px solid #E3E1DD;
}

div.proximo-dia img { margin:0 0 0 10px; }

div.proximo-dia span {
	width:35px;
	margin:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#137432;
}

div.proximo-dia small {
	width:82px;
	margin:0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#212121;
}

div.select-reserva {
	float:left;
	position:absolute;
	z-index:9999;
	top:49px;
	left:0;
	display:none;
	width:281px;
	max-height:800px;
	overflow-y:scroll;
	border:1px solid #DCDBD7;
	padding:5px;
	background:#fdfdfd;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
}

div.select-reserva ul li {
	width:260px;
	padding:5px 0;
	border-bottom:1px solid #EFE6C2;
}


div.select-reserva a.slir {
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	text-decoration:none;
	cursor:pointer;
}

div.select-reserva a.slir:hover {
	text-decoration:underline;
	cursor:pointer;	
}

div.slc-conheca {
	position:absolute;
	z-index:9999;
	top:52px;
	left:0;
	display:none;
	width:221px;	
	max-height:800px;
	border:1px solid #DCDBD7;
	padding:5px;
	background:#fdfdfd;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;	
}

div.slc-conheca ul li {
	width:210px;
	padding:5px 0;
	border-bottom:1px solid #EFE6C2;
}

div.slc-conheca a.slic {
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	text-decoration:none;
	cursor:pointer;
}

div.slc-conheca a.slic:hover {
	text-decoration:underline;
	cursor:pointer;	
}


div.select-cid {
	position:absolute;
	z-index:9999;
	top:36px;
	left:0;
	display:none;
	width:170px;	
	border:1px solid #DCDBD7;
	padding:5px;
	background:#fdfdfd;
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;	
}

div.select-cid a.sli {
	font:11px Arial, Helvetica, sans-serif;
	color:#5D5D5D;
	text-decoration:none;
	cursor:pointer;
}

div.select-cid a.sli:hover {
	text-decoration:underline;
	cursor:pointer;	
}
