/* General Settings */ a:link { color: white !important; text-decoration: none !important; } a:visited { color: white !important; text-decoration: none !important; } a:hover { color: white !important; text-decoration: none !important; } a:active { color: white !important; text-decoration: none !important; } a.FCmain:link { color: #bd7e12 !important; text-decoration: none !important; } a.FCmain:visited { color: #bd7e12 !important; text-decoration: none !important; } a.FCmain:hover { color: #bd7e12 !important; text-decoration: none !important; } a.FCmain:active { color: #bd7e12 !important; text-decoration: none !important; } a.FCsecondary:link { color: #ccc !important; text-decoration: none !important; } a.FCsecondary:visited { color: #ccc !important; text-decoration: none !important; } a.FCsecondary:hover { color: #ccc !important; text-decoration: none !important; } a.FCsecondary:active { color: #ccc !important; text-decoration: none !important; } .FCmain { color: #bd7e12; } .BGmain { background-color: #bd7e12; } .FCsecondary { color: #ccc; } .FCwhite { color: white; } .FWbold { font-weight: bold; } .TAL { text-align: left; } .TAR { text-align: right; } .FSitalic { font-style:italic; } .TTupper { text-transform: uppercase; } body { font-family: 'Junge', serif; } /* phone portrait */ @media (max-width: 767px) and (orientation: portrait) { /* ------ BODY ------ */ body { background-color: rgba(255, 255, 255, 0.1) !important; min-height:100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;} /*------- TOPLOGO ------*/ .avToplogo { text-align: center; width: 100%; margin: 0 auto; background-color: #FFF; } .avToplogo img { padding: 15px 0; width: 150px;} /* ------ NAVBAR ------ */ .avNavbar { height: 50px; background-color: #DC9D2B; width: 100%; margin: 0 auto; } .navbar-header { background-color: #DC9D2B; } .navbar-header .segnalibro_mobile { background: transparent url(../img/segnalibro_mobile.png) no-repeat center top; width: 40px; height: 66px; position: absolute; right: 0px; top: -10px; border-radius: 0px; background-size: 40px 65px; border-color: transparent; outline-color: rgba(0, 0, 0, 0); z-index: 20; } .navbar-default { border: 0px; } .navbar-collapse { max-height: 400px; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; } .nav >li { height: 50px; z-index: 5; background-color: #3E3D40; padding: 13px 0px; border-top: 1px solid #DC9D2B; font-size: 17px; } .nav >li >a { color: #FFF; text-align: left; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: antialiased; margin-left: 15px;} .nav >li.currentPage >a { color: #FFF; text-align: left; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: auto; font-weight: bold;} .nav >li.currentPage >a:before { content: "•"; margin-left: -10px; margin-right: 3px; color: #DC9D2B;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } /* ------ CONTAINER ------ */ .avContainer { width: 100%; text-align: center; margin: 0 auto; background-color: #FFF; } /* ------ CONTENT ------ */ .avContainer .avContent { } .avContainer .avContent .narrow-content { margin-left: auto; margin-right: auto; min-height: 520px; width: 100%; z-index:0; position: relative; } .avContainer .avContent .narrow-content.restaurantPage { /* height: 675px; */ -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; text-align: left;} .avContainer .avContent .narrow-content.menu { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.cantina { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.contacts { height: 640px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.feedbackPage { height: 640px; min-height: 500px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.gallery { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; min-height: 650px; padding: 10px 10px;} .avContainer .avContent .narrow-content.home .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_home.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.restaurantPage .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_ristorante.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.menu .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_menu.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.cantina .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_cantina.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.contacts .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_dovesiamo.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.feedbackPage .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_feedback.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.events .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_eventi.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content .saticSlideshowShadow { /* height: 275px; */ width: 265px; background-image: url("../img/slideCurtain.png"); right: 30px; position: absolute; color: whitesmoke; padding: 70px 30px; text-align: left; font-size: 26px; letter-spacing: 1px; line-height: 34px; font-family: arial; -webkit-font-smoothing: antialiased;} .avContainer .avContent .narrow-content .saticSlideshowBline1 { height: 6px; background-color: #bd7e12; width: 470px; position: absolute; left: 20px; top: 275px;} .avContainer .avContent .narrow-content .saticSlideshowBline2 { height: 6px; background-color: #DC9D2B; width: 265px; position: absolute; right: 30px; top: 275px; } .avContainer .avContent .narrow-content .awardsSnippet { /* height: 145px; */ /* top: 400px; */ /* position: absolute; */ padding: 0px 15px; width: 100%; text-align: left;} .avContainer .avContent .narrow-content .awardsSnippet .awards_content { text-align: left; } .avContainer .avContent .narrow-content .awardSubDiv { text-align: left; font-size: 13px; margin-bottom: 20px;} .avContainer .avContent .narrow-content .restaurant { height: 200px; width: 630px; top: 290px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .restaurantMenu { position: absolute; top: 25px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .restaurantDisplay { position: absolute; top: 25px; width: 460px; left: 170px; height: 180px;} .avContainer .avContent .narrow-content .restaurantLink { display: block; line-height: 15px;} .avContainer .avContent .narrow-content .restaurantSubDiv { display: none; text-align: left; font-size: 13px; line-height: 20px; letter-spacing: 0px;} .avContainer .avContent .narrow-content .restaurantSubDiv.active{ display: block; } .avContainer .avContent .narrow-content .eventsSnippet { height: 200px; width: 100%; /* top: 180px; */ /* right: 20px; */ /* position: absolute; */ text-align: left; padding: 25px 15px;} .avContainer .avContent .narrow-content .eventHeader { height: 20px; } .avContainer .avContent .narrow-content .eventsLinks { position: relative; right: 10px; width: 100%; height: 10px; top: -20px; text-align: right;} .avContainer .avContent .narrow-content .eventsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .eventsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .eventsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .eventsSubDiv { display: none; text-align: left; font-size: 14px;} .avContainer .avContent .narrow-content .eventsSubDiv.active { display: block; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubtitle { margin-left: -20px; font-size: 14px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubText { font-size: 14px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore { text-align: right; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore .glyphicon { font-size: 7px; background-color: #BD7E12; color: white; border-radius: 20px; padding: 2px 9px 2px 3px; width: 12px; line-height: 8px; position: relative; right: 0px; top: 0px; } .avContainer .avContent .narrow-content .menu { padding: 20px 15px; } .avContainer .avContent .narrow-content .menu .menuSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .cantina { /* height: 3200px; */ width: 100%; top: 170px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .cantina .cantinaSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .contacts { /* height: 360px; */ width: 100%; top: 170px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .galleryMenu { position: relative; top: 30px; left: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .imageSetGallery { margin: 0px 0px 0px 12px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery { margin-bottom: 6px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery img { width: 90px; } .avContainer .avContent .narrow-content .events { /* height: 200px; */ width: 100%; /* top: 290px; */ /* left: 20px; */ /* position: absolute; */ padding: 20px 15px;} .avContainer .avContent .narrow-content .eventsMenu { position: absolute; top: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .eventsDisplay { /* position: absolute; */ top: 15px; width: 100%; /* left: 170px; */ text-align: left;} .eventsDisplay > .eventInstance { } .eventsDisplay > .spacer { height: 30px; } .eventsDisplay > .eventInstance > .eventDate { font-size: 10px; } .eventsDisplay > .eventInstance > .portata { margin: 10px 0; } .eventsDisplay > .eventInstance > .portata > .nomePortata { margin-bottom: 2px; } .eventsDisplay > .eventInstance > .portata > .food { padding-left: 0px; } .eventsDisplay > .eventInstance > .portata > .drink { font-style: italic; padding-left: 0px; margin-top: 5px; } .eventsDisplay > .eventInstance > .portata > .dessert { padding-left: 0px; } .eventsDisplay > .eventInstance > .eventPrice { margin-top: 20px; } .eventGallery .title { margin: 20px 0px 0px; font-size: 12px; } .eventGallery .imageSetEventGallery { margin: 18px 0px; } .eventGallery .imageEventGallery { margin-bottom: 7px; } .avContainer .avContent .narrow-content .feedback { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } /* ------ FOOTER ------ */ .avFooter { } .avFooter .separatorLine { margin-left: auto; margin-right: auto; height: 6px; width: 1000px; background-color: #cccccc; } .avFooter .footerContainer { margin-left: auto; margin-right: auto; font-size: 11px; height: 181px; width: 1000px; background-image:url('../img/footer.png'); font-family: arial; letter-spacing: 1px; line-height: 19px; color: #ccc;} .avFooter .footerContainer td { text-align: left; vertical-align: top; } .avFooter .footerContainer div { margin: 10px 0; } .avFooter .footerContainer div a { display: block; } .avFooter .footerContainer > table { height: 181px; } .avFooter .footerContainer .footerFollowUs { } } /* phone landscape */ @media (max-width: 767px) and (orientation: landscape) { /* ------ BODY ------ */ body { background-color: rgba(255, 255, 255, 0.1) !important; min-height:100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;} /*------- TOPLOGO ------*/ .avToplogo { text-align: center; width: 100%; margin: 0 auto; background-color: #FFF; } .avToplogo img { padding: 15px 0; width: 200px;} /* ------ NAVBAR ------ */ .avNavbar { height: 50px; background-color: #DC9D2B; width: 100%; margin: 0 auto; } .navbar-header { background-color: #DC9D2B; } .navbar-header .segnalibro_mobile { background: transparent url(../img/segnalibro_mobile.png) no-repeat center top; width: 40px; height: 66px; position: absolute; right: 0px; top: -10px; border-radius: 0px; background-size: 40px 65px; border-color: transparent; outline-color: rgba(0, 0, 0, 0); z-index: 10; } .navbar-default { border: 0px; } .navbar-collapse { max-height: 400px; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; } .nav >li { height: 50px; z-index: 5; background-color: #3E3D40; padding: 13px 0px; border-top: 1px solid #DC9D2B; font-size: 17px; } .nav >li >a { color: #FFF; text-align: left; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: antialiased; margin-left: 15px;} .nav >li.currentPage >a { color: #FFF; text-align: left; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: auto; font-weight: bold;} .nav >li.currentPage >a:before { content: "•"; margin-left: -10px; margin-right: 3px; color: #DC9D2B;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } /* ------ CONTAINER ------ */ .avContainer { width: 100%; text-align: center; margin: 0 auto; background-color: #FFF; } /* ------ CONTENT ------ */ .avContainer .avContent { } .avContainer .avContent .narrow-content { margin-left: auto; margin-right: auto; min-height: 520px; width: 100%; position: relative; } .avContainer .avContent .narrow-content.restaurantPage { height: 675px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; text-align: left; } .avContainer .avContent .narrow-content.menu { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.cantina { /* height: 3480px; */ -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.contacts { height: 640px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.feedbackPage { height: 640px; min-height: 500px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.gallery { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; min-height: 650px; padding: 10px 10px;} .avContainer .avContent .narrow-content.home .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_home.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.restaurantPage .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_ristorante.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.menu .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_menu.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.cantina .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_cantina.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.contacts .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_dovesiamo.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.feedbackPage .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_feedback.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content.events .saticSlideshow { height: 170px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_eventi.jpg) no-repeat center top; background-size: auto 170px; } .avContainer .avContent .narrow-content .saticSlideshowShadow { /* height: 275px; */ width: 265px; background-image: url("../img/slideCurtain.png"); right: 30px; position: absolute; color: whitesmoke; padding: 70px 30px; text-align: left; font-size: 26px; letter-spacing: 1px; line-height: 34px; font-family: arial; -webkit-font-smoothing: antialiased;} .avContainer .avContent .narrow-content .saticSlideshowBline1 { height: 6px; background-color: #bd7e12; width: 470px; position: absolute; left: 20px; top: 275px;} .avContainer .avContent .narrow-content .saticSlideshowBline2 { height: 6px; background-color: #DC9D2B; width: 265px; position: absolute; right: 30px; top: 275px; } .avContainer .avContent .narrow-content .awardsSnippet { /* height: 145px; */ /* top: 400px; */ /* position: absolute; */ padding: 0px 15px; width: 100%; text-align: left;} .avContainer .avContent .narrow-content .awardsSnippet .awards_content { text-align: left; } .avContainer .avContent .narrow-content .awardSubDiv { text-align: left; font-size: 13px; margin-bottom: 20px;} .avContainer .avContent .narrow-content .restaurant { height: 200px; width: 630px; top: 290px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .restaurantMenu { position: absolute; top: 25px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .restaurantDisplay { position: absolute; top: 25px; width: 460px; left: 170px; height: 180px;} .avContainer .avContent .narrow-content .restaurantLink { display: block; line-height: 15px;} .avContainer .avContent .narrow-content .restaurantSubDiv { display: none; text-align: left; font-size: 13px; line-height: 20px; letter-spacing: 0px;} .avContainer .avContent .narrow-content .restaurantSubDiv.active{ display: block; } .avContainer .avContent .narrow-content .eventsSnippet { height: 200px; width: 100%; /* top: 180px; */ /* right: 20px; */ /* position: absolute; */ text-align: left; padding: 25px 15px;} .avContainer .avContent .narrow-content .eventHeader { height: 20px; } .avContainer .avContent .narrow-content .eventsLinks { position: relative; right: 10px; width: 100%; height: 10px; top: -20px; text-align: right;} .avContainer .avContent .narrow-content .eventsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .eventsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .eventsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .eventsSubDiv { display: none; text-align: left; font-size: 14px;} .avContainer .avContent .narrow-content .eventsSubDiv.active { display: block; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubtitle { margin-left: -20px; font-size: 14px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubText { font-size: 14px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore { text-align: right; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore .glyphicon { font-size: 7px; background-color: #BD7E12; color: white; border-radius: 20px; padding: 2px 9px 2px 3px; width: 12px; line-height: 8px; position: relative; right: 0px; top: 0px; } .avContainer .avContent .narrow-content .menu { padding: 20px 15px; } .avContainer .avContent .narrow-content .menu .menuSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .cantina { /* height: 3200px; */ width: 100%; top: 170px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .cantina .cantinaSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .contacts { /* height: 360px; */ width: 100%; top: 180px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .galleryMenu { position: relative; top: 30px; left: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .imageSetGallery { margin: 0px 0px 0px 12px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery { margin-bottom: 6px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery img { width: 180px; } .avContainer .avContent .narrow-content .events { /* height: 200px; */ width: 100%; padding: 20px 15px;} .avContainer .avContent .narrow-content .eventsMenu { position: absolute; top: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .eventsDisplay { width: 100%; text-align: left;} .eventsDisplay > .eventInstance { } .eventsDisplay > .spacer { height: 50px; } .eventsDisplay > .eventInstance > .eventDate { font-size: 12px; float: right; top: -16px; position: relative; } .eventsDisplay > .eventInstance > .portata { margin: 10px 0; } .eventsDisplay > .eventInstance > .portata > .nomePortata { margin-bottom: 2px; } .eventsDisplay > .eventInstance > .portata > .food { padding-left: 0px; } .eventsDisplay > .eventInstance > .portata > .drink { font-style: italic; padding-left: 0px; margin-top: 5px; } .eventsDisplay > .eventInstance > .portata > .dessert { padding-left: 0px; } .eventsDisplay > .eventInstance > .eventPrice { margin-top: 20px; } .eventGallery .title { margin: 20px 0px 0px; font-size: 14px; } .eventGallery .imageSetEventGallery { margin: 18px 0px; } .eventGallery .imageEventGallery { margin-bottom: 7px; } .avContainer .avContent .narrow-content .feedback { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } /* ------ FOOTER ------ */ .avFooter { } .avFooter .separatorLine { margin-left: auto; margin-right: auto; height: 6px; width: 1000px; background-color: #cccccc; } .avFooter .footerContainer { margin-left: auto; margin-right: auto; font-size: 11px; height: 181px; width: 1000px; background-image:url('../img/footer.png'); font-family: arial; letter-spacing: 1px; line-height: 19px; color: #ccc;} .avFooter .footerContainer td { text-align: left; vertical-align: top; } .avFooter .footerContainer div { margin: 10px 0; } .avFooter .footerContainer div a { display: block; } .avFooter .footerContainer > table { height: 181px; } .avFooter .footerContainer .footerFollowUs { } } /* tablet portrait */ @media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { /* ------ BODY ------ */ body { background-color: rgba(255, 255, 255, 0.1) !important; min-height:100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;} /*------- TOPLOGO ------*/ .avToplogo { text-align: center; width: 100%; margin: 0 auto; background-color: #FFF; } .avToplogo img { padding: 15px 0; width: 200px;} /* ------ NAVBAR ------ */ .avNavbar { height: 50px; background-color: #DC9D2B; width: 100%; margin: 0 auto; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; } .nav >li >a { color: #FFF; text-align: center; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: antialiased;} .nav >li.currentPage >a { color: #FFF; text-align: center; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: auto;} /* ------ CONTAINER ------ */ .avContainer { width: 100%; text-align: center; margin: 0 auto; background-color: #FFF; } /* ------ CONTENT ------ */ .avContainer .avContent { } .avContainer .avContent .narrow-content { margin-left: auto; margin-right: auto; min-height: 480px; width: 100%; position: relative; } .avContainer .avContent .narrow-content.restaurantPage { height: 590px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.menu { height: 1980px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.cantina { /* height: 3480px; */ -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.contacts { height: 640px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.feedbackPage { height: 640px; min-height: 500px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.gallery { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; min-height: 650px; padding: 10px 10px;} .avContainer .avContent .narrow-content.home .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_home.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.restaurantPage .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_ristorante.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.menu .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_menu.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.cantina .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_cantina.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.contacts .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_dovesiamo.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.feedbackPage .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_feedback.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content.events .saticSlideshow { height: 275px; width: 100%; /* position: absolute; */ z-index: 0; background: #FFFFFF url(../img/slide_eventi.jpg) no-repeat center top; background-size: auto 275px; } .avContainer .avContent .narrow-content .saticSlideshowShadow { /* height: 275px; */ width: 265px; background-image: url("../img/slideCurtain.png"); right: 30px; position: absolute; color: whitesmoke; padding: 70px 30px; text-align: left; font-size: 26px; letter-spacing: 1px; line-height: 34px; font-family: arial; -webkit-font-smoothing: antialiased; top: 0px;} .avContainer .avContent .narrow-content .saticSlideshowBline1 { height: 6px; background-color: #bd7e12; width: 470px; position: absolute; left: 20px; top: 275px;} .avContainer .avContent .narrow-content .saticSlideshowBline2 { height: 6px; background-color: #DC9D2B; width: 265px; position: absolute; right: 30px; top: 275px; } .avContainer .avContent .narrow-content .awardsSnippet { /* height: 200px; */ /* width: 100%; */ /* top: 281px; */ /* left: 20px; */ /* position: absolute; */ padding: 25px 0px; text-align: left;} .avContainer .avContent .narrow-content .awardsSnippet .awards_content { text-align: left; padding: 24px 0px 0px 155px; } .avContainer .avContent .narrow-content .awardsLinks { position: absolute; right: 15px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .awardsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .awardsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .awardsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .awardSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .awardSubDiv.active { display: block; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .restaurant { height: 200px; width: 100%; top: 290px; /* left: 20px; */ position: absolute; } .avContainer .avContent .narrow-content .restaurantMenu { /* position: absolute; */ /* top: 25px; */ width: 140px; text-align: right; } .avContainer .avContent .narrow-content .restaurantDisplay { /* position: absolute; top: 25px; width: 460px; */ left: 170px; height: 180px;} .avContainer .avContent .narrow-content .restaurantLink { display: block; line-height: 15px;} .avContainer .avContent .narrow-content .restaurantSubDiv { display: none; text-align: left; font-size: 13px; line-height: 20px; letter-spacing: 0px;} .avContainer .avContent .narrow-content .restaurantSubDiv.active{ display: block; } .avContainer .avContent .narrow-content .eventsSnippet { text-align: left; padding: 25px 0px;} .avContainer .avContent .narrow-content .eventsLinks { position: absolute; right: 0px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .eventsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .eventsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .eventsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .eventsSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .eventsSubDiv.active { display: block; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore { text-align: right; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore .glyphicon { font-size: 7px; background-color: #BD7E12; color: white; border-radius: 20px; padding: 2px 9px 2px 3px; width: 12px; line-height: 8px; position: relative; right: 0px; top: 0px; } .avContainer .avContent .narrow-content .menu { height: 1670px; width: 100%; top: 281px; position: absolute; } .avContainer .avContent .narrow-content .menu .menuSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .cantina { /* height: 3200px; */ width: 100%; top: 260px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .cantina .cantinaSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .contacts { /* height: 360px; */ width: 100%; top: 281px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .galleryMenu { position: relative; top: 30px; left: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .imageSetGallery { margin: 0px 0px 0px 12px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery { margin-bottom: 6px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery img { width: 240px; } .avContainer .avContent .narrow-content .events { width: 100%; padding: 20px 15px; position: absolute; top: 260px;} .avContainer .avContent .narrow-content .eventsMenu { position: absolute; top: 20px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .eventsDisplay { /* position: absolute; */ /* top: 15px; */ width: 100%; text-align: left; padding: 20px 15px;} .eventsDisplay > .eventInstance { } .eventsDisplay > .spacer { height: 50px; } .eventsDisplay > .eventInstance > .eventDate { font-size: 12px; float: right; top: -16px; position: relative; } .eventsDisplay > .eventInstance > .portata { margin: 10px 0; } .eventsDisplay > .eventInstance > .portata > .nomePortata { margin-bottom: 2px; } .eventsDisplay > .eventInstance > .portata > .food { padding-left: 0px; } .eventsDisplay > .eventInstance > .portata > .drink { font-style: italic; padding-left: 0px; margin-top: 5px; } .eventsDisplay > .eventInstance > .portata > .dessert { padding-left: 0px; } .eventsDisplay > .eventInstance > .eventPrice { margin-top: 20px; } .eventGallery .title { margin: 20px 0px 0px; font-size: 18px; } .eventGallery .imageSetEventGallery { margin: 18px 0px; } .eventGallery .imageEventGallery { margin-bottom: 7px; } .avContainer .avContent .narrow-content .feedback { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } /* ------ FOOTER ------ */ .avFooter { } .avFooter .separatorLine { margin-left: auto; margin-right: auto; height: 6px; width: 1000px; background-color: #cccccc; } .avFooter .footerContainer { margin-left: auto; margin-right: auto; font-size: 11px; height: 181px; width: 1000px; background-image:url('../img/footer.png'); font-family: arial; letter-spacing: 1px; line-height: 19px; color: #ccc;} .avFooter .footerContainer td { text-align: left; vertical-align: top; } .avFooter .footerContainer div { margin: 10px 0; } .avFooter .footerContainer div a { display: block; } .avFooter .footerContainer > table { height: 181px; } .avFooter .footerContainer .footerFollowUs { } } /* tablet landscape */ @media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { /* ------ BODY ------ */ body { background-color: rgba(255, 255, 255, 0.1) !important; min-height:100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;} /*------- TOPLOGO ------*/ .avToplogo { text-align: center; width: 100%; margin: 0 auto; background-color: #FFF; } .avToplogo img { padding: 15px 0; width: 200px;} /* ------ NAVBAR ------ */ .avNavbar { height: 50px; background-color: #DC9D2B; width: 100%; margin: 0 auto; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; } .nav >li >a { color: #FFF; text-align: center; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: antialiased;} .nav >li.currentPage >a { color: #FFF; text-align: center; text-shadow: 1px 2px rgba(32, 32, 32, 0.5); letter-spacing: 1px; font-family: arial; -webkit-font-smoothing: auto;} /* ------ CONTAINER ------ */ .avContainer { width: 100%; text-align: center; margin: 0 auto; background-color: #FFF; } /* ------ CONTENT ------ */ .avContainer .avContent { } .avContainer .avContent .narrow-content { margin-left: auto; margin-right: auto; min-height: 480px; width: 100%; position: relative; } .avContainer .avContent .narrow-content.restaurantPage { height: 590px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.menu { height: 1980px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.cantina { /* height: 3480px; */ -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.contacts { /* height: 640px; */ -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.feedbackPage { height: 640px; min-height: 500px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.gallery { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; min-height: 650px; padding: 10px 10px;} .avContainer .avContent .narrow-content.home .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_home.jpg) no-repeat center top;} .avContainer .avContent .narrow-content.restaurantPage .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_ristorante.jpg) no-repeat center top;} .avContainer .avContent .narrow-content.menu .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_menu.jpg) no-repeat center top;} .avContainer .avContent .narrow-content.cantina .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_cantina.jpg) no-repeat center top;} .avContainer .avContent .narrow-content.contacts .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_dovesiamo.jpg) no-repeat center top;} .avContainer .avContent .narrow-content.feedbackPage .saticSlideshow { height: 275px; width: 100%; position: absolute; z-index: 0; background: #FFFFFF url(../img/slide_feedback.jpg) no-repeat center top;} .avContainer .avContent .narrow-content .saticSlideshowShadow { /* height: 275px; */ width: 265px; background-image: url("../img/slideCurtain.png"); right: 30px; position: absolute; color: whitesmoke; padding: 70px 30px; text-align: left; font-size: 26px; letter-spacing: 1px; line-height: 34px; font-family: arial; -webkit-font-smoothing: antialiased;} .avContainer .avContent .narrow-content .saticSlideshowBline1 { height: 6px; background-color: #bd7e12; width: 470px; position: absolute; left: 20px; top: 275px;} .avContainer .avContent .narrow-content .saticSlideshowBline2 { height: 6px; background-color: #DC9D2B; width: 265px; position: absolute; right: 30px; top: 275px; } .avContainer .avContent .narrow-content .awardsSnippet { height: 200px; /* width: 97%; */ /* top: 281px; */ /* left: 20px; */ /* position: absolute; */ padding: 25px 0px; right: 320px; text-align: left;} .avContainer .avContent .narrow-content .awardsSnippet .awards_content { text-align: left; padding: 24px 0px 0px 155px; /* position: absolute; */ /* right: 320px; */ /* top: 40px; */} .avContainer .avContent .narrow-content .awardsLinks { position: absolute; right: 40px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .awardsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .awardsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .awardsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .awardSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .awardSubDiv.active { display: block; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .home { height: 250px; width: 100%; top: 290px; /* left: 20px; */ position: absolute; } .avContainer .avContent .narrow-content .restaurant { height: 200px; width: 100%; top: 290px; /* left: 20px; */ position: absolute; } .avContainer .avContent .narrow-content .restaurantMenu { /* position: absolute; */ /* top: 25px; */ width: 140px; text-align: right; } .avContainer .avContent .narrow-content .restaurantDisplay { /* position: absolute; top: 25px; width: 460px; */ left: 170px; height: 180px;} .avContainer .avContent .narrow-content .restaurantLink { display: block; line-height: 15px;} .avContainer .avContent .narrow-content .restaurantSubDiv { display: none; text-align: left; font-size: 13px; line-height: 20px; letter-spacing: 0px;} .avContainer .avContent .narrow-content .restaurantSubDiv.active{ display: block; } .avContainer .avContent .narrow-content .eventsSnippet { height: 200px; /* top: 280px; */ /* right: 30px; */ /* position: absolute; */ text-align: left; padding: 25px 0px;} .avContainer .avContent .narrow-content .eventsLinks { position: absolute; right: 20px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .eventsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .eventsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .eventsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .eventsSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .eventsSubDiv.active { display: block; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore { text-align: right; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore .glyphicon { font-size: 7px; background-color: #BD7E12; color: white; border-radius: 20px; padding: 2px 9px 2px 3px; width: 12px; line-height: 8px; position: relative; right: 0px; top: 0px; } .avContainer .avContent .narrow-content .menu { height: 1670px; width: 100%; top: 281px; position: absolute; } .avContainer .avContent .narrow-content .menu .menuSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .cantina { height: 3200px; width: 100%; top: 260px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .cantina .cantinaSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .contacts { /* height: 360px; */ width: 100%; top: 281px; /* left: 20px; */ position: absolute; padding: 20px 15px;} .avContainer .avContent .narrow-content .galleryMenu { position: relative; top: 30px; left: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .imageSetGallery { margin: 0px 0px 0px 10px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery { margin-bottom: 6px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery img { width: 240px; } .avContainer .avContent .narrow-content .events { width: 100%; top: 280px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .eventsMenu { position: absolute; top: 20px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .eventsDisplay { width: 100%; text-align: left; padding: 20px 15px;} .eventsDisplay > .eventInstance { } .eventsDisplay > .spacer { height: 50px; } .eventsDisplay > .eventInstance > .eventDate { font-size: 12px; float: right; top: -16px; position: relative; } .eventsDisplay > .eventInstance > .portata { margin: 10px 0; } .eventsDisplay > .eventInstance > .portata > .nomePortata { margin-bottom: 2px; } .eventsDisplay > .eventInstance > .portata > .food { padding-left: 0px; } .eventsDisplay > .eventInstance > .portata > .drink { font-style: italic; padding-left: 0px; margin-top: 5px; } .eventsDisplay > .eventInstance > .portata > .dessert { padding-left: 0px; } .eventsDisplay > .eventInstance > .eventPrice { margin-top: 20px; } .eventGallery .title { margin: 20px 0px 0px; font-size: 17px; } .eventGallery .imageSetEventGallery { margin: 18px 0px; } .eventGallery .imageEventGallery { margin-bottom: 7px; } .avContainer .avContent .narrow-content .feedback { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } /* ------ FOOTER ------ */ .avFooter { } .avFooter .separatorLine { margin-left: auto; margin-right: auto; height: 6px; width: 1000px; background-color: #cccccc; } .avFooter .footerContainer { margin-left: auto; margin-right: auto; font-size: 11px; height: 181px; width: 1000px; background-image:url('../img/footer.png'); font-family: arial; letter-spacing: 1px; line-height: 19px; color: #ccc;} .avFooter .footerContainer td { text-align: left; vertical-align: top; } .avFooter .footerContainer div { margin: 10px 0; } .avFooter .footerContainer div a { display: block; } .avFooter .footerContainer > table { height: 181px; } .avFooter .footerContainer .footerFollowUs { } } /* Desktop */ @media (min-width: 992px) { /* ------ BODY ------ */ body { background-color: rgba(189, 126, 18, 0.1) !important; min-height:100%; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default;} .realBody { -moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.06); width: 1000px; margin: 0 auto; } /*------- TOPLOGO ------*/ .avToplogo { text-align: center; width: 1000px; margin: 0 auto; background-color: #FFF; } .avToplogo img { padding: 15px 0; } /* ------ NAVBAR ------ */ .avNavbar { height: 30px; background-color: #DC9D2B; width: 1000px; margin: 0 auto; } .avNavbar table { margin-left: auto; margin-right: auto; width: 1000px; height: 30px; } .avNavbar table td.text { font-size: 12px; width: 120px; vertical-align: middle; color: white; text-align: center; text-shadow: 1px 2px rgba(154, 103, 18, 0.5); letter-spacing: 1px; font-family: arial; } .avNavbar table td.text a:link { color: white !important; text-decoration: none !important; -webkit-font-smoothing: antialiased;} .avNavbar table td.text a:visited { color: white !important; text-decoration: none !important; } .avNavbar table td.text a:hover { color: white !important; text-decoration: none !important; } .avNavbar table td.text a:active { color: white !important; text-decoration: none !important; } .avNavbar table td.text a.currentPage:link { color: white !important; text-decoration: none !important; font-weight: 600; -webkit-font-smoothing: auto;} .avNavbar table td.text a.currentPage:visited { color: white !important; text-decoration: none !important; font-weight: 600; } .avNavbar table td.text a.currentPage:hover { color: white !important; text-decoration: none !important; font-weight: 600; } .avNavbar table td.text a.currentPage:active { color: white !important; text-decoration: none !important; font-weight: 600; } .avNavbar table td.feedback { position: absolute; } .avNavbar table td.feedback img { position: absolute; top: -5px; left: -5px; z-index: 20; } /* ------ CONTAINER ------ */ .avContainer { width: 1000px; text-align: center; margin: 0 auto; background-color: #FFF; } /* ------ CONTENT ------ */ .avContainer .avContent { } .avContainer .avContent .narrow-content { margin-left: auto; margin-right: auto; width: 1000px; position: relative; } .avContainer .avContent .narrow-content.home { height: 505px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.restaurantPage { height: 675px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.menu { height: 2000px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.cantina { height: 3480px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.contacts { height: 640px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.feedbackPage { height: 640px; min-height: 500px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.events { height: 1935px; -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out;} .avContainer .avContent .narrow-content.gallery { -webkit-transition: height 150ms ease-in-out; -moz-transition: height 150ms ease-in-out; -ms-transition: height 150ms ease-in-out; -o-transition: height 150ms ease-in-out; transition: height 150ms ease-in-out; min-height: 650px; padding: 10px 10px;} .avContainer .avContent .narrow-content .saticSlideshow { height: 275px; width: 1000px; position: absolute; z-index: 0; } .avContainer .avContent .narrow-content .saticSlideshowShadow { height: 275px; width: 265px; background-image: url("../img/slideCurtain.png"); right: 30px; position: absolute; color: whitesmoke; padding: 70px 30px; text-align: left; font-size: 26px; letter-spacing: 1px; line-height: 34px; font-family: arial; -webkit-font-smoothing: antialiased;} .avContainer .avContent .narrow-content .saticSlideshowBline1 { height: 6px; background-color: #bd7e12; width: 630px; position: absolute; left: 20px; top: 275px; } .avContainer .avContent .narrow-content .saticSlideshowBline2 { height: 6px; background-color: #DC9D2B; width: 265px; position: absolute; right: 30px; top: 275px; } .avContainer .avContent .narrow-content .awardsSnippet { height: 200px; width: 630px; top: 281px; left: 20px; position: absolute; text-align: left; padding: 25px 0px; } .avContainer .avContent .narrow-content .awardsSnippet .awards_content { text-align: left; padding: 25px 0px 0px 15px; position: absolute; right: 0px; width: 460px; } .avContainer .avContent .narrow-content .awardsLinks { position: absolute; right: 0px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .awardsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .awardsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .awardsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .awardSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .awardSubDiv.active { display: block; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .awardSubDiv .awardSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .restaurant { height: 200px; width: 630px; top: 290px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .restaurantMenu { position: absolute; top: 25px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .restaurantDisplay { position: absolute; top: 25px; width: 460px; left: 170px; height: 180px;} .avContainer .avContent .narrow-content .restaurantLink { display: block; line-height: 15px;} .avContainer .avContent .narrow-content .restaurantSubDiv { display: none; text-align: left; font-size: 13px; line-height: 20px; letter-spacing: 0px;} .avContainer .avContent .narrow-content .restaurantSubDiv.active{ display: block; } .avContainer .avContent .narrow-content .eventsSnippet { height: 200px; width: 265px; top: 280px; right: 30px; position: absolute; text-align: left; padding: 25px 0px;} .avContainer .avContent .narrow-content .eventsLinks { position: absolute; right: 0px; width: 90px; height: 10px; top: 24px; text-align: right;} .avContainer .avContent .narrow-content .eventsLink { width: 9px; height: 9px; display: inline-block; margin-left: 5px; opacity: .65; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .avContainer .avContent .narrow-content .eventsLink.active { opacity: 1; } .avContainer .avContent .narrow-content .eventsLink:hover { opacity: 1; } .avContainer .avContent .narrow-content .eventsSubDiv { display: none; text-align: left; font-size: 13px;} .avContainer .avContent .narrow-content .eventsSubDiv.active { display: block; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubtitle { margin-left: -20px; font-size: 12px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventSubText { font-size: 12px; margin: -5px 0px 5px 0px; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore { text-align: right; } .avContainer .avContent .narrow-content .eventsSubDiv .eventReadMore .glyphicon { font-size: 7px; background-color: #BD7E12; color: white; border-radius: 20px; padding: 2px 9px 2px 3px; width: 12px; line-height: 8px; position: relative; right: 0px; top: 0px; } .avContainer .avContent .narrow-content .menu { height: 1720px; width: 630px; top: 281px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .menu .menuSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .cantina { height: 3200px; width: 630px; top: 281px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .cantina .cantinaSubTitle { margin: 10px 0px 5px 0px; font-size: 16px; } .avContainer .avContent .narrow-content .contacts { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .events { height: 200px; width: 630px; top: 290px; left: 20px; position: absolute; } .avContainer .avContent .narrow-content .eventsMenu { position: absolute; top: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .eventsDisplay { position: absolute; top: 15px; width: 460px; left: 170px; height: 180px; text-align: left;} .eventsDisplay > .eventInstance { position: relative; } .eventsDisplay > .spacer { height: 50px; } .eventsDisplay > .eventInstance > .eventDate { font-size: 12px; float: right; top: -16px; position: relative; } .eventsDisplay > .eventInstance > .portata { margin: 10px 0; } .eventsDisplay > .eventInstance > .portata > .nomePortata { margin-bottom: 2px; } .eventsDisplay > .eventInstance > .portata > .food { padding-left: 0px; } .eventsDisplay > .eventInstance > .portata > .drink { font-style: italic; padding-left: 0px; margin-top: 5px; } .eventsDisplay > .eventInstance > .portata > .dessert { padding-left: 0px; } .eventsDisplay > .eventInstance > .eventPrice { margin-top: 20px; } .eventsDisplay > .eventInstance .glyphicon-camera { position: absolute; right: 10px; top: 40px; font-size: 26px; opacity: 0.6; color: black; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -ms-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .eventsDisplay > .eventInstance .glyphicon-camera:hover { opacity: 1; } .eventGallery .title { margin: 20px 0px 0px; font-size: 18px; } .eventGallery .imageSetEventGallery { margin: 18px 0px; } .eventGallery .imageEventGallery { margin-bottom: 7px; } .avContainer .avContent .narrow-content .galleryMenu { position: relative; top: 30px; left: 15px; width: 140px; text-align: right; } .avContainer .avContent .narrow-content .imageSetGallery { margin: 0px 0px 0px 10px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery { margin-bottom: 6px; } .avContainer .avContent .narrow-content .imageSetGallery>.imageGallery img { width: 240px; } .avContainer .avContent .narrow-content .feedback { height: 360px; width: 630px; top: 281px; left: 20px; position: absolute; } /* ------ FOOTER ------ */ .avFooter { } .avFooter .separatorLine { margin-left: auto; margin-right: auto; height: 6px; width: 1000px; background-color: #cccccc; } .avFooter .footerContainer { margin-left: auto; margin-right: auto; font-size: 11px; height: 181px; width: 1000px; background-image:url('../img/footer.png'); font-family: arial; letter-spacing: 1px; line-height: 19px; color: #ccc;} .avFooter .footerContainer td { text-align: left; vertical-align: top; } .avFooter .footerContainer div { margin: 10px 0; } .avFooter .footerContainer div a { display: block; } .avFooter .footerContainer > table { height: 181px; } .avFooter .footerContainer .footerFollowUs { } }