Contatti

Hotel Grazia alla Scannella

Via Scannella, 104 - 80075, Forio (NA)
+39 081 3590189
info@hotelgraziaallascannella.it

:root{--color-text: #000;--color-text-selectable: #000;--color-text-selected: #fff;--color-text-selected-inner: #fff;--color-text-disable: #949494;--color-arrow: #262626;--color-bg: #fff;--color-border: #0E161F;--color-bg-selectable: #e9e9e9;--color-bg-selected: var(--calendar-primary, var(--dark-primary));--color-bg-selected-inner: var(--calendar-secondary, var(--dark-secondary));--border-radius-general: 2px;--border-radius-cell: 4px}.dario{font-family:var(--font-titles);position:absolute;overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.24);border-radius:var(--border-radius-general);z-index:3000;padding:0 20px}@media screen and (max-width:1024px){.dario{position:fixed;z-index:10000000000;right:unset !important;top:50% !important;left:50% !important;bottom:unset !important;transform:translate(-50%, -50%)}}.dario-nav{padding:10px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:1024px){.dario-nav{padding:10px 0}}.dario-nav-arrow{cursor:pointer;border-radius:var(--border-radius-general)}@media screen and (max-width:1024px){.dario-nav-arrow{width:10px}}.dario-nav-arrow--prev svg{margin-left:-11px}.dario-nav-arrow--next svg{margin-left:-8px}.dario-nav-arrow svg{display:block;width:32px;height:32px}@media screen and (max-width:1024px){.dario-nav-arrow svg{width:21px}}.dario-nav-arrow svg path{fill:none;stroke:var(--color-arrow);stroke-width:2px}.dario-nav-center{padding-left:10px;padding-right:10px;font-weight:400}@media screen and (max-width:1024px){.dario-nav-center{padding-left:5px;padding-right:5px;font-size:12px}}.dario-header{display:block;background:var(--dario-color-main)}.dario-header-week{display:grid;text-align:center;padding:0 10px;grid-template-columns:repeat(7, 1fr)}.dario-header-week div{padding:7px;color:var(--dark)}@media screen and (max-width:1024px){.dario-header-week div{padding:2px 5px}}.dario-container--multi{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width:1024px){.dario-container--multi{display:flex;flex-direction:column}}.dario-content{display:flex;margin-top:10px;padding-bottom:7px}.dario-content-days{display:grid;gap:5px;grid-template-columns:repeat(7, 1fr);grid-template-rows:repeat(6, 1fr)}.dario-content-days div{padding:7px;padding-bottom:5px;line-height:18px}@media screen and (max-width:1024px){.dario-content-days div{padding:4px 5.5px;padding-bottom:3px}}@media screen and (max-width:600px){.dario-content-days div{padding:4px 5px;padding-bottom:3px}}@media screen and (max-width:550px){.dario-content-days div{padding:4px;padding-bottom:3px}}.dario-inner--current{margin-right:5px}@media screen and (max-width:1024px){.dario-inner--current{margin-right:0px}}.dario-inner--next{margin-left:5px}@media screen and (max-width:1024px){.dario-inner--next{margin-left:0px}}.dario-cell{padding:8px;text-align:center;cursor:pointer;border-radius:var(--border-radius-cell);transition:background-color 0.5s ease}.dario-cell:not(.dario-cell--selected):hover{background-color:var(--color-bg-selectable);color:#0E161F}.dario-cell--selected{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.dario-cell--inner,.dario-cell--hover{background-color:var(--color-bg-selected-inner);color:var(--color-text-selected-inner)}.dario-cell--disable{color:var(--color-text-disable);cursor:default}#c-2-1-202 .component{font-size:var(--font-s)}#c-2-1-202 .component h1{font-size:var(--font-xl)}#c-2-1-202 .component h2{font-size:var(--font-b)}#c-2-1-202 .component h3{font-size:var(--font-b)}#c-2-1-202 .component{color:var(--dark-primary)}#c-2-1-202 .component h1{color:var(--light-secondary)}#c-2-1-202 .component h2{color:var(--light-secondary)}#c-2-1-202 .component h3{color:var(--light-secondary)}#c-2-1-202 .component a:not([class]){color:var(--light-secondary)}#c-2-1-202 .component h1{text-transform:uppercase}#c-2-1-202 .component h2{text-transform:uppercase}#c-2-1-202 .component{padding:var(--spaces-m) var(--spaces-0) var(--spaces-m) var(--spaces-0)}#c-2-1-202 .component h1{line-height:var(--lineheights-s)}#c-2-1-202 .main-text{box-sizing:border-box;margin:0 auto;text-align:var(--textalign-center);padding:var(--spaces-0) var(--spaces-0) var(--spaces-0) var(--spaces-0);display:grid;grid-template-columns:repeat(1, 1fr)}#c-2-1-202 .main-text.dx>div{grid-column:2}#c-2-1-202 .main-text .boxed{padding:var(--spaces-0) var(--spaces-m) var(--spaces-0) var(--spaces-m)}#c-2-1-202 .main-text>.boxed{max-width:var(--size-s)}#c-2-1-202 .main-text__title{display:flex;flex-direction:column}#c-2-1-202 .main-text__title.column-reverse{flex-direction:column-reverse}#c-2-1-202 .main-text h1{text-align:var(--textalign-center);padding:var(--spaces-0) var(--spaces-0) var(--spaces-0) var(--spaces-0)}#c-2-1-202 .main-text h2{text-align:var(--textalign-center);padding:var(--spaces-s) var(--spaces-0) var(--spaces-s) var(--spaces-0)}#c-2-1-202 .main-text__text{padding:var(--spaces-s) var(--spaces-0) var(--spaces-0) var(--spaces-0);column-count:1;column-gap:var(--spaces-l);max-width:var(--size-s);margin:unset}#c-2-1-202 .main-text__text ul,#c-2-1-202 .main-text__text ol{list-style-position:inside}#c-2-1-202 .main-text__text a{color:inherit}#c-2-1-202 .main-text__ctas{text-align:var(--textalign-center);padding:var(--spaces-s) var(--spaces-0) var(--spaces-0) var(--spaces-0);max-width:var(--size-s);margin:unset}#c-2-1-202 .main-text__ctas a{margin-right:0.5rem;margin-bottom:0.5rem}#c-2-1-202 .main-text__ctas a:last-of-type{margin:0}#c-3-0-201 .component{background:var(--dark-primary)}#c-3-0-201 .component{color:var(--light)}#c-3-0-201 .component{padding:var(--spaces-m) var(--spaces-0) var(--spaces-0) var(--spaces-0)}#c-3-0-201 .footer-three-columns__inner{display:flex;flex-wrap:wrap;justify-content:space-between;padding:var(--spaces-0) var(--spaces-0) var(--spaces-m) var(--spaces-0)}@media screen and (max-width:768px){#c-3-0-201 .footer-three-columns__inner{flex-direction:column}}#c-3-0-201 .footer-three-columns__inner>div{flex:1 1 0}#c-3-0-201 .footer-three-columns__inner__center{width:50%}@media screen and (max-width:768px){#c-3-0-201 .footer-three-columns__inner__center{width:100%;padding-top:2rem;padding-bottom:2rem}}#c-3-0-201 .footer-three-columns__inner__head{font-size:inherit}@media screen and (max-width:768px){#c-3-0-201 .footer-three-columns__inner__head{font-size:inherit}}#c-3-0-201 .footer-three-columns__fullpre{border-style:solid;border-width:0px;border-color:transparent;padding:var(--spaces-0)}#c-3-0-201 .footer-three-columns__fullpost{border-style:solid;border-width:0px;border-color:transparent;padding:var(--spaces-0);background:unset}#c-3-0-201 .footer-three-columns__credits{background-color:var(--light-primary);padding:var(--spaces-s) var(--spaces-0) var(--spaces-s) var(--spaces-0);border-style:solid;border-width:0px;border-color:transparent;color:var(--dark);font-size:var(--font-s);text-align:var(--textalign-center)}@media screen and (max-width:768px){#c-3-0-201 .footer-three-columns__credits{padding-bottom:7rem}}#c-3-0-201 .footer-three-columns__credits__link{text-decoration:none;color:inherit}@media screen and (max-width:768px){#c-3-0-201 .footer-three-columns{padding-bottom:5rem}}#c-3-0-201 .st-footer-menu{padding:0rem 0rem 0rem 0rem;text-transform:capitalize;font-family:var(--font-text);font-size:var(--font-s);background:transparent}#c-3-0-201 .st-footer-menu a{color:var(--light)}#c-3-0-201 .st-footer-menu a:hover{color:var(--light-secondary)}#c-3-0-201 .st-footer-menu ul{padding-left:0rem;margin:0rem}#c-3-0-201 .st-footer-menu ul li{padding:0.25rem 0rem}#c-3-0-201 .st-footer-menu ul,#c-3-0-201 .st-footer-menu li{list-style-type:none;list-style-position:inside}#c-3-0-201 .st-footer-menu--inline ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:768px){#c-3-0-201 .st-footer-menu--inline ul{justify-content:center}}#c-3-0-201 .st-footer-menu--inline ul li{padding:0.5rem 1rem}#c-3-0-201 .st-footer-menu--block ul{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media screen and (max-width:768px){#c-3-0-201 .st-footer-menu--block ul{align-items:center}}#c-3-0-201 .st-footer-menu--block ul li{padding:0.25rem 0rem}#c-3-0-201 .footer-hotel{font-family:var(--font-titles);text-align:var(--textalign-center);text-transform:unset;font-size:var(--font-b);padding:0px}@media screen and (max-width:768px){#c-3-0-201 .footer-hotel{text-align:center}}#c-3-0-201 .footer-hotel ul{display:flex;padding-left:0rem;margin:0rem}#c-3-0-201 .footer-hotel ul,#c-3-0-201 .footer-hotel li{list-style-type:none;list-style-position:inside}#c-3-0-201 .footer-hotel--inline ul{flex-direction:row;gap:0.5rem;flex-wrap:wrap;justify-content:var(--textalign-center)}#c-3-0-201 .footer-hotel--block ul{flex-direction:column}#c-3-0-201 .footer-hotel a{color:var(--light-primary)}#c-3-0-201 .footer-social{padding:0px 0px 0px 0px;font-size:var(--font-s);line-height:var(--font-s);text-align:var(--textalign-right);color:var(--light);margin:0;list-style-type:none}@media screen and (max-width:768px){#c-3-0-201 .footer-social{text-align:center}}#c-3-0-201 .footer-social p{padding-bottom:0.5rem}#c-3-0-201 .footer-social li{display:inline-block}#c-3-0-201 .footer-social li.footer-social__title{display:block}#c-3-0-201 .footer-social a{display:inline-block;font-size:var(--font-b);padding:0.625rem 0.625rem 0.625rem 0.625rem;color:var(--light-primary)}#c-3-0-201 .footer-social a i,#c-3-0-201 .footer-social a svg{height:var(--font-b);font-size:var(--font-b);line-height:var(--font-b)}#c-2-1-202 .main-text h1{ will-change: transform, opacity; transition: transform 0.5s, opacity 0.5s; transform: translate(0,0); opacity: 1; }#c-2-1-202 .main-text h1[data-osanimation]{ transform: translate(0, 100px); opacity: 1; }#c-2-1-202 .main-text h2{ will-change: transform, opacity; transition: transform 1s, opacity 1s; transform: translate(0,0); opacity: 1; }#c-2-1-202 .main-text h2[data-osanimation]{ transform: translate(0, 100px); opacity: 0; }#c-2-1-202 .main-text__text{ will-change: transform, opacity; transition: transform 1.5s, opacity 1.5s; transform: translate(0,0); opacity: 1; }#c-2-1-202 .main-text__text[data-osanimation]{ transform: translate(0, 100px); opacity: 0; }