*{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
}

#corpo{
width: 776px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}
/* Div  que comporta todos os elementos do site */
#principal{
	width: 776px;
	margin:auto;
	text-align: justify;

}
/* Div que comporta o topo do site ele deve estar dengto da div principal*/
#topo{
	/*background: #FFF url(../imagem/topo5.jpg);*/
	width: 776px;
	height: 164px;
	border: 1px solid #F6C59A;
}
/*Div que comporta o menu do site e seus atributos*/
/*#menu{
	width: 776px;
	height: 30px;
	height: 26px;
	margin: auto;
	background: #FFF url(../imagem/fundo_menu.jpg) repeat-x;
	background: #FFF url(../imagem/rodape_tijolo5.jpg) repeat-x;
	border: none;
	border-bottom: 1px solid #BFA894;
	border-left: 1px solid #BFA894;
	border-right: 1px solid #BFA894;

}*/
#menu{
	width: 776px;
	/*height: 30px;*/
	height: 26px;
	margin: auto;
	/*background: #FFF url(../imagem/fundo_menu.jpg) repeat-x;*/
	background: url(../imagem/rodape_tijolo5.jpg) repeat-x;
}
/*ALinhameto do menu na horizotal dentro da div menu*/
#menu ul {
	padding: 4px 0 0 0;
	vertical-align: middle;
}
/*atributos do li */
#menu ul li {
	list-style: none;
	display: inline;/*Colocando o menu alinhado na horizontal*/
	padding: 0 34px 0 34px;
	font-weight: bold;
}
/*colocando efeitos de link*/
#menu a {
	color:#FFF;
	text-decoration: none;
}
/*colocando efeitos no hover*/
#menu a:hover {
	color:#FF0000;
}

#rodape{
	clear: both;
	width: 776px;
	/*height: 30px;*/
	height: 26px;
	margin: auto;
	/*background: #FFF url(../imagem/fundo_menu.jpg) repeat-x;*/
	background: #FFF url(../imagem/rodape_tijolo5.jpg) repeat-x;
	border: none;
	border-bottom: 1px solid #BFA894;
	border-left: 1px solid #BFA894;
	border-right: 1px solid #BFA894;
}

.rodape-coluna1{
width: 610px;
margin: 0px;
padding: 5px 2px 2px 7px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
/*color: #666666;*/
color: #FFF;
}

.rodape-coluna2{
float:left;
width: 150px;
margin: 0px;
padding: 5px 2px 2px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

a.classe2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
text-decoration: none;
}

a.classe2:hover {
color:#FF0000;
}

a.classe3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
text-decoration: none;
}

a.classe3:hover {
color:#FF0000;
}

#contato{
width: 550px;
height: 240px;
padding: 10px 5px 10px 50px;
}

.contato-coluna1{
float: left;
width: 100px;
margin: 0px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.contato-coluna2{
float: left;
width: 400px;
margin: 0px;
padding: 2px;
}

.contato-coluna3{
float: left;
width: 650px;
margin: 0px;
padding: 2px 2px 2px 105px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.letra-contato{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.corpo-2{
width: 765px;
height: 360px;
margin: 0px auto;
padding: 5px;
/*border: 1px solid blue;*/
}
.corpo-coluna1{
float: left;
width: 378px;
padding: 3px;
/*border: 1px solid red;*/
}

.corpo-coluna2{
float: left;
width: 375px;
padding: 3px;
/*border: 1px solid red;*/
}

.direita-coluna1{
float: left;
width: 100px;
height: 100px;
/*border: 1px solid red;*/
}

.direita-coluna2{
float: left;
width: 260px;
height: 90px;
padding: 10px 0px 0px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#666666;
/*border: 1px solid red;*/
}

.esquerda-coluna1{
width: 350px;
/*border: 1px solid red;*/
}

.titulo{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
}

p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px 10px 2px 10px;
color: #666666;
}

.letra{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.letra-localizacao{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
font-weight: bold;
}

#apartamentos{
height: 900px;
}

.apartamentos-esquerda{
float: left;
width: 370px;
/*height: 134px;*/
margin: 0px auto;
padding: 8px 8px 2px 8px;
/*text-align: right;*/
/*border: 1px solid red;*/
}

.apartamentos-direita{
float: left;
width: 370px;
/*height: 134px;*/
margin: 0px auto;
padding: 8px 8px 2px 8px;
/*border: 1px solid red;*/
}

.cafe{
float: left;
margin: 0px auto;
padding: 10px 30px 10px 30px;
}

.cafe img{
padding: 0px 15px 0px 15px;
}

.reservas{
width: 770px;
height: 685px;
margin: 0px auto;
padding: 5px 10px 2px 10px;
}

.reserva-esqueda{
float: left;
width: 120px;
margin: 0px;
padding: 2px 0px 0px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}

.reserva-direita{
float: left;
width: 640px;
margin: 0px;
padding: 3px;
}

#hotel{
height: 340px;
margin: 0px;
}

.hotel-esquerda{
float: left;
width: 350px;
padding: 5px;
/*border: 1px solid red;*/
}

.hotel-direita{
float: left;
width: 350px;
padding: 5px;
/*border: 1px solid red;*/
}

.localizacao{
margin: 0px;
height: 1430px;
}

.localizacao-mapa{
text-align: center;
padding: 10px;
}

.localizacao-mapa table{
width: 700px;
margin: auto;
/*border: 1px solid red;*/
}

.localizacao-mapa tr td{
padding: 2px 5px 2px 5px;
}