/**
/**
 * fonts
 */

@font-face {
  font-family: 'Humnst777LtBTLight';
  src: url('../fonts/hum777lbt-webfont.eot');
  src: url('../fonts/hum777lbt-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/hum777lbt-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * base rules
 */

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}

html { background: url(../images/bg.jpg); }

body {
  color: #646464;
  font: 14px/1.3 'Georgia', serif;
  background: url(../images/bg_top.jpg) center top no-repeat;
}

ul { list-style: none; }

a {
  color: #646464;
  text-decoration: none;
}

a:hover { text-decoration: underline; }

#container {
  width: 940px;
  margin: 0 auto;
}

/**
 * header
 */

#header {
  height: 249px;
  position: relative;
}

#logo {
  position: absolute;
  top: 32px;
}

#header div {
  position: absolute;
  top: 100px;
  right: 0;
  font-size: 12px;
}

#header img { vertical-align: middle; }

#header select {
  margin-left: 30px;
  padding: 3px;
  font: 12px/1 'Georgia', serif;
  text-decoration: none;
  background-image: -webkit-linear-gradient(top, #ffffff, #dadada);
  background-image: -moz-linear-gradient(top, #ffffff, #dadada);
  background-image: -ms-linear-gradient(top, #ffffff, #dadada);
  background-image: -o-linear-gradient(top, #ffffff, #dadada);
  background-image: linear-gradient(top, #ffffff, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dadada');
  border: 1px solid #7d7d7d;
}

#nav {
  width: 940px;
  height: 44px;
  padding-top: 16px;
  position: absolute;
  top: 189px;
  background-color: #b9ac97;
  background-image: -webkit-linear-gradient(top, #b9ac97, #8a8274);
  background-image: -moz-linear-gradient(top, #b9ac97, #8a8274);
  background-image: -ms-linear-gradient(top, #b9ac97, #8a8274);
  background-image: -o-linear-gradient(top, #b9ac97, #8a8274);
  background-image: linear-gradient(top, #b9ac97, #8a8274);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b9ac97', EndColorStr='#8a8274');
  overflow: hidden;
}

#nav li { float: left; }

#nav a {
  padding: 6px 22px;
  display: block;
  float: left;
  color: #fff;
  text-shadow: 0 0 3px #231f20;
  font: 15px 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-decoration: none;
  border-right: 1px solid #cac4b7;
  border-left: 1px solid #71624c;
}

#nav li:first-child a { border-left: none; }
#nav li:last-child a { border-right: none; }

/**
 * footer
 */

#footer {
  clear: both;
  padding: 25px 0;
  margin-top: 40px;
  color: #fff;
  font-size: 12px;
  background-color: #524c43;
  background-image: -webkit-linear-gradient(top, #524c43, #26231f);
  background-image: -moz-linear-gradient(top, #524c43, #26231f);
  background-image: -ms-linear-gradient(top, #524c43, #26231f);
  background-image: -o-linear-gradient(top, #524c43, #26231f);
  background-image: linear-gradient(top, #524c43, #26231f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#524c43', EndColorStr='#26231f');
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover { text-decoration: underline; }

#footer > div {
  width: 940px;
  padding: 15px 0;
  margin: 0 auto;
  border-top: 1px solid #625d56;
  border-bottom: 1px solid #000;
  overflow: hidden;
}

#footer ul {
  width: 940px;
  margin: 0 auto;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
  overflow: hidden;
}

#footer li {
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #fff;
}

#footer li:last-child { border: none; }

#footer address { 
  padding: 0 50px 0 0;
  float: left;
  font-style: normal;
  border-right: 1px solid #625d56;
}

#social {
  height: 33px;
  padding-left: 50px;
  float: left;
  border-left: 1px solid #000;
}

#social img { 
  vertical-align: middle;
  margin-left: 15px;
}

#copy {
  color: #93918f;
  border-bottom: none !important;
}

#copy img { 
  margin-right: 20px;
  float: left;
}

#copy div { 
  margin-top: 10px;
  float: left;
}

#officina { 
  float: right !important;
  margin-top: 10px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/**
 * comum
 */

#slider-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

#slider { 
  width: 940px;
  z-index: 1;
}

#slider ul, #slider li { 
  width: 940px;
  position: relative;
  display: block;
}

#slider li { overflow: hidden; }

#slider img {
  display: block;
}

#controls ol {
  width: 100%;
  list-style: none;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

#controls li a {
  display: block;
  float: left;
  padding: 3px 6px;
  font: 11px 'Arial', sans-serif;
  color: #fff;
  text-decoration: none;
  margin-right: 1px;
  background: url(../images/000000_70.png);
}

#controls .current a { background: url(../images/a79d89_30.png); }

