body, span, p, form, img, a, input, select, textarea, html, figure, header, footer, article, section, iframe{margin:0; padding:0; border:none; outline:none} figure{ display:inline;} .full{width:100%;} ul, ol, li{list-style-type:none;padding:0; margin:0;} input::-moz-focus-inner{padding:0; border:0;} button::-moz-focus-inner{padding:0; border:0;} h1, h2, h3, h4, h5, h6{margin:0; padding:0; line-height:normal; font-weight:normal; font-family:fonte;} input, textarea{-webkit-appearance:none; appearance:none; -moz-appearance:none;} .spaceAfterCP, .spaceBeforeCP{width:100%;} /*HELPERS*/ .al{text-align:left;}.ac{text-align:center;}.ar{text-align:right;}.fl{float:left;}.fr{float:right !important;}.cb{clear:both;}.pr{position:relative;}.db{display:block;}.dt{ display:table}.pa{position:absolute !important;}.pf{ position:fixed}.ofx{ overflow-x:hidden;}.ofy{ overflow-y:hidden;}.ofh{ overflow:hidden} .center{ width:1170px; margin:0 auto !important; float:none !important ; display:table;}.first{padding-left:0; margin-left:0;}.last{ padding-right:0 !important; margin-right:0 !important; }.full{ width:100%} /*BLOCOS PADRAO*/ .bloco-1,.bloco-2,.bloco-3,.bloco-4,.bloco-5{ box-sizing:border-box; -webkit-box-sizing:border-box;} .bloco-1{ width:100%} .bloco-2{ width:50%} .bloco-3{ width:33.3%} .bloco-4{ width:25%} .bloco-5{ width:20%} .bloco-6{ width:47% !important;} /*INICIO DAS CONFIGURACOES GERAIS*/ body{font-family:Tahoma, sans-serif; font-size:13px; line-height:1.4; color:#000; min-height:100%; -webkit-text-size-adjust:100%; word-break:break-word} /*FONTE*/ @font-face { font-family: fonte; src: url('../../fontes/oswald.eot'); src: url('../../fontes/oswald.eot?#iefix') format('embedded-opentype'), url('../../fontes/oswald.woff2') format('woff2'), url('../../fontes/oswald.woff') format('woff'), url('../../fontes/oswald.ttf') format('truetype'), url('../../fontes/oswald.svg#fonte') format('svg'); font-weight:normal; font-style:normal; } /*TITULOS*/ h1{color:#000; font-size:25px;} h2{color:#333; font-size:26px; margin-bottom:20px;} h3{color:#666; font-size:18px;} h4{color:#999; font-size:16px;} .big{font-family:fonte; font-size:18px;} .small{font-family:fonte; font-size:16px;} /*LINKS*/ a, a:hover{color:#990000; text-decoration:none;} /*FIM DAS CONFIGURACOES GERAIS*/ /*------------------------------------------------------------------------------------------------------------------------------------*/ /*--INICIO DA CONFIGURACAO DO TOPO--*/ #headerBlock{width:100%; float:left; background:rgba(255,255,255,.86); margin-top:26px; position:absolute; z-index:999;} .topo{width:100%; float:left; border-bottom: 7px solid #FFD215;} .logo{ width:166px; height:204px; background:url(../../images/logo.png) no-repeat; background-size:100%; top: -16px; left: 7px;} .language{background:#FFF;margin: 20px 26px 0 0;padding: 12px 0 7px 16px;} .language span{ margin-right: 17px;} .language a{width: 25px; height:25px; display:block; float:right; background: url(../../images/img-master.png) no-repeat;margin:-2px 6px 0 0;} .language a.pt{background-position: -3px -2px;} .language a.es{background-position: -3px -62px;} .language a.en{background-position: -3px -121px;} .tels{background:#FFF; border-radius:0 5px 5px 5px;text-align:right;padding: 12px 15px 7px 0; margin: -13px 0 0 0;box-shadow: -4px 0px 21px -7px rgba(0,0,0,1);} .tels:before{content:''; width:11px; height:77px; position:absolute; left:-11px; top:0; background:url(../../images/efeito-tels.png) no-repeat;} .telefone{ font-family:fonte; float: right; background:url(../../images/img-master.png) -468px -109px no-repeat;} .telefone a, .whatsapp{font-family:fonte; color:#000; font-size:20px; padding-left: 56px;} .whatsapp{clear: both;background:url(../../images/img-master.png) -458px -255px no-repeat;} .menu{clear:right; margin:23px 0 0 0;} /*--CONFIGURACOES DO MENU PRINCIPAL--*/ .pmenu a{display:block; float:left; font-family:fonte; text-decoration:none; transition: ease-out 0.3s all;} .pmenu li{float:left; width:auto; position:relative;} .psubmenu{display:none; position:absolute; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:999; left:0;} .pmenu li:hover > .psubmenu{display:block;} .psubmenu li{ width:100%;} .psubmenu a{box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;} /*PERSONALIZACAO DO MENU PRINCIPAL*/ .pmenu a{color:#333; padding:8px 25px 3px; height:57px; line-height:57px; font-size:22px; transition:all .3s ease; border-radius:5px 5px 0 0} .pmenu li:hover > a,.pmenu .act_path a{ color:#333; background:#FFD215; } /*PERSONALIZACAO DO MENU DROPDOWN*/ .psubmenu{top:35px; background:#CCC; padding:4px; width:200px;} .psubmenu a{height:25px; line-height:25px; background:#ff0;font-size:15px; color:#f00 !important;} .psubmenu a:hover{background:#f00} /*MENU FIXO (Deletar os dois grupos abaixo se o site não tiver menu fixo)*/ /*--CONFIGURACAO DO MENU FIXO--*/ .menu-fixo{top:-61px; left:0; z-index:9999; width:100% !important; display:table; transition:all linear 0.1s; background:rgba(255,255,255,.94);} .menu-fixo .menu{width:1170px; padding:0; display:none; } .scroll-to-fixed-fixed .menu{display:block;} .scroll-to-fixed-fixed{border-bottom:2px solid #FFD215;} /* PERSONALIZACAO DO MENU FIXO*/ .menu-fixo .menu{ background:;} .menu-fixo .logo{width:169px; height:67px; background: url(../../images/logo-horizontal.png) no-repeat;background-size:100%; } .menu-fixo .telefone{} /*--FIM DA CONFIGURACAO DO TOPO--*/ /*------------------------------------------------------------------------------------------------------------------------*/ /*--INICIO DA CONFIGURACAO DO CORPO--*/ #mainBlock{width:100%; float:left;clear:both;} /*BANNER*/ .banner{width:100%; overflow-x:hidden;} .banner .center{height:100%;} .banner li{ display:none;}/* Deletar essa linha caso o banner não for fade */ .legenda-banner{ width:435px; font-family:fonte; bottom:50px; left:0; font-size:40px; color:#fff; text-shadow:0px 0px 7px rgba(0,0,0,1);} /*BOTOES BANNER*/ .banner .bx-next, .banner .bx-prev{ width:80px; height:80px; margin-top:-40px; background:url(../../images/padrao/setas-banner.png) no-repeat; background-size:100%;} .banner .bx-next{right:-100px; background-position:bottom;} .banner .bx-prev{left:-100px; background-position:top;} .banner:hover .bx-next{right:30px;} .banner:hover .bx-prev{left:30px; } .bx-pager{position:absolute; bottom:25px; right:25px; z-index:900;} .bx-pager-item{float:left;} .bx-pager a{ width: 15px; height: 15px; display:block; margin-left:5px; text-indent:-99999px; border-radius:5px;} /*PERSONALIZACAO E EFEITOS BOTOES BANNER*/ .banner .bx-next, .banner .bx-prev{ transition:all ease-out 0.3s; opacity:0.7} .banner .bx-next:hover, .banner .bx-prev:hover{ opacity:1} .bx-pager a{ background:#FFD215; border:2px solid #FFF;} .bx-pager .active, .bx-pager a:hover{background:#976711;} /*CORPO*/ .corpo{border-top:7px solid #F3D294; padding: 39px 0 63px; background:#F9E8C6;} .corpo-interna{ background:#F9E8C6;} .home{ padding:;} .interna{ background:#FFF; margin:55px auto 65px !important; border-radius:5px; padding:33px 25px 40px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:15px; color:#555;} .interna h1{color:#976711; padding-bottom:21px; font-size:32px;} .bg-interna{width:100%; height:186px; background:url(../../images/fundo-interna.jpg) no-repeat; background-size:cover;} .servicos .formulario-right{margin: -63px 5px 0 25px;} .servicos h4{font-size:22px; color:#B20000; padding:36px 0 24px;} .servicos-galeria{border-top:1px dotted #F3D294; margin-top:73px} .servicos-galeria img{ float:left; border:3px solid #F3D294; box-sizing:border-box; -webkit-box-sizing:border-box;} .content{width:100%;} .cnt-home h3{color:#976811; font-size:38px;} .cnt-home .texto-imagem{ width: 687px; clear:none !important;} .cnt-home .texto-esquerda{width:69%; margin-top:13px;} .cnt-home .imagem-direita{ width: 23%; margin: 15px 0 0 7px;} /* form home */ .formulario-right {width:432px; background:#000;border-radius:5px 5px 8px 8px; margin-top: -141px;z-index: 99; position: relative;} .formulario-right h5{color:#FFF; font-size:25px; padding:21px 0 14px 57px; background:url(../../images/img-master.png) -454px 14px no-repeat;} .form-home{background:#F3D294; border-radius:5px; padding:0 25px 39px; box-sizing:border-box; -webkit-box-sizing:border-box;} .formulario-right .form-home small{ font-size: 12px; margin:16px 0 12px 0; display: table;} .formulario-right .form-home input{height:42px;font-size:13px !important;padding:0 0 0 37px;} .formulario-right .form-home .valid{background-position: right -70px;} .formulario-right .form-home .error{background-position: right 11px;} .formulario-right.formulario p{margin-bottom:10px; position:relative;} .formulario-right i{width:30px; height:28px; background:url(../../images/img-master.png) no-repeat; top: 10px; left: 2px; z-index:1;} .formulario-right input[type=date]{height: auto; padding: 10px 0 10px 37px;} .formulario-right i.ico-nome{background-position:0 -178px;} .formulario-right i.ico-mail{background-position:0 -230px;} .formulario-right i.ico-tel{background-position:2px -277px;} .formulario-right i.ico-cel{background-position:3px -383px;} .formulario-right i.ico-ent{background-position:-475px -161px;} .formulario-right i.ico-sai{background-position:-468px -206px;} .formulario-right i.ico-qtd{background-position:3px -330px;} label.label-floatlabel{color:#238C00 !important; padding-left:32px} .formulario-right p.enviar-home{bottom: -27px; right: 23px; height:38px;} .formulario-right p.enviar-home input{ font-size:20px !important; height:38px; padding:0 61px 0 19px; background:url(../../images/img-master.png) -327px -57px no-repeat #B20000 !important; border-radius: 7px;} /* botoes avancar e voltar*/ .formulario-right .bx-next, .formulario-right .bx-prev{position:absolute; bottom:-68px; top:auto; background: url(../../images/botoes-form.png) no-repeat; text-indent:-9999px;} .formulario-right .bx-next{ width:185px; height:38px; right:0;} .formulario-right .bx-prev{ width:101px; height:38px; background-position:0 -89px; left:0;} .disabled{display:none;} .formulario-right.en .bx-next, .formulario-right.en .bx-prev{background: url(../../images/botoes-form-en.png) no-repeat;} .formulario-right.en .bx-prev{background-position:0 -89px;} .formulario-right.es .bx-next, .formulario-right.es .bx-prev{background: url(../../images/botoes-form-es.png) no-repeat;} .formulario-right.es .bx-prev{background-position:0 -89px;} textarea{font-family:Tahoma, sans-serif !important;} /* Configuração do Checkbox */ .checklist big{padding:0 0 5px 13px; float:left;} .checklist span{display:block; font-size:12px;} .checklist img{ float:left;} .checklist{list-style: none; margin:0; padding:0; width:100%; display:block; float:left; text-align:left; font-size:10px;} .checklist li{float:left; margin:6px 0; height:38px; padding:0 0 12px; width:100%; position:relative; border-bottom:1px dotted #999} .checklist li.selected .checkbox-select {display: none;} .checkbox-select {display:block; position:absolute; top:20px; left:51px; width:80px; height:19px; text-indent:-9999px; background:url(../../images/bt-reserva.png) no-repeat 0 0;} .checklist li input {display:none;} a.checkbox-deselect {display:none; position:absolute; top:20px; left:51px; width:80px; height:19px; background:url(../../images/bt-reserva.png) no-repeat -90px 0;} .checklist li.selected a.checkbox-deselect {display: block;} .slider-form{overflow:auto;} a.bt-mais{margin: 4px 0 0 90px;background: url(../../images/bt-reserva.png) no-repeat -182px 0px; width:72px;height: 19px; position:relative;} .img-comodo-home{width:40px; padding:0 13px 0 0;} .formulario-right.en .checkbox-select{background:url(../../images/bt-reserva-en.png) no-repeat 0 0;} .formulario-right.en a.checkbox-deselect{background:url(../../images/bt-reserva-en.png) no-repeat -90px 0;} .formulario-right.en a.bt-mais{background: url(../../images/bt-reserva-en.png) no-repeat -182px 0px;} .formulario-right.es .checkbox-select{background:url(../../images/bt-reserva-es.gif) no-repeat 0 0;} .formulario-right.es a.checkbox-deselect{background:url(../../images/bt-reserva-es.gif) no-repeat -90px 0;} .formulario-right.es a.bt-mais{background: url(../../images/bt-reserva-es.gif) no-repeat -182px 0px;} .article-summary-text{display:table;} .servicos-home{width:555px; min-height: 241px; background:#fff; font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; padding:25px 25px 0 25px;border-radius:5px; margin-top: 73px;} .servicos-home h4{color:#B20000; font-size:25px;padding-bottom:12px;} .servicos-home strong{color:#B20000; font-size:18px; font-family:fonte;} .servicos-home article{width:50%; float:left; margin:17px 0 18px;} .servicos-home figure{width:100%; display:table;} .servicos-home img{float:left; margin-right:5%;} .servicos-home figcaption{width:65%; display:table; font-size:12px;} .servicos-home .ver-todos{color:#B20000; font-size:12px; margin: 33px 54px 5px 0;} .servicos-home .ver-todos i{width:44px; height:44px; background:url(../../images/img-master.png) -459px -433px #B20000 no-repeat; position:absolute; right:22px; bottom:-22px; border-radius:50px;} .servicos-home span{float:left;} .servicos-home .bx-wrapper{ height: 125px;} .servicos-home .bx-viewport{ height: 125px !important;} .noticias-home article a{color:#000;} .noticias-home article a:hover{text-decoration:underline;} .noticias-home h4{padding-bottom:20px;} /* INTERNA LOCALIZACAO */ .mapa input[type=text]{width:80%; height:42px;} .mapa input[type=submit]{width:18% !important; float:right;} .mapa iframe{margin-top: 25px;} /* GALERIAS DE FOTOS */ .lista-sumario{width:48%; height:87px; float:left; transition:ease-out 0.4s; padding:10px 15px ; box-sizing:border-box; -webkit-box-sizing:border-box; background:#F9E8C6; border-bottom:8px solid #B20000;} .lista-sumario:hover{border-color:#976711;} .lista-sumario:nth-child(2n+1){float:right;} .lista-sumario img{float:right !important; border:none !important;} .lista-sumario h2{color:#393837; font-size:35px; line-height:1.8;} /* Pagina de reservas */ .reserva{width:48%; float:left; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; background:#F9E8C6; padding:17px 0; border-radius:5px; margin:35px 0 25px;} .reserva img{width:100% !important; border-bottom:8px solid #B20000; margin-bottom:17px;} .reserva:nth-child(2n){float:right;} .reserva h3{color:#393837; font-size:35px; padding-left:15px;} .reserva .code{font-family:fonte; float:left; color:#B20000; font-size:17px; padding:15px;} .reserva .bx-wrapper{float:left;} .reserva .bx-wrapper img{width:auto !important; height:auto !important; border:2px solid #fff; } .reserva .solicite{width:147px;height:116px;background: url(../../images/solicite.png) no-repeat;position:absolute;right: 5px;bottom: -22px; cursor:pointer;} .reserva.en .solicite{background: url(../../images/solicite-en.png) no-repeat;} .reserva.es .solicite{background: url(../../images/solicite-es.png) no-repeat;} .remodal h3{color:#393837; font-size:30px; float:left; display:table;} /* Parallax */ .parallax-window{min-height:343px;} .parallax a{top:25px;left:0; color:#FFF; background:rgba(0,0,0,.44); border-radius:5px; width:465px; padding:25px 25px 35px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px;} .parallax strong{font-size:40px; font-family:fonte;} .parallax span{font-size:20px; font-family:fonte; display: block; padding-bottom: 8px;} .cnt-interna{} .left { width:;} .right{ width:;} /* BOTAO VOLTAR*/ .link-back{ display:block; clear:both; float:right;border-radius:5px; font-family:fonte; font-size:15px; padding:5px 10px; margin:25px 0 0 0; transition:all linear 0.2s} /*cores botao voltar*/ .link-back{ background:#976711; color:#fff !important;} .link-back:hover{background:#976711; text-decoration:none;} /*BOTAO SUBIR AO TOPO*/ .cd-top{ display:block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 20px; border-radius:50px; text-indent: -9999px; background:url(../../images/padrao/bt-to-top.png) no-repeat center; opacity: 0; transition: all .3s linear; z-index:1100;} .cd-top.cd-is-visible{opacity: 1;} /*Cores botão subir ao topo*/ .cd-top{ background-color:#B20000;} .cd-top:hover{ background-color:#000;} /*PAGINA DE CONTATO*/ .content.contato{width:55%; margin:0 5% 0 0} .right.contato{ width:40%; } .right.contato h3{margin-bottom:10px; font-size:25px; color:#000;} .contato a{ color:#000} .contato iframe{ border:1px solid #CCC; padding:2px; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box;} .localizacao{ width: 100%; margin: 0 0 20px 0;} .localizacao span{ display:block; width:100%; padding:0 0 10px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; background:url(../../images/padrao/ico-right-contato.png) no-repeat; line-height:22px;} span.endereco-contato{ background-position:0 0;} span.telefones-contato{background-position:0 -84px;} span.email-contato{background-position:0 -171px; padding:0 0 0 30px;} /*--FIM DA CONFIGURACAO DO CORPO--*/ /*----------------------------------------------------------------------------------------------------------------------------------*/ /*--INICIO DA CONFIGURACAO DO RODAPE--*/ #footerBlock{width:100%; clear:both; float:left; background:#fff;} .rodape{padding-bottom: 28px;} .rodape h3{color:#B20000; font-size:20px; font-family:fonte; padding-bottom: 15px;} .rodape-top{background:#F3D294; border-top:1px solid #F9E8C6; border-bottom:7px solid #FFD215; box-shadow: 0px 7px 15px -5px rgba(0,0,0,0.75); padding: 15px 0 19px;} .rodape-top .rod-end{width:230px; font-size:14px; background:url(../../images/img-master.png) -470px -302px no-repeat; padding-left:38px; box-sizing:border-box; margin-top:10px;} .contato-rod{width:333px; background:url(../../images/img-master.png) -454px -357px no-repeat; padding-left: 58px; margin-right: 163px; box-sizing:border-box;} .contato-rod .whatsapp{display:block; clear:none; float:right;background-position:-476px -256px;padding-left:33px; font-size:17px} .contato-rod .telefone{float:left; background-position:-476px -111px;} .contato-rod .telefone a{padding-left: 28px; font-size:17px} .contato-rod .rod-mail a{color:#000; font-size:14px; padding-bottom:10px; display:table;} .menu-vertical{margin:25px 272px 0 0; } .menu-vertical a{font-family:fonte; color:#000 !important; font-size:15px; line-height: 28px;} .menu-vertical a:before{content:''; background:#B20000; width:6px; height:6px; float:left;margin:9px 19px 0 0;} .news{width:390px; margin-top: 25px;} .news .articleText{color:#000; font-size:14px; font-family:Tahoma;} .news input{padding: 0 0 0 37px; height:42px; background:#F9E8C6;} .news p{width: 100%; position:relative; display: table;} .news form{margin-top:19px;} .news .news-mail{margin-bottom:11px;} .news .news-nome{width:66.6%; margin-right:4%} input[type=submit]{width:29% !important; height:42px !important; background:#B20000; color:#fff; padding:0 !important; font-size:18px !important;} .news h3{padding-bottom:17px;} .news i{width:30px; height:28px; background:url(../../images/img-master.png) no-repeat; top: 10px; left: 2px; z-index:1;} .news i.ico-nome{background-position:0 -178px;} .news i.ico-mail{background-position:0 -230px;} .facebook{margin: 26px 0 0 54px;} /*--LINKS RODAPE--*/ .rodape a, .rodape a:hover{color:#002C65; text-decoration:none;} /*COPYTIGHT*/ .copyright{width:100%; padding:13px 0; background:#F9E8C6; font-size:12px;} .copyright span{color:#919191;} .copyright a{ color:#919191; float: right;} /*--FIM DA CONFIGURACAO DO RODAPE--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*-- BOTOES DAS REDES SOCIAIS --*/ .redes{margin: 8px 96px 0 0;} .redes a{display:block; float:left; width:40px; height:40px; background:url(../../images/padrao/ico-redes.png) no-repeat; margin:0 3.5px;} a.bt-facebook{ background-position: 0 0;} a.bt-twitter{ background-position: -80px 0;} a.bt-google{ background-position: -160px 0;} a.bt-likedin{ background-position: -240px 0;} a.bt-instagram{ background-position: -320px 0;} a.bt-outro{background-position: -400px 0} a.bt-skype{background-position: -480px 0} a.bt-youtube{ background-position: -560px 0;} a.bt-skype:hover{transform: rotate(0deg);} .bt-skype span{display:none} .bt-skype:hover span{display:block; position:absolute; top:20px; left:0; background: #FFF; box-shadow:0 0 4px #000; color:#000; padding:5px; border-radius:5px} /*ANIMACAO DAS REDES SOCIAIS*/ .redes a:hover{ animation: redes 0.2s linear; -webkit-animation: redes 0.2s linear; -moz-animation: redes 0.2s linear; -ms-animation: redes 0.2s linear;} @keyframes redes{0%{transform: scale(1);} 50%{transform: scale(0.8);} 100%{transform: scale(1);}} @-webkit-keyframes redes{0%{transform: scale(1);} 50%{transform: scale(0.8);} 100%{transform: scale(1);}} @-moz-keyframes redes{0%{transform: scale(1);} 50%{transform: scale(0.8);} 100%{transform: scale(1);}} @-ms-keyframes redes{0%{transform: scale(1);} 50%{transform: scale(0.8);} 100%{transform: scale(1);}} /*-------------------------------------------------------------------------------------------------------------------------------------------*/ /*--INICIO DA CONFIGURACAO DO FORMULARIO--*/ .cnt-contato{padding-top:45px;} /*-- CONFIGURACAO PADRAO DO FORMULARIO--*/ input, select, textarea{border-radius:4px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; float:left; font-weight:normal; border:1px solid;} input[type=checkbox], input[type=radio]{width:auto; margin:0 5px 0 0; padding:0; height:auto; background:none; border:none} label{ float:left; padding:0 20px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;} input[type=submit]{ float:right; border:none; width:auto; padding:0 40px; font-size:15px; height:35px; cursor:pointer; transition:all .1s linear;} /*TRACAR ROTA*/ .tracar-rota{ padding:10px 0 0 0; width:100%;} .tracar-rota strong{ padding:0 0 4px 0; width:100%; float:left; display:block;} .tracar-rota input[type=text]{ width:66%; height:42px; margin:0 3% 0 0;} .tracar-rota input[type=submit]{ width:40%; padding:0;} /*Place holder*/ ::-webkit-input-placeholder{color:#000;} ::-moz-placeholder{color:#000;} :-ms-input-placeholder{color:#000;} input:-moz-placeholder{color:#000;} /*Campos Obrigatórios*/ input[name=nome], input[name=email], input[name=telefone]{ border-right:5px solid #CC0000;} .obrigatorio{border-right:5px solid #CC0000;} /* Configuração dos Campos de Erro */ .error, .valid{background-image:url(../../images/padrao/img-error-form.png); background-repeat:no-repeat;} .error{ background-position:right 8px; border-color: #B20000;} .valid{ background-position:right -74px; border-color: #238C00 !important;} select.error, select.valid{background-image:none} label.error{ display:none;} .formulario p{ width:100%; margin:0 0 18px; float:left;} .formulario strong{ width:100%; padding:0 0 5px; display:none;} /*personalizaca do formulário*/ input, select, select.valid, textarea, textarea.valid{ background:#f2f2f2; border-color:#CECEBF ; padding:7px 35px 7px 7px; height:35px; font-size:14px;} textarea{ height:90px; padding:7px;} input[type=submit]{font-family:fonte; font-size:14px;} .formulario input[type=submit], .tracar-rota input[type=submit]{ background:#B20000; color:#FFF;} /*Obrigado*/ .obrigado{width:100%; float:left; box-sizing:border-box;} .obrigado big{font-size:22px; color:#E77817; display:block; width:100%; border-bottom:1px solid #E77817; padding:0 0 2px 0; margin:0 0 8px;} .obrigado b{display:block; width:100%; float:left; padding:0 0 5px 0;} .obrigado a{ padding:5px 10px; display:block; background:#CCC; border-radius:5px; margin:30px 0 0 0; font-family:fonte; font-size:12px; color:#333; transition:all 0.2s linear;} .obrigado a:hover{ background:#ddd; text-decoration:none;} /* ERRO */ .form-error{position: fixed; width: 400px; background: #fff; border-radius: 8px; border: 3px solid #976711; box-sizing: border-box; padding: 20px; left: 50%; margin-left: -200px; z-index: 99999999; box-shadow: 1px 1px 10px 10px rgba(0,0,0,0.6); opacity:0; animation:time linear 5s forwards;} @keyframes time{0%{display:block !important;} 10%{opacity:1;} 90%{opacity:1;} 95%{opacity:0;z-index:-1111111;} 100%{display:none !important;}} /*--Fim da Configuração do Formulário--*/ /*--PARTES de CONTEUDO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*GALERIAS*/ /*--INICIO DA CONFIGURACAO DA GALERIA PADRAO--*/ /*Configuracoes da galeria*/ .imagens{ width:100%} .imagens li{ width:25%; float:left; text-align:center; padding:10px 0;} /*50% 2 imagens por linha | 33% 3 imagens por linha | 25% 4 imagens por linha*/ .imagens img{ max-width:100%; height:auto;} /*Personalizacao da Galeria*/ .imagens img{} .imagens p{ font-size:12px; padding:10px 0; display:table; width:80%; margin:0 auto;} /*Animacoes Galeria de Imagens*/ .imagens img{ transform:scale(1); transition:all linear 0.2s } .imagens img:hover{transform:scale(1.2);} .imagens span{ display:block; overflow:hidden; border:3px solid #F3D294; margin:0 auto;} /*--FIM DA CONFIGURACAO DA GALERIA PADRAO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*TEASER*/ /*--INICIO DA CONIGURACAO DA TEASER PADRAO--*/ /*Configuracoes da teaser*/ .teaser a{ width:100%;} .teaser strong{ font-family:fonte;} .ts-vertical img{ display:block; margin:0 auto 10px;} .ts-vertical strong{ width:100%; display:block; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box;} .ts-horizontal img{ float:left; margin-right:10px} .ts-horizontal strong{display:block; padding:0 0 10px;} /*Personalizacao da teaser*/ .teaser{ margin:0 0 25px;} .teaser img{ border:1px solid #999;} .teaser strong{ font-size:15px;} .ver-tudo{} /*--FIM DA CONIGURACAO DA TEASER PADRAO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*LISTAGEM DE PAGINAS*/ /*--INICIO DA CONFIGURACAO DA LISTAGEM DE PAGINAS--*/ /*Configuracoes da listagem das paginas*/ .lista-sumario a{ width:100%;} /*Personalizacao da listagem das paginas*/ .lista-sumario{ margin:0 0 25px;} .lista-sumario img{ border:1px solid #999;} .lista-sumario h2{} .lista-sumario h3{} /*--FIM DA CONFIGURACAO DA LISTAGEM DE PAGINAS--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*TEXTO COM IMAGEM*/ /*--INICIO DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/ .texto-imagem{ width:100%; float:left; clear:both;} .legenda-imagem{ width:100% !important;} .imagem-acima{ width:100%; margin-bottom:15px} .imagem-abaixo{ width:100%; margin-top:15px} .imagem-esquerda{ width:25%; margin:0 3% 15px 0} .texto-direita{ width:72%;} .imagem-direita{ width:25%; margin:0 0 15px 3%;} .texto-esquerda{ width:72%; font-size:16px} .continuar-lendo{color:#976711; font-size:20px; margin:14px 0 0 382px; font-family:fonte;} /*--FIM DA CONFIGURACAO DE TEXTO COM IMAGEM PADRAO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*VIDEOS*/ /*--INICIO DA CONFIGURACAO DA LISTA DE VIDEOS PADRAO--*/ /*Configuracoes da lista de videos*/ .videos{ width:100%;} .videos li{ text-align:center; float:left; margin:0 0 15px;} .videos img{ border:1px solid #CCC; max-width:100%; height:auto;} /*--FIM DA CONFIGURACAO DA LISTA DE VIDEOS PADRAO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*NEWSLETTER*/ /*--INICIO DA CONFIGURACAO DA NEWSLETTER PADRAO--*/ /*Configuracoes da newsletter*/ .newsletter{width:100%;} .newsletter strong{ padding:0 0 4px 0; width:100%; float:left; display:block;} .newsletter input[type=text]{ width:57%; margin:0 3% 0 0;} .newsletter input[type=submit]{ width:40%; padding:0; border:none;} /*personalizacao da newsletter*/ .newsletter input[type=text]{ } .newsletter input[type=submit]{} /*texto de erro*/ .texto-erro{ font-weight:bolder; padding-bottom:5px; color:#F00;} /*texto de obrigado*/ .obrigado{} /*--FIM DA CONFIGURACAO DA NEWSLETTER PADRAO--*/ /*--------------------------------------------------------------------------------------------------------------------------------------*/ /*TABS - ACCORDION*/ /*--INICIO DA CONFIGURACAO DO TABS PADRAO--*/ /*-- Configuracao do Tabs --*/ .tabs{ width:100%;} .bt-tabs:first-child{ margin:0;} .bt-tabs{width:100%; outline:none; cursor:pointer; box-sizing:border-box; -webkit-box-sizing:border-box; font-family:fonte; transition:all 0.2s ease-out;} .cnt-tabs{width:98%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:10px 20px 20px; margin:0 0 15px; border-right: 1px dotted; display:none;} /* Personalizacao do tabs*/ .bt-tabs{line-height:36px; height:36px; font-size:16px; padding:0 0 0 10px; margin: 15px 0 0 0; border-bottom:2px solid #BBB; background: #f2f2f2; color:#333;} .cnt-tabs{border-color:#CCC; } /*Icone do tabs*/ .icone-tabs{ width:36px; height:36px; display: block; float:right;} .icone-tabs b{ width:24px; height:24px; border:2px solid #bbb; border-radius:50px; display:block; position:relative; margin:3px 0 0 4px;} .icone-tabs b:after{ width:14px; height:4px; content:''; position:absolute; top:10px; left:5px; transition:all 0.2s ease-out;} .icone-tabs b:before{ width:4px; height:14px; content:''; position:absolute; top:5px; left:10px; transition:all 0.2s ease-out;} .icone-tabs b:after, .icone-tabs b:before{ background:#BBB;} .on b:after{ transform:rotate(360deg);} .on b:before{ opacity:0; transform:rotate(90deg);} /* Tabs Ativo*/ .bt-tabs:hover{ background: #e2e2e2; } .on{background: #e2e2e2;} /*--FIM DA CONFIGURACAO DO TABS PADRAO--*/ /*----------------------------------------------------------------------------------------------*/ /* LISTA NOTICIAS */ .lista-simples{margin-bottom:25px;} .lista-simples h3{font-size:22px; color:#B20000; margin-bottom:5px;} .lista-simples a{color:#555;} /* ARTICLE GALERIAS */ .images{width:100%; float:left;} .images figure{float:left; width:20%; margin-bottom:25px} .images img{margin:0 auto; display:table; max-width:100%; height:auto; border:2px solid #976711; box-sizing:border-box; -webkit-box-sizing:border-box} /* PAGINACAO */ /*--INICIO DA CONFIGURACAO DA PAGINACAO--*/ .paginacao{ margin:10px auto; background:#f3f3f3; padding:5px; border-radius:5px;} .paginacao a, .paginacao span{ min-width:18px; height:26px; display:block; float:left; text-align:center; margin:0 3px; padding:0 4px; line-height:26px; text-decoration:none; border-radius:5px; font-size:15px;} .paginacao span{ cursor:default;} /*Setas*/ .bt-anterior i, .bt-proximo i{ display:none} .bt-anterior a i, .bt-proximo a i{ display:table; border-top: 9px solid transparent; border-bottom: 9px solid transparent; margin:4px auto;} .bt-anterior i{border-right:14px solid;} .bt-proximo i{border-left:14px solid;} /*Cores dos botões*/ .paginacao span{ background:#999; color:#FFF;} .paginacao a{color:#333;} .paginacao a:hover{ background:#ccc; color:#000; } /*--FIM DA CONFIGURACAO DA PAGINACAO--*/ /*-- INICIO DA CONFIGURACAO DO MODAL POPUP (deletar caso nao use)--*/ /* =========== Modal ================================ */ /* configurações das cores do MODAL */ /* fundo transparente */ .remodal-overlay { background: rgba(0, 0, 0, 0.6);} .remodal-overlay.remodal-is-opening { animation: overlay-opening 0.3s forwards; -webkit-animation: overlay-opening 0.3s forwards; -moz-animation: overlay-opening 0.3s forwards; -ms-animation: overlay-opening 0.3s forwards; } .remodal-overlay.remodal-is-closing { animation: overlay-closing 0.3s forwards; -webkit-animation: overlay-closing 0.3s forwards; -moz-animation: overlay-closing 0.3s forwards; -ms-animation: overlay-closing 0.3s forwards; } /* Conteudo */ .remodal-wrapper { padding: 10px 10px 0; } .remodal { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.6); -ms-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.6); color: #FB602E; background: #F9E8C6; margin-top: 4%; padding: 35px 25px; border:10px solid #FFF; border-radius:8px; max-width:767px; outline:none; } .remodal.remodal-is-opening { animation: remodal-opening 0.3s forwards; -webkit-animation: remodal-opening 0.3s forwards; -moz-animation: remodal-opening 0.3s forwards; -ms-animation: remodal-opening 0.3s forwards; } .remodal.remodal-is-closing { animation: remodal-closing 0.3s forwards; -webkit-animation: remodal-closing 0.3s forwards; -moz-animation: remodal-closing 0.3s forwards; -ms-animation: remodal-closing 0.3s forwards; } .remodal, .remodal-wrapper:after { vertical-align: middle; } /* BOTAO DE FECHAR */ .remodal-close { position: absolute; top: 10px; right: 10px; z-index: 0; width: 25px; height: 25px; display: block; transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -ms-transition: all linear 0.3s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; outline: none; cursor: pointer; color: #000; background: transparent; border: 1px solid #000; } .remodal-close:hover, .remodal-close:focus { color: #2b2e38; background: transparent; } .remodal-close:before { content: "\00d7"; text-align: center; position: absolute; top: 0px; left: -0.5px; z-index: 0; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 23px; width: 25px; } /* Keyframes ========================================================================== */ @keyframes remodal-opening { from { transform: scale(1.05); opacity: 0; } to { transform: none; opacity: 1; } } @keyframes remodal-closing { from { transform: scale(1); opacity: 1; } to { transform: scale(0.95); opacity: 0; } } @keyframes overlay-opening { from { opacity: 0; } to { opacity: 1; } } @keyframes overlay-closing { from { opacity: 1; } to { opacity: 0; } } /* IE8 ========================================================================== */ .lt-ie9 .remodal-overlay { background: #2b2e38; } .lt-ie9 .remodal { width: 700px; } /*---- necessario ----*/ /* Scroll */ html.remodal-is-locked { overflow: hidden; touch-action: none; } /* Anti FOUC */ [data-remodal-id] { display: none; } .remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; backface-visibility: hidden; display: none; } .remodal-wrapper { display: none; text-align: center; backface-visibility: hidden; position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; } .remodal-wrapper .remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } .remodal { position: relative; display: none; text-size-adjust: 100%; } .remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /*-- FIM DA CONFIGURACAO DO MODAL POPUP --*/ /*---------------------------------------------------------------------------------------------------------------*/ /* CONFIGURACOES DO BX_SLIDER - NAO DELETAR */ .bx-next, .bx-prev{position:absolute; top:50%; z-index:999; width:30px; height:30px;} .bx-next{right:30px;} .bx-prev{left:30px;} /* RESET DO BX_SLIDER - NAO DELETAR */ .bx-wrapper{position:relative; margin:0 auto; padding:0;} .bx-wrapper img{max-width:100%; display:block; height:auto; margin:0 auto;} /******* PAGINA BRANCA **********/ .form-reserva small{color:#535353; font-size:15px; margin-bottom: 10px; float: left; text-align:left;} .form-reserva{width:100%; margin:5px 0 0;} .form-reserva .form-home{width:100%;} .form-reserva i{width:30px; height:28px; background:url(../../images/img-master.png) no-repeat; top: 10px; left: 2px; z-index:1;} .form-reserva input[type=date]{height: auto; padding: 10px 35px 10px 37px !important;} .form-reserva i.ico-nome{background-position:0px -176px;} .form-reserva i.ico-mail{background-position:0 -230px;} .form-reserva i.ico-tel{background-position:2px -277px;} .form-reserva i.ico-cel{background-position:3px -383px;} .form-reserva i.ico-ent{background-position:-475px -161px;} .form-reserva i.ico-sai{background-position:-468px -206px;} .form-reserva i.ico-qtd{background-position:3px -328px;} .form-reserva i.ico-text{background-position:-33px;} .form-reserva .form-home{background:none; padding:0;} .form-reserva .form-home input{height:42px;font-size:13px !important;padding:0 0 0 37px;} .form-reserva .form-home p{position:relative;} .form-reserva .form-home .valid{background-position: right -70px;} .form-reserva .form-home .error{background-position: right 11px;} .form-reserva textarea{height:130px; } .form-reserva .textar{width:80%; float:left;} .form-reserva input[type=submit]{height:130px !important; width:20% !important; font-size:23px !important;} label.label-floatlabel{color:#238C00 !important; padding-left:32px} .content label.label-floatlabel{padding-left:0; font-size:10px !important;} /*#############################################################################################################################################*/ /*RESPONSIVO*/ @media only screen and (max-width:1024px){ /*RESET*/ html, body {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:100%; max-width:100%; overflow-x:hidden; -webkit-text-size-adjust:100%;} html{height:100%;} .center{ width:100%; margin:0!important; float:left !important ;} .menu-fixo{display:none;} select{-webkit-appearance:none; appearance:none; -moz-appearance:none;} .bloco-3, .bloco-4, .bloco-5{ width:50%} #headerBlock, #mainBlock, #footerBlock, .menu{transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear;} /* banner */ .legenda-banner{left:15px;} .bx-pager{right:auto; left:25px;} /* corpo */ .corpo{padding: 39px 15px 63px; box-sizing:border-box; -webkit-box-sizing:border-box;} .cnt-home .image-with-text{width:50%;} /* form home */ .formulario-right{margin-top:0;} /* servicos home */ .servicos-home article{width:100% !important;} .servicos-home{width:48%;} .servicos-home .bx-wrapper{margin-bottom: 61px !important;} /*parallax*/ .parallax a{left:15px;} /* rodape */ .rodape-top{padding:15px 15px 19px; box-sizing:border-box; -webkit-box-sizing:border-box;} .rodape{padding:0 15px 28px; box-sizing:border-box; -webkit-box-sizing:border-box;} .menu-vertical{margin:25px 0 0; width:25%;} .news{width:45%; padding:0 2.5%; box-sizing:border-box; -webkit-box-sizing:border-box;} .facebook{width:25%; margin-left:0;} /* copyright */ .copyright{padding:13px 15px; box-sizing:border-box; -webkit-box-sizing:border-box;} /* interna */ .corpo-interna{padding-top:30px;} /* servicos interna */ .servicos .formulario-right{width:40%; margin-top:0;} /* Galerias de fotos */ .lista-sumario h2{font-size:32px;} /* reservas */ .reserva .solicite{right:-28px;} } @media only screen and (max-width:1023px){ /*INICIO DA CONFIGURACAO DO TOPO RESPONSIVO*/ .topo{ height:75px} .logo{ width:108px !important; height:116px !important; margin:0 !important; left:49px; background-position: center; background-size:contain;} .tels{margin:0; border-radius:0;} .tels:before{display:none;} #headerBlock.menu-on, #mainBlock.menu-on, #footerBlock.menu-on{ padding-left: 260px; } #headerBlock{position:fixed;} /*----------------------------------------------------------------------------------------------------------------*/ /*-- INICIO DA CONFIGURACAO DO MENU RESPONSIVO--*/ /*-- INICIO DA CONFIGURACAO DO BOTAO DO MENU --*/ .botao-menu{cursor:pointer; display:block; width:20px; height:58px; float:left; margin:0 15px 0 15px} .botao-menu b{margin-top:38px;} .botao-menu b, .botao-menu b:before, .botao-menu b:after{cursor:pointer; height:4px; width:20px; position:absolute; display:block; content:''; -webkit-transition:all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47); transition:all 500ms cubic-bezier(0.615, 0.25, 0.505, 1.47);} .botao-menu b:before{top:-6px;} .botao-menu b:after{bottom:-6px;} /*-- BOTAO DO MENU ATIVO --*/ .menu-on .botao-menu b{background-color:transparent;} .menu-on .botao-menu b:before, .menu-on .botao-menu b:after{top:0;} .menu-on .botao-menu b:before{-webkit-transform:rotate(45deg) scale(1.2); -ms-transform:rotate(45deg) scale(1.2); transform:rotate(45deg) scale(1.2);} .menu-on .botao-menu b:after{-webkit-transform:rotate(-45deg) scale(1.2); -ms-transform:rotate(-45deg) scale(1.2); transform:rotate(-45deg) scale(1.2);} /*-- COR DO BOTAO DO MENU ATIVO -- */ .botao-menu b, .botao-menu b:before, .botao-menu b:after{background:#333; border-radius:5px;} /*FIM DA CONFIGURACAO DO BOTAO DO MENU--*/ /* INICIO DA CONFIGURACAO DO MENU RESPONSIVO*/ /*configuracoes padrao do menu responsivo*/ .menu{position:fixed; top:0; left:-260px; width:260px; height:auto; z-index:1500; margin:0; height:100vh; background:#F3D294;} .menu-on .menu{ left:0} .pmenu{width:260px;} .pmenu li{width:100%;} .pmenu li:after{display:none;} .pmenu a{width:100%; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box; background:none; } .pmenu li:hover > a, .pmenu li.act_path a{background:none; margin-top:0;} .pmenu .psubmenu{display:block; position:relative; top:auto; left:auto; padding:10px 0 35px 20px; float:left; background:none; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;} .pmenu .psubmenu li{border:none;} .pmenu ul.psubmenu a, .pmenu ul.psubmenu a:hover{background:none; line-height:40px; height:40px;} /*personalizacao do menu responsivo*/ .pmenu a, .pmenu li:hover > a, .pmenu li.act_path a{color:#000; font-size: 15px; height: 52px; line-height:52px; } .pmenu li{border-bottom:1px solid #000;} .pmenu ul.psubmenu a, .pmenu ul.psubmenu a:hover{color:#000; border-left:1px solid #000; font-size:12px;} /* FIM DA CONFIGURACAO DO MENU RESPONSIVO*/ /* FIM DA CONFIGURACAO DO TOPO RESPONSIVO */ /*-------------------------------------------------------------------------------------------------------------------*/ /* INICIO DA CONFIGURACAO DO CORPO RESPONSIVO */ .corpo{width:100%; max-width:100%; padding:15px; -webkit-box-sizing:border-box; box-sizing:border-box;} .banner{ width:100%; height:auto} .banner li {height:450px !important; background-size:cover !important;} .bx-pager{display:none;} .legenda-banner{bottom:15px;} .content {width:100%; float:left;} /* home */ .formulario-right{width:70%; margin:0 auto 50px; display:table; float:none !important;} .cnt-home .image-with-text{width:100%;} /* servicos home */ .servicos-home{width:85%; margin:40px auto 30px; display:table; float:none !important;} /* rodape */ .rod-end, .contato-rod, .redes{margin:0 auto 20px; display:table; float:none !important;} .menu-vertical{width:30%;} .news{width:68%; float:right; margin-bottom:70px;} .facebook{width:80%; float:none !important; margin:0px auto 0; display:table; clear:both;} /*CONTATO RESPONSIVO*/ .content.contato{width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding-right:30px; margin:0;} .right.contato{width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0;} /* interna */ .bg-interna{ height:117px;} .servicos .formulario-right{width:70%; margin:0 auto 50px;} /* reserva */ .reserva{width:70%; margin:35px auto 25px; float:none !important; display:table;} .interna{padding:33px 15px 40px;} .lista-sumario{width:100%; height:auto;} .imagens span{width:85% !important; height:auto !important;} .imagens li{width:33.3%;} .images figure{width:33.3%;} /* FIM DA CONFIGURACAO DO CORPO RESPONSIVO */ /* INICIO DA CONFIGURACAO DO RODAPE RESPONSIVO */ .rodape{ padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box;} .copyright{ padding:15px; box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center;} .copyright a{ float: none; display:block;} /* FIM DA CONFIGURACAO DO RODAPE RESPONSIVO */ /*INICIO DA CONFIGURACAO DO FORMULARIO RESPONSIVO*/ .formulario p,{width:100%; margin:0 0 15px;} .formulario strong{width:100%; text-align:left; padding:0 0 4px; line-height:1.1;} .form-interna strong{text-align:left; padding:0 0 4px; line-height:1.1;} .formulario select, .formulario textarea{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; padding:7px 35px 6px 7px;} .formulario textarea{padding:7px; margin-bottom:20px;} .formulario input[type=submit]{margin:0 auto; float:none; display:block; height:50px; line-height:50px; padding:0 30px; width:90%;} .colorbox{width:500px !important;} /*FIM DA CONFIGURACAO DO FORMULARIO RESPONSIVO*/ /*===== Botão Subir =====*/ } @media only screen and (max-width:600px){ .bloco-2{ width:50%} .bloco-4{ width:50%} .bloco-5{ width:100%} .content.contato{width:100%; padding:0px;} .right.contato{width:100%; padding-top:30px;} #headerBlock{margin-top:42px;} .language{position:absolute; box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; top:-42px;left:0; margin:0; background:none;} .language span{display:none;} .banner li{height:410px !important;} .legenda-banner{font-size:22px;} .parallax .center{height:100%;} .parallax a{width:100%; left:0; box-sizing:border-box; -webkit-box-sizing:border-box;} .formulario-right{width:100%; margin-bottom:70px;} .cnt-home .texto-esquerda{width:100%; margin-bottom:35px;} .cnt-home .imagem-direita{width:40%; margin:0 auto 0; float:none; display:table;} .cnt-home .imagem-direita img{ width:100%; height:auto;} .continuar-lendo{width:100%;margin: 25px 0;text-align: center;} .cnt-contato{padding-bottom:40px;} .reserva{width:100%;} .images figure{width:50%;} .remodal{height:450px; overflow-x:overlay;} } @media only screen and (max-width:480px){ .topo .redes{ display:none;} .logo{width:93px;} .tels{box-shadow:none;} .telefone a, .whatsapp{font-size:18px;} .legenda-banner{width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 15px} .servicos-home, .formulario p.bloco-6{width:100% !important;} .servicos-home img{margin:0 20px 13px 7px;} .contato-rod{width:100%;} .contato-rod .whatsapp, .contato-rod .telefone a{font-size:15px;} .contato-rod .whatsapp{border-left:1px solid ; background:none; float:left; padding-left:13px;} .contato-rod .telefone{ background:none;} .contato-rod .telefone a{ padding: 0 13px 0px 0;} .news, .menu-vertical{width:100%;} .servicos .formulario-right{width:100%;} .lista-sumario h2{font-size:21px; margin-top:11px; line-height:normal;} .imagens li{width:50%;} .reserva img{height:245px !important;} .reserva .bx-wrapper{width:100%; max-width:100%;} .reserva .solicite{position:relative; width:80%; margin:15px auto; display:table; height:36px; right:0; background:#B20000; border-radius:5px;} .reserva .solicite:after{content:'Solicite Agora'; margin:4px auto 0; display:table; color:#fff; font-family:fonte; font-size:22px;} .reserva.en .solicite{ background:#B20000;} .reserva.en .solicite:after{content:'Ask for this room';} .reserva.es .solicite{ background:#B20000;} .reserva.es .solicite:after{content:'Pide que la habitacion';} .reserva .code{font-size:15px;} .form-error{width:200px; margin-left:-100px;} .images figure{width:50%;} .images figure img{width:90%;} .form-reserva .textar{width:100% !important;} .formulario input[type=submit]{width:100% !important; height:55px !important; line-height:55px;} .formulario-right p.enviar-home input{width:40% !important; float:right !important;} .parallax a{top:0; font-size:13px;} .parallax strong{font-size:22px;} .parallax span{ font-size:17px;} .servicos-home img{margin:0 auto 10px; float:none; display:table;} .servicos-home figcaption{width:100%; text-align:center;} } @media only screen and (max-width:360px){ }