/* FONTS 2 SHARE */
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(/lib/fonts/topping_icn2/topping_icn.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body, html {
  height: 100%; }

.clear {
  clear: both; }

.dt {
  display: none; }

.tb {
  display: none; }

.padded {
  max-width: 1100px;
  padding: 0 20px;
  width: 100%;
  margin: 0 auto; }

.inner-content {
  padding: 60px 0; }
  .inner-content h1:first-child {
    margin: 0 0 2em 0;
    font-size: 2em !important;
    text-align: center;
    text-transform: uppercase; }

.filler {
  display: none;
  width: 100%;
  height: 0px !important;
  line-height: 0px !important; }

a:hover img {
  opacity: 0.5;
  transition: 0.2s; }

.icon-angle-left:before {
  margin-left: 0 !important;
  width: auto !important;
  margin-right: 5px !important; }

@media only screen and (min-width: 768px) {
  .tb {
    display: block; }
  .mb {
    display: none; }
  .filler {
    display: inline-block; } }

@media only screen and (min-width: 1024px) {
  .dt {
    display: block; }
  .filler {
    display: none !important; } }

#menu_mobile {
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 73px;
  background-color: #005588;
  z-index: 98;
  font-family: "Roboto", sans-serif; }
  #menu_mobile ul li {
    border-top: solid 1px #0066a9;
    line-height: 50px;
    text-align: left;
    font-size: 0.9em; }
    #menu_mobile ul li a {
      color: #FFF;
      text-decoration: none;
      text-transform: uppercase;
      padding: 0 20px; }
      #menu_mobile ul li a.on, #menu_mobile ul li a:hover {
        color: rgba(255, 255, 255, 0.75); }
    #menu_mobile ul li:nth-child(6) {
      border-bottom: solid 1px #0066a9; }
  #menu_mobile .subMenu {
    display: none;
    background-color: #15a0e5; }
    #menu_mobile .subMenu li:first-child {
      border-top: solid 1px #0066a9 !important; }

#border-top {
  position: fixed;
  height: 2px;
  background-color: #FFF;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%; }

#topo-spacer {
  width: 100%;
  height: 71px; }

#topo-ph {
  background-color: #005588;
  width: 100%;
  height: 71px;
  position: fixed;
  left: 0;
  top: 2px;
  z-index: 99;
  font-family: "Roboto", sans-serif; }
  #topo-ph #curved {
    display: none; }
  #topo-ph #topo {
    position: relative;
    height: 100%;
    z-index: 3; }
    #topo-ph #topo #menu-toggle {
      position: absolute;
      right: 20px;
      top: 0;
      cursor: pointer;
      text-align: right;
      font-size: 25.5px;
      height: 71px;
      line-height: 71px;
      color: #FFF;
      z-index: 3; }
      #topo-ph #topo #menu-toggle:before {
        margin: 0; }
    #topo-ph #topo #linguas {
      color: #FFF;
      position: absolute;
      left: 10px;
      top: 0;
      height: 71px;
      z-index: 3; }
      #topo-ph #topo #linguas li {
        display: block;
        float: left;
        font-family: "Roboto", sans-serif;
        font-size: 12.75px;
        line-height: 71px; }
        #topo-ph #topo #linguas li a {
          color: #005588;
          text-transform: uppercase;
          text-decoration: none;
          background-color: rgba(255, 255, 255, 0.25);
          padding: 3px; }
          #topo-ph #topo #linguas li a.on {
            color: orange;
            display: none; }
    #topo-ph #topo #logo {
      display: block;
      margin: 0 auto;
      width: 189px;
      height: 51px;
      position: relative;
      z-index: 3;
      top: 10px;
      background: url(/imagens/logo_mb.png) no-repeat center center; }
      #topo-ph #topo #logo a {
        width: 100%;
        height: 100%;
        display: block; }
    #topo-ph #topo #menu {
      display: none; }

