/************************************************************************************************   todo site  **************/
html{
	background:url(../images/layout/bg-html.jpg) top center repeat-y;
}
body{
	background:url(../images/layout/bg-site.jpg) top center no-repeat;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f231f;
}
li{
	list-style:none;
}
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#d22020;
}
a:hover{
	color:#000;
}
p{
	text-align:justify;
}
.topico1{
	font-size:16px;
	margin:15px 0;
	text-transform:uppercase;
	display:inline-block;
}
.topico1v{
	color:#d22020;
	font-size:16px;
	margin:15px 0;
	text-transform:uppercase;
	display:inline-block;
}
.topico2{
	font-size:14px;
	margin:15px 0;
	display:inline-block;
}
.topico3{
}
.italico{
	font-style:italic;
}
.maiuscula{
	text-transform:uppercase;
}
.clear{
	clear:both;
}
.red{
	color:#FF0000;
}
/************************************************************************************************   main  **************/
#main{

}
/************************************************************************************************   header  **************/
#header{
	width:922px;
	margin:0 auto;
}
#header h1 a{
	display:block;
	width:220px;
	height:130px;
	text-indent:-5000px;
}
#header ul li{
	float:left;
}
#header ul li a{
	height:33px;
	text-indent:-5000px;
	display:block;
}
#header ul li a:hover{
	opacity:0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
}
.btn-o-hotel a{
	background:url(../images/layout/btn/btn-o-hotel.jpg) top left no-repeat;
	width:73px;
}
.btn-o-hotel a:hover{
	background:url(../images/layout/btn/btn-o-hotel.jpg) left 5px no-repeat;
	width:73px;
}
.btn-acomodacoes a{
	background:url(../images/layout/btn/btn-acomodacoes.jpg) top left no-repeat;
	width:137px;
}
.btn-acomodacoes a:hover{
	background:url(../images/layout/btn/btn-acomodacoes.jpg) left 5px no-repeat;
	width:137px;
}
.btn-restaurante a{
	background:url(../images/layout/btn/btn-restaurante.jpg) top left no-repeat;
	width:240px;
}
.btn-restaurante a:hover{
	background:url(../images/layout/btn/btn-restaurante.jpg) left 5px no-repeat;
	width:240px;
}
.btn-reservas a{
	background:url(../images/layout/btn/btn-reservas.jpg) top left no-repeat;
	width:96px;
}
.btn-reservas a:hover{
	background:url(../images/layout/btn/btn-reservas.jpg) left 5px no-repeat;
	width:96px;
}
.btn-precos a{
	background:url(../images/layout/btn/btn-precos.jpg) top left no-repeat;
	width:83px;
}
.btn-precos a:hover{
	background:url(../images/layout/btn/btn-precos.jpg) left 5px no-repeat;
	width:83px;
}
.btn-cidade a{
	background:url(../images/layout/btn/btn-cidade.jpg) top left no-repeat;
	width:94px;
}
.btn-cidade a:hover{
	background:url(../images/layout/btn/btn-cidade.jpg) left 5px no-repeat;
	width:94px;
}
.btn-localizacao a{
	background:url(../images/layout/btn/btn-localizacao.jpg) top left no-repeat;
	width:124px;
}
.btn-localizacao a:hover{
	background:url(../images/layout/btn/btn-localizacao.jpg) left 5px no-repeat;
	width:124px;
}
.btn-contato a{
	background:url(../images/layout/btn/btn-contato.jpg) top left no-repeat;
	width:75px;
}
.btn-contato a:hover{
	background:url(../images/layout/btn/btn-contato.jpg) left 5px no-repeat;
	width:75px;
}
/************************************************************************************************   content  **************/
#content{
	width:882px;
	_height:430px;
	min-height:430px;
	margin:0 auto;
	padding:70px 40px 0 40px;
	_padding:40px 40px 0 40px;
}
/************************************************************************************************   footer  **************/
#footer{
	background:url(../images/layout/footer.jpg) bottom center no-repeat;
	clear:both;
	height:373px;
	margin:0 auto;
}
#footer-content{
	width:922px;
	margin:0 auto;
}
#footer-content p{
	text-indent:-5000px;
	float:left;
}
#footer-content a{
	width:30px;
	height:30px;
	display:block;
	text-indent:-5000px;
	float:right;
	margin:55px 0 0 0;
}
/************************************************************************************************   o hotel  **************/
.o-hotel-bloco1{
	width:500px;
	float:left;
}
.o-hotel-bloco2{
	width:346px;
	float:left;
	margin:55px 0 0 20px;
}
.o-hotel-bloco2 ul li{
	float:left;
	margin:0 5px 0 0;
}
/************************************************************************************************   restaurante/cafe da manha  **************/
.restaurante-bloco1{
	width:365px;
	float:left;
	margin:0 0 0 32px;
}
.restaurante-bloco1 ul{
	width:365px;
	display:table;
}
.restaurante-bloco1 ul li{
	float:left;
	margin:0 5px 0 0;
}
.restaurante-bloco2{
	width:365px;
	float:left;
}
.restaurante-bloco2 ul{
	width:365px;
	display:table;
}
.restaurante-bloco2 ul li{
	float:left;
	margin:0 5px 0 0;
}

