*{margin:0;padding:0}body{font-family:Roboto}a{text-decoration:none;color:#25b20d}li{list-style:none}.env{float:left;width:100%}.conteudo{width:1260px;margin:0 auto}.barra-topo{float:left;width:100%;background:#000}.social-topo span{float:left;padding:5px 10px;font-size:16px;color:#fff;-webkit-transition:.9s;-moz-transition:.9s;-webkit-transition:.9s;-o-transition:.9s}.icon-face{border-right:1px solid rgba(255,255,255,0.3)}.social-topo a:hover span{opacity:.7}.contato-topo div{float:right;padding:5px 15px}.contato-topo span{float:left;font-size:16px;color:#fff}.contato-topo strong{float:left;margin-left:5px;font-size:14px;color:#fff;font-weight:300}.contato-topo div:nth-child(2){border-right:1px solid rgba(255,255,255,0.3)}.contato-topo a{color:#fff;text-decoration:none}.logo img{float:left;height:70px;margin:20px 0}.o-menu{float:right}.menu-topo{float:left;margin-top:33px;padding:5px 20px;font-family:Lato;border-left:1px dotted rgba(0,0,0,0.1)}.menu-topo p:nth-child(1){font-size:14px;font-weight:900;color:#000}.menu-topo p:nth-child(2){font-size:13px;color:#888;font-weight:300}.menu-topo:hover p:nth-child(1){color:#25b20d}.botao-reservas{float:left;margin-top:36px;margin-right:20px;padding:10px 20px;border-radius:4px;background:#25b20d;border-bottom:1px solid rgba(0,0,0,0.5);text-shadow:0 1px 0 #000}.botao-reservas span:nth-child(1){float:left;margin-top:2px;font-size:15px;color:#fff}.botao-reservas span:nth-child(2){float:left;margin-left:5px;font-size:14px;color:#fff;font-family:Lato}.botao-reservas:hover{background:#000}.botao-reserva-interno{margin-top:20px;margin-right:0;padding:15px 25px}.botao-reserva-interno span:nth-child(1){font-size:16px}.botao-reserva-interno span:nth-child(2){margin-left:10px;font-size:16px}.menu-tp-inp2{display:none}.contato-menu{display:none}.shadow-topo{float:left;position:relative;z-index:99;width:100%;margin-top:-450px;height:78px;background:url(https://hotel.portofinohoteis.com.br/img/box-shadow.png) no-repeat center top;background-size:1000px 78px}.shadow-topo2{margin-top:0}.slide{float:left;width:100%;height:450px;overflow:hidden}.fadein{position:relative;height:450px;width:100%}.fadein p{float:left;width:100%;text-align:center}.back-grid{float:left;position:relative;z-index:9;width:100%;height:450px;margin-top:-450px;background:url(https://hotel.portofinohoteis.com.br/img/grid.png)}.fadein img{float:left;width:100%;height:450px;object-fit:cover;object-position:top}.box-acomodacoes{float:left;width:100%;padding:10px 0 40px;background:#f0f0f0}.tt-home span{float:left;width:100%;padding:20px 0;font-size:25px;font-weight:900;font-family:"Titillium Web";color:#000;text-transform:uppercase}.tt-home:before{content:"";float:left;margin-right:-50px;margin-top:60px;width:50px;border-bottom:2px solid #000}.quarto-home{float:left;width:32.33%;margin:.5%}.quarto-home img{float:left;width:100%;height:200px;object-fit:cover;object-position:center}.quarto-home div{float:left;width:90%;padding:20px 5%}.quarto-home strong{float:left;margin-top:-75px;padding:10px 20px;color:#fff;font-family:Lato}.quarto-home strong nav{font-size:13px;color:#fff;font-family:Lato;font-weight:300}.quarto-home p{float:left;width:100%;margin-bottom:10px;font-size:17px;color:#000;font-family:Lato;font-weight:900}.quarto-home p span:nth-child(1){font-size:14px;margin-left:10px}.quarto-home p span:nth-child(2){font-size:14px;margin-left:5px;font-family:Lato;font-weight:300}.botao-fotos{float:left;padding:8px 15px;background:#000}.botao-fotos span:nth-child(1){float:left;margin-top:2px;font-size:13px;color:#fff}.botao-fotos span:nth-child(2){float:left;margin-left:5px;font-size:13px;font-family:Lato;color:#fff}.botao-fotos:hover{opacity:.7}.botao-reservar{float:left;margin-left:10px;padding:8px 15px;background:#25b20d}.botao-reservar span:nth-child(1){float:left;margin-top:2px;font-size:13px;color:#fff}.botao-reservar span:nth-child(2){float:left;margin-left:5px;font-size:13px;font-family:Lato;color:#fff}.botao-reservar:hover{opacity:.7}.dicas-the{float:left;width:24%;margin:0 .5%}.dicas-the img{float:left;width:100%;height:200px;object-fit:cover;object-position:center}.dicas-the div{float:left;width:90%;height:200px;margin-top:-200px;padding:0 5%;background:rgba(0,0,0,0.2)}.dicas-the p{float:left;padding:10px 20px;background:rgba(0,0,0,0.7);margin-top:130px;font-size:17px;color:#fff;font-family:Lato;font-weight:900}.dicas-the a:hover p{background:#000}.box-mapa{padding:10px 0 0;margin-top:30px}.rodape{float:left;width:100%;margin-top:20px;padding:30px 0;background:#101010}.topico-rodape nav{float:left;max-width:300px;padding:0 20px;border-right:1px dotted rgba(255,255,255,0.1)}.topico-rodape span{position:absolute;margin-top:2px;font-size:15px;color:#fff}.topico-rodape strong{float:left;margin-left:25px;font-size:15px;font-weight:300;color:#fff;font-family:Lato}.topico-rodape nav:nth-child(3){border-right:0}.tt-hotel-rodape{float:left;width:100%;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted rgba(255,255,255,0.1);font-size:22px;font-family:Lato;font-weight:300;color:#fff}.rodape-2{float:left;width:100%;padding:20px 0;background:#000}.pos-copy{float:left;font-size:15px;margin-top:10px;color:#fff}.selo-lenium{float:right}.selo-lenium span{float:left;font-size:13px;font-family:Lato;font-weight:300;color:#fff;margin-right:10px;margin-top:12px}.selo-lenium img{float:left}.tt-interno{float:left;position:relative;margin-top:-78px;width:100%;padding:20px 0;background:#25b20d}.tt-interno span{float:left;font-size:30px;color:#fff;font-family:Lato;font-weight:300}.data-reservas strong{float:left;font-size:17px;font-weight:300;font-family:Lato;margin-top:18px}.data-reservas nav{float:left;margin:10px;padding:5px 10px;border:1px solid rgba(0,0,0,0.1);border-radius:4px}.data-reservas label{float:left;font-size:15px;padding:5px;color:#000;border-right:1px solid rgba(0,0,0,0.1)}.data-reservas input{float:left;width:80px;margin-top:1px;background:transparent;margin-left:5px;border:0;padding:5px}.data-reservas select{float:left;width:88px;margin-top:1px;background:transparent;margin-left:5px;border:0;padding:4px}.data-reservas-home strong{color:#fff;text-shadow:0 1px 0 #000}.data-reservas-home nav{background:#fff}.botao-form{float:left;margin-top:20px;padding:10px 20px;color:#fff;font-size:15px;border:0;background:#25b20d;cursor:pointer;-webkit-appearance:none}.botao-form:hover{background:#000}.obs-reservas{float:left;width:100%;margin-top:10px;font-size:15px;font-weight:300;font-family:Lato}.box-reservas{float:left;position:relative;z-index:999;width:80%;padding:15px 10%;margin-top:-143px;border-radius:5px 5px 0 0}.tt-reservas{float:left;width:100%;font-size:20px;color:#fff;font-weight:900;font-family:Lato;text-shadow:0 1px 0 #000;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.1)}.botao-form-home{background:#000;color:#fff;padding:11px 20px;margin-top:10px;margin-left:20px;border-radius:4px}.botao-form-home:hover{color:#000;background:#fff}.tt-check{float:right;width:100%;margin-top:5px;font-size:12px;color:#fff;font-weight:300;font-family:Lato;text-align:right}.slide-quarto{float:left;width:600px;overflow:hidden}.lateral-quarto{float:right;width:620px}.texto{float:left;width:100%;margin-top:10px;padding-bottom:10px;border-bottom:1px dotted rgba(0,0,0,0.2);font-size:15px;font-weight:300}.comodidades{float:left;width:100%;margin-top:10px}.comodidades nav{float:left;padding:0 3%;margin:15px 0;border-right:1px dotted rgba(0,0,0,0.2)}.comodidades nav span:nth-child(1){float:left;font-size:18px}.comodidades nav span:nth-child(2){float:left;margin-top:1px;margin-left:10px;font-size:16px;font-weight:300;font-family:Lato}.form-reserva-1{float:left;width:700px}.form-reserva-2{float:right;width:520px}.info-quarto{float:left;width:100%}.info-quarto img{float:left;width:40%;height:272px;object-fit:cover;object-position:center}.info-quarto div{float:right;width:58%}.info-quarto strong{float:left;width:100%;font-size:18px;margin-bottom:10px}.info-quarto p{float:left;width:100%;font-size:15px;font-weight:300;padding-bottom:20px;margin-bottom:10px;border-bottom:1px dotted rgba(0,0,0,0.2)}.info-quarto span{float:left;font-size:16px;margin:10px}.msg{float:left;width:96%;margin:10px 0;padding:10px 2%;border-top:1px solid;border-bottom:1px solid}.msg span:nth-child(1){position:absolute;font-size:18px}.msg span:nth-child(2){float:left;margin-left:30px;font-size:14px;font-family:Lato;font-weight:300}.erro span:nth-child(1){color:#fb2017}.erro{border-color:#fb2017;background:#fef5f4}.atencao span:nth-child(1){color:#f98919}.atencao{border-color:#f98919;background:#fef9f5}.sucesso span:nth-child(1){color:#15ba07}.sucesso{border-color:#15ba07;background:#f5fef5}.tt-acomoda{float:left;width:100%;margin-top:10px;padding-bottom:10px;border-bottom:1px dotted rgba(0,0,0,0.2)}.tt-acomoda span:nth-child(1){float:left;font-size:16px}.tt-acomoda span:nth-child(2){float:left;margin-left:10px;font-size:15px;font-weight:300}.detalhes-reserva{float:left;width:100%;margin-top:20px}.detalhes-reserva nav{float:left;width:100%;padding:10px 0;border-bottom:1px dotted rgba(0,0,0,0.2)}.detalhes-reserva nav span:nth-child(1){float:left;font-size:18px}.detalhes-reserva nav span:nth-child(2){float:left;margin-left:10px;font-size:15px;font-weight:300}.mais-info{float:left;width:100%;padding-top:20px;margin-top:10px;border-top:1px dotted rgba(0,0,0,0.2)}.mais-info span:nth-child(1){float:left;font-size:21px}.mais-info span:nth-child(2){float:left;margin-left:10px;font-size:17px;font-family:Lato;margin-bottom:20px}.mais-info p{float:left;width:50%;padding:5px 0;font-size:14px;font-family:Lato;font-weight:300}.mais-info p:before{content:"\e900";font-family:"item"!important;float:left;font-size:12px;margin-top:3px;margin-left:10px;margin-right:5px}.botao-detalhes{float:left;width:100%;padding:8px 0;background:#25b20d;margin:10px 0;border-radius:4px;border-bottom:1px solid rgba(0,0,0,0.8);text-align:center}.botao-detalhes span:nth-child(1){float:none;position:relative;top:2px;font-size:15px;color:#fff}.botao-detalhes span:nth-child(2){float:none;margin-left:0;margin-top:0;font-size:13px;color:#fff;font-family:Lato;font-weight:300}.botao-detalhes:hover{background:#000}.detalhes-valor{float:left;width:100%;margin:20px 0}.detalhes-valor span:nth-child(1){float:left;font-size:22px;font-family:Lato;font-weight:300}.detalhes-valor span:nth-child(2){float:left;margin-left:10px;font-size:40px;font-family:Lato;color:#25b20d}.detalhes-valor span:nth-child(3){float:left;width:100%;margin:10px 0;font-size:15px;font-family:Lato;font-weight:300}.formulario{float:left;width:100%}.formulario nav{float:left;width:100%;padding:10px 0}.formulario span:nth-child(1){float:left;width:100%;font-size:14px;font-family:Lato}.formulario span:nth-child(2){float:left;width:96%;padding:7px 2%;height:20px;background:#f0f0f0;font-size:14px;font-family:Lato;font-weight:300}.formulario b{color:#E00000;font-size:15px}.formulario input{float:left;width:96%;width:calc(96% - 2px);margin-top:5px;padding:10px 2%;border:1px solid rgba(0,0,0,0.2);border-radius:4px;font-size:14px;font-family:Lato;font-weight:300}.formulario select{float:left;width:100%;width:calc(100% - 2px);margin-top:5px;padding:9px 2%;border:1px solid rgba(0,0,0,0.2);border-radius:4px;font-size:14px;font-family:Lato;font-weight:300}.formulario textarea{float:left;width:100%;min-height:80px;max-width:100%;width:calc(96% - 2px);margin-top:5px;padding:9px 2%;border:1px solid rgba(0,0,0,0.2);border-radius:4px;font-size:14px;font-family:Lato;font-weight:300}.formulario .campo-2{width:220px;margin-right:20px}.formulario .mrg-2{margin-right:0}.formulario .campo-3{width:100%;width:calc(50% - 10px);margin-right:20px}.formulario .mrg-2{margin-right:0}.botao-mudar{background:#f98919}.botao-confirmar{margin-left:20px}.bt-reser-1{background:#25b20d}.bt-reser-1:hover{background:#000;color:#fff}.depoimento{float:left;width:100%;padding:20px 0;border-bottom:1px dotted rgba(0,0,0,0.3)}.depoimento span:nth-child(1){float:left;font-size:15px;font-family:Lato;font-weight:900;color:#25b20d}.depoimento span:nth-child(2){float:left;font-size:13px;margin-top:2px;margin-left:10px}.depoimento span:nth-child(3){float:left;font-size:13px;margin-left:5px;font-family:Lato;font-weight:300}.depoimento span:nth-child(4){float:left;width:100%;font-size:15px;font-family:Lato;margin-top:15px}.g-recaptcha{float:left;transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0}.paginacao{float:left;margin-top:20px;border:1px solid #ddd;border-radius:4px;overflow:hidden}.tx-pg{float:left;color:#999;padding:10px;font-size:15px}.fim-pg:hover{color:#999;background:#fff}.lista-interno p{color:#25b20d}.lista-interno span{color:#000}.lista-interno a:hover p{color:#000}.lista-interno a:hover span{color:#25b20d}.tx-pg:hover{color:#fff;background:#25b20d}.fim-pg:hover{color:#999;background:#fff}.pg-at{float:left;color:#fff;background:#25b20d;padding:10px 12px;font-size:15px}.pg-px{float:left;border-left:1px solid #ddd;border-right:1px solid #ddd;color:#25b20d;padding:10px 12px;font-size:15px;margin-left:-1px}.pg-px:hover{color:#fff;background:#25b20d}.botao-dicas{float:left;margin-top:20px;padding:10px 20px;font-size:15px;color:#fff;font-family:Lato;background:#000;border-radius:4px}.botao-dicas:hover{background:#25b20d}.img-dica{float:left;width:40%;padding-right:20px}.text{margin-top:20px;font-size:15px;font-family:Lato}.text p{margin:20px 0}.conheca-tbm .dicas-the{width:48%;margin:1%}@media (max-width: 1250px){.conteudo{width:980px}.dicas-the p{margin-top:100px}.topico-rodape nav{width:45%;max-width:45%;padding:0 1%;margin:1%}.slide-quarto{width:460px}.lateral-quarto{width:480px}.form-reserva-2{width:240px}.info-quarto img{width:100%;height:150px}.info-quarto div{width:100%;margin-top:20px}.mais-info-2 p{width:100%}.conheca-tbm .dicas-the{width:100%;margin:10px 0}}@media (max-width: 960px){.conteudo{width:700px}.o-menu{display:none}.menu-tp-inp{display:block}.pos-menu-topo{height:50px}.ic-menu{position:relative;float:right;width:30px;margin:45px 0;z-index:2;cursor:pointer;z-index:9999;-webkit-transition:.9s;-moz-transition:.9s;-webkit-transition:.9s;-o-transition:.9s}.opacity-menu{display:none;position:fixed;width:100%;height:100%;z-index:999;top:0;left:0;background:rgba(0,0,0,0.5)}.ic-menu span{float:left;width:100%;height:3px;background:#000}.ic-menu-2 span{background:#000}.ic-menu span:nth-child(2){margin-top:5px}.ic-menu span:nth-child(3){margin-top:5px}.menu-tp-inp2:checked + .menu-tp-inp .o-menu{display:block}.menu-tp-inp2:checked + .menu-tp-inp .opacity-menu{display:block}.menu-tp-inp2:checked + .menu-tp-inp .icon-menu{position:fixed;background:#fff;width:70%;height:100%;padding:5% 20px;top:0;left:0;animation:animateleft .4s;z-index:999999;overflow:auto}.menu-tp-inp2:checked + .menu-tp-inp .ic-menu span{background:#fff}.menu-tp-inp2:checked + .menu-tp-inp .ic-menu:before{background:#fff}.botao-reservas{margin-top:0;margin-right:0;margin-bottom:20px}.menu-topo{width:90%;margin-top:0;padding:10px 5%;border-left:0;border-bottom:1px dotted rgba(0,0,0,0.2)}.contato-menu{display:block;float:left;width:100%;margin-bottom:10px}.contato-menu div{float:left;width:100%;padding:10px 0;border-bottom:1px dotted rgba(0,0,0,0.2)}.contato-menu span{float:left;font-size:14px;color:#000}.contato-menu strong{float:left;margin-left:5px;font-size:13px;color:#000;font-weight:300}.contato-menu a{color:#000;text-decoration:none}.shadow-topo{margin-top:-300px}.slide{height:300px}.fadein{height:300px}.back-grid{height:300px;margin-top:-300px}.fadein img{height:300px}.botao-reservar{margin-left:2px}.dicas-the{width:48%;margin:1%}.topico-rodape nav{width:100%;max-width:100%;padding:0;margin:0;border-right:0}.topico-rodape nav:nth-child(2){display:none}.topico-rodape nav:nth-child(3){display:none}.rodape-2{text-align:center}.pos-copy{width:100%;margin-top:0}.selo-lenium{width:100%}.selo-lenium img{float:none}.selo-lenium span{width:100%;margin-right:0;margin-bottom:4px}.box-reservas{margin-top:0;background:transparent}.box-reservas-2{float:left;width:100%;background:#25b20d}.data-reservas{float:left;width:50%}.data-reservas strong{width:25%}.pos-bot-reser{float:left;width:100%}.botao-form-home{margin-left:0}.tt-interno{margin-top:0}.slide-quarto{width:100%}.lateral-quarto{width:100%}.botao-reserva-interno{margin-top:20px}.lateral-quarto{width:100%}.form-reserva-1{width:100%}.form-reserva-2{width:100%;margin-top:20px}.info-quarto img{width:40%;height:220px}.info-quarto div{width:58%;margin-top:0}.mais-info-2 p{width:50%}.conheca-tbm .dicas-the{width:48%;margin:1%}}@media (max-width: 700px){.conteudo{width:90%;overflow:hidden}.slide-topo{background:#000}.logo img{width:200px;height:52px}.contato-topo{display:none}.ic-menu{margin:35px 0}.social-topo span{padding:5px 15px;font-size:18px}.shadow-topo{margin-top:-200px;background-size:100% auto}.slide{height:200px}.fadein{height:200px}.back-grid{height:200px;margin-top:-200px}.fadein img{height:200px;object-position:center}.quarto-home{width:100%;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #000;background:#E0E0E0}.dicas-the{width:100%;margin:10px 0}.data-reservas{width:100%}.data-reservas strong{width:30%}.tt-check{margin-top:10px;text-align:left}.box-reservas{width:90%;padding:15px 5%}.info-quarto img{width:100%}.info-quarto div{width:100%;margin-top:10px}.mais-info p{width:100%}.formulario .campo-2{width:100%;margin-right:0}.formulario .campo-3{width:100%;margin-right:0}.tx-pg{display:none}.img-dica{width:100%;padding-right:0}.text{float:left;width:100%;margin-top:20px}.conheca-tbm .dicas-the{width:100%;margin:10px 0}}@keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}}