@media only screen and (min-width: 768px) {
  #border-top {
    position: relative;
    height: 4px;
    position: relative; }
  #topo-spacer {
    display: none; }
  #topo-ph {
    height: 130px;
    position: relative;
    top: auto; }
    #topo-ph #curved {
      position: absolute;
      top: 123px;
      width: 100%;
      z-index: 2;
      display: block; }
      #topo-ph #curved img {
        width: 100%;
        height: auto;
        display: block; }
    #topo-ph #topo #linguas {
      color: #005588;
      position: absolute;
      left: auto;
      right: 20px;
      top: 0;
      z-index: 3;
      background-color: white;
      height: auto;
      padding: 5px;
      text-align: center; }
      #topo-ph #topo #linguas li {
        display: inline-block;
        float: none;
        font-family: "Roboto", sans-serif;
        font-size: 12.75px;
        height: auto;
        line-height: normal; }
        #topo-ph #topo #linguas li a {
          color: #005588;
          text-transform: uppercase;
          text-decoration: none;
          background-color: transparent; }
        #topo-ph #topo #linguas li a.on {
          display: none; }
        #topo-ph #topo #linguas li a:hover {
          color: #005588;
          text-decoration: underline; }
      #topo-ph #topo #linguas li:first-child::before {
        content: ''; }
    #topo-ph #topo #logo {
      display: block;
      position: absolute;
      z-index: 3;
      left: 20px;
      top: 15px;
      height: 61px;
      width: 227px;
      background: url(/imagens/logo_tb.png) no-repeat center center; }
    #topo-ph #topo #menu {
      display: block;
      height: auto;
      width: 100%;
      position: absolute;
      left: auto;
      right: 0;
      bottom: 0px;
      background-color: transparent;
      z-index: 2;
      text-align: justify;
      font-size: 14px; }
      #topo-ph #topo #menu ul {
        text-align: justify;
        width: 100%;
        padding: 0 20px; }
      #topo-ph #topo #menu li {
        height: auto;
        line-height: normal;
        text-align: right;
        text-align: center;
        display: inline-block;
        border: none;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        font-size: 14px; }
        #topo-ph #topo #menu li a {
          color: #FFF;
          text-decoration: none; }
          #topo-ph #topo #menu li a.on, #topo-ph #topo #menu li a:hover {
            color: rgba(255, 255, 255, 0.75); }
      #topo-ph #topo #menu li:first-child {
        border: none; }
      #topo-ph #topo #menu li:nth-child(6) {
        border-bottom: none; }
      #topo-ph #topo #menu .subMenu {
        display: none;
        position: absolute;
        top: 100%;
        left: -10%;
        width: 200px;
        background-color: transparent;
        padding: 0;
        padding-top: 10px; }
        #topo-ph #topo #menu .subMenu li:first-child {
          border-top: solid 1px #0066a9; }
        #topo-ph #topo #menu .subMenu li {
          background-color: #005588;
          border-bottom: solid 1px #0066a9;
          padding: 0;
          text-align: left;
          display: block;
          font-size: 0.9em !important;
          line-height: 40px;
          float: none; }
          #topo-ph #topo #menu .subMenu li a {
            padding: 0 15px; }
        #topo-ph #topo #menu .subMenu li:last-child {
          border-bottom: none; } }

@media only screen and (min-width: 1024px) {
  #border-top {
    height: 6px; }
  #topo-ph #topo #logo {
    top: auto;
    bottom: 10px;
    height: 92px;
    width: 344px;
    background: url(/imagens/logo_dt.png) no-repeat center center; }
  #topo-ph #topo #menu {
    width: auto;
    left: auto;
    right: 0;
    top: auto;
    bottom: 6px;
    text-align: right; }
    #topo-ph #topo #menu li {
      margin-right: 35px;
      font-size: 15px; }
    #topo-ph #topo #menu li:nth-child(6) {
      border: none;
      margin-right: 0 !important; }
    #topo-ph #topo #menu .subMenu {
      width: 250px; } }

#wrapper #content {
  position: relative;
  z-index: 1; }
  #wrapper #content img {
    max-width: 100%;
    height: auto; }

@media only screen and (min-width: 768px) {
  #wrapper #content {
    margin-top: 0;
    padding-top: 0;
    margin-top: -20px; } }

@media only screen and (min-width: 1024px) {
  #wrapper #content {
    margin-top: -30px; } }

#menu-sec-ph {
  padding: 20px 0; }
  #menu-sec-ph .menu_sec {
    border-radius: 10px;
    width: 90%;
    max-width: 400px;
    margin: 0 auto;
    line-height: 40px;
    height: 40px;
    color: #FFF;
    font-size: 20px;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 45px;
    /* USAGE @include shadow(0, 0, 5px, 0, rgba(0,0,0,0.5)); || @include shadow(0, 4px, 4px, -2px, rgba(0,0,0,0.5)); */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    position: relative;
    font-weight: 400; }
    #menu-sec-ph .menu_sec a {
      color: #FFF;
      text-decoration: none; }
    #menu-sec-ph .menu_sec ul {
      border-radius: 10px; }
    #menu-sec-ph .menu_sec div.submenu {
      position: absolute;
      top: 40px;
      left: 0;
      width: 100%;
      font-size: 0.8em;
      display: none;
      z-index: 3; }
      #menu-sec-ph .menu_sec div.submenu li {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
        line-height: 1.75; }
        #menu-sec-ph .menu_sec div.submenu li a {
          display: block;
          width: 100%;
          padding: 0 10px; }
        #menu-sec-ph .menu_sec div.submenu li a:hover {
          color: #005588; }
      #menu-sec-ph .menu_sec div.submenu li:last-child {
        border-bottom: none; }
    #menu-sec-ph .menu_sec img.triangle {
      width: 25px;
      height: 13px;
      display: block;
      margin: 10px auto 0 auto; }
    #menu-sec-ph .menu_sec span:before {
      margin: 0;
      width: auto;
      font-size: 22px; }
    #menu-sec-ph .menu_sec .right {
      float: right;
      margin-right: 10px !important; }

#menusecbt1 {
  background-color: #15a0e5;
  background-image: url(/imagens/icn-mar.png); }

#menusecbt2 {
  background-color: #1bb32a;
  background-image: url(/imagens/icn-terra.png);
  margin-top: 20px !important; }

