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

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

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

.logo {width: 50%;}

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

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

.centralink:hover {position: absolute; top: 20%; letter-spacing: 0.2em; font-size: 1.3em; margin: 0 auto;}

.pulsante {color: #333; 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: 92vh;} 

#content-wrap {padding-bottom: 8vh;    /* 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: 5vw; padding: 10px; display: block; background-color: #ddb058; color: #000; text-transform: uppercase; text-align: center; margin: auto; width: 60%; 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: 8px; border-style: solid; border: solid 3px #fee9b0; font-size: 3.5vw; display: block; text-transform: uppercase; text-align: center; width: 60%; margin: auto; margin-top: 16px;}

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

.link_tipo a { color: #333; font-weight: bold; font-family: "Roboto"; text-decoration: none; font-size: 3.5vw;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"; text-transform: none;}

.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: 300px; height: 112px; 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.1); 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: 300px; height: 120px; 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: 300px; height: 120px; 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: 300px; height: 120px; 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: 300px; height: 120px; 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: 80%; text-align: center; margin: auto;}