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

div.survey { background: url(images/bg.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: 352px; height: 200px; position: absolute; left: 539px; top: 182px; /*background: url(images/cornice_testo.png) no-repeat top left;*/}
div.question-box p {margin-top: 48px; font-family: MyriadRegular; font-size: 30px; line-height: 32px; font-weight: bold; text-align: center;}

div.risposta {}

div.risposta button:first-child { position: absolute; top: 333px; left: 622px;}
div.risposta button:last-child { position: absolute; top: 418px; left: 622px;}

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

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

div.results { display: block; width: 438px; position: absolute; left: 464px; 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: 8px;}
div.results ul li span { text-decoration: underline;}