ul.sub1 {
  background-color: #15a0e5; }

ul.sub2 {
  background-color: #1bb32a; }

@media only screen and (min-width: 768px) {
  #menu-sec-ph {
    padding: 0;
    max-width: 600px;
    width: 95%;
    margin: 0 auto; }
    #menu-sec-ph .menu_sec {
      width: 49%;
      margin-left: 2%;
      float: left;
      font-size: 20px; }
    #menu-sec-ph .menu_sec:first-child {
      margin-left: 0; }
  #menusecbt2 {
    margin-top: 0 !important; } }

@media only screen and (min-width: 1024px) {
  #menu-sec-ph {
    padding: 0;
    max-width: 800px;
    width: 95%;
    margin: 0 auto; }
    #menu-sec-ph .menu_sec {
      width: 49%;
      margin-left: 2%;
      float: left;
      height: 60px;
      line-height: 60px;
      border-radius: 10px;
      padding-left: 60px;
      font-size: 24px;
      max-width: none; }
      #menu-sec-ph .menu_sec span:before {
        font-size: 33px; }
      #menu-sec-ph .menu_sec div.submenu {
        top: 60px;
        font-size: 0.7em; }
    #menu-sec-ph .menu_sec:first-child {
      margin-left: 0; } }

#home-blocks .home-block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #ddd; }
  #home-blocks .home-block h3 {
    height: 2.88rem; }
  #home-blocks .home-block img {
    margin: 20px 0;
    display: block;
    width: 100%;
    height: auto; }

#home-blocks .home-block:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none; }

@media only screen and (min-width: 768px) {
  #home-blocks .home-block {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    float: left;
    width: 48%;
    margin-left: 4%; }
  #home-blocks .home-block:nth-child(2n+1) {
    margin-left: 0; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Bitter", serif;
  font-weight: 700;
  color: #1bb32a;
  line-height: 1.2; }

h1 {
  font-size: 1.6rem; }

h2 {
  font-size: 1.4rem; }

h3 {
  font-size: 1.2rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.9rem; }

h6 {
  font-size: 0.8rem; }

