@charset "UTF-8";
/* CSS Document */

div.survey { background: url(images/storia.jpg) no-repeat top left;}
div.survey div.header { position: absolute; top: 0; left: 0;}
div.survey div.headline { position: absolute; top: 80px; left: 0;}

div.inventory-container { width: 960px; position: absolute; top: 506px;}
div.inventory-container ul { width: 552px;}

div.spot { width: 184px; height: 184px; background-color: transparent; position: absolute;}

div.question-box {display: block; width: 438px; height: 200px; position: absolute; left: 496px; top: 260px; background: url(images/cornice_testo.png) no-repeat top left;}
div.question-box p {margin-top: 48px; color: #0078BE; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 32px; font-weight: bold; text-align: center;}

div.risposta { position: absolute; top: 460px; left: 520px;}

button.text-btn { display: block; width: 184px; height: 60px; background: url(images/azzurro.png) no-repeat top left; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #0078BE; padding: 0 8px;}
button.text-btn.selected { background: url(images/verde.png) no-repeat top left;}

button.verifica-btn { display: block; width: 136px; height: 34px; background: url(images/verifica.png) no-repeat top left; position: absolute; left: 70px; top: 532px;}

div.popup { display: none; position: absolute; top: 0;}

div.results { display: block; width: 438px; position: absolute; left: 522px; top: 166px;}
div.results ul { color: #0078BE; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; font-weight: bold;}
div.results ul li { margin-bottom: 16px;}
div.results ul li span { text-decoration: underline;}

.vuoto-btn { display: block; width: 86px; height: 24px; background: url(images/blocco_vuoto.png) no-repeat top left;}
.vuoto-btn.corretta { background: url(images/corretta.png) no-repeat top left;}
.vuoto-btn.sbagliata { background: url(images/sbagliata.png) no-repeat top left;}

.v-list li { margin-bottom: 6px;}

div.counter-display { background: url(images/contatore.png) no-repeat top left; width: 124px; height: 61px; position: absolute; top:84px; left:746px; color: #0078BE;}

.spotbox { display: block; width: 192px; height: 26px; background: url(images/pannello.png) no-repeat top left;}

.inventory1 { position: absolute; top: 456px; left: 80px;}

ul.h-list { width: 848px;}
ul.h-list li { margin-right: 20px; margin-bottom: 10px;}

.spot-box  { display: block; width:160px; height:26px; background: url(images/pannello.png) no-repeat top left;}

.pic { display: none;}
.pic:first-child { display: block;}

button.selected { background: url(images/select.png) no-repeat top left;}

.fascia { max-height: 31px; overflow:hidden; margin: 14px 0; float: left; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear;}
.fascia img { display: inline-block; margin-top:-14px;}

.fascia.selected { max-height: 58px; overflow:hidden; margin: 0 0;}
.fascia.selected img { display: inline-block; margin-top:0;}