/* Padronizacao ------------------------------------------------------------- */

HTML {
	height								: 100%;
	font		 						: 0.6em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

HTML * {
	margin								: 0;
	padding								: 0;
}

/* Estrutura ---------------------------------------------------------------- */

BODY {
	width								: 100%;
	height								: 100%;
	line-height							: 1.5em;
	background-color					: #3F5676;
}

#estrutura {
	width								: 770px;
	position							: absolute;
	left								: 50%;
	margin-left							: -385px;
}

/* Topo --------------------------------------------------------------------- */

/* Menu --------------------------------------------------------------------- */

#estrutura #menu {
	width								: 330px;
	height								: 510px;
	position							: absolute;
	left								: 0px;
	top									: 3px;
	/*background:URL(../imagens/bg_menuTeste.jpg) no-repeat left top;*/
}

#conteudo #menuTopo {
	position							: relative;
	top									: 5px;
	z-index								: 2;
}

#tempo {
	position:absolute;
	left:30px;
	top:220px;
}

/* Conteudo ----------------------------------------------------------------- */

#conteudo {
	width								: 482px;
	float								: right;
	color								: #FFFFFF;
}

#conteudo #folha {
	width								: 100%;
	height								: auto !important;
	height								: 10px;
	min-height							: 10px;
	position							: relative;
	top									: 0px;
	background							: URL(../imagens/background/bg_folha.jpg) repeat-y right top;
	background-color					: #FFFFFF;
	color								: #000000;
	
}

#conteudo #folha .caixaTexto {
	width								: 420px;
	height:auto !important;
	min-height:10px;
	height:10px;
	float								: right;
	background							: URL(../imagens/background/bg_caixaTexto.gif) repeat-y 260px 0px;
	position							: relative;
	top									: 10px;
	margin-bottom:10px;
}

#conteudo #folha .caixaTexto .textoInterno {
	width:245px;
	height:auto !important;
	min-height:400px;
	height:400px;
	text-align:left;
	float:left;
	line-height:2em;
}

.textoInterno .tituloPraias {
	width:100%;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:10px;
	font-weight:bold;
	letter-spacing:2px;
}

#conteudo #folha .caixaTexto .imagemInterno {
	width:145px;
	float:right;
	position:relative;
	right:14px;
}

#conteudo #folha .caixaTexto .imagemInterno .textoDireita {
	width:130px;
	position:relative;
	left:5px;
	text-align:center;
}

#conteudo #folha .caixaTexto .imagemInterno #popup {
	width:300px;
	height:400px;
	position:absolute;
	display:none;
	top:0px;
	right:0px;
}

#conteudo #folha .caixaTexto .imagemInterno #popup .imagemGrande {
	/*width:257px;
	height:343px;*/
	width:276px;
	height:368px;
	float:right;
	background-color:#F5F5F5;
	border:1px solid #CECECE;
	
}

#conteudo #folha .caixaTexto .imagemInterno #popup .imagemGrande .jpg {
	width:256px;
	height:348px;
	float:right;
	position:relative;
	top:8px;
	right:8px;
	border:2px solid #FFF;
}


#conteudo #folha .caixaTexto .imagemInterno .thumb {
	width:33px;
	height:44px;
	float:left;
	margin:4px;
	position:relative;
	left:8px;
	_left:4px;
	border:1px solid #FFF;
}

.tituloThumb {
	text-align:center;
	width:100%;
	border-bottom:1px solid #FFF;
	padding-bottom:10px;
}

.tituloThumb IMG {
	vertical-align:middle;
	margin-right:3px;
}

#conteudo #folha .caixaTexto .imagemInterno .imgArea {
	float:left;
	width:120px;
	height:160px;
	position:relative;
	top:1px;
	border:12px solid #FFF;
}

#conteudo #folha .caixaTexto .textoInterno P {
	margin-bottom:15px;
}

#conteudo #folha .top, #conteudo #folha .middle, #conteudo #folha .bottom {
	width								: 470px;
	float								: left;
}

#folha .top {
	height								: 43px;
	background							: URL(../imagens/background/bg_top.jpg) no-repeat left top;
	text-align							: right;
}

#folha .top .datahora {
	color								: #3F5676;
	position							: relative;
	top									: 13px;
	right								: 60px;
}

#folha .top .datahora IMG {
	position							: relative;
	top									: 3px;
	margin								: 0px 3px 0px 3px;
}