.bt {
  padding: 3px 10px; 
  color: #6c665a;
  font: 14px 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-decoration: none;
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfbfa 51%, #dcd3ca 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfbfa 51%, #dcd3ca 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfbfa 51%, #dcd3ca 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfbfa 51%, #dcd3ca 100%);
  background: linear-gradient(top, #ffffff 0%, #ffffff 50%, #fcfbfa 51%, #dcd3ca 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcd3ca');
  -moz-box-shadow: 1px 2px 4px #504a41;
  -webkit-box-shadow: 1px 2px 4px #504a41;
  box-shadow: 1px 2px 4px #504a41;
  cursor: pointer;
}

.bt:hover { text-decoration: none; }

.last {
  margin-right: 0 !important;
  border-right: none !important;
}

#star {
  position: absolute;
  bottom: 20px;
  right: 0;
  z-index: 2;
}

/**
 * box reservas
 */

#box-reservas {
  width: 230px;
  height: 235px;
  padding: 20px;
  position: relative;
  color: #fff;
  background: url(../images/000000_70.png);
  z-index: 2;
}

#box-reservas h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  font: 20px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  color: #fff !important;
  text-transform: uppercase;
}

#box-reservas label {
  width: 60px;
  margin: 3px 5px 0 0;
  display: block;
  float: left;
}

#box-reservas input[type=text] {
  padding: 3px;
  margin-bottom: 10px;
  display: block;
  float: left;
  font: 14px 'Georgia', serif;
  color: #000;
  border: 1px solid #7d7d7d;
  background-color: #fff;
  background-image: -webkit-linear-gradient(top, #ffffff, #dadada);
  background-image: -moz-linear-gradient(top, #ffffff, #dadada);
  background-image: -ms-linear-gradient(top, #ffffff, #dadada);
  background-image: -o-linear-gradient(top, #ffffff, #dadada);
  background-image: linear-gradient(top, #ffffff, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dadada');
}

#box-reservas br { clear: both; }

input#chegada, input#saida { width: 155px; }

input#adultos, input#criancas, input#quartos { width: 36px; }

input#adultos { margin-right: 10px; }

.ui-datepicker { font-size: 10px !important; }

#box-reservas .bt { 
  font-size: 20px;
  margin: 10px 0 0 65px;
  box-shadow: none;
}

#box-reservas small {
  font: 10px 'Arial', sans-serif;
  position: absolute;
  bottom: 10px;
}

/**
 * home
 */

#main-home { 
  overflow: hidden;
  padding-bottom: 10px;
}

#main-home #slider-wrapper { overflow: visible; }

#main-home #box-reservas {
  height: 260px;
  position: absolute;
  bottom: 0;
  right: 0;
}

#main-home #box-reservas small {
  width: 100px;
  bottom: 50px;
}

#main-home #star { bottom: -40px; }

#main-home .column {
  width: 296px;
  height: 195px;
  position: relative;
  margin-right: 25px;
  float: left;
}

#main-home .column h2 {
  font: bold 30px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  color: #6c665a;
  margin-bottom: 15px;
}

#main-home .column .bt {
  position: absolute;
  bottom: 0;
  left: 0;
}

#main-home .column img {
  margin-right: 15px; 
}

#newsletter input[type=text] {
  width: 290px;
  padding: 3px;
  margin-top: 10px;
  display: block;
  font: 12px 'Georgia', serif;
  color: #000;
  border: 1px solid #ededed;
}

/**
 * internas 
 */

#slider-wrapper h1 {
  width: 870px;
  padding-top: 20px;
  position: absolute;
  bottom: -7px;
  right: 0;
  color: #fff;
  font: 50px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-align: right;
  text-transform: uppercase;
  background: url(../images/bg_title.png) right top repeat-y;
  opacity: 0.7;
  z-index: 2;
}

#main {
  width: 630px;
  padding-bottom: 150px;
  float: right;
  position: relative;
  overflow: hidden;
}

#main h2 {
  font: 22px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
  color: #646464;
  margin-bottom: 20px;
}

#main p { margin-bottom: 20px; }

#main .fotos {
  width: 654px;
  margin-top: 40px;
  overflow: auto;
}

#main .fotos img {
  width: 194px;
  height: 180px;
  margin: 0 24px 24px 0;
  float: left;
  display: block;
}

#aside {
  width: 270px;
  float: left;
  margin: 0 40px 40px 0;
}

#aside img {
  display: block;
  margin: 15px 0;
}

.gallery {
  width: 630px;
  height: 450px;
  position: relative;
}

#gallery-current {
  width: 630px;
  height: 350px;
  display: block; 
}

.gallery-nav {
  width: 630px;
  padding: 15px 0 15px 30px;
  background: url(../images/000000_70.png);
}

.gallery-nav ul, .gallery-nav li {
  position: relative;
  display: block;
}

.gallery-nav li {
  width: 630px;
  overflow: hidden;
}

.gallery-nav img { margin-right: 10px; }

