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

* {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;}

a:hover,
a:visited,
a { color: #000000; text-decoration: none; cursor: default;}
p { cursor: default;}

html, body {}

ul {list-style:none;}

button {border:none;cursor:pointer;font-size:24px;}

.canvas { display: block; width: 960px; height: 700px;/*background-color:#f0f0f0;*/background: url(images/bg1.jpg) no-repeat top left; position:absolute; overflow:hidden;}
.canvas.bg2 { display: block; width: 960px; height: 700px;/*background-color:#f0f0f0;*/background: url(images/bg2.jpg) no-repeat top left; position:absolute; overflow:hidden;}

.view-container {display:block; width:100000px; height:700px; position:relative;}

.view {display:block;width: 960px;height:700px;/*background-color:#ffffff;*/float:left;position:relative;/*margin-right:1px;*/}


div.header { display:block; width:960px; margin: 0 auto;}

button.previous-btn {display:block;width:104px;height:60px;background:url(images/previous_button.png) no-repeat top left;position:absolute;left:54px;bottom:0;}
button.next-btn {display:block;width:104px;height:60px;background:url(images/next_button.png) no-repeat top left;position:absolute;left:866px;bottom:0;}
button.verifica-btn {display:block;width:294px;height:60px;background:url(images/verifica_button.png) no-repeat top left;position:absolute;left:365px;bottom:0;}

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

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


.top-right-arrow {display:block;width:282px;height:74px;background:url(images/top_right_arrow.png) no-repeat top left;position:absolute;left:588px;top:194px;}
.bottom-right-arrow {display:block;width:282px;height:74px;background:url(images/bottom_right_arrow.png) no-repeat top left;position:absolute;left:588px;top:420px;}
.bottom-left-arrow {display:block;width:282px;height:74px;background:url(images/bottom_left_arrow.png) no-repeat top left;position:absolute;left:138px;top:420px;}

ul.h-list { margin:0 auto;}
ul.h-list li {float:left;}
ul.h-list li:last-child {margin-right:0;}

/*  ESERCIZIO 01  */
ul.h-list.esercizio_01 { width: 900px;}

/*  ESERCIZIO 01  */
ul.h-list.esercizio_01 { width: 900px;}
div.hline { position:absolute;top:539px;display:block;width:1024px;height:9px;background:url(images/hline.png) no-repeat top left;}
div.inventory { position:absolute;top:526px;left:30px;}
div.spot {/*position:relative;*/}
div.spot div {display:block;position:absolute/*;border:1px solid #000000;*/}
div.spot div img { margin: 0 auto;}
.a-spot {display:block;width:158px;height:314px;position:absolute;left:62px;top:116px;background:url(images/a.png) no-repeat top left;}
.e-spot {display:block;width:158px;height:314px;position:absolute;left:230px;top:116px;background:url(images/e.png) no-repeat top left;}
.i-spot {display:block;width:158px;height:314px;position:absolute;left:400px;top:116px;background:url(images/i.png) no-repeat top left;}
.o-spot {display:block;width:158px;height:314px;position:absolute;left:570px;top:116px;background:url(images/o.png) no-repeat top left;}
.u-spot {display:block;width:158px;height:314px;position:absolute;left:740px;top:116px;background:url(images/u.png) no-repeat top left;}

.correct {border:1px solid #00ff00 !important;}

.risposta2,
.risposta {position:absolute;top:484px;left:544px;}

/*
.page4 img {position:absolute;top:0;}

.page4 h1,
.page4 h2 {position:relative;z-index:1;}
*/

br.clear { line-height:0; clear:both;}

div.popup {display:none;}

div.question-box2,
div.question-box {display:block;width:438px;height:200px;position:absolute;left:522px;top:284px;background:url(images/question_box.png) no-repeat top left;}
div.question-box p,
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.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;}