#folha .middle {
	height								: auto !important;
	height								: 10px;
	min-height							: 10px;
	background							: URL(../imagens/background/bg_middle.jpg) repeat-y left top;	
}

h1 {
	width								: 469px;
	height								: 38px;
	background							: URL(../imagens/background/bg_titulo.jpg) repeat-x left top;
}

#folha .bottom {
	height								: 43px;
	background							: URL(../imagens/background/bg_bottom.gif) no-repeat left top;
}

#folha .bottom .menuBottom {
	position:relative;
	text-align:center;
	top:12px;
	left:3px;
	color:#d1d1d1;
}

#conteudo .cima {
	height								: 15px;
	background							: URL(../imagens/background/bg_cima.jpg) no-repeat right top;
	position							: relative;
	top									: 13px;
}

#conteudo .rodape {
	height								: 5px;
	background							: URL(../imagens/background/bg_rodape.jpg) no-repeat right bottom;
	margin-bottom:15px;
}

#estrutura #dica {
	width								: 185px;
	height								: 210px;
	float								: right;
	position							: relative;
	right								: 55px;
	top									: -15px;
	background							: URL(../imagens/background/bg_dica.jpg) no-repeat left top;
}

#dica .texto {
	width								: 145px;
	height								: 86px;
	position							: relative;
	top									: 76px;
	left								: 20px;
	letter-spacing						: -1px;
}

IMG.titulo {
	float								: left;
	position							: relative;
	top									: 10px;
	left								: 40px;
	display								: inline;
}

IMG.iconeTitulo {
	float								: right;
	position							: relative;
	right								: 5px;
	top									: 0px;
}

.middle .caixa {
	width								: 440px;
	height								: 200px;
	float								: right;
	position							: relative;
	top									: 0px;
	background-color					: #FAFAFA;
	border-bottom						: 1px dashed #DDDDDD;
	margin-bottom						: 5px;
}

.imgDestaque {
	width								: 125px;
	height								: 150px;
	background-color					: #FFF;
	float								: left;
	position							: relative;
	left								: 15px;
	top									: 20px;
	margin-right						: 15px;
}

.imgDestaque .imagem {
	width								: 100px;
	height								: 100px;
	margin-left							: 12px;
	margin-top							: 12px;
	border								: 1px solid #AAAAAA;
}

.imgDestaque .imagem IMG {
	position							: absolute;
	left								: 11px;
	bottom								: 35px;
}

.imgDestaque .tituloDestaque {
	width								: 110px;
	_position							: relative;
	_left								: 10px;
	_top								: 15px;
	text-align							: center;
	cursor								: pointer;
}

.imgDestaque .tituloDestaque SPAN {
	display: block;
	margin-top: 116px;
	_margin-top: 0;
}

.rodapeFront {
	width								: 470px;
	height								: 207px;
	background							: URL(../imagens/background/bg_rodapeFront.gif) no-repeat -24px 0px;
	float								: right;
}

.rodapeFront .caixaRodape {
	width:200px;
	height:150px;
	position:relative;
	top:45px;
	left:30px;
	background:URL(../imagens/background/bg_rodapeInterno.gif) no-repeat left top;
	float:left;
	
}

.rodapeFront .caixaRodapeDir {
	width:200px;
	height:150px;
	position:relative;
	top:45px;
	left:55px;
	background:URL(../imagens/background/bg_rodapeInterno.gif) no-repeat left top;
	float:left;
	
}

.rodapeFront .caixaRodape .textoRodape, .rodapeFront .caixaRodapeDir .textoRodapeDir {
	width:180px;
	text-aling:left;
	position:relative;
	left:10px;
	top:10px;
	height:50px;
}

.rodapeFront .divisao {
	width:1px;
	height:100%;
	border-left:1px dashed #d1d1d1;
	float:left;
	position:relative;
	left:45px;
}

.tituloDetalhes, .detalhes {
	width:100%;
	text-align:left;
	float:left;
	letter-spacing:2px;
	margin-bottom:10px;
	border-bottom:1px solid #f1f1f1;
}

.detalhes {
	margin-top:5px;
}

.voltar {
	border-top:1px solid #f1f1f1;
	text-align:right;
	padding-top:10px;
}

.voltar IMG {
	vertical-align:middle;
	margin-right:3px;
}

.banner {
	width:100%;
}

.banner1, .banner2 {
	margin-top:10px;
	text-align:center;
}

