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

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

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

.logo {width: 20%;}

.stelle {width: 300px;}

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

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

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

#footer {position: absolute; bottom: 0px; width: 100%; height: 7vh;            /* 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: 2.5vw; padding: 10px; display: block; background-color: #a39147; 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: 3px 3px 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; color: #fff; font-family: "Roboto";}

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

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

#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;}

.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: 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: 80%;}
details[open] summary {border-bottom: 1px solid #fff; margin-bottom: .5em;}

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

.floated {float: left; width: 100%; height: auto; background-color: transparent;}
	 
.floated1 {float: right; position: relative; top: -15px; width: 80%; height: auto; background-color: transparent; z-index:1;}
	 
.clear-div {clear: both; }
	
.fotobox {width: 80%; height: auto; order-radius: 10%; }

.pulsante {color: #fff; display: flex; justify-content: left; width: 70%; font-weight: 600; font-size: 1.0em; letter-spacing: 0.2em; margin-top: -10px; margin-left: 10%; margin-top: 2%; 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: 40%; 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: 2.4em; font-style: italic; width: 90%; 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;}