/*
Theme Name: Arrey Hotels (Hotéis)
Theme URI: https://www.arreyhotels.com.br/
Author: Luciano Maciel
Author URI: https://www.macielpsi.com/
Description: Tema desenvolvido em 2023 para os sites dos hotéis da rede Arrey Hotels.
Version: 3.0
*/
/*Normalize*/
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body { margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline: 0;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
h1 { font-size: 2em; margin: 0.67em 0;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
pre { overflow: auto;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0;}
/*Reset*/
a { text-decoration: none;}
ol, ul { list-style: none;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, footer, header, nav, section, main { margin: 0; padding: 0; border: 0; vertical-align: baseline;}
h1, h2, h3, h4, h5, h6, p, a, ul { font-size: 1em; font-weight: normal;}
/*Grid*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.container { width: 1140px; margin: 0 auto; padding: 0px; position: relative;}
.container:after, .container:before{ content: " "; display: table;}
.container:after { clear: both;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 { float: left; margin-left: 10px; margin-right: 10px;}
.grid-1   {width: 51.25px;}
.grid-2   {width: 122.5px;}
.grid-3   {width: 208px;}
.grid-4   {width: 265px;}
.grid-5   {width: 336.25px;}
.grid-6   {width: 407.5px;}
.grid-7   {width: 478.75px;}
.grid-8   {width: 550px;}
.grid-9   {width: 621.25px;}
.grid-10  {width: 692.5px;}
.grid-11  {width: 763.75px;}
.grid-12  {width: 835px;}
.grid-13  {width: 892px;}
.grid-14  {width: 977.5px;}
.grid-15  {width: 1048.75px;}
.grid-16  {width: 1120px;}
.grid-1-3 {width: 360px;}
.grid-60  {width: 60%; float: left;}
.grid-40  {width: 40%; float: left;}
@media only screen and (min-width: 960px) and (max-width: 1120px) {
.container { width: 960px;}
.grid-1   {width: 40px;}
.grid-2   {width: 100px;}
.grid-3   {width: 172px;}
.grid-4   {width: 220px;}
.grid-5   {width: 280px;}
.grid-6   {width: 340px;}
.grid-7   {width: 400px;}
.grid-8   {width: 460px;}
.grid-9   {width: 520px;}
.grid-10  {width: 580px;}
.grid-11  {width: 640px;}
.grid-12  {width: 700px;}
.grid-13  {width: 748px;}
.grid-14  {width: 820px;}
.grid-15  {width: 880px;}
.grid-16  {width: 940px;}
.grid-1-3 {width: 300px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px;}
.grid-1   {width: 28px;}
.grid-2   {width: 76px;}
.grid-3   {width: 133.5px;}
.grid-4   {width: 172px;}
.grid-5   {width: 220px;}
.grid-6   {width: 268px;}
.grid-7   {width: 316px;}
.grid-8   {width: 364px;}
.grid-9   {width: 412px;}
.grid-10  {width: 460px;}
.grid-11  {width: 508px;}
.grid-12  {width: 556px;}
.grid-13  {width: 594px;}
.grid-14  {width: 652px;}
.grid-15  {width: 700px;}
.grid-16  {width: 748px;}
.grid-1-3 {width: 236px;}
}
@media only screen and (max-width: 767px) {
.container { width: 300px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 { width: 300px; margin: 0 0 20px 0; float: none;}
.grid-60 { width: 100%; margin: 0 0 20px 0; float: none;}
.grid-40 { width: 300px; margin: 0 auto 40px auto; float: none;}
}
/*Configurações gerais*/
@font-face {
    font-family: "Kyrial Sans Pro Regular";
    src: url("../font/kyrial.ttf");
}
h1 { font-family: 'Kyrial Sans Pro Regular', sans-serif; font-size: 36px;}
h2 { font-family: 'Kyrial Sans Pro Regular', sans-serif; font-size: 24px;}
h3 { font-family: 'Kyrial Sans Pro Regular', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: bold;}
h4 { font-family: 'Kyrial Sans Pro Regular', sans-serif; font-size: 16px; font-weight: bold;}
h5 { font-family: 'Kyrial Sans Pro Regular', sans-serif; font-size: 12px; font-weight: bold;}
button {
  border: 3px solid transparent;
  background-color: #1E78BD;
  font-size: 16px;
  font-family: 'Kyrial Sans Pro Regular', sans-serif;
  font-weight: bold;
  outline: none;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 7px 20px;
  transition: all .5s ease;
}

button:hover {
  background: #1A1F20;
  color: #fff;
}
img { max-width: 100%;}
p { line-height: 21px; font-size: 14px;}
a { color: #000; transition: all .5s ease;}
a:hover { color: #000;}

/*Topo-home*/
.menu-principal { background-color: white; min-height: 70px; box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1); position: relative; width: 100%; z-index: 1000;} 
.logo {padding-top: 9px; padding-bottom: 7px}
.item {display: none;}

/*Menu*/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;}
.sf-menu li { padding: 25px 0px; position: relative;}
.sf-menu ul ul li { padding: 0px;}
.sf-menu ul ul { position: absolute; display: none; top: 100%; left: 12px; z-index: 99;}
.sf-menu ul > li { float: left;}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block;}
.sf-menu a { font-family: 'Montserrat', sans-serif; font-weight: bold; display: block; position: relative;}
.sf-menu ul { top: 0; left: 100%;}
.sf-menu ul { float: right;}
.sf-menu ul ul { box-shadow: 2px 2px 6px rgba(0,0,0,.3); min-width: 12em; *width: 12em;}
.sf-menu a { padding: .75em 0em; text-decoration: none; zoom: 1; margin: 0px 12px;}
.sf-menu a { font-size: 12px;}
.sf-menu a:before {
  
}
.sf-menu a:hover:before {
  
}
.sf-menu a:hover {}
.sf-menu li { white-space: nowrap; *white-space: normal; -webkit-transition: background .5s; transition: background .5s;}
.sf-menu ul ul li { background: rgba(0,0,0,.8);}
.sf-menu ul ul li:hover {background: #1E78BD;}
.sf-menu ul ul li a {color: #fff;}
.sf-menu ul ul li { width: 100%;} 
.sf-menu li:hover, .sf-menu li.sfHover { background: ; -webkit-transition: background .5s; transition: background .5s;}
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em;}
.sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white;}
.sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5);}
.sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white;}
.sf-menu .reserva-top {background-color: #1E78BD; padding: 0px 0px; margin-left: 10px; margin-top: 24px; border-radius: 5px;}
.sf-menu .reserva-top a{color: #fff; text-transform: uppercase; padding: 10px 20px; margin: 0px;}
.sf-menu .reserva-top a:hover:before, .sf-menu ul li a:hover:before {visibility: hidden;}
.sf-menu .reserva-top:hover {background-color: #141D21;}
.fa-calendar-days, .fa-arrow-right {padding-left: 5px;}
.sf-menu ul li:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  bottom: 25px;
  left: 12px;
  background-color: #1E78BD;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sf-menu ul li:hover:before {visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
.sf-menu ul ul li:before, .sf-menu .reserva-top:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  bottom: 25px;
  left: 12px;
  background-color: transparent;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.sf-menu ul li:hover:before, .sf-menu .reserva-top:before:hover {visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}
.sf-menu ul .current_page_item:before, .sf-menu ul .current-menu-ancestor:before {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 25px;
  left: 12px;
  background-color: #1E78BD;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
.sf-menu .sub-menu li:before, .sf-menu .social-menu:before{
  content: "";
  position: absolute;
  height: 3px;
  bottom: 25px;
  left: 12px;
  background-color: transparent;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;}
}

/*slide*/
.slide-lista .slide-text { min-height: 620px; position: absolute; margin-top: 260px; color: #fff; text-align: center;}
.slide-lista .slide-text h1 { max-width: 760px; position: relative; margin: 0 auto; font-weight: bold; letter-spacing: 1px; font-size: 48px; text-shadow: 2px 2px 45px #000;}
.slide-lista .slide-text h1:after { content: ""; display: block; width: 100px; height: 2px; background: #fff; margin: 15px auto;}
.slide-lista .slide-text h1:before { content: ""; display: block; width: 100px; height: 2px; background: #fff; margin: 10px auto;}
#slide-gran .slide-text h1:before {display: none;}
#slide-gran .slide-text {margin-top: 240px;}
.slide-lista .slide-text p { max-width: 400px; position: relative; margin: 0 auto;}
.slide-lista .slide-text button { margin-top: 20px; position: relative; background: none; border: solid 2px #1A1F20;}
.slide-lista .slide-text button:hover { border: solid 2px #fff;}
.rslides-home { position: relative; list-style: none; overflow: hidden; height: 100%; padding: 0; margin: 0; z-index: 1;}
.rslides-home li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0px; bottom: 0px; height: 550px;}
.rslides-home li:first-child{ position: absolute; display: inline-block; float: left;}
.rslides-home img {position: relative; display: block; width: 100%; border: 0; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: -1;}
.rslides_tabs { text-align: center; margin: -6px auto 0 auto;}
.rslides_tabs li{ display: inline; margin: 0 0px;}
.rslides_tabs li a{ display: inline-block; width: 25%; height: 16px; background: #1A1F20; color: #1A1F20; overflow: hidden; text-indent: -100px; z-index: 2000;}
.rslides_tabs a { z-index: 2000;}
.rslides_tabs li a:hover, .rslides_tabs li.rslides_here a { background: #1E78BD; color: #1E78BD;}
.slide-sombra { background: #000; background: linear-gradient(to bottom, #000 0%, transparent 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 );}
.slide-sombra { position: absolute; width: 100%; height: 100%; top: 0; z-index: 0; background: rgba(0, 0, 0, 0.9); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 100%, transparent 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 );}
.slide-mobile {display: none;}
.para-sombra { background: #000; background: linear-gradient(to bottom, #000 0%, transparent 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 );}
.para-sombra { position: relative; width: 100%; height: 100%; top: 0; z-index: 0; background: rgba(0, 0, 0, 0.9); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, transparent 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 );}
.sobreposto{
  min-height: 380px;
  position: relative;
  margin-top: -400px;
  z-index: 30;
  text-align: center;
}
.sobreposto h1 {font-weight: bold; font-size: 48px;}
.sobreposto h1, .sobreposto p {
  max-width: 650px;
  margin: 0 auto;
  color: #fff;
}
.sobreposto h1:after { content: ""; display: block; width: 100px; height: 2px; background: #fff; margin: 15px auto;}
.sobreposto button {margin-top: 20px; border-radius: 5px; font-size: 14px;}

/*Reservas*/

.guest-top .reserva-home {padding-top:60px; padding-bottom: 80px; text-align: center; display: block;}
.guest-top .reserva-home h1 {max-width: 750px; margin: 0 auto;}
.guest-top .reserva-home h1:after {content: ""; display: block; width: 150px; height: 3px; background: #fff; margin: 10px auto;}

.reserva-home {
  padding-top: 0px;
  padding-bottom: 20px;
}

.reserva-home input {
  min-height: 60px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

.reserva-home label {
  font-size: 12px;
  float: none;
}

.reserva-home select {
  float: left;
  min-height: 60px;
  border-radius: 5px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}
.reserva-home p {max-width: 600px; margin: 0 auto;}

.sel_hotel {
  margin:4px 0px 0px 0px;
  width:345px;
  float:left;
  color:#5F7175;
  height:38px;
}

.sel_hotel select {
  height: 30px;
  width:345px;
  border: none;
  font-size: 14px;
  padding: 6px;
}

.check_in, .check_out {
  margin:4px 0px 0px 4px;
  width:310px;
  float:left;
  height:38px;
  color: #5F7175;
}

.ie7 .check_out {
  margin-bottom:0;
}

.ie8 .check_out {
  margin-bottom:4px;
}

.check_in input,.check_out input {
  background:url(img/sprite-be-transparent.png) no-repeat scroll -600px -27px #FFFFFF;
  background-repeat: none;
  width:310px;
  padding:6px;
  border:none;
  text-indent:2px;
  height:30px; 
  font-size: 14px;
}

.qac {
  margin:4px 0px 0px 4px;
  float:left;
}  

.qac label {
  text-align:left;
  padding:2px 0px;
  display:block;
  color:#fff;
}

.qac select {
  width:179px;
  padding:6px;
  color:#5F7175;
  border:none;
  height:30px;
  font-size: 14px;
}

.reservar {
  margin:4px 0px 0px 4px;
  float:left;
}

.reservar input {
  text-align:center;
  text-transform:uppercase;
  font-weight: bold;
  position:absolute;
  width:120px;
  height:30px;
  font-size:13px;
  line-height:30px;
  color:#fff;
  cursor:pointer;
  border:none;
  background:#1E78BD;
  -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}

.reservar input:hover {
  background:#1A1F20;
}

.reservation-banner img{
  width: 100%;
}
.contato-section {
    background-color: #fff;
    padding: 60px 20px;
  }

  .contato-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }

  .contato-infos, .contato-form {
    flex: 1 1 100%;
  }

  @media (min-width: 768px) {
    .contato-infos, .contato-form {
      flex: 1 1 50%;
    }
  }

  .contato-infos h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #333;
  }

  .contato-infos p {
    color: #555;
    margin-bottom: 16px;
    line-height: 1.6;
  }

  .contato-infos strong {
    color: #000;
  }

  .contato-form form {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }

  .contato-form label {
    display: block;
    margin-bottom: 6px;
    color: #333;
    font-weight: 500;
  }

  .contato-form input,
  .contato-form textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    font-size: 16px;
  }

  .contato-form button {
    background-color: #8E3134;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .contato-form button:hover {
    background-color: #201A1A;
  }

/*Homepage*/
.home-bar {margin-bottom: 60px; position: relative; z-index: 1; color: #565656; margin-top: 60px;}
.titulo-home {padding-bottom: 40px; text-align: center; color: #565656;}
.titulo-home h2 {max-width: 650px; margin: 0 auto; font-weight: bold; font-size: 36px;}
.titulo-home h2:after { content: ""; display: block; width: 80px; height: 3px; background: #1A1F20; margin: 10px auto;}
.titulos-home {padding-bottom: 20px; text-align: center; color: #565656;}
.titulos-home h2 {max-width: 650px; margin: 0 auto; font-weight: bold; font-size: 36px;}
.titulos-home h2:after { content: ""; display: block; width: 80px; height: 3px; background: #1A1F20; margin: 10px auto;}
.titulo-home p { max-width: 550px; margin: 0 auto; color: #565656;}
.white-bar { background-color: #fff; text-align: center;}
.white-bar h4, .white-bar h2 { padding: 0px 30px 0px 30px; text-align: center;}
.white-bar h4:after, .white-bar h2:after { content: ""; display: block; width: 50px; height: 3px; background: #1A1F20; margin: 10px auto;}
.white-bar p { padding: 0px 10px 0px 10px; text-align: center;}
.white-bar a { color: #565656;}
.white-bar a:hover { color: #000;}
.icos img {
  padding: 15px;
  max-width: 100px;
}
.call {
  padding-top: 40px;
  text-align: center;
}
.call button {
  border-radius: 5px;
  font-size: 12px;
}
.call p {
  margin-bottom: 10px;
}
.call2 {
    padding-top: 0px;
    text-align: center;
}
.call2 button {
    border-radius: 5px;
    font-size: 12px;
}
.treinamentos {
  margin-top: 0px;
  padding-bottom: 60px;
  padding-top: 60px;  
}
.thumb-b2 { height: 188px; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1)}
.thumb-b2 img { max-width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.thumb-b2 img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.white-bar { background-color: #fff; text-align: center;}
.white-bar h4, .white-bar h2 { padding: 20px 30px 0px 30px; text-align: center;}
.white-bar h4:after, .white-bar h2:after { content: ""; display: block; width: 50px; height: 3px; background: #1A1F20; margin: 10px auto;}
.white-bar p { padding: 0px 10px 0px 10px; text-align: center;}
.white-bar a { color: #565656;}
.white-bar a:hover { color: #000;}

/*Diagonal*/
.diagonal { position: relative; background: url();
  background-size: 100%;
  background-repeat: no-repeat; padding-bottom: 60px; color: #fff; }
.diagonal h2{margin-left: auto; margin-right: auto; max-width: 600px; text-align: center;padding-top: 60px; font-size: 36px; font-weight: bold;}
.diagonal h2:after { content: ""; display: block; width: 80px; height: 3px; background: #fff; margin: 10px auto;}
.diagonal p {margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: 550px; text-align: center;}
.bgParallax {
    color:#FFF;
    margin: 0 auto;
    width: 100%;
    position: relative;
    min-height: 100%;
    background-position: 50% 0;
    background-repeat: repeat;
    background-attachment: fixed;
}
#gran {
    background-image: url(img/arrey-meio.webp);
}

/*espaços*/

.content {
  padding: 60px 0;
  text-align: center;
}

.content h2{ font-size: 36px; font-weight: bold;
  
}

.content h2:after { content: ""; display: block; width: 80px; height: 3px; background: #000; margin: 10px auto;}

.content p { max-width: 550px; margin: 0 auto; color: #565656; padding-bottom: 40px;}

.espacos {
  min-height: 780px;
  margin-bottom: 60px;
  color: #565656;
}

.espaco {
  margin-top: 00px;
}

.tex {
  text-align: right; min-width: 265px; min-height: 20px;
}

.tex p {
  margin-bottom: 10px;
}

.big {
  text-align: right;
  margin-bottom: -240px;
}
.big img {border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);}
.descri {float: right; background-color: rgba(245,245,245,0.95); min-width: 550px; min-height: 303px; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);}
.descri-int{ width: 520px; min-height: 283px; border: solid 1px #b3b3b3; margin:15px auto; border-radius: 5px;}
.descri-int h3 {padding-top: 30px;}
.descri-int h3:after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: #b3b3b3;
  margin: 20px auto 20px auto;
}
.descri-int p {padding-right: 40px; padding-left: 40px; padding-bottom: 20px;}
.descri-int button {border-radius: 5px; font-size: 14px; font-weight: bolder;}
/*Rslides*/

.rslides-interno {
  position: relative;
  list-style: none;
  overflow: hidden;
  z-index: 2;
  margin: 0 auto;
}

.rslides-interno li{
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
}

.rslides-interno li:first-child{
  position: relative;
  display: block;
  float: left;
}

.rslides-interno img {
  display: block;
  border: 0;
}

.espacos .rslides_tabs {
  text-align: right;
  margin-top: -320px;
}

 .espacos .rslides_tabs li{
  display: block;
  margin: 0 5px;
}

.espacos .rslides_tabs li a{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #1A1F20;
  color: #1A1F20;
  border-radius: 20px;
  overflow: hidden;
  text-indent: -200px;
  z-index: 30;
}

.espacos .rslides_tabs li a:hover, .espacos .rslides_tabs li.rslides_here a {
  background: #1E78BD;
  color: #1E78BD;
}
/*Map*/
.map-n iframe {margin-bottom: -4px;}

/*footer*/
footer { background-color: #1A1F20; padding: 40px 0 20px 0; text-align: left;}
footer img { padding-bottom: 10px; max-width: 250px;}
footer p { font-size: 14px; color: #dadada; padding-right: 20px;}
footer h4 { font-size: 18px; color: #fff; padding-bottom: 20px;}
footer a { color: #cacaca; font-style: italic; font-size: 14px; padding-bottom: 10px; display:block; }
footer a:hover { color: #fff;}
.black-section { text-align: center; background-color: #1E78BD; color: #000; padding: 6px; letter-spacing: 0.5px;}
.black-section p {font-size: 12px; display: inline;}
.black-section a {font-size: 12px;}

/*Modal*/
.modal {z-index:2110; display:none; padding-top:60px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);}
.modal-cont {z-index: 2000; margin:auto; background-color: transparent; position:relative; padding:0; outline:0; max-width:660px; min-height:340px; box-shadow: 5px 5px 35px rgba(0,0,0,0.5); border-radius: 5px; color: #000; -webkit-animation: popin 0.3s; animation: popin 0.3s;}
.modal-cont iframe {border-radius: 5px; margin-bottom: -3px;}
.modal-cont h1 { padding: 20px 10px 10px 10px; text-align: center;}
.modal-cont h2 { padding: 20px 20px 10px 20px; text-align: center;}
.modal-cont p { padding: 0px 20px 0px 20px; text-align: center; max-width: 400px; margin:0 auto;}
.modal-cont span {color: #fff;}
.maps .modal-cont span {color: #000;}
#modal-ebook .modal-form {padding-top: 35px;}
#fotos {color: #000; min-height: 300px;}
.close { text-decoration:none; float:right; font-size:24px; font-weight: lighter; color:inherit;  margin-bottom: -40px; position: relative; margin-right: 10px; z-index: 10;}
@media (max-width:600px){.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}}
@media (max-width:768px){.modal-content{width:500px}.modal{padding-top:50px}}
@media (min-width:993px){.modal-content{width:900px}}
.close{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s}
.close{text-decoration:none;float:right;font-size:34px;font-weight:none;color:inherit}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
.slideshow-container { max-width: 1000px; position: relative; margin: auto;}
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: #000; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}
.next { right: 0; border-radius: 3px 0 0 3px;}
.prev { left: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); color:#fff;}
.text { color: #000; font-size: 14px; padding: 8px 12px; position: absolute; bottom: -33px; width: 100%; text-align: center;}
.dot, .dot2, .dot3, .dot4, .dot5, .dot6, .dot7, .dot8, .dot9, .dot10, .dot11, .dot12, .dot13, .dot14 { cursor:pointer; height: 13px; width: 13px; margin: -35px 2px; background-color: #dadada; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover { background-color: #1E78BD;}
#fotos {background-color: #fff;}
#fotos span {color: #000;}
#fotos img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
#modnovo .modal-cont {width: 700px; height: 340px; text-align: center;}
#modnovo img {margin-bottom: -145px; border-radius: 5px;}
#modnovo button {font-size: 12px; padding: 3px 8px; background-color: #e7c934;}
#modcontato .modal-cont {background-color: #fff;}
#modcontato .close {color: #000;}
#modall {padding-top: 20px;}
#modall .modal-cont {background: #eaeaea; padding-top: 10px; box-shadow: none; border-radius: 5px;}
#modall span {margin-top: -45px; color: #000;}
#modall .modal-cont h2 {padding-top: 0px; font-weight: bold;}
#modall .modal-cont p {max-width: 430px; padding-bottom: 10px; font-size: 12px;}
.tab {  
  margin: 0 auto;
  background-color: rgba(255,255,255,0.7);
  padding-left: 0px;
  border-radius: 5px;
}
#first_tab {margin-left: 4px;}
.tab_int {
  display: none;
  padding: 20px 20px 0px 20px;  
  background-color: transparent;
  min-height: 430px;  
  border-radius: 5px;
}
.tab_int img {border-radius: 5px;}
.tab input {
  display: none;  
}
.tab label {
  background-color: #1E78BD;
  width: ;
  display: inline-block;
  margin: 0 0 0px;
  padding: 15px 25.3px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border: 0px solid transparent;
  transition: all .5s ease;
  border-radius: 5px;
}
.tab label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
.tab label:hover {
  cursor: pointer;
  background-color: #eaeaea;
}
.tab input:checked + label {
  background-color: transparent;
  color: #000;
}
.tab_int iframe {border-radius: 5px;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}
/* Add Animation */
.modal-cont {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/*Botão de Whatsapp*/
.whatsapp-button {position: fixed; bottom: 5%; right: 2%; max-width: 55px; height: 55px; z-index: 5000;}

/*Páginas internas*/
.top-interno {background-image: url('none'); background-color: #1E78BD; background-repeat: no-repeat; background-size: 100%; background-position: 60% 45%; text-align: center;}
.top-interno h1 {font-size: 36px; font-weight: bold; color: #fff;}
.top-interno h1:after { content: ""; display: block; width: 80px; height: 3px; background: #fff; margin: 10px auto;}
.top-interno p {color: #fff;}
.top-interno-sombra { padding-top: 30px; padding-bottom: 30px; background: #000; background: linear-gradient(to bottom, #000 50%, transparent 40%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 ); }
.top-interno-sombra { position: relative; width: 100%; height: 100%; top: 0px; z-index: 0; background: rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 40%, transparent 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#000000',GradientType=0 );}
.text-center {padding-top: 60px; padding-bottom: 60px;}
.text-center p {max-width: 600px; margin: 0 auto;}
.text-center button {margin-top: 20px;}
.botcent {margin:20 auto; background-color: red; text-align: center;}
.botcent button {margin: 0 auto;}
.color-section {background-color: #1E78BD; padding-top: 40px; padding-bottom: 40px;}
.color-section img {float: left; position: absolute;}
.color-section h2 {text-align: center; color: #fff; font-size: 36px; font-weight: bold;}
.color-section h3 {float: left; color: #F0F2F5; padding-left: 75px; font-size: 16px; padding-bottom: 8px;}
.color-section p {float: left; color: #F0F2F5; padding-left: 75px; font-size: 14px;}
.formulario {padding-top: 60px; padding-bottom: 60px; text-align: center;}
.formulario h2 {font-size: 36px; font-weight: bold; color: #565656;}
.formulario h2:after { content: ""; display: block; width: 80px; height: 3px; background: #1A1F20; margin: 10px auto;}
.formulario p {max-width: 550px; margin: 0 auto; color: #565656; padding-bottom: 20px}
.formulario h3 {text-align: left; padding-bottom: 10px; padding-top: 20px; color: #565656; text-transform: none;}
.left {text-align: left;}
#acom {background-image: url('none'); background-color: #1E78BD; background-repeat: no-repeat; background-size: 100%; background-position: 60% 45%; text-align: center; padding: 30px 0px;}
#acom h1:after { content: none;}
.acomodacao {padding-top: 60px; padding-bottom: 60px;}
.acomodacao p {max-width: 600px; margin: 0 auto; padding-bottom: 40px;}
.acomodacao h4 {max-width: 600px; margin: 0 auto; padding-bottom: 20px;}
.acomodacao ul {max-width: 600px; margin: 0 auto; padding-bottom: 0px;}
.acomodacao ul li {list-style-type: circle; list-style-position: inside;}
.acomodacao #reserv-int {margin: 0 auto;}
.acomodacao #reserv-int input, .acomodacao #reserv-int select {border: 0.5px solid #565656;}
.acomodacao .right {text-align: right;}
.acomodacao .reserva-top {border-radius: 5px; font-size: 12px; }
.color-section .reservar input {background-color:#1A1F20;}



/*Formulário*/
.formulario form {max-width: 650px; margin: 0 auto;}
.formulario input {
  min-height: 60px;
  width: 100%;
  border-radius: 5px;
  border:0.5px solid #565656;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
  padding-left: 10px;
  margin-bottom: 20px;
}
.formulario select {
  color: #565656;
  min-height: 60px;
  width: 100%;
  border-radius: 5px;
  border:0.5px solid #565656;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
  padding: 0px 10px 0px 10px;
  margin-bottom: 20px;
}
.formulario input[type=checkbox] {
  color: #565656;
  min-height: 20px;
  width: 20px;
  border-radius: 5px;
  border:0.5px solid #565656;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
  padding: 0px 10px 0px 10px;
  margin-bottom: 20px;
}
.checkbox ul li{ display:inline-block; position: relative;}
.checkbox label{padding-right: 20px; padding-left: 5px;}
.formulario textarea {min-height: 120px;
  width: 100%;
  border-radius: 5px;
  border:0.5px solid #565656;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
  padding-left: 10px;
  padding-top: 10px;
  margin-bottom: 15px;}
.nao-aparece {display: none;}
.formulario button{
min-height: 60px;
  width: 100%;
  border-radius: 5px;
  border:0.5px solid #565656;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
  padding-left: 10px;
  margin-bottom: 20px;
}

/*Lightbox*/
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.grupoc {display: flex; flex-direction: row; justify-content:center}

.column {
  float: left;
  width: 15%;
}

.bottom-40 {margin-bottom: 40px;}
.top-40 {margin-top: 40px;}

/* The galeria (background) */
.galeria {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.8);
}

/* galeria Content */
.galeria-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
  border-radius: 5px;
  text-align: center;
}

.galeria-content {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

.galeria-acom .lbox {display: block;}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Closed Button */
.closed {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.closed:hover,
.closed:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.fixa {position: relative; padding-bottom: 40px;}
.fixa .lbox {z-index: -1;}
.fixa .lbox img {max-width: 100%;}

.lbox, .lbox2, .lbox3, .lbox4, .lbox5, .lbox6, .lbox7 {
  display: none;
  border-radius: 5px;
  text-align: center;
}
.lbox img, .lbox2 img, .lbox3 img, .lbox4 img, .lbox5 img, .lbox6 img, .lbox7 img {border-radius: 5px; max-width: 650px;}


.cursor {
  cursor: pointer;
}

/* Nexts & previous buttons */
.previ,
.nexts {
  cursor: pointer;
  position: fixed;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.fixa .previ,
.fixa .nexts {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  z-index: 2000;
}

/* Position the "nexts button" to the right */
.nexts {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.previ {left: 0}

/* Position the "nexts button" to the right */
.fixa .nexts {
  right: 0px;
  border-radius: 3px 0 0 3px;
  z-index: 3000;
}
.fixa .previ {left: 10}

/* On hover, add a black background color with a little bit see-through */
.previ:hover,
.nexts:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.galeria img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  padding: 5px 16px;
  color: white;
}

.demo, .demo2, .demo3, .demo4, .demo5, .demo6, .demo7 {
  opacity: 0.6;
}

.active,
.demo:hover,
.demo2:hover,
.demo3:hover,
.demo4:hover,
.demo5:hover,
.demo6:hover,
.demo7:hover {
  opacity: 1;
}

.galeria img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*Responsivo*/
@media only screen and (min-width: 960px) and (max-width: 1120px){
.sf-menu li {padding: 25px 0px;}
.rslides-home li{height: 500px;}
.reserva-home {padding-top: 0px;}
.sobreposto {min-height: 365px; margin-top: -380px;}
.check_in, .check_out, .check_in input,.check_out input {width:220px;}
.tab label {width: 183px; padding: 15px 15px;}
.reser {margin-top: 10px; padding-bottom: 20px;}
.reser button {margin-right: 10px;}
.thumb-b2 { height: 156px;}
.bloco-2 .white-bar h4 {padding-top: 15px;}
.tab label {width: 151px; font-size: 12px;}
.espacos {min-height: 680px; margin-bottom: 60px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px){
.rslides-home li{height: 460px;}
.sobreposto{margin-top: -350px; min-height: 330px;}
.reserva-home {padding-top: 0px; padding-bottom: 0px;}
.check_in, .check_out, .check_in input,.check_out input {width:180px;}
.qac select {  width:122px;}
.titulo-home h1, .diagonal h2 {font-size:24px; max-width: 400px;}
.diagonal h2 {padding-top: 40px;}
.white-bar h2 {font-size: 12px; font-weight: bold;}
.thumb-b2 { height: 123px;}
.treinamentos {padding-top:40px; padding-bottom: 40px;}
.titulos-home h2 {max-width: 450px; margin: 0 auto; font-weight: bold; font-size: 24px;}
.titulos-home h2:after { content: ""; display: block; width: 80px; height: 3px; background: #1A1F20; margin: 10px auto;}
.espacos {min-height: 560px; margin-bottom: 60px; padding-top: 40px;}
}
@media only screen and (max-width: 767px) {
.menu-top, .slide, .home-bar {display: none;}
.item {display: block;}
.menu-principal .container {width: 100%;}
.menu-principal .container .logo {padding-left: 20px; z-index: 2000; position: absolute;}
nav {width: 100%; height: auto;}
.menu-principal .principal {margin-bottom: 0px;}
.item {z-index: -10;}
.item input {display: none; }
.item label {position:relative;display: block; text-align: right; padding:24px 20px 20px 5px; background-color:#fff;color: #000;cursor: pointer; font-size: 24px; transition: all 0.5s ease; font-weight: bold}
.item label:hover {color:;}
.item ul {overflow: hidden; max-height: 0px; transition: all 0.5s linear; text-transform: ;}
.item ul li a {width: 100%; height: auto; padding: 10px 20px 10px 20px; display: block; text-decoration: none; background-color: #000; color:#fff; border-bottom: solid 1px #aaa; font-weight: bold; font-size: 14px;}
.item ul li a:hover {background-color: #1E78BD;}
.item input:checked ~ ul {height: auto; max-height: 1000px; transform:all; color: #fff;}
.momy input {display: none; }
.momy label {position:relative;display: block; text-align: left; padding: 10px 20px 10px 20px; background-color: #000; color:#fff; font-size: 14px; cursor: pointer; border-bottom: solid 1px #aaa; transition: all 0.5s ease;}
.momy label:after {content: '\002B'; color: #fff; font-weight: bold; cursor: pointer; float: right; position: relative; margin-top: -10px; margin-right: 4px; padding: 10px 12px; z-index: 200;}
.momy label:hover {background-color: #1E78BD; color: #fff;}
.momy ul li a {width: 100%; height: auto; padding: 10px 10px 10px 30px; display: block; font-size: 12px; text-decoration: none; background-color: #f7f7f7; color:#000; border-bottom: solid 2px #aaa;}
.item #resp {height: 85px;}
.item #resp:hover {color: #000;}
.sobreposto{margin-top: 0px; padding-top: 40px; background-color: #1A1F20;}
.sobreposto{margin-top: 0px; min-height: 340px;}
.sobreposto h1 {font-size: 24px;}
.sobreposto button {margin-top: 0px;}
.titulo-home {padding-bottom: 10px;}
.para-sombra {padding-bottom: 60px;}
.diagonal p {margin-bottom: 0px;}
#gran {
    background-image: none; background-color: #1A1F20;
}
.reserva-home {padding-top: 10px;}
.reservar input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.guest-form input {margin-left: 10px; -webkit-appearance: default;
-moz-appearance: default;
appearance: default;}
.sel_hotel, .sel_hotel select {width:300px; margin:0px 0px 40px 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none; background-color: #fff; border-radius: 5px;}
.check_in, .check_in input {width:146px; margin:0px 3px 40px 0px;}
.check_out, .check_out input {width:145px; margin:0px 0px 40px 3px;}
.qac {
  margin:0px;
}  
.qac select {width:300px; margin:0px 8px 15px 0px; -webkit-appearance: none;-moz-appearance: none;appearance: none; background-color: #fff;}
#ch {margin:0px 0px 15px 0px;}
.reservar {
  margin:0 auto;
  width: 100%;
}
.reservar input {width: 300px;}


.treinamentos {margin-top: -20px; padding-bottom: 40px;}
.treinamentos h2, .diagonal h2 {font-size:24px;}
.thumb-b2 { height: 156px;}
.white-bar h2 {font-size: 14px; font-weight: bold;}
.white-bar h2:after {
  width: 50px;
  height: 2px;
  }
.call{padding-top: 20px;}
.top-interno h1 {font-size: 24px;}
.top-interno-sombra {padding-top: 25px; padding-bottom: 10px;}
.modal { padding-top: 0px;}
.espacos {min-height: 800px; margin-bottom: 60px; padding-top: 40px;}
.espacos h2 {font-size: 24px;}
.big {margin-bottom: 0px;}
.descri {float: right; background-color: rgba(245,245,245,0.95); min-width: 300px; min-height: 400px; margin-bottom: 40px}
.descri-int{ width: 280px; min-height: 383px; border: solid 1px #b3b3b3; margin:15px auto;}
.descri-int p {padding-right: 40px; padding-left: 40px; padding-bottom: 20px;}
footer {text-align: center;}
footer p {padding-right: 0px;}
.text-center {padding-top: 40px; padding-bottom: 40px;}
.color-section {text-align: center;}
.color-section img {float: none; position: relative; padding-bottom: 10px;}
.color-section h3 {float: none; padding-left: 0px; padding-bottom: 8px;}
.color-section p {float: none; padding-left: 0px;}
.formulario {padding-top: 40px; padding-bottom: 40px; text-align: center;}
.formulario h2 {font-size: 24px; font-weight: bold; color: #565656;}
.acomodacao .container {width: 100%;}
.acomodacao {padding-top: 40px; padding-bottom: 40px;}
.acomodacao p {max-width: 300px; margin: 0 auto; padding-bottom: 20px;}
.acomodacao h4 {max-width: 300px; margin: 0 auto; padding-bottom: 20px;}
.acomodacao ul {max-width: 300px; margin: 0 auto; padding-bottom: 0px;}
.color-section .reservar input {margin: 0 auto; text-align: center; position: relative;}
#acom {padding: 30px 0px 10px 0px;}
}