.prevBtn, .nextBtn {
  width: 10px;
  height: 27px;
  position: absolute;
  bottom: 32px;
  text-indent: -9999px;
}

.prevBtn {
  left: 8px;
  background: url(../images/gallery_prev.png); 
}

.nextBtn {
  right: 8px;
  background: url(../images/gallery_next.png); 
}

/**
 * acomodações
 */

#aside h2 {
  font: 22px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
  color: #646464;
  margin-bottom: 20px;
}

#aside > ul {
  width: 210px;
  padding: 30px;
  background: url(../images/a79d89_30.png);
}

#aside > ul > li { margin-bottom: 20px; }

#aside ul ul {
  margin: 10px 0 0 20px;
}

#aside ul span {
  font: 16px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
}

#aside a {
  color: #646464;
  text-decoration: none;
}

/**
 * eventos
 */

#eventos .gallery { margin-bottom: 20px; }

#saiba-mais-picasso h3, #info h3 {
  font: bold 16px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #646464;
  margin-bottom: 10px;
}

#saiba-mais-picasso {
  float: left;
  margin-right: 40px;
  overflow: hidden;
}

#saiba-mais-picasso a {
  height: 16px;
  padding: 4px 0 0 25px;
  margin-right: 20px;
  display: block;
  float: left;
  font-size: 11px;
  color: #858585;
  text-decoration: none;
  background: url(../images/icons_eventos.png) no-repeat;
}

#saiba-mais-picasso a:hover { color: #646464; }

a#planta { background-position: 0 0; }
a#medidas { background-position: 0 -20px; }
a#capacidade { background-position: 0 -40px; }

#info {
  color: #858585;
  float: left;
}

#info a {
  color: #858585;
  text-decoration: none;
}

#info a:hover { color: #646464; }

/**
 * tarifario
 */

#pacotes li {
  background: url(../images/a79d89_30.png);
  padding: 15px 170px 15px 15px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

#pacotes img {
  margin-right: 15px;
  display: block;
  float: left; 
}

#pacotes h3 {
  font: 18px 'Georgia', serif;
  margin-bottom: 5px;
}

#pacotes p {
  margin: 0 !important;
  color: #858585;
  font-size: 12px;
}

/**
 * tarifário interna
 */

#tarifa #main {
  width: 940px;
  float: none;
}

.tarifas {
  width: 940px;
  text-align: center;
  border-collapse: separate;
}

.tarifas th, .tarifas td { width: 110px; }

.tarifas th {
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
}

.tarifas span {
  display: block;
  font-size: 10px; 
}

.tarifas td {
  padding: 10px;
  font-size: 16px;
  background: url(../images/a79d89_30.png);
}

#tarifa .separator {
  height: 1px;
  margin: 20px 0;
  background: #71624C;
  color: #71624C;
  border-bottom: 1px solid #CAC4B7;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#tarifa .box {
  margin-bottom: 30px;
  background: url(../images/a79d89_30.png);
}

#tarifa .box div { padding: 30px; }

#tarifa .box h3 {
  padding: 15px 30px;
  font: 16px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
  background: url(../images/a79d89_30.png);
}

.box.acompanhantes {
  width: 450px;
  margin: 0 40px 30px 0;
  float: left;
}

.box.pagamento {
  width: 450px;
  margin-bottom: 30px;
  float: right;
}

.box.opcionais {
  clear: both;
}

/**
 * localização
 */

#main address {
  font: 18px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#rota {
  overflow: hidden;
  padding-bottom: 5px;
}

#saddr {
 width: 400px;
  display: block;
  float: left;
  padding: 5px;
  margin-right: 15px;
  font: 14px/1 'Georgia', serif;
  border: 1px solid #ededed;
  background: #fff;
}

#rota .bt { float: left; }

#map {
  width: 630px;
  height: 440px;
  display: block;
  margin-top: 20px;
}

/**
 * reservas
 */

.form { 
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.form div {
  float: left;
  margin-right: 30px;
}

.form label {
  display: block;
  margin-bottom: 3px;
}

.form input[type=text], .form select, .form textarea {
  width: 382px;
  display: block;
  padding: 5px;
  font: 14px/1 'Georgia', serif;
  border: 1px solid #ededed;
  background: #fff;
  margin-bottom: 10px;
}

.form br { clear: both; }

.form #chegada, .form #saida, #uf, #cidade { width: 170px; }

#uf { width: 182px; }

#reservas #main small { font-size: 11px; }

#reservas #aside h3 { 
  font: 20px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  margin-bottom: 5px;
}

#reservas #aside h4 { 
  font: bold 16px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-align: right;
}

/**
 * fale conosco
 */

#contato #main h3 {
  font: 18px/1 'Humnst777LtBTLight', 'Arial', sans-serif;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#assunto { width: 182px; }

#contato #main address {
  font-size: 16px;
}