@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

* {
margin:0;
padding:0;
margin-botton:0;
}
html{
	height:100%;
}

body { 
	font-family: 'Anton', sans-serif;
	background-image: url(../imagens/fundo_bege.gif);
	margin:0;
	min-height:100%;
	position:relative;
}


/*******************************************************/


div#cabecalho{
}

div#barracima { 
	height:8px;
	background-image: url(../imagens/barra_cima.jpg);
}

div#flash{
height:122px;
width:100%;
margin:auto;
text-align:center;
background-image:url(../imagens/fundo_logo.jpg);

}
div#flash h1{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#FFF;
}

div#menu {
height:24px;
background-image: url(../imagens/fundo_menu.jpg);
}

div#menu ul{
width:779px;
margin:auto;
list-style:none;
overflow:auto;

}
div#menu li#b01 {
background-image:url(../imagens/menu/b01_ohotel.gif);
width:75px;
height:23px;
float:left;
}

div#menu li#b01:hover {
background-position:0 -23px;
}
div#menu li#b02 {
background-image:url(../imagens/menu/b02_natureza.gif);
width:77px;
height:23px;
float:left
}

div#menu li#b03 {
background-image:url(../imagens/menu/b03_lazer.gif);
width:50px;
height:23px;
float:left;
}
div#menu li#b04 {
background-image:url(../imagens/menu/b04_passeios.gif);
width:68px;
height:23px;
float:left;
}
div#menu li#b05 {
background-image:url(../imagens/menu/b05_acomodacoes.gif);
width:106px;
height:23px;
float:left;
}
div#menu li#b06 {
background-image:url(../imagens/menu/b06_localizacao.gif);
width:98px;
height:23px;
float:left;
}
div#menu li#b07 {
background-image:url(../imagens/menu/b07_tarifarios.gif);
width:80px;
height:23px;
float:left;
}
div#menu li#b08 {
background-image:url(../imagens/menu/b08_agendaanual.gif);
width:105px;
height:23px;
float:left;
}
div#menu li#b09 {
background-image:url(../imagens/menu/b09_contato.gif);
width:74px;
height:23px;
float:left;
}
div#menu li#b10 {
background-image:url(../imagens/menu/b10_home.gif);
width:45px;
height:23px;
float:left;
}

div#menu li:hover {
background-position:0 -23px;
}

div#menu a{
display: block;
height:23px;

}

div#menu a span{
display:none;

}

/*************************************************************/

div#meio{
width:770px;
margin:30px auto;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
}

div#meio a img{
border:0;

}

div#meio ul{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
list-style:none;
/**overflow:auto;**/
text-align:center;
margin:20px 0;
}

div#meio ul li{
float:left;
width:251px;
text-align:left;
margin:0 5px 0 0;

}
div#meio ul li h2{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:#063;
font-variant:small-caps;
}
div#meio ul li p{
float:left;
}

div#meio ul li p img.chamada{
float:left;
margin-bottom:15px;
margin-right:5px;
}

div#meio ul li a{
color:#333;
text-decoration:none;
font-size:11px;

}
div#meio ul li a:hover{
color:#425500;
text-decoration:underline;

}

/*************************************************************/

div#rodape {
background-position:bottom;
width:100%;
height:18px;
background-image: url(../imagens/barra_baixo.jpg);
margin-top:-18px;
position:relative;
clear: both;
bottom:0;
position:absolute;
text-align:center;



}

div#rodape span{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:white;
margin-left:450px;
margin-top:5px;



}
div#rodape span a{
text-decoration:none;
font-weight:bold;
color:white;
}

div#rodape span a:hover{
color:#FEB112;
}