@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%;}

.stelle {width: 50%;}

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

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

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

/* #footer {position:absolute; bottom: 0px; width: 100%; height: 8vh; color: #fff;}           */  
#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: 4vw; padding: 10px; display: block; background-color: #8e6a0a; color: #fff; text-transform: uppercase; text-align: center; margin: auto; width: 60%; margin-top: 32px; margin-bottom: 24px; border-radius: 15px; 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: 3px 3px 1px rgba(0,0,0,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; color: #fff; font-family: "Roboto";}

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

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

#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;z-index: 999;}
#go_top a { text-decoration: none; color: #fff;z-index: 999; }

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

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

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

.foto {text-align: center; margin: 0 auto; width: 75%; height: 15vh; background-size: cover; border-radius: 30px; 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;}

.floated {float: left; width: 100%; height: auto; background-color: transparent;}
	 
.floated1 {float: right; position: relative; left: -10%; top: 30px; width: 70%; height: 50px; background-color: transparent; z-index:10;}
	 
.clear-div {clear: both; }
	
.fotobox {width: 70%; height: auto; border-radius: 10%;}

.pulsante {color: #fff; display: flex; justify-content: left; width: 100%; font-weight: 500; font-size: 1.25em; letter-spacing: 0.2em; margin-top: -10px;z-index:1;}

.pulsante:hover {text-align: center; }

.cyberia {font-weight: 400; color: #fff; font-size: 1em; text-align: center; font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif'
}

.linkcyberia {color: #fff;}

.pulsanteblu {color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px #fff solid; display: flex; justify-content: center; align-items: center;  width: 70%; background-color: #173883; font-weight: 800; font-size: 1.0em; letter-spacing: 0.2em; text-shadow: 3px 3px 0px rgba(0,0,0,0.9); vertical-align:middle; padding-top: 10px; padding-bottom: 10px;z-index: 5;}

.degustazione {border-radius: 40px;	background: rgba(255,255,255,0.9); color: #000; font-size: 35px; width: 90%; font-style: italic; margin-left: auto; margin-right: auto;}

.homelink {color: #fff; font-weight: 700; border: 1px solid #FBF5F6; padding: 15px; font-size: 2em; background-color: #173883; border-radius: 10px;}