.banner IMG {
	border:1px solid #d1d1d1;
}

.banner2 {
	margin-left:75px;
}

/* Links -------------------------------------------------------------------- */

A:LINK, A:VISITED, A:ACTIVE {
	color								: #FFFFFF;
	text-decoration						: none;
	letter-spacing						: 1px;
}

A:HOVER {
	color								: #FF9900;
	text-decoration						: none;
}

A.menuTopo:LINK, A.menuTopo:VISITED, A.menuTopo:ACTIVE {
	margin								: 0px 5px 0px 5px;
}

A.maisDicas:ACTIVE, A.maisDicas:LINK, A.maisDicas:VISITED {
	width								: 100px;
	display								: block;
	position							: absolute;
	bottom								: 25px;
	right								: 10px;
	color								: #3F5676;
}

A.dicaDesc:ACTIVE, A.dicaDesc:LINK, A.dicaDesc:VISITED {
	letter-spacing:-1px;
	color:#000;
}

A.dicaDesc:HOVER {
	text-decoration:underline;
	color:#333;
}

A.maisDicas:HOVER {
	color								: #000;
	text-decoration						: underline;
}

.maisDicas IMG {
	margin-right						: 5px;
	vertical-align						: middle;
}

A.linkImagem:ACTIVE, A.linkImagem:VISITED, A.linkImagem:LINK {
	width								: 125px;
	height								: 150px;
	display								: block;
	position							: absolute;
	top									: 0px;
	left								: 0px;
	border								: 1px solid #E9E9E9;
	color								: #000;
}

A.linkImagem:HOVER {
	border								: 1px solid #FF9900;
	color								: #999;
}

A.btnFront:ACTIVE, A.btnFront:VISITED, A.btnFront:LINK {
	position:absolute;
	right:0px;
	top:115px;
	border:1px solid #F2F2F2;
}

A.btnFront:HOVER {
	border:1px solid #Ff9900
}

.menuBottom A:ACTIVE, .menuBottom A:VISITED, .menuBottom A:LINK {
	color:#aaa;
	letter-spacing:0px;
}

.menuBottom A:HOVER {
	color:#ff9900;
}

A.linkThumb:ACTIVE, A.linkThumb:LINK, A.linkThumb:VISITED {
	border:1px solid #FFF;
	display:block;
	width:35px;
	height:46px;
	position:absolute;
	top:-2px;
	left:-2px;
	
}

A.fecharImg:ACTIVE, A.fecharImg:LINK, A.fecharImg:VISITED {
	width:21px;
	height:64px;
	position:absolute;
	left:2px;
}

A.fecharGrande:ACTIVE, A.fecharGrande:LINK, A.fecharGrande:VISITED {
	display:block;
	width:258px;
	height:350px;
	position:absolute;
	left:-2px;
	top:-2px;
	border:1px solid #FFF;
}


A.imgImovel:ACTIVE, A.imgImovel:LINK, A.imgImovel:VISITED {
	border:1px solid #fff;
	width:80px;
	height:80px;
	position:relative;
	top:0px;
	left:0px;
	display:block;

}

A.btn_detalhes:ACTIVE, A.btn_detalhes:VISITED, A.btn_detalhes:LINK {
	width:30%;
	display:block;
	float:left;
	text-align:center;
	border:1px solid #FFF;
	color:#aaa;
	position:relative;
	left:16px;
	bottom:5px;
}

A.btn_reservar:ACTIVE, A.btn_reservar:VISITED, A.btn_reservar:LINK {
	width:45%;
	float:right;
	display:block;
	border:1px solid #FFF;
	position:relative;
	right:16px;
	bottom:5px;
}

A.btn_reservarInt:ACTIVE, A.btn_reservarInt:VISITED, A.btn_reservarInt:LINK {
	width:45%;
	float:left;
	display:block;
	border:1px solid #FFF;
	position:relative;
	left:33px;
	bottom:5px;
}



A.btn_detalhes:HOVER, A.btn_reservar:HOVER, A.btn_reservarInt:HOVER  {
	border-bottom:1px solid #FF9900;
}

.voltar A:ACTIVE, .voltar A:LINK, .voltar A:VISITED {
	color:#AAA;
}
.voltar A:HOVER {
	color:#FF9900;
}

A.linkThumb:HOVER, A.fecharGrande:HOVER, A.imgImovel:HOVER  {
	border:1px solid #FF9900;
}



