@charset "utf-8";
/* CSS Document */


@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:700,400italic);

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

body{font-family: 'PT Sans', sans-serif;}

h1, .h1{font-size:35px;}
h2, .h2{font-size:21px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:15px;}
h5, .h5{font-size:13px;}
h6, .h6{font-size:11px;}
.font{font-family: 'Libre Baskerville', serif;}
.corVerde{ color: #44BDA9;}
.btn.limpar{font-family: 'Libre Baskerville', serif; font-weight: normal; font-size: 14px; color: #FFF; font-style: italic; border:none; margin:3px 0; padding: 0; float: left; background:#d6c2c2 url(../images/form_limpa.png) no-repeat 5px 50%; height: 30px; padding:7px 7px 7px 30px;}

.trstn{transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}

.btn{border-radius:0;}

section, .section, header, footer{ width:100%; height:auto; position:relative;}
.container{ position:relative;}
html, body, .container{min-width:310px !important;}
.container{max-width:990px !important;}

/* Topo */
header#topo{ z-index: 1; position: relative;}
header#topo #menuTopo{ width: 100%; height:56px; background: url(../images/menu_topo.png) no-repeat center top; margin-top: 30px;}
header#topo .container{}
header#topo .container #logo{position:absolute; top:-105px; left:0; width: 320px; height: 218px; background:url(../images/base_logo.png) no-repeat center center;}
header#topo .container #logo img{ position: absolute; width: 220px; top: 50%; left: 50%; margin:-90px 0 0 -113px;}
header#topo nav{ background: url(../images/menu_topo.png); width:100%;}
header#topo nav ul{ list-style:none; float: right;   margin: 16px 0 0;}
header#topo nav ul li{float:left; position:relative; margin: 0 10px;}
header#topo nav ul li.redeFacebook,
header#topo nav ul li.redeTwitter{ margin:0 0 0 30px;}
header#topo nav ul li.redeTwitter{ margin:0 0 0 10px;}

header#topo nav ul li:first-child a{ padding-left:0;}
header#topo nav ul li a{display:block; color:#FFF; text-decoration:none; text-transform:uppercase; font-weight: bold; padding:0;}
header#topo nav ul li.ativo a,
header#topo nav ul li:hover a{ color:#79bda9;}

#banner{ width: 100%; position: relative; margin-top: -100px; overflow: hidden; z-index: 0;}
body.paginas #banner{ height: 80px;}
#banner .carousel{margin: 0;}
#banner .carousel .item{ background-position: center center;}
#banner .carousel .item img{ height: 476px; margin: 0 auto; opacity: 0; filter:alpha(opacity=0);}
#banner .carousel-control{ background: none;}

body.paginas #banner.semResutadosRotativo{ height: 235px;}
body.paginas #banner.semResutadosRotativo .carousel{margin-top: -40px;}

.carousel-fade .carousel-inner .item {opacity: 0; transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-control {z-index: 2;}

.carousel-indicators{ bottom: 6px;}
.carousel-indicators li{width: 12px; height: 12px; border-radius: 3px; background-color:#D6D5D3;}
.carousel-indicators .active{border: 1px solid #fff !important; background-color: #47BEAA !important; margin: 1px;}

#imageScroll{font-family: 'Libre Baskerville', serif; margin-bottom: 1px; z-index: 0; overflow:hidden; height: 155px;}
#imageScroll ul{ margin: 0; padding: 0; background: #FFF;}
#imageScroll li{ height: 154px; width: 154px; float:left; list-style:none; padding:0; margin:1px 0 1px 1px; background: #46BFAE;}
#imageScroll li a{position: relative; display: block; height: 100%;}
#imageScroll li a img{ position: relative; z-index: 0; opacity: 0.4; filter:alpha(opacity=40);}
#imageScroll li a span{opacity: 0; filter:alpha(opacity=0); background: rgba(72, 191, 169, 0.6); position: absolute; z-index: 1; bottom: 20px; right: 0; color: #FFF; font-style: italic; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.62); padding:7px 10px; border-radius: 5px 0 0 5px; font-size: 13px;}
#imageScroll li:hover a img,
#imageScroll li:hover a span{opacity: 1; filter:alpha(opacity=100);}


#menuCorpo{ background:url(../images/menu_corpo.jpg) no-repeat center top; height:118px;}
#menuCorpo .container{}
#menuCorpo .container .btnassoc{ width:270px; margin:-21px auto 0 auto; display: block;}
#menuCorpo .container nav{font-family: 'Libre Baskerville', serif;}
#menuCorpo .container nav ul{ list-style: none; display: table; margin:15px auto 0 auto;}
#menuCorpo .container nav ul li{ float: left; padding:20px 10px 20px 22px; background: url(../images/divide_menu.png) no-repeat 0 50%;}
#menuCorpo .container nav ul li:first-child{ background:none; padding-left: 0;}
#menuCorpo .container nav ul li a{display:block; color:#FFF; text-decoration:none; font-style: italic; padding:0; font-size: 18px;}
#menuCorpo .container nav ul li.ativo a,
#menuCorpo .container nav ul li:hover a{ color:#79bda9;}


/* Corpo */
#corpo{}
#corpo .container{ min-height:260px; padding:0;}
#corpo .container .conteudo{ margin:25px 15px; color:#3B5F77;}
#corpo .container .conteudo .titulo{ color:#44BDA9; text-align: center; font-size: 25px; font-style:italic; font-family: 'Libre Baskerville', serif; margin:0 0 20px 0; padding:0 0 15px 0; background: url(../images/sombra_titulo.png) no-repeat bottom center;}
#corpo .container .conteudo .titulo img{margin-right: 5px;}
#corpo .container .conteudo a{color:#077B6B;}
#corpo .container .conteudo a[target=_blank]:after{content:"\e095";}

#corpo.home{ background: #f3f3f3;}
#corpo.home .container{ padding:20px 0;}
#corpo .coluna{width: 335px; border-right:1px solid #cfe3de; padding-right: 15px; float: left;}
#corpo .coluna .titulo{font-family: 'Libre Baskerville', serif; font-style: italic; color:#78bda9; font-size: 20px; padding:12px 0 20px 75px; margin:0; background: url(../images/topo-coluna.png) no-repeat left top; background-size: 100%;}
#corpo .coluna ul{ list-style: none; margin:0; padding:0; overflow: hidden;}
#corpo .coluna ul li{margin:15px 0 0 15px; line-height: 0;}
#corpo .coluna ul li:first-child{ margin-top:0;}
#corpo .coluna ul:hover li{ opacity: 0.5; filter: alpha(opacity=50); transition:all ease 0.3s; -moz-transition:all ease 0.3s; -ms-transition:all ease 0.3s; -o-transition:all ease 0.3s; -webkit-transition:all ease 0.3s;}
#corpo .coluna ul li:hover{ opacity: 1; filter: alpha(opacity=100);}
#corpo .coluna ul li a{ text-decoration: none; color: #78bda9;}
#corpo .coluna ul li a img{ float:left; margin-right:7px; width:42px; height: 42px; border-radius:3px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.5);}
#corpo .coluna ul li a span.subtitulo,
#corpo .coluna ul li a span.texto{padding-left:5px; margin: 0;}
#corpo .coluna ul li a span span{ font-size: 13px; display:;}
#corpo .coluna ul li a span.texto{color:#787878; border-bottom:1px solid #e0e0e0; display: flex;  padding:4px 0 10px 5px;}
#corpo .coluna ul li:last-child a span.texto{ border:none;}
#corpo .coluna .vertodos{ background: url(../images/fim-coluna.png) no-repeat center top; background-size: 100%; padding:15px 0 5px 0; text-align: center;   margin-top: -5px;}
#corpo .coluna .vertodos a{ text-decoration: none; font-size: 12px; color: #78BDA9;}
#corpo .coluna.colFacebook{ width: 300px; padding: 0; margin-left: 15px; float: right; border:none;}

.empresas .container{ padding:25px 0;}
.empresas ul{ list-style: none; display: table; margin: 0 auto; padding: 0;}
.empresas ul li{ float: left; width: 121px; height:60px; margin:5px 10px; overflow: hidden; background-size: contain; background-position: center; background-repeat: no-repeat;}
.empresas ul li img{ opacity: 0; filter: alpha(opacity=0);}

.baseForm{ width:685px; float: left;}
.baseForm .formulario{ position: relative; width:462px; padding: 0; padding-left: 49px; height: 390px; padding-top: 33px; margin: 0; background: url(../images/base_form.png) no-repeat top left; float: left;}
.baseForm .formulario .campo{padding:2px 4px;}
.baseForm .formulario .campo label,
.baseForm .formulario .campo input[type=text],
.baseForm .formulario .campo input[type=email],
.baseForm .formulario .campo textarea,
.baseForm .formulario .campo .cRadio{width:322px; max-width:322px; height:30px; margin: 0; padding:7px; border:none; background: #FFF; color: #54a38d; float: right; font-style: italic; font-weight: bold; font-size: 14px; outline: none;}
.baseForm .formulario .campo label{width:80px; text-align: right; float: left; font-family: 'Libre Baskerville', serif; background: #bedfd6; color: #FFF; font-weight: normal !important;}

.baseForm .formulario .campo textarea{ height:120px; max-height:120px;}

.baseForm .formulario .campo.focus label,
.baseForm .formulario .campo:hover label{ background: #72b8a4;}

.baseForm .formulario .campo .cRadio{ width: 130px; margin-left: 3px; padding: 7px 30px;}

.baseForm .formulario .campo .cRadio label{ width:auto; height:auto; padding:0; margin:0; float: none; background: none; display: inline-block; cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px; color: #72b8a4; font-family: 'Libre Baskerville', serif;}

.baseForm .formulario .campo .cRadio input[type=radio] { display: none;}

.baseForm .formulario .campo .cRadio label:before { content: ""; display:inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 1px; background-color: #FFF; box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8); border:1px solid rgba(68, 189, 169, 0.4);}
.baseForm .formulario .campo .cRadio label:before {border-radius: 8px; }

.baseForm .formulario .campo .cRadio input[type=radio]:checked + label:before { content: "\2022"; color: rgba(68, 189, 169, 0.53); font-size: 27px; text-align: center; line-height: 17px;}

.baseForm .formulario .campo.erro label{background: #EA7E7E;}

.baseForm .formulario .cmd{ position: absolute; bottom:15px; right:3px; width: 175px;}
.baseForm .formulario .cmd button[type=submit],
.baseForm .formulario .cmd button[type=reset]{font-family: 'Libre Baskerville', serif; font-weight: normal; font-size: 14px; color: #FFF; font-style: italic; border:none; margin:3px 0; padding: 0; float: left; background:#d6c2c2 url(../images/form_limpa.png) no-repeat 5px 50%; height: 30px; padding:7px 7px 7px 30px;}
.baseForm .formulario .cmd button[type=submit]{float: right; background-image: url(../images/form_envia.png); background-color:#72b8a4;}
.baseForm .formulario #mensagemEnviada{position: absolute; left: 65px; bottom: 22px; color: #26B348; font-size: 14px; font-family: 'Libre Baskerville', serif; font-style: italic; display: none;}

.baseForm .imgRight{margin: 0; height: 423px; float: left;}

#corpo .blog{}
#corpo .blog .posts{}
#corpo .blog .posts article{ display: none; position: relative; background: url(../images/sombra_post.png) no-repeat bottom center; padding-bottom: 17px;}
#corpo .blog .posts article .imgPrincipal{ float:left; overflow: hidden; width: 100px; height: 100px; background-size: cover; background-position:center;}
#corpo .blog .posts article .imgPrincipal:hover{ background-size: 110%;}
#corpo .blog .posts article .imgPrincipal a{ display: block;}
#corpo .blog .posts article .imgPrincipal img{ opacity: 0; filter: alpha(opacity=0);}
#corpo .blog .posts article .texto{float: left; background:#f2f4f3; width: 845px; margin-left: 10px; padding:10px 70px 10px 10px; position: relative; min-height: 100px;}
#corpo .blog .posts article.semImagem .texto{  width: 955px; margin-left: 0;}
#corpo .blog .posts article .texto .titulo{ background: none; padding: 0; margin:0 0 15px 0; font-family: 'PT Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; text-align: left;}
#corpo .blog .posts article .texto .titulo span{ font-size: 15px; font-style: italic; color: #515151;}
#corpo .blog .posts article .texto .textoCompleto{display: none; }
#corpo .blog .posts article .texto.aberto{ background: #dbe8e4;}
#corpo .blog .posts article .texto.aberto .textoResumo{ display: none;}
#corpo .blog .posts article .texto.aberto .textoCompleto{ display: block;}
#corpo .blog .posts article .texto .continuarLendo{ display: block; margin: 0; width:55px; padding:45px 0; line-height: 0; font-size:40px; color: #FFF; position: absolute; top: 5px; right: 5px; background: #d5e8e3; text-decoration: none; text-align: center; overflow: hidden;}
#corpo .blog .posts article .texto.aberto .continuarLendo{background: #FFF; color: #F2F4F3;}
#corpo .blog .posts article .texto .continuarLendo span{ display: block; text-indent: -999px;}
#corpo .blog .posts article .texto .continuarLendo:before{content:"\2b"}
#corpo .blog .posts article .texto.aberto .continuarLendo:before{content:"\2212";}

#corpo .blog .posts.depoimento .texto{ min-height: 115px;}
#corpo .blog .posts.depoimento article .texto .continuarLendo{   padding:53px 0 52px;}

#corpo .blog .posts.depoimento .nome{font-size: 15px; color: #44BDA9;}
#corpo .blog .posts.depoimento .nome span{color: #515151; font-style: italic;}
#corpo .blog .posts.depoimento .titulo{margin:10px 0 !important; font-size: 15px !important; font-style: italic !important;}

.maisNoticias{ text-align: center; margin:15px 370px 0; background: #f2f4f3; padding:5px 0; height: 40px;}
.maisNoticias a{ color:#78bda9;  font-size:17px; text-decoration: none; display: block; padding:5px 15px;}
.maisNoticias img{ width:30px; margin:5px auto; display: none; }
.maisNoticias.carregando a{display: none;}
.maisNoticias.carregando img{display: block;}

#deixarDepoimento{ position: absolute; right:20px; top:92px; font-family: 'Libre Baskerville', serif; font-weight: normal; font-size: 14px; color: #FFF; font-style: italic; border:none; margin:0; height: 30px; padding:7px 7px 7px 30px; background:#72b8a4 url(../images/form_envia.png) no-repeat 5px 50%;}

#depoimentoModal{}
#depoimentoModal .baseForm{width: 515px; position:absolute; left: 50%; top: 50%; margin:-216px 0 0 -253px;}
#depoimentoModal .baseForm .close{ position: absolute; right:30px; top:-10px; font-size: 35px; text-shadow: 0 1px 0 #000; opacity: 0.5;   filter: alpha(opacity=50); color: #FFF;}
#depoimentoModal .baseForm .close:hover{opacity: 0.9;   filter: alpha(opacity=90);}
#depoimentoModal .baseForm h2{ text-align: center; font-family: 'Libre Baskerville', serif; font-style: italic; color: #FFF; margin:0 0 -15px 0; padding: 0; text-shadow:1px 1px 2px #000;}


table.filtros{}
table.filtros thead tr th{width:290px; font-family: 'Libre Baskerville', serif; font-weight: normal; font-style: italic; color: #44BDA9; font-size: 13px;}
table.filtros thead tr td{padding:5px;}
table.filtros .chosen-container{font-size: 14px !important; margin-bottom: 2px !important;}
table.filtros .chosen-container-single .chosen-single{  height: 32px !important; line-height: 30px !important;   border: 1px solid #DBDBDB !important; border-radius:0 !important;}
.chosen-container .chosen-drop{border: 1px solid #DBDBDB !important; box-shadow:none !important;}

.hoteis ul{ list-style: none; margin:0; padding: 0; display: table; margin: 0 auto;}
.hoteis ul li{position:relative; display: inline-block; margin:0; width: 300px; margin:15px 30px 15px 0; box-shadow: 2px 2px 5px rgba(82, 128, 121, 0.25); -moz-box-shadow: 2px 2px 5px rgba(82, 128, 121, 0.25); -webkit-box-shadow: 2px 2px 5px rgba(82, 128, 121, 0.25);}
.hoteis ul li:nth-child(3n+3){margin-right: 0;}
.hoteis ul:hover li{opacity:0.80; filter:alpha(opacity=80);}
.hoteis ul li:hover{opacity:1; filter:alpha(opacity=100); box-shadow:none; -moz-box-shadow:none; webkit-box-shadow:none;}
.hoteis ul li a{ display: block; padding:5px; background: #f2f4f3; text-decoration: none;}
.hoteis ul li a span{ position:relative; z-index:2; display: block; font-size: 13px; font-weight: bold; font-style: italic; padding: 0; color:#42625E; padding:5px 0;}
.hoteis ul li a span.img_principal{ overflow: hidden; height: 180px; margin: 0; padding: 0;}
.hoteis ul li a span.img_principal img{ width:300px; height: 300px; margin-top: -30px;}
.hoteis ul li a span.nome{font-size: 15px; padding-top:0; color: #73D3C7;}
.hoteis ul li a span.imagem{ position:absolute; right:0; top:0; padding: 0; height:100%; z-index:1;}
.hoteis ul li a span.imagem img{position:absolute; height:100%; right: 0; top: 0; z-index:1;}
.hoteis ul li a span.imagem img.logo{z-index:0;}

.hotelAp .tituloImagemContato{ position: relative; z-index: 1;}
.hotelAp .tituloImagemContato h2{ margin: 0; padding:0 315px 0 30px; font-size: 25px; font-style: italic; color: #2F2F2F; font-weight: bold;}
.hotelAp .tituloImagemContato .contato{color: #73D3C7; float: right; line-height: 10px; font-weight: bold; width: 285px; margin:-10px 0 0 0;}
.hotelAp .tituloImagemContato .galImagem{ background: url(../images/base_hotel.png) no-repeat center bottom; width: 680px; height: 427px; margin-left: -10px; padding:23px 35px 42px 37px;}
.hotelAp .tituloImagemContato .galImagem .carousel-inner .item{height: 365px; overflow: hidden; background-position: center; background-size: cover;}
.hotelAp .tituloImagemContato .galImagem .carousel-inner .item img{margin: 0 auto; opacity: 0; filter: alpha(opacity=0); height: 365px;}
.hotelAp .tituloImagemContato .galImagem .carousel-control{background: no-repeat; color: #FFF !important;}
.hotelAp .tituloImagemContato .galImagem .carousel-indicators{ bottom:auto; left: auto; right:-323px; top:57px; margin: 0; padding: 0; width: 300px; overflow-y: scroll; height: 310px;}
.hotelAp .tituloImagemContato .galImagem .carousel-indicators li{ margin:1px; padding: 0; background:none; height:auto; width:auto; text-indent:0; float:left; overflow: hidden; height: 60px; }
.hotelAp .tituloImagemContato .galImagem .carousel-indicators li img{ width:90px;}
.hotelAp .baseLis{background: #45BEAA; height:345px; margin-top: -365px;}

.carctDescricao .tituloHotel{ background:#b3dcd0; color: #2F2F2F; margin:0 -10px 10px -10px; font-weight: bold; font-style: italic; text-align: center; padding: 3px;}
.carctDescricao .caracter,
.carctDescricao .descricao{float: right; width: 470px; padding: 0 10px;}
.carctDescricao .descricao{float: left;}
.carctDescricao .listCaract{ margin: 0 -5px; padding: 0;}
.listCaract td{margin:0; width: 145px; padding:0 5px; border-left:1px solid #989898; vertical-align: top;}
.carctDescricao .googleMaps{}
.carctDescricao .googleMaps .tituloHotel{ margin-bottom: 0;}
.carctDescricao .googleMaps iframe{ width: 470px; height: 230px;   margin-left: -10px; border: 0;}

.scrollbar::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.scrollbar::-webkit-scrollbar
{
  width:5px;
  background-color: #45BEAA;
}

.scrollbar::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: rgba(0, 0, 0, 0.4);
}

.scrollbar:hover::-webkit-scrollbar
{
  width:10px;
}



#photos{line-height:0; padding:20px 0;}
#photos div{background-size: cover; background-position: center; background-repeat: no-repeat; position:relative; margin:0; padding:0; transition:all ease 0.2s;}
#photos b{ position:absolute; width:100%; height:100%; z-index:1; border: 1px solid rgba(255, 255, 255, 0.3);}
#photos a{ position: relative; z-index:2; display:block; width:100%; height:100%;}
#photos div img{opacity:0; filter:alpha(opacity=0); height:120px;}

#photos:hover div{opacity:0.40; filter:alpha(opacity=40);}
#photos div:hover{opacity:1; filter:alpha(opacity=100);}

/* Rodape */
footer#rodape{ background:url(../images/rodape.jpg) no-repeat center top;}
footer#rodape .container{ height: 82px; padding-top: 10px; color: #FFF;}
footer#rodape .container span{color:#3cb878;}

@-moz-keyframes zoomin{
  from {
	  opacity:0.2; filter:alpha(opacity=20);
  }

  to {
     opacity:1; filter:alpha(opacity=100);
  }
}

@-webkit-keyframes zoomin{
  from {
	  opacity:0.2; filter:alpha(opacity=20);
  }

  to {
     opacity:1; filter:alpha(opacity=100);
  }
}

#buscaNoticia{position:fixed; left: 0; top: 0; background:rgba(171, 221, 213, 0.59) url(../images/loading.gif) no-repeat center center; height: 100%; width: 100%; text-align: center; z-index: 99; background-size: 50px;}
