/* PARTE I - ajustes iniciais da página */
/* zerando atributos iniciais */
* {
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* escondendo as "lacunas brancas" que aparecem no IE 6 */
img {
display: block;
border: 0px;
}

/* desativando as "horizontal rules" */
hr {
display:none;
}


/* PARTE II - itens gerais do site */
body {
background-image: url('fundo_geral.jpg');
background-repeat: no-repeat;
background-position: top center;
background-color: #cccccc;
}

p {
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #000000;
}

h1 {
font-family: georgia, tahoma, arial, sans-serif;
font-size: 25px;
color: #000000;
}

h2 {
font-family: tahoma, arial, sans-serif;
font-size: 14px;
color: #ff9900;
}

h3 {
font-family: tahoma, arial, sans-serif;
font-size: 12px;
color: #ff9900;
}

a {
font-family: tahoma, arial, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

address {
width: 250px;
float: right;
margin-top: 10px;
font-family: tahoma, arial, sans-serif;
font-size: 11px;
font-style: normal;
}


/* PARTE III - estrutura básica do site */
.layout_cabecalho {
background-color: #ffffff;
display: table;
width: 750px;
margin: 10px auto 0 auto;
}

.layout_menu_idiomas {
display: table;
width: 250px;
float: right;
padding-right: 25px;
}

.layout_menu_idiomas img {
float: right;
width: 23px;
padding: 2px;
}

/* basico = contém o menu principal e a imagem inicial */
.layout_basico {
background-color: #ffffff;
display: table;
width: 750px;
height: 200px;
margin: 0 auto;
}

.layout_menu_principal {
float: left;
width: 140px;
padding-left: 10px;
}

.layout_menu_principal ul li {
border-bottom-style: solid; /* hack para IE quando o menu é vertical*/
border-bottom-width: 1px; /* hack para IE quando o menu é vertical*/
border-bottom-color: #cccccc;
}

.layout_menu_principal a{
display: block;
padding: 5px;
font-family: tahoma, arial, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
}

.layout_menu_principal a:hover {
background-color: #ffcc33;
text-decoration: underline;
}

.layout_imagem_principal {
}

/* conteudo e colunas padrão = aqui estão as colunas que aparecerão em todas as páginas exceto quando for especificado algo diferente */
.layout_conteudo {
background-color: #ffffff;
display: table;
width: 750px;
margin: 0 auto;
}

.layout_titulo_principal {
display: table;
width: 740px;
padding-left: 10px;
padding-top: 10px;
}

.layout_coluna_padrao_01 {
float: left;
width: 490px;
padding: 5px;
}

.layout_coluna_padrao_02 {
float: left;
width: 240px;
padding: 5px;
}


.layout_rodape {
clear: both;
background-color: #ffffff;
display: block;
width: 750px;
height: 150px;
margin: 0 auto 20px auto;
}

.layout_menu_rodape {
display: block;
width: 750px;
height: 26px;
border-top-color: #cccccc;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #cccccc;
border-bottom-width: 1px;
border-bottom-style: solid;
}

.layout_menu_rodape ul {
float: right;
}

.layout_menu_rodape li {
float: left;
}

.layout_menu_rodape a{
display: block;
padding: 5px;
font-family: tahoma, arial, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
}

.layout_menu_rodape a:hover {
background-color: #ffcc33;
text-decoration: underline;
}


/* PARTE IV - estrutura espcífica de cada página do site */
/* PARTE IV - HOME */
.pag_home_apresentacao {
width: 500px;
padding-left: 200px;
padding-bottom: 50px;
color: #ff9900;
}

.pag_home_coluna_01 {
display: table;
background-color: #ffffff;
background-image: url('borda_01.gif');
background-repeat: repeat-y;
background-position: 245px;
width: 240px;
height: 320px;
float: left;
padding: 5px;
}

.pag_home_coluna_02 {
display: table;
background-color: #ffffff;
background-image: url('borda_01.gif');
background-repeat: repeat-y;
background-position: 245px;
width: 240px;
height: 275px;
float: left;
padding: 5px;
}

.pag_home_coluna_03 {
display: table;
background-color: #ffffff;
width: 240px;
height: 275px;
float: right;
padding: 5px;
}

/* PARTE IV - RESERVAS */
.pag_reservas_conteudo {
text-align: center;
display: table;
width: 740px;
padding: 5px;
}

/* PARTE IV - QUARTOS */
.pag_quartos_coluna_01 {
display: table;
float: left;
width: 290px;
padding: 5px;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
}

.pag_quartos_coluna_01 a {
display: block;
width: 150px;
background-color: #ffcc33;
padding: 10px;
}

.pag_quartos_coluna_02 {
display: table;
float: left;
width: 290px;
padding: 5px;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
}

.pag_quartos_coluna_02 a {
display: block;
width: 150px;
background-color: #ffcc33;
padding: 10px;
}

.pag_quartos_coluna_03 {
display: table;
float: left;
width: 140px;
padding: 5px;
}






/* PARTE IV - LOCALIZAÇÃO */





/* PARTE IV - TARIFAS */


/* PARTE IV - SERVIÇOS */


/* PARTE IV - CONTATO */
