/************************************************************************************************   reservas  **************/
.reserva-acomodacoes-bloco1{
	width:530px;
	float:left;
	overflow:hidden;
}
#form-reserva .campos{
	display:block;
	border:1px solid #CCC;
	padding:3px;
	width:100%;
}
#form-reserva textarea{
	height:95px;
	overflow:auto;
}
#form-reserva td{
	padding:5px 20px 5px 0;
}
#form-reserva .zera{
	padding:0px;
}
#form-reserva .enviar{
	background:url(../images/layout/enviar.jpg) top center no-repeat;
	border:none;
	width:131px;
	height:29px;
	color:#FFF;
	font-size:14px;
	
}
.reserva-acomodacoes-bloco2{
	float:left;
	width:260px;
	overflow:hidden;
}
.reserva-acomodacoes-bloco2 .topico1v {
	margin:15px 0 0 0!important;
}
/************************************************************************************************   contatos  **************/
#form-contatos{
	width:335px;
	float:left;
}
#form-contatos .campos{
	display:block;
	border:1px solid #CCC;
	padding:3px;
	width:100%;
}
#form-contatos textarea{
	height:95px;
	overflow:auto;
}
#form-contatos td{
	padding:5px 20px 5px 0;
}
#form-contatos .zera{
	padding:0px;
}
#form-contatos .enviar{
	background:url(../images/layout/enviar.jpg) top center no-repeat;
	border:none;
	width:131px;
	height:29px;
	color:#FFF;
	font-size:14px;
}
.contato-contatos{
	width:450px;
	float:left;
}
/************************************************************************************************   localizacao  **************/
.localizacao-distancias{
	width:415px;
	float:left;
}
.localizacao-distancias p{
	line-height:20px;
}
.localizacao-distancias p i{
	border-bottom:1px dotted;
	display:block;
	float:left;
	font-style:normal;
	width:363px;
	height:15px;
}
.localizacao-endereco{
	width:450px;
	float:left;
}
/************************************************************************************************   a cidade  **************/
.cidade-imagem-princial{
	margin:0 20px 0 0;
	float:left;
}
.cidade-galerias{
	width:885px;
}
/************************************************************************************************   acomodacoes  **************/
.acomodacoes{
	width:230px;
	float:left;
}
.acomodacoes-bloco1{
	width:420px;
	float:left;
	margin:0 30px 0 0;
}
.acomodacoes-bloco2{
	width:420px;
	float:left;
}
/************************************************************************************************   acomodacao  **************/
.acomodacao{
	width:420px;
}
.acomodacao-informacao{
	float:left;
	margin:0 0 0 20px;
	width:455px;
}
.acomodacao-altura{
	height:150px;
}
.acomodacao-bloco1{
	width:420px;
	float:left;
	margin:0 30px 0 0;
}
.acomodacao-bloco2{
	width:420px;
	float:left;
}
.acomodacao-mais{
	width:300px;
	float:left;
}
.acomodacao img{
	margin:10px 10px 0 0;
}
/************************************************************************************************   precos  **************/
.preco-bloco1{
	width:480px;
	float:left;
	margin:0 30px 0 0;
	_margin:0 0 0 0;
	overflow:hidden;
}
.preco-bloco1 .apagar{
	display:none;
}
.preco-bloco1 hr{
	color:1px solid #CCCCCC;
	margin:15px 0 0 0;
}
.preco-bloco2 .topico1v {
	margin:15px 0 0 0!important;
}
.preco-bloco2{
	width:280px;
	overflow:hidden;
	float:left;
}
.tabela_precos{
	margin:15px 0 0 0;
}
.tabela_precos strong{
	color:#d22020;
	font-size:12px;
}
.tabela_precos td{
	border:1px dotted #CCC;
	width:300px;
	padding:0 5px;
}