h1.s7 {
  color: #005588; }

p, td {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 1rem;
  margin: 20px 0;
  line-height: 1.2; }

p:first-child {
  margin-top: 0; }

p:last-child {
  margin-bottom: 0; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

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

a:hover {
  color: #005588;
  text-decoration: underline; }

/* FONTS 2 SHARE */
body {
  font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Bitter", serif;
  font-weight: 700;
  color: #1bb32a;
  line-height: 1.2; }

h1 {
  font-size: 1.6rem; }

h2 {
  font-size: 1.4rem; }

h3 {
  font-size: 1.2rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.9rem; }

h6 {
  font-size: 0.8rem; }

h1.s7 {
  color: #005588; }

p, td {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #2b2b2b;
  font-size: 1rem;
  margin: 20px 0;
  line-height: 1.2; }

p:first-child {
  margin-top: 0; }

p:last-child {
  margin-bottom: 0; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

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

a:hover {
  color: #005588;
  text-decoration: underline; }

body {
  font-size: 100%; }

p.small_blue {
  font-size: 12px;
  color: #005588; }

p.medium_blue {
  font-size: 15px;
  color: #005588; }

p.large_blue {
  font-size: 18px;
  color: #005588; }

p.xlarge_blue {
  font-size: 22px;
  color: #005588; }

p.small_white {
  font-size: 12px;
  color: #FFF; }

p.medium_white {
  font-size: 15px;
  color: #FFF; }

p.large_white {
  font-size: 18px;
  color: #FFF; }

p.xlarge_white {
  font-size: 22px;
  color: #FFF; }

a.fullLink {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9; }

@media only screen and (min-width: 768px) {
  p.small_blue {
    font-size: 14px;
    color: #005588; }
  p.medium_blue {
    font-size: 18px;
    color: #005588; }
  p.large_blue {
    font-size: 21px;
    color: #005588; }
  p.xlarge_blue {
    font-size: 26px;
    color: #005588; }
  p.small_white {
    font-size: 14px;
    color: #FFF; }
  p.medium_white {
    font-size: 18px;
    color: #FFF; }
  p.large_white {
    font-size: 21px;
    color: #FFF; }
  p.xlarge_white {
    font-size: 26px;
    color: #FFF; } }

@media only screen and (min-width: 1024px) {
  p.small_blue {
    font-size: 16px;
    color: #005588; }
  p.medium_blue {
    font-size: 20px;
    color: #005588; }
  p.large_blue {
    font-size: 24px;
    color: #005588; }
  p.xlarge_blue {
    font-size: 30px;
    color: #005588; }
  p.small_white {
    font-size: 16px;
    color: #FFF; }
  p.medium_white {
    font-size: 20px;
    color: #FFF; }
  p.large_white {
    font-size: 24px;
    color: #FFF; }
  p.xlarge_white {
    font-size: 30px;
    color: #FFF; } }

.full {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow-x: hidden;
  background-size: cover;
  background-position: center center; }

#overlay {
  z-index: 3;
  display: none; }

#paginacao {
  position: absolute;
  left: 0;
  bottom: 20px;
  z-index: 2;
  height: 1em;
  width: 100%;
  padding: 0 20px; }
  #paginacao .icon-circle:before {
    content: '\e813' !important; }
  #paginacao .pager {
    cursor: pointer;
    width: 1.5em;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
    color: white;
    text-align: center;
    display: inline-block; }

#topo-rotativo {
  display: block;
  width: 100%;
  height: 50vw;
  position: relative; }
  #topo-rotativo .tbl {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow-x: hidden; }
    #topo-rotativo .tbl .tbl-cell {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: bottom;
      padding: 20px;
      z-index: 10;
      position: relative; }
    #topo-rotativo .tbl .button {
      border-radius: 5px;
      display: inline-block;
      padding: 5px 15px;
      font-size: 1em;
      color: #FFF;
      border: solid 1px #FFF; }
      #topo-rotativo .tbl .button a {
        text-decoration: none;
        color: inherit; }
  #topo-rotativo .tbl1 {
    z-index: 1; }
  #topo-rotativo .tbl2 {
    z-index: 1; }

.arrows_ph {
  position: absolute;
  top: 50%;
  z-index: 2;
  opacity: 1;
  color: white;
  cursor: pointer;
  font-size: 40px; }
  .arrows_ph div {
    margin-top: -20px; }
  .arrows_ph.arrow-l {
    left: 10px; }
  .arrows_ph.arrow-r {
    right: 10px; }

@media only screen and (min-width: 768px) {
  #paginacao {
    bottom: 40px; }
  #overlay {
    display: block; }
  #topo-rotativo {
    display: block; }
  .arrows_ph {
    font-size: 50px; }
    .arrows_ph div {
      margin-top: -25px; }
    .arrows_ph.arrow-l {
      left: 20px; }
    .arrows_ph.arrow-r {
      right: 20px; } }

@media only screen and (min-width: 1024px) {
  #topo-rotativo {
    display: block;
    height: 40vw; }
  #paginacao {
    bottom: 50px; }
  .arrows_ph {
    font-size: 60px; }
    .arrows_ph div {
      margin-top: -30px; }
    .arrows_ph.arrow-l {
      left: 20px; }
    .arrows_ph.arrow-r {
      right: 20px; } }

.extra {
  font-size: 50px;
  color: green; }

#topo-estatico img {
  display: block;
  width: 100%;
  height: auto; }

.box-ph {
  width: 100%; }
  .box-ph .img-ph {
    margin-top: 20px;
    cursor: pointer; }
    .box-ph .img-ph img {
      width: 100%;
      height: auto;
      display: block; }
    .box-ph .img-ph .tbl-div {
      padding: 5px; }

@media only screen and (min-width: 768px) {
  .box-ph .img-ph {
    float: left;
    width: 33%;
    border: solid 1px #FFF;
    position: relative;
    margin: 0; }
  .box-ph .inner {
    position: absolute;
    left: 5%;
    top: 5%;
    background-color: rgba(222, 222, 222, 0.75);
    width: 90%;
    height: 90%;
    opacity: 0; }
  .box-ph .img-ph:hover .inner {
    opacity: 1;
    transition: 0.2s; }
  .box-ph .tbl-div {
    display: table;
    width: 100%;
    height: 100%;
    margin-top: 0; }
  .box-ph p {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    display: table-cell; } }

a.bt-act {
  font-size: .7em;
  background-color: #15a0e5;
  color: #FFF;
  padding: 5px 10px;
  border: solid 1px #15a0e5;
  border-radius: 5px;
  margin: 20px 0;
  text-decoration: none;
  text-transform: uppercase; }

a.bt-act:hover {
  background-color: #005588;
  transition: 0.2s;
  border: solid 1px #005588; }

div.s7 .titulo a {
  color: #005588; }

div.s7 a.bt-act {
  background-color: #15a0e5; }

div.s7 a.bt-act:hover {
  background-color: #005588;
  border-color: #005588; }

div.s7 h1, div.s7 h2, div.s7 h3, div.s7 h4, div.s7 h5, div.s7 h6 {
  color: #005588; }

div.s7 #form-reservas input, div.s7 #form-reservas select {
  background-color: rgba(0, 85, 136, 0.5); }

div.s8 .titulo a {
  color: #1bb32a; }

div.s8 a.bt-act {
  background-color: #1bb32a;
  border-color: #1bb32a; }

div.s8 a.bt-act:hover {
  background-color: #137018;
  border-color: #137018; }

.act_ph .act {
  width: 47%;
  margin: 20px 0;
  margin-left: 6%;
  float: left;
  border: solid 1px #DDD; }
  .act_ph .act .titulo, .act_ph .act .texto {
    padding: 6%; }
  .act_ph .act .texto {
    padding: 9% 6%; }
  .act_ph .act .titulo p {
    margin: 0;
    padding: 0;
    height: 3.6em;
    line-height: 1.2;
    text-overflow: ellipsis; }
  .act_ph .act .img_ph {
    position: relative;
    overflow: hidden; }
    .act_ph .act .img_ph img {
      width: 100%;
      height: auto;
      display: block; }
    .act_ph .act .img_ph .price_ph {
      position: absolute;
      top: -2em;
      left: -5em;
      transform-origin: right top;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      transform: rotate(-45deg);
      z-index: 2;
      color: #FFF;
      text-align: center;
      width: 10em;
      font-size: .82em;
      font-family: Arial;
      height: 1.5em;
      line-height: 1.5em;
      background-color: #00bf2a; }

.act_ph .act:nth-child(2n+1) {
  clear: both;
  margin-left: 0; }

@media only screen and (min-width: 768px) {
  .act_ph .act {
    width: 32%;
    margin-left: 2%; }
    .act_ph .act .titulo p {
      height: 2.4em; }
  .act_ph .titulo, .act_ph .texto {
    padding: 2%; }
  .act_ph .texto {
    padding: 3% 2%; }
  .act_ph .act:nth-child(2n+1) {
    margin-left: 2%;
    clear: none; }
  .act_ph .act:nth-child(3n+1) {
    clear: both;
    margin-left: 0; } }

@media only screen and (min-width: 1024px) {
  .act_ph .act {
    width: 23.5%;
    margin-left: 2%; }
  .act_ph .titulo, .act_ph .texto {
    padding: 2%; }
  .act_ph .texto {
    padding: 3% 2%; }
  .act_ph .act:nth-child(2n+1) {
    margin-left: 2%;
    clear: none; }
  .act_ph .act:nth-child(3n+1) {
    margin-left: 2%;
    clear: none; }
  .act_ph .act:nth-child(4n+1) {
    margin-left: 0;
    clear: both; } }

div.s7 .act-bt-ph button {
  border: solid 1px #15a0e5;
  background-color: #15a0e5; }

div.s7 .act-bt-ph button:hover {
  border-color: #005588;
  background-color: #005588;
  transition: 0.2s; }

div.s8 .act-bt-ph button {
  border: solid 1px #1bb32a;
  background-color: #1bb32a; }

div.s8 .act-bt-ph button:hover {
  border-color: #137018;
  background-color: #137018;
  transition: 0.2s; }

#extras ul li {
  height: 20px;
  line-height: 30px;
  vertical-align: middle;
  margin: 5px 0;
  cursor: pointer; }

#extras ul li span {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: solid 1px #005588;
  vertical-align: middle;
  line-height: 30px;
  margin-right: 5px; }

#extras ul li.inactive span {
  background-color: transparent; }

#extras ul li.active span {
  background-color: #005588; }

#result {
  margin: 2em 0; }
  #result h1 {
    margin: 0;
    font-size: 1.4em !important; }
    #result h1 span {
      font-size: smaller; }

.act-bt-ph {
  margin: 0 0 2em 0;
  text-align: center; }
  .act-bt-ph button {
    border-radius: 25px;
    padding: 0 25px 0 25px;
    line-height: 50px;
    height: 50px;
    color: #FFF;
    font-family: "Roboto", sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    position: relative;
    cursor: pointer; }

#form-reservas {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #2b2b2b; }
  #form-reservas h4 {
    margin: 30px 0 10px 0;
    text-transform: uppercase; }
  #form-reservas h4:first-child {
    margin-top: 20px;
    margin-top: 0; }
  #form-reservas .f-col, #form-reservas .f-col-2 {
    margin: 5px 0; }
    #form-reservas .f-col > *, #form-reservas .f-col-2 > * {
      font-size: 1em;
      color: #2b2b2b; }
    #form-reservas .f-col input, #form-reservas .f-col-2 input, #form-reservas .f-col select, #form-reservas .f-col-2 select, #form-reservas .f-col option, #form-reservas .f-col-2 option {
      padding: 2px; }
    #form-reservas .f-col label, #form-reservas .f-col-2 label {
      display: block;
      margin-bottom: 5px; }
    #form-reservas .f-col input, #form-reservas .f-col-2 input {
      width: 100%;
      background-color: rgba(27, 179, 42, 0.2);
      border: solid 1px rgba(27, 179, 42, 0.2); }
    #form-reservas .f-col select, #form-reservas .f-col-2 select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: rgba(27, 179, 42, 0.2) url(/imagens/arrow-d.png) right 5px center no-repeat;
      border: solid 1px rgba(27, 179, 42, 0.2);
      background-size: auto 40%;
      padding-right: 30px;
      width: 100%;
      cursor: pointer;
      border-radius: 0; }
    #form-reservas .f-col .datepicker, #form-reservas .f-col-2 .datepicker {
      cursor: pointer; }
    #form-reservas .f-col .error, #form-reservas .f-col-2 .error {
      background-color: #C00; }

.info_box {
  background: #DDD;
  width: 100%;
  overflow: visible;
  min-height: 68px;
  position: relative; }
  .info_box .icon {
    position: absolute;
    left: 10px;
    top: 10px;
    background: url(/imagens/icn-info.png) no-repeat;
    width: 48px;
    height: 48px; }
  .info_box #info_conteudo {
    padding: 15px 15px 15px 68px;
    font-size: .8em; }
    .info_box #info_conteudo p {
      font-size: 1em; }

.img_thumb {
  width: 48%;
  padding-bottom: 48%;
  margin: 2% 0;
  margin-left: 4%;
  float: left;
  background-size: cover;
  background-position: center center;
  position: relative; }
  .img_thumb a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.img_thumb:nth-child(2n+1) {
  margin-left: 0;
  clear: both; }

@media only screen and (min-width: 768px) {
  .act-bt-ph, #result {
    float: left;
    width: 50%; }
  .act-bt-ph {
    margin-top: 2em; }
  .img_thumb {
    width: 23.5%;
    padding-bottom: 23.5%;
    margin: 1% 0;
    margin-left: 2%;
    float: left;
    background-size: cover;
    background-position: center center; }
  .img_thumb:nth-child(2n+1) {
    margin-left: 2%;
    clear: none; }
  .img_thumb:nth-child(4n+1) {
    margin-left: 0;
    clear: both; }
  #form-reservas .f-col, #form-reservas .f-col-2, #form-reservas #extras ul li {
    width: 49%;
    float: left;
    margin-left: 2%; }
  #form-reservas .f-col:nth-child(2n+1), #form-reservas .f-col-2:nth-child(2n+1), #form-reservas #extras ul li:nth-child(2n+1) {
    clear: both;
    margin-left: 0; }
  #form-reservas .f-col-2, #form-reservas .f-col-2:nth-child(2n+1) {
    width: 32%;
    float: left;
    margin-left: 2%;
    clear: none; }
  #form-reservas .f-col-2:nth-child(3n+1) {
    clear: both;
    margin-left: 0; } }

@media only screen and (min-width: 1024px) {
  .act-bt-ph, #result {
    float: left;
    width: 50%;
    margin-top: 3em;
    margin-bottom: 3em; }
  .act-bt-ph button {
    font-size: 1.3em; }
  #result h1 {
    font-size: 1.75em !important; }
  .img_thumb {
    width: 18.4%;
    padding-bottom: 18.4%;
    margin: 1% 0;
    margin-left: 2%;
    float: left;
    background-size: cover;
    background-position: center center; }
  .img_thumb:nth-child(2n+1), .img_thumb:nth-child(3n+1), .img_thumb:nth-child(4n+1) {
    margin-left: 2%;
    clear: none; }
  .img_thumb:nth-child(5n+1) {
    margin-left: 0;
    clear: both; } }

h2.sub-loja {
  margin: 30px 0 5px 0; }

.lista-p {
  border: solid 1px #CCC;
  margin: 15px auto 15px 4%;
  width: 48%;
  float: left; }
  .lista-p a {
    cursor: pointer; }
  .lista-p .titulo {
    text-align: left;
    padding: 4%; }
    .lista-p .titulo p {
      margin: 0;
      padding: 0;
      height: 3.6em;
      line-height: 1.2;
      text-overflow: ellipsis;
      color: #005588; }
  .lista-p .img_ph {
    width: 100%;
    padding-bottom: 66%;
    background-color: #F9F9F9;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; }
    .lista-p .img_ph a {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .lista-p .hor {
    background-size: 100% auto; }
  .lista-p .ver {
    background-size: auto 100%; }
  .lista-p .price_ph {
    padding: 2em 4%;
    font-family: "Roboto", sans-serif; }
    .lista-p .price_ph .price {
      color: #1bb32a;
      font-size: 1.3em;
      float: left;
      width: 50%; }
    .lista-p .price_ph a.bt-loja {
      float: right;
      cursor: pointer; }
    .lista-p .price_ph a.bt-loja {
      font-size: .7em;
      background-color: #15a0e5;
      color: #FFF;
      padding: 5px 10px;
      border: solid 1px #15a0e5;
      border-radius: 5px;
      text-decoration: none;
      text-transform: uppercase; }
    .lista-p .price_ph a.bt-loja:hover {
      background-color: #005588;
      transition: 0.2s;
      border: solid 1px #005588; }
  .lista-p .__div {
    font-size: 1.1em;
    padding: 1em 0;
    color: #2b2b2b;
    font-family: "Roboto", sans-serif;
    text-align: center; }

.lista-p:nth-child(2n+1) {
  margin-left: 0;
  clear: both; }

@media only screen and (min-width: 768px) {
  .lista-p {
    width: 32%;
    max-width: none;
    float: left;
    margin: 15px 0 15px 2%; }
  .lista-p:nth-child(2n+1) {
    margin: 15px 0 15px 2%;
    clear: none; }
  .lista-p:nth-child(3n+1) {
    margin-left: 0;
    clear: both; } }

@media only screen and (min-width: 1024px) {
  .lista-p {
    width: 23.5%;
    max-width: none;
    float: left;
    margin: 15px 0 15px 2%; }
  .lista-p:nth-child(2n+1), .lista-p:nth-child(3n+1) {
    margin: 15px 0 15px 2%;
    clear: none; }
  .lista-p:nth-child(4n+1) {
    margin-left: 0;
    clear: both; } }

.link-list {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 1.2em;
  margin: 15px 0;
  padding: 10px;
  background-color: #EEE;
  color: #2b2b2b;
  text-decoration: none;
  cursor: pointer;
  width: 100%; }
  .link-list .nota {
    font-size: .7em; }

@media only screen and (min-width: 768px) {
  .link-list {
    float: left;
    width: 49%;
    margin-left: 2%; }
  .link-list:nth-child(2n+1) {
    margin-left: 0;
    clear: both; } }

.tbl-contactos td:first-child {
  width: 2em; }

.col-l3 {
  text-align: center; }
  .col-l3 p {
    margin: 0; }

#mapa {
  width: 100%;
  position: relative;
  padding-bottom: 66%;
  margin: 20px 0 40px 0; }
  #mapa iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

#form-contactos h3 {
  margin-bottom: 20px; }

#form-contactos input#nome, #form-contactos input#mail {
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #005588;
  line-height: normal !important;
  width: 100%;
  border: none;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  padding: 5px;
  display: block;
  color: #FFF; }

#form-contactos textarea {
  height: 260px;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #005588;
  line-height: normal !important;
  width: 100%;
  border: none;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  padding: 5px;
  display: block;
  color: #FFF; }

#form-contactos .error {
  background-color: #C00 !important; }

#form-contactos button {
  background-color: #005588;
  color: #FFF;
  border: solid 1px #005588;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 5px; }

#form-contactos button:hover {
  background-color: #005588;
  border-color: #005588;
  transition: 0.2s; }

.google-maps {
  padding-bottom: 35%; }

.google-maps {
  height: 0;
  overflow: hidden;
  padding-bottom: 25%;
  position: relative;
  width: 100%;
  margin-top: 50px; }

.google-maps iframe {
  height: 100% !important;
  left: 0;
  position: absolute;
  top: 0;
  width: 100% !important; }

@media only screen and (min-width: 768px) {
  .col-l3 {
    text-align: left;
    float: left;
    width: 40%; }
  .col-r3 {
    float: right;
    width: 53%; } }

#bcs {
  font: 400 .9em/2 "Roboto", sans-serif;
  color: #444; }
  #bcs a {
    text-decoration: none;
    color: inherit; }
  #bcs a:hover {
    text-decoration: underline; }

#footer-banners {
  /* USAGE @include shadow(0, 0, 5px, 0, rgba(0,0,0,0.5)); || @include shadow(0, 4px, 4px, -2px, rgba(0,0,0,0.5)); */
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5); }
  #footer-banners .footer-banner {
    position: relative;
    height: auto; }
    #footer-banners .footer-banner .inner {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
      #footer-banners .footer-banner .inner .footer-banner-tbl {
        display: table;
        width: 100%;
        height: 100%; }
        #footer-banners .footer-banner .inner .footer-banner-tbl p {
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
          color: #FFF;
          font-family: "Roboto", sans-serif;
          font-size: 32px; }
    #footer-banners .footer-banner img {
      width: 100%;
      height: auto;
      display: block; }

