@charset "utf-8";
/* CSS Document */
html, body { font-family: 'Roboto'; padding: 0; margin: 0; height: 100vw;}

#container {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px; } 

#footer {position: absolute; bottom: 0px; width: 100%; height: 10vh; clear: both;           /* height 130 px; altezza del footer */ }

.img {width: 35%; margin: 0 auto; transition: all 0.5s linear;}

.img:hover {transform:translateY(-30px); transition: all 0.5s linear;}

.logo {width: 30%;}

.sfondopagina{background-image: url("img/interni-del-ristorante-sfondo.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment:fixed; width: 100%;}

.centralink{position: absolute; top: 25%; letter-spacing: 0.3em; transition: all 0.5s linear; font-size: 1.2em; margin: 0 auto;}

.centralink:hover {position: absolute; letter-spacing: 0.3em; font-size: 1.3em; margin: 0 auto;}

.pulsante {color: #000; font-weight: 700; border: solid 3px #333; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.7; display: flex; justify-content: center;  align-items: center; z-index:1; width:60%; height: 25%; position: relative; background: rgba(246,226,7); padding-top; 7px; padding-bottom: 7px; }

.pulsante:hover {border: solid 3px #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.8; margin: 0 auto; text-align: center; z-index:1;}

#container {position: relative; min-height: 93vh;} 

#content-wrap {padding-bottom: 7vh;    /* altezza del footer */}

/* #footer {position: absolute; bottom: 0px; width: 100%; height: 5vh;  } */
#footer { width: 100%; color: #fff;}

#menu { align: center; width: 30%; font-weight: bold; font-size: 50px; color: #a9894b; text-align: center; }

#header { padding-top: 32px; padding-bottom: 32px; width: 100%; display: block; }

.tipo { font-weight: bold; font-size: 2.5vw; padding: 10px; display: block; background-color: #ddb058; color: #000; text-transform: uppercase; text-align: center; margin: auto; width: 45%; margin-top: 32px; margin-bottom: 24px; border-radius: 5px; border: solid 2px #000; -webkit-box-shadow: 2px 3px 3px 0px rgba(140,136,140,1); -moz-box-shadow: 5px 5px 5px 0px rgba(140,136,140,1); text-shadow: 1px 1px 1px rgba(250,250,250,0.7);}

.link_tipo { padding: 10px; margin: 20px; background-color: rgba(255,255,255,0.6); border-radius: 9px; border: solid 3px #fee9b0; font-size: 2.5vw; display: block; text-transform: uppercase; text-align: center; width: 45%; margin: auto; margin-top: 16px;}

.link_tipomenu {margin: 15px; background-color: rgba(200,170,30,0.8); border-radius: 15px; border: solid 1px #666; font-size: 2vw; display: block; text-transform: uppercase; text-align: center; width: 60%; margin: auto;padding-top: 10px; padding-bottom: 10px;}

.link_tipo a { color: #333; font-weight: bold; font-family: "Roboto"; text-decoration: none;text-shadow: 1px 1px 1px rgba(250,250,250,0.7);}

.link_tipomenu a { color: #333; font-weight: 700; font-family: "Roboto"; text-decoration: none;text-shadow: 1px 1px 1px rgba(250,250,250,0.7);}

.pietanza { float: none; display: block; width: 100%; max-width: 500px; margin: auto; margin-top: 8px; margin-bottom: 8px; height: auto; overflow: hidden; font-size: 0.8em; border-bottom: 1px solid #fff; color: #fff; font-family: "Roboto";}

.pietanza .prezzo { float: right; color: #fff; font-family: "Roboto";}

.pietanza .nome { float: left; color: #fff; font-family: "Roboto";}

.heading { font-weight: bold; font-size: 32px; color: #a9894b; text-align: center; }

#go_top { background: #333; color: #fff; font-weight: bold; font-size: 14px; position: fixed; bottom: 8px; right: 10px; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px;}
#go_top a { text-decoration: none; color: #fff; }

hr.linea {margin: auto; width: 60%; border: 1px solid #fff;}

hr.lineacyberia {margin: auto; width: 50%; border: 1px solid #fff;}

.cyberia {font-weight: 400; font-size: 0.8em; color: #fff; text-align: center;}

details {color: #fff; padding-left: .5em; margin-top: .5em; margin-bottom: .5em; border: 1px solid #fff; border-radius: 4px; width: 30%;text-transform: none;font-style: italic; font-weight: 400;}
summary {cursor: help; font-weight: 700; font-size: 0.9em; text-transform: none;font-style: italic; font-weight: 400;}
details[open] {padding: .5em;  width: 80%;}
details[open] summary {border-bottom: 1px solid #fff; margin-bottom: .5em;}

.footerlink {color: #fff; font-weight: 700;}

.foto {text-align: center; margin: 0 auto; width: 450px; height: 132px; background-size: cover; border-radius: 30px; border: solid 3px #fff; box-shadow: 3px 3px 4px #333; transition: all 0.5s linear;}

.foto:hover {text-align: center; margin: 0 auto; transform: scaleX(1.2); transition: all 0.5s linear;  background-size: cover; border-radius: 30px; border: solid 3px #fff;box-shadow: 3px 3px 4px #333;}

.sfondobar{background-image: url("img/bar.png"); background-size:contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0; transition: all 0.5s linear; width: 400px; height: 160px; display: flex; justify-content: center;  align-items: center;} 	

.sfondobar:hover {background-image: url("img/bar.png"); background-size:cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0;
transform: scaleX(1.1); transition: all 0.5s linear; }

.sfondovini{background-image: url("img/vini.png"); background-size:contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0; transition: all 0.5s linear; width: 400px; height: 160px; display: flex; justify-content: center;  align-items: center;} 	

.sfondovini:hover {background-image: url("img/vini.png"); background-size:cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0;
transform: scaleX(1.1); transition: all 0.5s linear; }

.sfondomenu{background-image: url("img/menu.png"); background-size:contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0; transition: all 0.5s linear; width: 400px; height: 160px; display: flex; justify-content: center;  align-items: center;} 	

.sfondomenu:hover {background-image: url("img/menu.png"); background-size:cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0;
transform: scaleX(1.1); transition: all 0.5s linear; }

.sfondoliquori{background-image: url("img/liquori.png"); background-size:contain; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0; transition: all 0.5s linear; width: 400px; height: 160px; display: flex; justify-content: center;  align-items: center;} 	

.sfondoliquori:hover {background-image: url("img/liquori.png"); background-size:cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; z-index: 0;
transform: scaleX(1.1); transition: all 0.5s linear; }

.vini {width: 30%; text-align: center; margin: auto;}