/* FORM ------------------------------------------------------------------- */

FORM {
}

INPUT, TEXTAREA, SELECT {
	border:1px solid #d1d1d1;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#666;
	vertical-align:middle;
	width:150px;
	position:relative;
	top:2px;
	top:1px !important;
}

SELECT {
	float:left;
	margin-left:10px;
	width:207px;	
}

SELECT.tipoImovel {
	margin-top:10px;
	width:125px;
}

SELECT.diariaImovel {
	margin-bottom:10px;
}

SELECT.quartoImovel {
	width:79px;
	margin-top:10px;
	margin-left:3px;	

}

INPUT.referencia {
	width:135px;
}

TEXTAREA {

	height:50px;
	overflow:auto;
	margin:0px;
	position:relative;
	top:3px !important;
	top:1px;
	margin-bottom:4px !important;
	margin-bottom:2px;

}

TEXTAREA.mensagem {
	height:100px;
}

LABEL {
	width:72px;
	float:left;
	text-align:right;
	margin-right:3px;
	cursor:pointer;
}

INPUT.ddd {
	width:30px;
}

INPUT.telefone {
	width:auto !important;
	max-width:98px;
	width:94px;
}

.obrigatorio, .erro {
	color:#CC3300;
}

.bt_enviar, .btn_buscar {
	width:60px;
	height:19px;
	float:right;
	position:relative;
	top:10px;
	right:18px !important;
	right:14px;
	margin-top:10px;	
}

.btn_buscar {
	right:4px !important;
	right:4px;


}

FIELDSET {
	width:230px;
	border:1px solid #f1f1f1;
	padding:5px;
	
}

LEGEND {
	font-weight:bold;
}

.checkbox {
	border:0px;
	width:16px;
	vertical-align:middle;
	float:left;
	margin-right:3px;
	margin-left:15px;
	position:relative;
	top:3px !important;
	top:1px;
}

.opcaoCheckbox, .opcaoCheckbox2 {
	text-align:left;
	width:auto !important;
	min-width:75px;
	width:75px;
	margin:0px;
	margin-right:3px;	
	vertical-align:middle;
	float:left;
}

.opcaoCheckbox2 {
	width:auto !important;
	min-width:19px;
	width:20px;
}

.busca {
	border-bottom:1px solid #f1f1f1;
	height:185px;
}

.resultado {
	width:100%;
	text-align:center;
	border:1px solid #F1f1f1;
	border-top:none;
	background-color:#f9f9f9;

}

.resultadoImovel {
	width:100%;
	border:1px dashed #f1f1f1;
	margin-bottom:10px;
}

.esquerda {
	width:54%;
	float:right;
	padding:5px 5px 5px 0px;
}

.direita {
	float:left;
	padding:0px;
	width:43%;
}

.imagemImovel {
	width:80px;
	height:80px;
	border:1px solid #d1d1d1;
	position:relative;
	top:10px;
	left:12px;
}

/* UL LI ------------------------------------------------------------------- */

.esquerda UL {
	margin-left:10px;
}

.esquerda UL LI, .textoInterno UL LI {
	margin:0px;
	padding:0px 0px 0px 10px;
	background: URL(../imagens/icones/ico_li.gif) no-repeat;
	background-position:  0px 2px !important;
	background-position:  0px 3px;
	list-style:none;

}

.textoInterno UL.detalhesUl {
	margin:10px 0px 10px 40px !important;
	margin:15px 0px 10px 40px;
}

UL.detalhesUl LI A:ACTIVE, UL.detalhesUl LI A:VISITED, UL.detalhesUl LI A:LINK {
	color:#000;
}

UL.detalhesUl LI A:HOVER {
	color:#FF9900;
}


/* Paginação ------------------------------------------------------------------- */

#formPaginacao {
	text-align:center;
	padding:0px;
	margin:0px;
}

#formPaginacao .primeira {
}

#formPaginacao .ultima {
}

#formPaginacao .anterior {
}

#formPaginacao .proxima {
margin-left:5px;
}

#formPaginacao .paginas {
	
}

#formPaginacao .paginas .selecionada {
	text-decoration:none;
	font-size:1.2em;
}

#formPaginacao IMG {
	position:relative;
	top:5px;
	
}

#formPaginacao A:ACTIVE, #formPaginacao A:LINK, #formPaginacao A:VISITED {
	color:#aaa;
}

#formPaginacao A:HOVER {
	color:#FF9900;
}