#footer-ph #footer {
  position: relative;
  height: 170px;
  background-color: #005588; }
  #footer-ph #footer #footer-curved {
    display: none; }
  #footer-ph #footer #bottom-icns-ph {
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%; }
    #footer-ph #footer #bottom-icns-ph #bottom-icns {
      width: 110px;
      margin: 0 auto;
      position: relative;
      z-index: 3; }
      #footer-ph #footer #bottom-icns-ph #bottom-icns .bottom-icn {
        width: 50px;
        height: 50px;
        border: 3px solid #FFF;
        border-radius: 25px;
        background-color: #005588;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
        float: left;
        margin-left: 10px; }
      #footer-ph #footer #bottom-icns-ph #bottom-icns .bottom-icn:first-child {
        margin-left: 0; }
      #footer-ph #footer #bottom-icns-ph #bottom-icns #bottomicn1 {
        background-image: url(/imagens/icn-mar.png); }
      #footer-ph #footer #bottom-icns-ph #bottom-icns #bottomicn2 {
        background-image: url(/imagens/icn-terra.png); }
  #footer-ph #footer #footer-stuff {
    padding-top: 40px;
    width: 100%;
    position: relative; }
    #footer-ph #footer #footer-stuff p {
      font-family: "Roboto", sans-serif;
      color: #FFF;
      font-size: 12px;
      line-height: 1.5; }
      #footer-ph #footer #footer-stuff p a {
        text-decoration: none;
        color: inherit !important; }
      #footer-ph #footer #footer-stuff p a:hover {
        text-decoration: underline; }
    #footer-ph #footer #footer-stuff img {
      position: absolute;
      right: 20px;
      bottom: 0;
      width: 35px;
      height: auto; }

