* { margin: 0; padding: 0; border: 0; }
body {  background: #353327 url("../Imagens/bgBody.jpg") repeat-x left top; } 
body, div, td {	font: normal 12px "Tahoma", Verdana, Times;	color: #333; }

img { border: none; }

.DobroInterno {	margin: 20px; }
.Interno {	margin: 10px; }
.MeioInterno {	margin: 5px; }
.Invisivel {font-size: 0px; border: none; background-color: transparent; position: absolute; left: -999px;}
.Neutro { font-size: 1px;  margin: 0; background-color: #000;}

a		{ text-decoration: none; color: #E8D085;  font-weight: bold; padding-bottom: 1px;}
a:hover { border-bottom: 1px dashed #E8D085; padding-bottom: 0;}
a img	{ border: none; }
a img	{ border: none; }

address { font-style: normal; margin: 0; padding: 0;}

input, textarea, select {
	font: 12px Tahoma, Times New Roman, Times;
	background-color: #fff;
	padding: 1px;
	z-index: 10;
}

____p {
	margin: 0 0 0 0;
	text-align: justify;
	line-height: 120%;
}

____p:first-letter {
	font: normal 45px  "Tahoma", Verdana, Times New Roman;
	line-height: 30px;
	margin: 0 4px 0 5px;
	float: left;
	clear: both;
}

.BarraPaginacao {
	clear: both;
	padding: 5px;
	text-align: center;
 }
 .BarraPaginacao img { margin: -8px 0 0 0; }

.Both { clear: both; }


textarea {	overflow: auto;}
#Branco { border: none; background: none; }
#EmailNewsletter { width: 150px; height:23px margin: 0; color: #000; font-size: 11px;}
.DisparaEmailNewsletter { background-color: transparent; color: #fff;  margin: 0 0 0 2px; font-size: 11px;}
.BotaoOk { width: 35px; height: 19px; color: #fff; font-size: 10px; font-weight: bold;  background: transparent url("../Imagens/bgBotaoOK.jpg") no-repeat left top; cursor: hand; float: right;  position: relative;}
.BotaoEnvia { width: 106px; height: 26px; background-color: #635F48; color: #fff; cursor: hand; font-size: 13px; float: right;  }
.BotaoResponder { width: 106px; height: 26px; color: #fff; background: transparent url(../imagens/bgBotao.png) no-repeat left top; border: none; float: left; cursor: hand; margin: -8px 0 0 50px;}
.CheckBox { border: none; background-color: transparent;}
.BotaoExcluiLista { background-color: #9b0003; width: 120px; height: 25px; color: #fff; font-weight: bold; float: right; cursor: hand;}

.textbox, .txtArea, .textboxOn, .textAreaOn { background-color: #FFF; border: 1px solid #B3AF9E; margin: 2px 0 0 0;	z-index: 14;}
.textboxOn, .textAreaOn { border: 1px Solid #FCE2AF; background-color: #FFF; }


table { border-collapse: collapse; }

hr { background-color: #C0CAD4; color: #C0CAD4;; height: 1px; clear: both; margin: 10px 0;}

h1 { font: bold 18px "Tahoma", Times New Roman, Times;	color: #FFF; margin: 10px 0; }
h2 { font: normal 16px "Arial", Verdana, Times;	color: #FFF; margin: 0 0 10px 0;}
h3 { font: bold 17px "Arial", Verdana, Times;	color: #FFF; margin: 0 0 10px 0;}
h4 { font: normal 16px "Arial", Times New Roman, Times;	color: #FFF; width: 132px; border: 1px solid #fff; text-align: center; padding: 10px 0; text-transform: uppercase; }
h5 { font: normal 14px "Arial", Times New Roman, Times;	color: #FFF;  border: 1px solid #fff; text-align: center; padding: 5px 10px; text-transform: uppercase; }
h6 { font: normal 12px "Tahoma", Verdana, Times; margin: 0; }


/* ======== Estrutura do site ========================================== */

#AreaSite {
	position: relative;
	width: 970px;
	height: auto;
	text-align: left;
	top: 0;
	left: 50%; margin-left: -485px;	
}


#Topo {
	position: relative;
	width: 970px;
	margin: 30px 0 0 0;
}

#MioloSite {
	position: relative;
	width: 950px;
	margin: -7px 0 0 7px;
	height: 100%;
	background: transparent url("../Imagens/bgMioloEsquerdo.gif") repeat-y 710px top;
	z-index: 2;
}

#MioloSite2 {
	position: relative;
	float: left;
	width: 950px;
	margin: -7px 0 0 7px;
	_margin: -105px 0 0 7px;
	height: 100%;
	background: transparent url("../Imagens/bgMioloEsquerdo.gif") repeat-y 710px top;
	_background: transparent url("../Imagens/bgMioloEsquerdo2.gif") repeat-y 701px top;
}

#Rodape { 
	position: relative; 
	width: 845px; 
	color: #fff;
	font-size: 14px;
	margin: 0 0 10px 0;
	height: 30px;
	clear: both;
	bottom: 0;
}
/* ======== Menu ========================================== */


#Menu {
	position: relative;
	float: left;
	width: 970px;
	height: 55px;
	text-align: left;
	margin: 6px 0 0 0;
	_margin: 10px 0 0 0;
	z-index: 10;
}

#Menu a { border: none; padding: 0; }

#Menu ul {
	width: 700px;
	list-style-type: none; /*remove o marcador*/ 
	padding: 0px; /*remove o recuo Mozilla e NN*/ 
	text-align: left;
	float: left;
	margin: 0 0 0 10px;
}

#Menu ul li{
	display: inline; 
	margin: 0;
	list-style-position: inside;
	text-decoration: none;
}

#Menu ul li img { float: left; margin: 4px 0 0 0;}
#Menu ul li a { color: #fff; text-decoration: none; font-weight: normal; font-size: 11px; padding: 18px 15px 15px 15px; float: left; border: none; display: block; background-color: transparent; cursor: hand; }
#Menu ul li a:hover {  float: left; color: #FCE2AF;}
#Menu ul li.selec a { color: #FCE2AF; cursor: default; text-decoration: line-through;}


/* ======== Estrutura do site ========================================== */

.ClassTituloFlash { z-index: 50; position: relative;}

#LogosTopo { padding: 10px 0 0 0; margin: 0 0 0 20px; _margin: 10px 0 0 20px;  width: 920px; position: relative; z-index: 60;}
#LogoFlash { float: left; }
#PousadasUaal { float: right;}
#MenuFlash { top: 0; margin: 62px 0 0 0; z-index: 9; clear: both; float: left;  left: 0; position: absolute; }
#Linguas { margin: 2px 0 0 10px; width: 30px; height: 35px; float: left; }
#Linguas a { color: #888263; font-weight: normal; margin: 5px 0 0 0; clear: both; float: left; }
#Linguas a.selec { color: #fff; cursor: default; }
#Newsletter { color: #fff; font-size: 9px; float: right; width: 200px; height: 40px; margin: 10px 5px 0 0;}
#FotosCapa {float: left; margin: -7px 0 0 0; z-index: 5; }
#FotosCapa2 {float: left; margin: -120px 0 0 0;  _margin: -20px 0 0 0; z-index: 5; }

#ColunaEsquerda { width: 237px; margin: 10px 0 0 0; float: left; z-index: 20;}
.ConteudoLateralTituloFlash { width: 190px; background-color: #5A5742; margin: -5px 0 0 5px; padding: 0 0 8px 0; z-index: 10; }
.ConteudoLateralTituloFlash img{ margin: 8px 5px 0 5px; }
.ConteudoLateralTituloFlash a { padding: 0; border: none;}
.ConteudoLateralTituloFlash a img{ margin: 8px 5px 0 5px; background-color: #5A5742; border: none;}
#ColunaEsquerda .DobroInterno .CaixaEscura { background-color: #222019; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 2px solid #5A5741; padding: 10px; margin: -25px 0 0 5px;  _margin: -30px 0 0 5px; width: 165px; _width: 190px;}
#ColunaEsquerda .ColunaEsquerdaGastronomia { color: #fff; padding: 10px; }

#MioloSite #ColunaCentral { width: 440px; float: left; margin: -90px 10px 0 10px; font-size: 14px; color: #fff; text-align: justify; z-index: 20; }
#MioloSite2 #ColunaCentral { width: 440px; float: left; margin: 10px 10px 0 10px; font-size: 14px; color: #fff; text-align: justify; z-index: 20; }
#ColunaCentral .CaixaEscura { background-color: #222019; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 2px solid #5A5741; padding: 20px;}
#ColunaCentral .CaixaClara { background-color: #5A5741; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 2px solid #5A5741; padding: 20px;}
#ColunaCentral .CaixaClaraGaleriaFotos { margin-left: 5px;}
#ColunaCentral .CaixaClaraGaleriaFotos img { background-color: #5A5742; border: 1px solid #fff; margin: 6px; position: relative; float: left;}
#TituloGaleriaFotos {margin: 40px 0 -20px 0; }

table.TabelaTarifa { color: #fff; background: #26251C url("../Imagens/bgTabelaTarifa.png") repeat-y left top;}
table.TabelaTarifa tr {   }
table.TabelaTarifa tr td { border-top: 1px solid #8A8465 ;color: #fff; padding: 10px 0;}
table.TabelaTarifa tr td.Classificacao { width: 160px; }
table.TabelaTarifa tr td.Infraestrutura { width: 178px; padding: 0 0 0 10px; }
table.TabelaTarifa tr td.Valor { width: 90px;text-align: center; height: 40px;}
table.TabelaTarifa tr td.Final { padding: 0; height: 10px;}
.BordaTabela { border: 4px solid #26251C; border-top: none; margin: -25px 0 0 10px; }


/* ======== Menu Tarifa========================================== */


#MenuTarifa {
	position: relative;
	xbackground-color: #ff0000;
	top: 13px;
	_top: 0;
	float: left;
	width: 650px;
	_width: 640px;
	height: 55px;
	text-align: left;
	margin: 0 0 -68px 0;
	_margin: 12px 0 -73px 0;
	z-index: 90;
}

#MenuTarifa ul {
	width: 650px;
	_width: 640px;
	list-style-type: none; /*remove o marcador*/ 
	padding: 0px; /*remove o recuo Mozilla e NN*/ 
	text-align: left;
	float: left;
	margin: 0 0 0 10px;
}

#MenuTarifa ul li{
	display: inline; 
	margin: 0;
	list-style-position: inside;
	text-decoration: none;
}

#MenuTarifa ul li img { float: left; margin: 4px 0 0 0;}
#MenuTarifa ul li a { color: #fff; text-decoration: none; font-weight: normal; font-size: 11px; padding: 17px 15px 10px 15px; float: left; cursor: default; border: none;}


/* ======== Estrutura do site ========================================== */

#MioloSite #ColunaDireita { width: 237px;  float: right; background-color: #8A8464; margin: -118px 3px 0 0; z-index: 20; }
#MioloSite2 #ColunaDireita { width: 237px;  float: right; background-color: #8A8464; margin: 0 3px 0 0; z-index: 20; }
#ColunaDireita .CaixaEscura { background-color: #26251C; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 1px solid #5A5741; padding: 10px; width: 160px; _width: 185px; margin: 0 0 0 8px;}
#TituloReservaFlash { margin: -35px 0 -10px 0;}


#ColunaDuplaEsquerda { width: 685px; margin: 10px 0 0 0; float: left; z-index: 20; }
#TituloAcomodacao {}
.ChamadaAcomodacao {color: #fff; font-size: 14px; width: 642px; margin: 0 0 15px 0;  float: right; text-align: justify;}
.LazerEServico {color: #fff; font-size: 14px; width: 420px; margin: 0 0 15px 0; float: right; text-align: justify;}
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao { background-color: #222019; z-index: 1;font: normal 13px  "Arial", Verdana, Times;	clear: both;  border: 1px solid #5A5741; height: 135px; _height: 95px; margin: 30px 0 0 0; color: #FFF;}
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao .EsquerdaAlbumInfo { color: #fff; float: left; margin: 10px; width: 210px; height: 130px; _height: 90px;}
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao .EsquerdaAlbumInfo h3 { }
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao img.classAlbumFotoCaixa {border: 1px solid #5A5741; padding: 5px;  margin: 10px; float: left;}
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao .EsquerdaAlbumInfo a.Album  {border: none; float: right; margin-left: 10px; margin-top: 10px;}
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao .EsquerdaAlbum {float: right;  margin: 10px 10px 0 0; width: 190px; _width: 200px; }
#ColunaDuplaEsquerda .CaixaEscuraAcomodacao .EsquerdaAlbum a img { border: 1px solid #5A5741; padding:1px; width: 90px; height: 50px; margin: 0; float: right;}

.ClassBotaoAcomodacao { margin: 0px 0 -25px 0;}
.ClassBotaoReserva		{ width: 91px; height: 29px; position: absolute; left: 250px;	margin: 120px 0 0 0;  } 
.ClassBotaoTarifario	{ width: 91px; height: 29px; position: absolute; left: 350px;	margin: 0px 0 0 0; }
.ClassBotaoFotos		{ width: 91px; height: 29px; position: absolute; left: 450px;	margin: 00px 0 0 0; }
.ClassBotaoReservaFlash	{ background-color: #ff0000; z-index: 60; height: 50px; opacity: 0;	-moz-opacity: 0; filter: alpha(opacity=0); text-indent:-5000px; } 
.AcomodacaoDescricao { height: 120px; height: 80px; float: left; }
.ObsTarifario { color: #fff; margin: 20px;}
.ObsComoChegar { clear: both; color: #fff; margin: 10px 0 0 0;}

#ColunaEsquerdaComoChegar { width: 225px; float: left;}
#ColunaEsquerdaComoChegar .CaixaEscura { background-color: #222019; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 2px solid #5A5741; padding: 10px; margin: -8px 0 0 5px;  _margin: -12px 0 0 5px; width: 165px; _width: 190px;}

#ColunaCentralComoChegar {float: left;}
#ColunaCentralComoChegar {float: left;}
#ColunaCentralComoChegar .CaixaClara { background-color: #5A5742; font: normal 13px  "Arial", Verdana, Times;	color: #FFF; border: 2px solid #5A5741; padding: 20px;}
#ColunaCentralComoChegar .CaixaClaraGoogles { margin: -15px 0 0 5px; width: 370px; height: 350px; }

.ReservaForm  Table TR TD { padding: 2px 0; color: #fff; }

.FormContato { color: #fff;}

.PacoteCapaInformacoes { padding: 10px;}
.PacoteCapaInformacoes a { color: #fff; }
.PacoteCapaInformacoes a .Noites{ text-align: right; margin: 3px;}
.PacoteCapaInformacoes a .Valor { width: 80px; float: right; text-align: right; margin: 3px;}
.PacoteCapaInformacoes a .APartir { width: 50px; float: left; text-align: left; margin: 3px;}

#ColunaEsquerdaContato { width: 350px; float: left; margin: 0 90px 0 0;}

#ColunaDireitaContato { width: 200px; float: left;}
#ColunaDireitaContato .CaixaEscura { width: 160px; margin: 00px 0 0 7px; }
#ColunaDireitaContato .CaixaEscura a { display: block; padding-bottom: 1px;}
#ColunaDireitaContato .CaixaEscura a:hover {  padding-bottom: 0;}

#Rodape { position: relative; height: 70px; width: auto; bottom: 0;  background: transparent url("../Imagens/bgRodape.jpg") repeat-x left top; 	z-index: 1; margin: -50px 0 0 0; }
#RodapeConteudo {
	position: relative;
	width: 970px;
	height: auto;
	text-align: left;
	top: 0;
	margin-top: 10px;
	left: 50%; margin-left: -485px;	
	color: #fff;
	}
#RodapeConteudo a { font-weight: normal;}
#RodapeConteudo img { float: right; margin: 10px 70px 0 0; }

/* ====================== Acomodação ================================== */



a.AhrefAcomodacao { width: 115px; _width: 110px; display: block; float: left; margin: 0 5px 0 5px; _margin: 0 5px 0 5px; font: normal 13px  "Arial", Verdana, Times;	text-align: center;   }
a.AhrefAcomodacao:hover { }
a.AhrefAcomodacao img{ width: 110px; height: 73px; clear: both; float: left; border: 1px solid #777257; margin-bottom: 5px; padding: 3px;}
#MenuAcomodacao { height: 100px; clear: both; margin: 0 0 20px 0; background-color: #26251C; color: #FFF; border: 0px solid #5A5741; padding: 15px 8px;  }

.ClassBotaoReservarAcomodacao { background-color: #ff0000;}

p.pTarifaMenor { color: #FCE2AF; font-size: 10px; }
p.Check { color: #FFF; font-size: 12px; float: right; }
b.CorFraca {color: #FCE2AF; font-weight: normal;}