*{
box-sizing: border-box;
}
body, html {
min-height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
font-family: 'museo_slab500';
min-width: 100%;
position: relative;
background: #ffffff;
text-align: left;
color: #ffffff;
font-size: 0;
overflow-x: hidden;
}
html, body.home{
height: 100%;
}
img{
max-width: 100%;
vertical-align: top;
}
/**{
transition: all .2s linear 2s;
}*/
a{
text-decoration: none;
}
header{
font-family: 'museo_slab300';
padding: 0 5%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 999;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.03);
background: #fff;
border-bottom: 1px solid rgba(0,0,0,0.01)
}
header .logo{
display: inline-block;
vertical-align: middle;
padding: 14px 0;
}
header nav{
display: inline-block;
padding-left: 17px;
vertical-align: middle;
height: 100%;
}
header > nav > ul{
height: 100%;
}
header > nav > ul > li{
display: inline-block;
vertical-align: middle;
font-size: 17px;
padding: 5px 0;
}
header > nav > ul > li > a{
padding: 34px 17px;
display: inline-block;
color: #3a3e3f;
}
header > nav > ul > li:hover > a, header > nav > ul > li > a.active {
border-bottom: 2px solid #9b8050;
padding: 32px 17px 30px;
}
header nav > ul > li > ul{
position: absolute;
width: 100%;
top: 100%;
max-height: 0;
transition: all 0.5s linear 0s;
overflow: hidden;
background: #9b8050;
left: 0;
height: auto;
padding-left: calc(5% + 87px);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
header > nav > ul > li:hover > ul{
max-height: 50px;
}
header nav > ul > li > ul li{
display: inline-block;
}
header nav > ul > li > ul li a{
display: inline-block;
padding: 10px 17px;
color: #fff;
}
header > ul{
float: right;
display: inline-block;
margin-left: 15px;
}
header > ul > li{
display: inline-block;
padding: 5px 0px;
}
header > ul > li > a {
padding: 34px 5px;
display: inline-block;
color: #3a3e3f;
font-size: 15px;
line-height: 20px;
}
header > ul > li.active > a{
color: #9b8050;
}
.slideshow{
width: 100%;
position: relative;
text-align: left;
margin-top: 95px;
overflow: hidden;
}
.slideshow .info{
position: relative;
display: inline-block;
text-align: center;
width: auto;
z-index: 1;
}
.slideshow .info .info_content{
padding: 170px 50px;
width: 100%;
overflow: hidden;
background: rgba(37,39,40,0.9);
transition: all 0.2s linear 0s;
height: 100%;
position: relative;
left: 0;
}
.slideshow.fechar .info .info_content{
left: -100%;
}
.bx-controls-direction{
display: none;
}
.slideshow .info > a{
position: absolute;
left: 100%;
top: 0;
height: 100%;
width: auto;
font-size: 0;
color: #fff;
transition: all 0.2s linear 0s;
text-align: center;
/* background: rgba(155,128,80,0.9);
*/
z-index: 999;
}
.slideshow .info > a div{
font-size: 17px;
height: 45px;
width: 250px;
float: left;
position: absolute;
top: 50%;
left: -103px;
padding: 10px 50px 14px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background: rgba(155,128,80,0.9);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-family: 'museo_slab300';
}
.slideshow.fechar .info > a div{
font-size: 0;
/*margin-left: -107px;*/
}
html:lang(en) .slideshow.fechar .info > a div{
/*margin-left: -78px;*/
}
.slideshow.fechar .info > a div:after{
content: "Faça a sua Reserva";
font-size: 17px;
}
.slideshow.fechar .info > a{
left: 0;
}
.slideshow .info hr{
width: 45%;
display: inline-block;
height: 3px;
margin: 45px 0;
background: #fff;
border:0;
}
.slideshow .info form{
width: 80%;
display: inline-block;
}
.slideshow .info form h3{
font-size: 16px;
color: #fff;
width: 100%;
display: inline-block;
text-transform: uppercase;
font-family: 'museo_slab500';
font-weight: 300;
margin-bottom: 22px;
}
.slideshow .info form ul li{
width: 100%;
margin-bottom: 10px;
position: relative;
}
.ui-datepicker{
width: 100%;
top: 100% !important;
left: 0 !important;
font-size: 14px;
}
.slideshow .info form ul li p{
background: #9b8050;
font-size: 13px;
color: #fff;
display: inline-block;
width: 39px;
margin-right: 3px;
height: 100%;
text-transform: uppercase;
padding: 10px 0;
line-height: 18px;
vertical-align: top;
font-family: 'museo_slab300';
display: none;
}
.slideshow .info form input, .slideshow .info form select{
text-align: center;
font-family: 'museo_slab300';
width: 70%;
border: 0;
background: #fff;
font-size: 15px;
display: inline-block;
color: #424546;
padding: 10px;
vertical-align: top;
line-height: 18px;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.slideshow .info form select:first-child{
width: 29%;
margin-right: 1%;
text-align: center;
}
#ui-datepicker-div {display: none;}
.slideshow .info form input{
text-transform: uppercase;
color: #fff;
width: 100%;
background: #9b8050;
cursor: pointer;
}
.slideshow .info form ul li > a{
font-size: 16px;
color: #9b8050;
margin-top: 20px;
display: inline-block;
font-family: 'museo_slab300';
}
#bx-pager{
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
left: 0;
z-index: 2;
}
#bx-pager a{
width: 15px;
height: 15px;
border:2px solid #fff;
display: inline-block;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin: 0 5px;
opacity: 0.2
}
#bx-pager a.active{
opacity: 1;
}
section.reserva, section.newsletter{
background: #9b8050;
background: #f7f7f7;
padding: 20px 0;
text-align: center;
margin-top: 95px;
}
.localizacao section.reserva{
background: #3a3e3f;
}
section.newsletter{
background: #9b8050;
}
/*.servicos section.reserva{
margin: 0;
margin-bottom: 70px;
background: #3a3e3f;
}*/
.eventos section.reserva, section.newsletter{
margin: 0;
margin-top: 95px;
}
section.reserva h3, section.newsletter h3, section.newsletter h4{
width: 100%;
text-align: center;
font-size: 20px;
text-transform: uppercase;
color: #9b8050;
padding: 0px 0 20px;
font-family: 'museo_slab300';
}
section.newsletter h3{
color: #fff;
}
section.newsletter h4{
color: #3a3e3f;
font-size: 16px;
}
section.reserva ul, section.newsletter ul{
font-size: 0;
}
section.reserva ul li, section.newsletter ul li{
display: inline-block;
width: 32%;
margin-right: 2%;
position: relative;
}
/*.servicos section.reserva ul li{
width: 23.5%;
}*/
section.reserva ul li:nth-of-type(3), section.newsletter ul li:nth-of-type(3){
margin-right: 0;
}
/*.servicos section.reserva ul li:nth-of-type(3){
margin-right: 2%;
}
.servicos section.reserva ul li:nth-of-type(4){
margin-right: 0;
}*/
section.reserva ul li p{
background: #3a3e3f;
text-align: center;
font-size: 13px;
color: #fff;
display: inline-block;
width: 39px;
margin-right: 3px;
height: 100%;
text-transform: uppercase;
padding: 10px 0;
line-height: 18px;
vertical-align: top;
font-family: 'museo_slab300';
}
section.reserva ul li input, section.reserva ul li select, section.newsletter ul li input{
width: calc(100% - 42px);
width: 70%;
border: 0;
background: #fff;
font-size: 15px;
display: inline-block;
color: #424546;
padding: 10px;
vertical-align: top;
line-height: 18px;
text-align: center;
font-family: 'museo_slab300';
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
}
section.newsletter ul li input{
width: 100%;
}
section.reserva ul li select:first-child{
width: 29%;
margin-right: 1%;
}
section.reserva ul li input, section.newsletter ul li input[type="submit"]{
cursor: pointer;
color: #fff;
background: #9b8050;
width: 100%;
}
section.newsletter ul li input[type="submit"]{
background: #3a3e3f;
color: #fff;
}
section.reserva ul li:last-child, section.newsletter ul li:last-child{
margin-right: 0;
}
main{
text-align: center;
position: relative;
}
.content{
max-width: 1000px;
display: inline-block;
text-align: left;
width: 100%;
}
main .intro{
padding: 70px 0;
font-size: 0;
}
.home main .intro{
padding-bottom: 0px;
}
main .intro h2{
color: #3a3e3f;
font-size: 40px;
margin-bottom: 70px;
font-weight: bold;
width: 100%;
font-family: 'museo_slab300';
}
main .intro .text{
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #3a3e3f;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
main.eventos .intro .text{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
width: 49%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
}
main.eventos .intro .salas{
width: 49%;
display: inline-block;
font-size: 14px;
}
main.eventos .intro .salas h3{
font-family: 'museo_slab500';
font-size: 15px;
width: 100%;
display: inline-block;
color: #9b8050;
text-transform: uppercase;
padding: 10px 0 ;
border-bottom: 1px solid #9b8050;
cursor: pointer;
}
main.eventos .intro .salas ul{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
padding: 10px 0 ;
}
main.eventos .intro .salas ul li{
width: 100%;
font-family: 'museo_slab300';
margin-bottom: 10px;
color: #3a3e3f;
line-height: 25px;
}
main.eventos .intro .salas ul li img{
max-height: 17px;
margin-right: 10px
}
main.eventos .intro .salas ul li strong{
font-family: 'museo_slab500';
}
main .intro .text p a{
color: #9b8050
}
main #imagem{
display: inline-block;
width: 100%;
background: no-repeat top center fixed;
vertical-align: top;
background-size: cover;
}
/*main.servicos #imagem{
margin-top: 95px;
}*/
main.servicos.restaurante #imagem{
margin-top: 95px;
background: no-repeat center top fixed;
background-size: cover;
}
main.servicos.restaurante.center #imagem{
background-position-y: top -125px;
}
main.eventos #imagem{
margin-top: 0px;
}
main #imagem img{
opacity: 0;
max-height: 300px;
}
main .content .destaque{
padding-bottom: 105px;
}
main .content .destaque > h3{
text-transform: uppercase;
color: #9b8050;
font-size: 39px;
text-align: center;
width: 100%;
font-weight: lighter;
padding: 80px 0;
}
main .content .destaque article,
main #areas .content article,
main #alojamento .content article,
main #relacionados .content article{
width: 100%;
height: auto;
transition: all 0.1s linear;
z-index: 1;
}
main #alojamento .content article{
display: inline-block;
width: 49%;
margin-right: 2%;
vertical-align: top;
margin-bottom: 2%;
}
main #alojamento .content article:nth-of-type(2n){
margin-right: 0;
}
main .content .destaque article a,
main #areas .content article a,
main #alojamento .content article a,
main #relacionados .content article a{
display: inline-block;
width: 100%;
font-size: 0;
text-align: left;
min-height: auto;
transition: all 0.7s linear;
}
main .content .destaque article:nth-child(odd) a,
main #areas .content article:nth-child(odd) a{
text-align: right;
}
main .content .destaque article a > div,
main #areas .content article a > div,
main #alojamento .content article a > div,
main #relacionados .content article a > div{
width: 50%;
display: inline-block;
vertical-align: top;
transition: all 0.3s linear;
}
main #alojamento .content article a > div,
main #relacionados .content article a > div{
width: 100%;
}
main .content .destaque article a > div *,
main #areas .content article a > div *,
main #alojamento .content article a > div *,
main #relacionados .content article a > div *{
transition: all 0.7s linear;
}
main .content .destaque article a .imagem,
main #areas .content article a .imagem,
main #alojamento .content article a .imagem,
main #relacionados .content article a .imagem{
background: no-repeat center center;
background-size: cover;
height: 100%;
overflow: hidden;
position: relative;
}
main .content .destaque article a .text,
main #areas .content article a .text,
main #alojamento .content article a .text,
main #relacionados .content article a .text{
padding: 5% 5% 157px;
overflow: hidden;
background: #9b8050;
max-height: 100%;
min-height: 100%;
height: auto;
text-align: center;
position: relative;
float: right;
}
main #areas .content article a .text{
padding-bottom: 100px
}
main #areas .content article a .text > img{
margin-bottom: 30px;
}
main .content .destaque article a .text:after,
main #areas .content article a .text:after,
main #alojamento .content article a .text:after,
main #relacionados .content article a .text:after{
height: 173px;
background: #9b8050;
content: "";
width: 100%;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
main #areas .content article a .text:after,
main #alojamento .content article a .text:after,
main #relacionados .content article a .text:after{
background: #3a3e3f;
}
main #areas .content article a .text::after{
height: 100px;
}
main .content .destaque article:hover{
z-index: 2;
}
main #alojamento .content article a .text,
main #relacionados .content article a .text{
font-size: 0;
padding-bottom: 100px;
float: none;
padding-top: 7%;
}
main #alojamento .content article a .text:after,
main #relacionados .content article a .text:after{
height: 100px;
}
main #alojamento .content article a .text .quarto{
display: inline-block;
width: 100%;
vertical-align: middle;
}
main .content .destaque article a .imagem::before,
main #areas .content article a .imagem:before,
main #alojamento .content article a .imagem:before,
main #relacionados .content article a .imagem:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(155,128,80,0.2);
mix-blend-mode: color-dodge;
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,-50%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,-50%,0);
}
main #alojamento .content article a .imagem:before,
main #relacionados .content article a .imagem:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,42deg) translate3d(0,-50%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,42deg) translate3d(0,-50%,0);
}
main .content .destaque article:hover a .imagem::before,
main #areas .content article:hover a .imagem:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,50%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,50%,0);
}
main #alojamento .content article:hover a .imagem:before,
main #relacionados .content article:hover a .imagem:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,42deg) translate3d(0,50%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,42deg) translate3d(0,50%,0);
}
main .content .destaque article a:hover > .text, main #areas .content article a:hover > .text{
}
main .content .destaque article:nth-child(odd) a .text,
main #areas .content article:nth-child(odd) a .text{
float: left;
}
main .content .destaque article a .imagem img,
main #areas .content article a .imagem img{
opacity: 0;
}
main .content .destaque article a .text h4,
main #areas .content article a .text h4,
main #alojamento .content article a .text h4{
font-size: 10px;
color: #3a3e3f;
text-transform: uppercase;
width: 100%;
text-align: center;
}
main .content .destaque article a .text hr,
main #areas .content article a .text hr,
main #alojamento .content article a .text hr{
width: 40%;
height: 1px;
border:0;
background: #3a3e3f;
margin: 20px 0;
display: inline-block;
}
main .content .destaque article a .text h3,
main #areas .content article a .text h3,
main #alojamento .content article a .text h3,
main #relacionados .content article a .text h3{
font-size: 32px;
color: #fff;
line-height: 33px;
margin-bottom: 41px;
}
main #relacionados .content article a .text h3{
font-size: 22px;
margin-bottom: 0px;
}
main .content .destaque article a .text p,
main #areas .content article a .text p,
main #alojamento .content article a .text p,
main #relacionados .content article a .text p{
display: inline-block;
width: 100%;
text-align: center;
color: #fff;
font-size: 14px;
font-family: 'museo_slab300';
line-height: 22px;
max-width: 80%;
}
main .content .destaque article a .text > span,
main #areas .content article a .text > span,
main #alojamento .content article a .text > span,
main #relacionados .content article a .text > span{
position: absolute;
bottom: 37px;
width: 100%;
display: inline-block;
left: 0;
text-align: center;
padding: 0 25%;
z-index: 2;
}
main .content .destaque article a .text > span .valor,
main #alojamento .content article a .text > span .valor,
main #relacionados .content article a .text > span .valor{
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
main .content .destaque article a .text > span .valor p,
main #alojamento .content article a .text > span .valor p,
main #relacionados .content article a .text > span .valor p{
display: inline-block;
width: auto;
font-size: 25px;
color: #3a3e3f;
font-family: 'museo_slab500';
}
.home main .content .destaque article a .text > span .valor p.valor2,
main #alojamento .content article a .text > span .valor p:last-child,
main #relacionados .content article a .text > span .valor p:last-child{
font-size: 15px;
vertical-align: bottom;
color: #fff;
text-decoration: line-through;
margin-bottom: 3px;
margin-left: 10px;
font-family: 'museo_slab300';
}
main .content .destaque article a .text > span .reservar,
main #areas .content article a .text > span .reservar,
main #alojamento .content article a .text > span .reservar,
main #relacionados .content article a .text > span .reservar {
border-top: 1px solid #3a3e3f;
border-bottom: 1px solid #3a3e3f;
font-size: 17px;
color: #3a3e3f;
padding: 15px 5px;
}
main #relacionados .content article a .text > span .reservar{
padding: 10px 5px;
}
main .content .destaque article a .text > span .reservar p,
main #areas .content article a .text > span .reservar p{
-ms-transform: scale(1, 1); /* IE 9 */
-webkit-transform: scale(1, 1); /* Safari */
transform: scale(1, 1);
transition: all .3s linear;
color: #3a3e3f;
}
main #areas .content article a .text > span .reservar p,
main #alojamento .content article a .text > span .reservar p,
main #relacionados .content article a .text > span .reservar p{
color: #9b8050;
}
main .content .destaque article a:hover .text > span .reservar p,
main #areas .content article a:hover .text > span .reservar p,
main #alojamento .content article a:hover .text span .reservar p,
main #relacionados .content article a:hover .text span .reservar p{
-ms-transform: scale(1.3, 1.3); /* IE 9 */
-webkit-transform: scale(1.3, 1.3); /* Safari */
transform: scale(1.3, 1.3);
}
main #areas{
background: #f7f7f7;
padding: 105px 0;
}
main #areas .content article a .text,
main #alojamento .content article a .text,
main #relacionados .content article a .text{
background: #3a3e3f;
}
main #areas .content article a .text h4,
main #alojamento .content article a .text h4{
color: #9b8050
}
main #areas .content article a .text hr,
main #alojamento .content article a .text hr{
background: #9b8050;
}
main #areas .content article a .text > span .reservar,
main #alojamento .content article a .text > span .reservar,
main #relacionados .content article a .text > span .reservar{
border-top: 1px solid #9b8050;
border-bottom: 1px solid #9b8050;
color: #9b8050;
}
main #braganca{
display: inline-block;
width: 100%;
background: #262829;
padding: 105px 0;
overflow: hidden;
position: relative;
}
main #braganca .imagem{
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: url(../images/fundo.jpg) no-repeat center center fixed #45484a;
background-size: cover;
background-blend-mode: overlay;
opacity: 0.3;
}
main #braganca .content{
position: relative;
z-index: 1;
}
main #braganca .titulo{
width: 100%;
display: inline-block;
text-align: left;
font-size: 0;
}
main #braganca .titulo h3, main #braganca .titulo .text{
width: 50%;
display: inline-block;
vertical-align: top;
}
main #braganca .titulo h3{
font-size: 60px;
line-height: 75px;
text-transform: uppercase;
color: #9b8050;
font-weight: bold;
}
main #braganca .titulo .text{
padding-left: 50px;
}
main #braganca .titulo .text p{
font-size: 18px;
color: #fff;
line-height: 30px;
font-family: 'museo_slab300';
margin-bottom: 40px;
}
main #braganca .titulo .text p:last-child{
margin-bottom: 0;
}
main #braganca .titulo .text p strong{
font-weight: bold;
}
main #braganca ul{
width: 100%;
display: inline-block;
font-size: 0;
padding-top: 90px;
}
main #braganca ul li{
display: inline-block;
width: 32%;
margin-right: 2%;
background: #3a3e3f;
border-top: 4px solid #9b8050;
overflow: hidden;
transition: all .3s linear;
vertical-align: top;
}
main #braganca ul li:last-child{
margin-right: 0;
}
main #braganca ul li a{
padding: 45px 35px;
display: inline-block;
width: 100%;
height: auto;
min-height: 100%;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 25px;
overflow: hidden;
position: relative;
}
main #braganca ul li a span{
position: absolute;
bottom: 100%;
left: 0;
display: none;
width: 100%;
height: 100%;
transition: all .3s linear;
background: no-repeat center center #9b8050;
background-size: cover;
-webkit-filter: grayscale(20%);
filter: grayscale(20%);
background-blend-mode: luminosity;
}
main #braganca ul li a span img{
min-height: 100%;
min-width: 100%;
}
main #braganca ul li a:hover span{
bottom: 0;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/*main #braganca ul li:hover{
height: auto !important;
}*/
main #braganca ul li a h3{
font-size: 25px;
color: #9b8050;
display: inline-block;
width: 100%;
line-height: 30px;
font-family: 'museo_slab300';
margin-bottom: 20px;
}
main #braganca ul li a h4{
line-height: 20px;
}
main #braganca ul li a h4:nth-of-type(1){
font-size: 18px;
/* text-transform: uppercase;
*/}
main #braganca ul li a hr{
width: 30%;
display: inline-block;
height: 2px;
background: #616565;
margin: 27px 0;
border:0;
}
main #braganca ul li a p{
font-family: 'museo_slab300';
font-weight: lighter;
letter-spacing: 0.5px;
/* max-height: 200px;*/
overflow: hidden;
margin-bottom: 15px;
line-height: 17px;
transition: all .3s linear;
}
/*main #braganca ul li a:hover p{
max-height: 2000px;
}*/
main #braganca ul li a p:last-child{
margin-bottom: 0;
}
main #braganca ul li a p strong{
font-family: 'museo_slab500';
}
main #galeria h2{
text-transform: uppercase;
color: #9b8050;
font-size: 39px;
text-align: center;
width: 100%;
font-weight: lighter;
padding: 80px 0;
}
main #galeria ul{
padding: 0 0 105px;
}
main #galeria ul li{
text-align: center;
display: inline-block;
width: 32%;
margin-right: 2%;
vertical-align: top;
}
main #galeria ul li:nth-of-type(3n){
margin-right: 0;
}
main #galeria ul li a{
display: inline-block;
height: auto;
width: 100%;
background: center center no-repeat;
background-size: cover;
margin-bottom: 20px;
font-size: 0;
position: relative;
overflow: hidden;
-webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
filter: grayscale(80%);
transition: all .2s linear 0s;
}
main #galeria ul li a:hover{
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}
main #alojamento{
padding: 100px 0;
}
main #quartos .bx-wrapper{
position: relative;
}
main #quartos{
margin-top: 95px;
padding: 100px 0;
}
main #quartos .content > article{
display: inline-block;
vertical-align: top;
}
main #quartos .content > article.slideshow{
width: 60%;
margin-top: 0;
}
main #quartos .content > article.text{
text-align: left;
width: 38%;
font-size: 14px;
margin-left: 2%;
color: #3a3e3f;
line-height: 23px;
font-family: 'museo_slab300';
}
main #quartos .content > article.text h2{
font-size: 30px;
line-height: 45px;
font-family: 'museo_slab500';
padding-top: 0px;
}
main #quartos .content > article.text h3{
font-size: 20px;
line-height: 20px;
font-family: 'museo_slab500';
margin-bottom: 10px;
}
main #quartos .content > article.text hr{
border:0;
height: 1px;
background: #9b8050;
}
main #quartos .content > article.text p{
margin-bottom: 10px;
}
main #quartos .content > article.text p strong{
font-family: 'museo_slab500';
}
main #quartos .content > article.text > ul{
margin: 10px 0 20px;
color: #9b8050;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
main #quartos .content > article.text > ul li{
/* padding: 10px 20px;
background: #f7f7f7;*/
margin-bottom: 5px;
}
main #quartos .content > article.text > ul li:before{
content:"";
display: inline-block;
}
main #quartos .content > article.text form{
padding-top: 20%;
}
main #quartos .content > article.text form ul{
font-size: 0;
}
main #quartos .content > article.text form ul li{
position: relative;
margin-bottom: 9px;
margin-right: 2%;
width: 49%;
display: inline-block;
}
main #quartos .content > article.text form ul li:nth-of-type(2){
margin-right: 0;
}
main #quartos .content > article.text form ul li:last-child{
margin-bottom: 0;
width: 100%;
}
main #quartos .content > article.text form ul li input, main #quartos .content > article.text form ul li select{
width: 70%;
font-family: 'museo_slab300';
padding: 11px 5px;
font-size: 15px;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none;
box-shadow: 0 0 0 0;
border: 1px solid rgba(0,0,0,0.1);
}
main #quartos .content > article.text form ul li select:first-child{
width: 29%;
margin-right: 1%;
text-align: center;
}
main #quartos .content > article.text form ul li input{
background: #9b8050;
border:0;
text-transform: uppercase;
color: #fff;
font-size: 15px;
width: 100%;
}
main #quartos #bx-pager{
display: inline-block;
position: relative;
width: 100%;
font-size: 0;
text-align: left;
padding: 0px;
bottom: inherit;
padding-top: 10px;
left: inherit;
}
main #quartos #bx-pager a{
width: 23.5%;
display: inline-block;
margin: 0;
margin-right: 2%;
height: auto;
border:0;
}
main #quartos #bx-pager a img{
max-width: 100%;
}
main #quartos #bx-pager a:nth-of-type(4n){
margin-right: 0;
}
main #relacionados{
padding: 50px 0;
background: #f7f7f7;
}
main #relacionados .content{
font-size: 0;
}
main #relacionados .content article{
display: inline-block;
width: 32%;
margin-right: 2%;
vertical-align: top;
margin-bottom: 2%;
}
main #relacionados .content article:nth-of-type(3n){
margin-right: 0;
}
main #relacionados .content > h2{
color: #3a3e3f;
font-size: 40px;
margin-bottom: 70px;
font-weight: bold;
width: 100%;
font-family: 'museo_slab300';
}
main section#map{
width: 100%;
position: relative;
position: inherit;
}
.localizacao main .intro {
padding: 30px 0 20px;
}
.localizacao main .intro h2{
margin-bottom: 10px;
}
.localizacao main .intro .text{
-webkit-column-count: inherit;
-moz-column-count: inherit;
column-count: inherit;
width: 100%;
background: #fff;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.localizacao main .intro .text ul{
font-size: 0;
width: 100%;
display: inline-block;
}
.localizacao main .intro .text li{
text-align: left;
display: inline-block;
width: 32%;
margin-right: 2%;
font-size: 15px;
vertical-align: top;
}
.localizacao main .intro .text li a.email {
width: 100%;
text-align: center;
background: #9b8050;
color: #fff;
display: inline-block;
padding: 10px 0;
}
.localizacao main .intro .text li:last-child{
margin-right: 0;
}
.localizacao main .intro .text strong{
}
/*main #galeria ul li a:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(155,128,80,0.4);
content: '';
-webkit-transition: -webkit-all 0.6s;
transition: all 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,-100%,0);
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all .2s linear 0s;
}
main #galeria ul li a:hover:before{
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,53.5deg) translate3d(0,100%,0);
opacity: 1;
}
main #galeria ul li:nth-of-type(3n+2) a{
padding-bottom: 20px
}
main.servicos #galeria ul li:nth-of-type(3n+2) a{
padding-bottom: 0
}
*/
main #galeria ul li a img{
opacity: 0;
}
.fancybox-buttons button.fancybox-button--thumbs{
display: none !important;
}
footer{
font-size: 11px;
color: #3a3e3f;
text-align: center;
/*text-transform: uppercase;*/
}
footer .content{
padding: 25px 0;
/*padding-right: 360px;*/
position: relative;
}
footer .text{
text-align: center !important;
font-size: 10px;
line-height: 15px;
}
footer .text a{
color: #81570e;
}
footer .text a:hover{
text-decoration: underline;
}
footer p{
text-align: left;
font-size: 8px;
padding: 5px 0;
}
footer p a{
color: #3a3e3f;
}
footer .content p.imagem{
position: absolute;
right: 0;
top: 25px;
}
footer p img{
display: inline-block;
max-height: 30px;
vertical-align: middle;
margin-left: 20px
}
#toggle{
display: none;
position: relative;
}
.bxslider li p{
position: absolute;
bottom: 20px;
right: 20px;
color: #9b8050;
text-transform: uppercase;
font-size: 10px;
font-family: 'museo_slab300';
letter-spacing: 1px;
}
body header .openbtn span {
display: inline-block;
position: absolute;
height: 3px;
width: 100%;
background: #9b8050;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
body header .openbtn span:nth-child(1) {
top: 0px;
}
body header .openbtn span:nth-child(2),body header .openbtn span:nth-child(3) {
top: 10px;
}
body header .openbtn span:nth-child(4) {
top: 20px;
}
body header .active .openbtn span:nth-child(1) {
top: 18px;
width: 0%;
left: 0%;
}
body header .active .openbtn span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
body header .active .openbtn span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
body header .active .openbtn span:nth-child(4) {
top: 18px;
width: 0%;
left: 0%;
}
body header .active .openbtn{
background: #9b8050;
}
#blanket {
background-color:#111;
opacity: 0.65;
position:absolute;
z-index: 99999001;
top:0px;
left:0px;
width:100%;
}
#blanket.hidden{
display: none;
}
#popUpDiv {
position:fixed;
background: no-repeat no-repeat center center rgba(0,0,0,0.8) ;
background-size: 100% auto;
width:100%;
top: 0;
left: 0;
text-align: center;
height:100%;
z-index: 99999002;
font-size: 0;
}
#popUpDiv .conteudo{
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
position: relative;
max-width: 90%;
z-index: 9;
}
#popUpDiv a.popup-close1{
font-size: 16px;
text-decoration: none;
position: absolute;
z-index: 3;
width: 100%;
left: 0;
top: 0;
background: none;
height: 100%;
}
.clear{
clear: both;
float: none;
}
@media only screen and (max-width: 930px){
footer p img{
float: none;
display: inline-block;
}
}
@media only screen and (max-width: 840px){
footer p{
text-align: center;
}
footer p a:before{
clear: both;
content: "";
float: none;
width: 100%;
}
footer p img{
margin-top: 20px;
}
header{
overflow: auto;
padding: 0;
border-bottom: 2px solid #9b8050;
}
header .logo{
padding-left: 5%;
}
#toggle{
display: inline-block;
font-size: 14px;
float: right;
margin-top: 30px;
margin-right: 5%;
padding-right: 4%;
padding-top: 50px;
width: auto;
}
header nav{
height: auto;
padding-left: 0;
z-index: 9999999;
}
header > nav > ul{
padding-bottom: 20px;
background: #f7f7f7;
padding: 10px 5%;
}
header > nav > ul > li{
padding: 0;
font-size: 15px;
width: 100%;
}
header > nav > ul > li > a{
width: 100%;
padding: 12px 17px;
margin-bottom: 10px;
background: #fff;
}
header > nav > ul > li:hover > a, header > nav > ul > li > a.active{
padding: 12px 17px;
border-bottom: 0;
}
header > nav > ul > li > a.active{
background: #3a3e3f;
color: #fff;
}
header nav > ul > li > ul{
position: relative;
max-height: 10000px;
padding-left: 0px;
font-size: 0;
background: transparent;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0);
}
header nav > ul > li > ul > li{
margin-bottom: 10px;
width: 49%;
font-size: 15px;
margin-right: 2%;
}
header nav > ul > li > ul > li:nth-of-type(2n){
margin-right: 0;
}
header nav > ul > li > ul > li a{
background: #9b8050;
width: 100%;
}
header > nav > ul > li:hover > ul{
max-height: 10000px;
}
.content{
padding-left: 10%;
padding-right: 10%;
}
main .content .destaque article a .text > p, main #areas .content article a .text > p, main #alojamento .content article a .text > p, main #relacionados .content article a .text > p{
display: none;
}
main #braganca ul{
text-align: center;
padding-top: 50px;
}
main #braganca ul li{
width: 100%;
margin-right: 0;
margin-bottom: 40px;
}
main .content .destaque article, main #areas .content article, main #alojamento .content article, main #relacionados .content article{
margin-bottom: 40px;
}
main .content .destaque article a .text, main #areas .content article a .text, main #alojamento .content article a .text, main #relacionados .content article a .text{
float: none;
}
main #braganca .content{
width: 80%;
}
main #braganca .titulo h3, main #braganca .titulo .text{
width: 100%;
padding-left: 0;
padding-top: 50px;
}
main .content .destaque article a .text > span .valor, main #alojamento .content article a .text > span .valor, main #relacionados .content article a .text > span .valor{
display: none;
}
}
@media only screen and (max-width: 480px){
header > ul{
display: none;
}
section.reserva ul li{
width: 49%;
margin-right: 2%;
text-align: center;
}
section.reserva ul li select{
padding: 10px 5px;
text-align: center;
}
section.reserva ul li:nth-of-type(2), .servicos section.reserva ul li:nth-of-type(2){
margin-right: 0;
}
section.reserva ul li:nth-of-type(3), .servicos section.reserva ul li:nth-of-type(3){
width: 100%;
margin-top: 2%;
}
header nav > ul > li > ul > li{
margin-bottom: 10px;
width: 100%;
font-size: 15px;
margin-right: 0;
}
main .content .destaque article a > div, main #areas .content article a > div, main #alojamento .content article a > div, main #relacionados .content article a > div{
width: 100%;
}
main .content .destaque article a, main #areas .content article a, main #alojamento .content article a, main #relacionados .content article a{
height: auto !important;
}
main .content .destaque article a > .text, main #areas .content article a > .text{
height: auto !important;
padding: 5% 5% 115px;
}
main.restaurante #areas .content article a > .text{
padding-bottom: 50px;
}
main.restaurante #areas .content article a > .text:after{
display: none;
}
main.restaurante #areas .content article a > .text > p{
display: inline-block;
}
header > nav > ul > li > a, header > nav > ul > li:hover > a, header > nav > ul > li > a.active{
padding: 10px 17px;
margin-bottom: 5px;
}
header nav > ul > li > ul li a{
font-size: 14px;
padding: 5px 17px;
}
header nav > ul > li > ul > li{
margin-bottom: 3px;
}
#toggle{
padding-right: 7%;
margin-top: 25px;
padding-top: 41px;
}
header .logo{
height: 70px
}
header .logo img{
max-height: 100%;
}
.slideshow .info .info_content{
padding: 50px 5%;
}
.slideshow .info{
width: 100%;
}
.slideshow .info > a{
display: none;
}
#bx-pager{
display: none;
}
section.reserva, .slideshow{
margin-top: 72px;
}
main .intro .text, main.eventos .intro .salas ul{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
main #braganca .titulo h3{
font-size: 40px;
line-height: 45px;
}
main #braganca .content,main #relacionados .content article, main #alojamento .content article, main #quartos .content > article.slideshow{
width: 100%;
}
main #quartos .bx-wrapper .bx-viewport .bxslider li{
height: auto;
}
main #quartos .bx-wrapper .bx-viewport{
height: auto !important;
}
main #quartos .bx-wrapper{
height: auto !important;
}
main #quartos .content > article.text{
width: 100%;
padding-top: 50px;
}
.servicos section.reserva ul li{
width: 49%;
margin-bottom: 2%;
}
.servicos section.reserva ul li:nth-of-type(2n){
margin-right: 0;
}
main #galeria ul li, main.eventos .intro .text, main.eventos .intro .salas, .localizacao main .intro .text li{
width: 100%;
}
main #galeria ul li a{
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
header > nav > ul{
overflow-x:scroll;
overflow-y:hidden;
}
header{
overflow-y:scroll;
overflow-x:hidden;
}
html, body.home{
height: auto;
overflow: auto;
}
main .content .destaque article a .text::after, main #areas .content article a .text::after, main #alojamento .content article a .text::after, main #relacionados .content article a .text::after {
height: 100px;
}
main.servicos.restaurante #imagem, .eventos section.reserva{
margin-top: 71px;
}
main #imagem, main.servicos.restaurante #imagem{
background-attachment: inherit;
background-position: center center;
}
main #imagem img{
max-height: 200px;
}
header > nav > ul > li:nth-of-type(3) > a{
display: none;
}
header > nav > ul > li > ul > li a.active{
background: #3a3e3f;
color: #fff;
}
}
@media only screen and (max-height: 520px){
main.servicos.restaurante.center #imagem{
background-position-y: bottom;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}