#footer-ph #copy {
  height: 72px;
  width: 100%; }
  #footer-ph #copy .inner {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto; }
  #footer-ph #copy .left {
    float: left;
    width: 40%;
    font-family: "Roboto", sans-serif;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    width: 100%;
    background-color: #000;
    height: 25px;
    line-height: 25px; }
    #footer-ph #copy .left a {
      color: inherit; }
    #footer-ph #copy .left a:hover {
      text-decoration: underline; }
  #footer-ph #copy .right {
    float: right;
    width: 60%;
    text-align: right;
    width: 100%;
    display: block;
    background-color: #222;
    height: 47px;
    text-align: center;
    padding: 10px 0; }
    #footer-ph #copy .right img {
      width: 280px;
      height: auto; }

@media only screen and (min-width: 768px) {
  #footer-banners .footer-banner {
    float: left;
    width: 50%; }
  #footer-ph {
    height: 220px;
    width: 100%; }
    #footer-ph #footer {
      position: relative;
      height: 170px;
      background: #005588 url(/imagens/waves.png) no-repeat center center; }
      #footer-ph #footer #footer-curved {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        position: absolute;
        bottom: 99%;
        width: 100%;
        z-index: 2;
        display: block; }
        #footer-ph #footer #footer-curved img {
          width: 100%;
          height: auto;
          display: block; }
      #footer-ph #footer #bottom-icns-ph {
        top: -5vw; }
    #footer-ph #copy {
      height: 50px;
      background-color: #171717; }
      #footer-ph #copy .left, #footer-ph #copy .right {
        height: 50px;
        background-color: transparent; }
      #footer-ph #copy .left {
        width: 40%;
        float: left;
        text-align: left;
        line-height: 50px; }
      #footer-ph #copy .right {
        width: 60%;
        float: right;
        text-align: right; }
        #footer-ph #copy .right img {
          height: 30px;
          width: 310px; } }

