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

.img {width: 40%; 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/sfondo-latorrre.jpg"); background-size: cover; background-repeat: no-repeat; background-attachment:fixed; width: 100vw; height: 100vh;}

.sfondopaginaverde{background-image: url("img/sfondo_verde.jpg"); background-repeat: repeat; width: 100%;}

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

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

.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: 80%; height: 130px; 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: 0.5s; }

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

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

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

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

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

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

.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: 80%; height: 130px; 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: 0.5s; }

.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: #fff; text-shadow: 3px 2px 0px #2D2D2D; border: solid 3px #592727; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: 0.8; display: flex; justify-content: center;  align-items: center; z-index:1; width:80%; height: 35%; position: relative; background: linear-gradient(90deg, rgba(0,0,0,0.9) 30%, rgba(84,64,64,0.9) 55%, rgba(89,39,39,1) 100%); padding-top; 7px; padding-bottom: 7px;}

.pulsante:hover {color: #592727; text-shadow: 2px 2px 0px #fff; 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: 8vh; color: #000;           /* altezza del footer */ }

#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: 4vw; padding: 10px; display: block; background-color: #0071bc; color: #fff; text-transform: uppercase; text-align: center; margin: auto; width: 60%; margin-top: 32px; margin-bottom: 24px; border-radius: 5px; border: solid 2px #fff; -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 #fff; 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: #0071bc; border-radius: 8px; border: solid 3px #fff; font-size: 3vw; display: block; text-transform: uppercase; text-align: center; width: 80%; margin: auto; padding-top: 10px; padding-bottom: 10px;}

.link_tipo a { color: #fff; font-weight: bold; font-family: "Poppins"; text-decoration: none; }

.link_tipomenu a { color: #FFF; font-weight: 700; font-family: "Poppins"; text-decoration: none; letter-spacing: 0.2em}

.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 #0071bc; color: #0071bc; font-family: "Poppins"; text-transform: uppercase; }

.pietanza .prezzo { float: right; color: #0071bc; font-family: "Poppins";}

.pietanza .nome { float: left; color: #0071bc; font-family: "Poppins"; 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: 80%; border: 1px solid #0071bc;}

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

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

details {color: #0071bc; padding-left: .5em; margin-top: .5em; margin-bottom: .5em; border: 1px solid #0071bc; 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 #0071bc; margin-bottom: .5em;}

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

.foto {text-align: center; margin: 0 auto; width: 300px; height: 112px; background-size: cover; border-radius: 30px; border: solid 3px #0071bc; 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 #0071bc; box-shadow: 3px 3px 4px #333;}