@media only screen and (min-width: 1024px) {
  #footer-ph #footer #footer-stuff {
    padding-top: 25px; }
    #footer-ph #footer #footer-stuff p {
      font-family: "Roboto", sans-serif;
      color: #FFF;
      font-size: 14px;
      line-height: 1.5; }
    #footer-ph #footer #footer-stuff img {
      width: 50px; }
  #footer-ph #footer #bottom-icns-ph {
    top: -5vw; }
    #footer-ph #footer #bottom-icns-ph #bottom-icns {
      width: 150px;
      margin: 0 auto;
      position: relative;
      z-index: 3; }
      #footer-ph #footer #bottom-icns-ph #bottom-icns .bottom-icn {
        width: 70px;
        height: 70px;
        border: 3px solid #FFF;
        border-radius: 35px;
        background-color: #005588;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
        float: left;
        margin-left: 10px; }
  #footer-ph #copy .left {
    font-size: 12px; } }

/*
$footer_height : 225;
$copy_height: 50;
$topo: 50px;
$topopad: 20px;
$topbrdh: 2px;
$topoh: $topo + $topopad + $topbrdh;
$bottom_curved_height : 65;
$icns_height: 75;
$icns_top: 1;
$icns_mrg : 10;
$footer_txt_font_size : 14;
$footer_txt_line_height: 1.5;
$copy_txt_font_size : 12;
@media only screen and ($cssdevicetext : 1024px) { 
	#footer-ph {
		height: $footer_height+px; width: 100%; 
		#footer {
			position: relative; height: $footer_height - $copy_height+px;
			#bottom-icns-ph {
				top: -5vw; 
				#bottom-icns {
					width: 2*$icns_height+$icns_mrg+px; margin: 0 auto; 
					.bottom-icn {
						width: $icns_height+px; height: $icns_height+px; border: 3px solid #FFF; border-radius: $icns_height/2+px; background-color: $azul; background-repeat: no-repeat; background-position: center center; background-size: auto 80%; float: left; margin-left: $icns_mrg+px;
					}
				}
			}
			#footer-stuff {
				 padding-top: ($footer_height -$copy_height - $footer_txt_font_size * 5 * $footer_txt_line_height)/2+px; 
				.left {
					float: left; width: 75%; height: $footer_txt_font_size * 5 * $footer_txt_line_height; 
					p {
						font-family: $font_texto; color: $cinza_claro1; font-size: $footer_txt_font_size+px; line-height: $footer_txt_line_height; 
					}
				}
				.right {
					float: right; width: 20%; line-height:$footer_txt_font_size * 5 * $footer_txt_line_height+px; text-align: right;
					img {
						vertical-align: bottom;  width: 50px; height: auto;
					}
				}		
			}	 
		}
		#copy {
			 background-color: #171717; height: $copy_height+px; line-height: $copy_height+px; width: 100%;	
			 .left {
				 float: left; width: 40%; font-family: $font_texto; font-size: $copy_txt_font_size+px; color: #FFF;
			 }
			 .right {
				 float: right; width: 60%; height: $copy_height+px; text-align: right;
				 img {
					 vertical-align: middle; height: 80%; width: auto; margin-right: 5px;
				 }
				 img:last-child {
					 margin-right: 0;
				 }
			 }
		}
	}
}
*/
/*@import 'banner';
@import 'mod1';
@import 'mod2';
@import 'forms';
@import 'mod4';

@import 'mod5';
@import 'mod7'; */
.fixed-scroll {
  /* overflow: hidden;
    position: fixed;
    width: 100%; height: 100%; */ }

* {
  margin: 0; }

html, body {
  height: 100%; }

/*
#wrapper {
  min-height: 100%;
  margin-bottom: -$footer_height_mb; 
}
#wrapper:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: $footer_height_mb; 
}
@media only screen and ($cssdevicetext : 768px) { 
	#wrapper {
		 margin-bottom: -$footer_height_tb;
	}
	.site-footer, .page-wrap:after {
	  height: $footer_height_tb; 
	}
}
@media only screen and ($cssdevicetext : 1024px) { 
	
} */