/*--- FOGLIO DI STILE PAGINA TUTORIALE ---*/

body{
	background: white;
	color: #161691;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-style: normal;
	text-align: left;
}

img{
	border-width: 0px;
}

ul{
	list-style-type: square;
	position: relative;
}

ol{
	list-style-type: decimal;
}

fieldset{
	border-width: 0px;
}

.paginaintera{
	height: 100%;
	width: 100%;
}

.paginaoggetto{
	height: 100%;
	width: 95%;
}

/*--- TITOLI ---*/
#titolo_lo{
	color: #161691;
	font-size: 12px;
	font-weight: normal;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 500px;
}

h1{
	font-size: 15px;
	left: 40px;
	font-weight: bold;
	margin: 0px;
	position: absolute;
	text-align: center;
	top: 48px;
	width: 500px;
}

h2{
	font-size: 1.3em;
	font-variant: small-caps;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

h3{
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	position: relative;
	top: 0px;
	text-align: center;
}

h4{
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	margin: 0px;
	position: relative;
	top: 0px;
	text-align: center;
}

.sottotitolo{
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}

/*--- COPERTINE ---*/
#copertina{
	background-image: url(../immagini/layout_0/copertina1.jpg);
	height: 555px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 786px;
}

#paginacredits{
	background-image: url(../immagini/layout_0/copertina_servizio1.jpg);
}

#paginahelp{
	background-image: url(../immagini/layout_0/copertina_servizio1.jpg);
}

#sommario{
	background-image: url(../immagini/layout_0/copertina_servizio1.jpg);
}

/*--- LOGO ---*/
.logo_produttore{
	background-image: url(../immagini/logo_produttore.gif);
	height: 46px;
	width: 149px;
}

#marchio{
	background-image: url(../immagini/marchio.png no-repeat);
	height: 41px;
	left: 230px;
	position: absolute;
	top: 180px;
	width: 238px;
}

/*--- PULSANTI ---*/
#avanti{
	height: 30px;
	left: 573px;
	position: absolute;
	top: 530px;
	width: 30px;
	z-index: 3;
}

#continua{
	height: 30px;
	left: 384px;
	position: absolute;
	top: 339px;
	width: 30px;
	z-index: 3;
}

#credits{
	height: 25px;
	left: 566px;
	position: absolute;
	top: 12px;
	width: 25px;
	z-index: 3;
}

#help{
	height: 25px;
	left: 601px;
	position: absolute;
	top: 12px;
	width: 25px;
	z-index: 3;
}

#history{
	height: 30px;
	left: 493px;
	position: absolute;
	top: 549px;
	width: 30px;
	z-index: 3;
}

#home{
	height: 30px;
	left: 698px;
	position: absolute;
	top: 487px;
	width: 30px;
	z-index: 3;
}

#indice{
	height: 30px;
	left: 440px;
	position: absolute;
	top: 359px;
	width: 30px;
	z-index: 3;
}

#indietro{
	height: 30px;
	left: 531px;
	position: absolute;
	top: 539px;
	width: 30px;
	z-index: 3;
}

#ingrandisci{
	height: 22px;
	left: 664px;
	position: absolute;
	top: 271px;
	width: 30px;
	z-index: 3;
}

#inizia{
	height: 30px;
	left: 384px;
	position: absolute;
	top: 384px;
	width: 30px;
	z-index: 3;
}

#modo1{
	height: 118px;
	left: 155px;
	position: absolute;
	top: 258px;
	width: 163px;
	z-index: 3;
}

#modo2{
	height: 125px;
	left: 487px;
	position: absolute;
	top: 267px;
	width: 167px;
	z-index: 3;
}

#rimpicciolisci{
	height: 20px;
	left: 664px;
	position: absolute;
	top: 338px;
	width: 30px;
	z-index: 3;
}

#suonooff{
	height: 30px;
	left: 613px;
	position: absolute;
	top: 518px;
	width: 30px;
	z-index: 3;
}

#suonoon{
	height: 30px;
	left: 613px;
	position: absolute;
	top: 518px;
	width: 30px;
	z-index: 3;
}

#tornaindietrocredits{
	height: 30px;
	left: 465px;
	position: absolute;
	top: 516px;
	width: 30px;
	z-index: 3;
}

#tornaindietrohelp{
	height: 30px;
	left: 465px;
	position: absolute;
	top: 516px;
	width: 30px;
	z-index: 3;
}

#tornaindietrosommario{
	height: 30px;
	left: 465px;
	position: absolute;
	top: 516px;
	width: 30px;
	z-index: 3;
}

#uscita{
	height: 26px;
	left: 732px;
	position: absolute;
	top: 12px;
	width: 26px;
	z-index: 3;
}

#zoom{
	height: 25px;
	left: 740px;
	position: absolute;
	top: 109px;
	width: 25px;
	z-index: 3;
}

.pulsanteapprofondimentoavanti{
	height: 30px;
	left: 460px;
	position: absolute;
	top: 465px;
	width: 30px;
	z-index: 3;
}

.pulsanteapprofondimentoindietro{
	height: 30px;
	left: 425px;
	position: absolute;
	top: 465px;
	width: 30px;
	z-index: 3;
}

.pulsanteinvia{
	height: 50px;
	left: 200px;
	position: absolute;
	bottom: 3%;
	width: 109px;
	z-index: 3;
}

.pulsantesoluzioni{
	visibility: hidden;
	height: 50px;
	left: 50px;
	position: absolute;
	bottom: 3%;
	width: 99px;
	z-index: 3;
}

.pulsantestudio{
	height: 50px;
	left: 258px;
	position: absolute;
	bottom: 3%;
	width: 81px;
	z-index: 3;
}

.pulsantetest{
	height: 45px;
	left: 258px;
	position: absolute;
	bottom: 3%;
	width: 82px;
	z-index: 3;
}

.pulsantetorna{
	height: 30px;
	left: 380px;
	position: absolute;
	top: 465px;
	width: 30px;
	z-index: 3;
}

.pulsanteverifica{
	height: 50px;
	left: 169px;
	position: absolute;
	bottom: 3%;
	width: 79px;
	z-index: 3;
}

/*--- CONTENUTO ---*/
#contenuto{
	font-size: 1em;
	height: 555px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 786px;
}

#player{
	background-color: transparent;
	width: 1px;
	height: 1px;
}

.linea{
	border: 1px solid #7cd30c;
	text-align: center;
	width: 80%;
}

.nascosto{
	clear: none;
	font-size: 0px;
	height: 0px;
	left: 1000px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0px;
}

.rigabox{
	border-bottom: 1px solid #cccccc;
	height: 2em;
	width: 97%;
}

/*--- TUTORIALE ---*/
.contenutotutoriale{
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
	top: 0px;
	width: 100%;
}

.testotutoriale{
	height: 71%;
	left: 10px;
	overflow: auto;
	padding-right: 5px;
	position: absolute;
	top: 98px;
	width: 78%;
}

.testotutorialeridotto{
	height: 57%;
	left: 10px;
	overflow: auto;
	padding-right: 5px;
	position: absolute;
	top: 98px;
	width: 78%;
}

.tutorialeblocco0su{
	height: 49.5%;
	overflow: auto;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.tutorialeblocco0giu{
	bottom: 0px;
	height: 49.5%;
	left: 0px;
	overflow: auto;
	position: absolute;
	width: 100%;
}

.tutorialeblocco1su{
	height: 61%;
	overflow: auto;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.tutorialeblocco1giu{
	bottom: 0px;
	height: 61%;
	left: 0px;
	overflow: auto;
	position: absolute;
	width: 100%;
}

.tutorialeblocco2su{
	height: 38%;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 0px;
	width: 100%;
}

.tutorialeblocco2giu{
	bottom: 0px;
	height: 38%;
	left: 0px;
	overflow: auto;
	position: absolute;
	width: 100%;
}

.tutorialecolonna0sx{
	height: 100%;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 0px;
	width: 49.5%;
}

.tutorialecolonna0dx{
	height: 100%;
	overflow: auto;
	position: absolute;
	right: 10px;
	top: 0px;
	width: 49.5%;
}

.tutorialecolonna1sx{
	height: 100%;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 0px;
	width: 61%;
}

.tutorialecolonna1dx{
	height: 100%;
	overflow: auto;
	position: absolute;
	right: 10px;
	top: 0px;
	width: 61%;
}

.tutorialecolonna2sx{
	height: 100%;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 0px;
	width: 38%;
}

.tutorialecolonna2dx{
	height: 100%;
	overflow: auto;
	position: absolute;
	right: 10px;
	top: 0px;
	width: 38%;
}

.numeropagina{
	background-color: transparent;
	border: none;
	color: #ff0000;
	font-size: 13px;
	font-weight: bold;
	left: 695px;
	position: absolute;
	top: 150px;
}

/*--- Aree comuni ---*/
#animazionegioco{
	visibility: hidden;
	left: 679px;
	position: absolute;
	top: 234px;
	height: 119px;
	width: 115px;
}

#percorso_test{
	height: 50px;
	left: 586px;
	position: absolute;
	top:50px;
	width: 200px;
}

.marcatore{
	float: left;
}

/*--- Home page ---*/
#homepage{
	background-image: url(../immagini/layout_0/copertina1.gif);
	height: 555px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 786px;
	z-index: 2;
}

#animazionehome{
	background-image: url(../immagini/baseanimazione.gif);
	visibility: hidden;
	height: 145px;
	left: 430px;
	position: absolute;
	top: 410px;
	width: 156px;
}

#indicatore_modo_1{
	background-image: url(../immagini/indicatore_modo_1.gif);
	visibility: hidden;
	height: 53px;
	left: 305px;
	position: absolute;
	top: 270px;
	width: 57px;
}

#indicatore_modo_2{
	background-image: url(../immagini/indicatore_modo_2.gif);
	visibility: hidden;
	height: 53px;
	left: 446px;
	position: absolute;
	top: 270px;
	width: 50px;
}

#homepage h1{
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	left: 77px;
	position: absolute;
	text-align: center;
	top: 142px;
	width: 564px;
}

/*--- Pagine con riepilogo ---*/
.testoriepilogo{
	height: 71%;
	left: 10px;
	overflow: auto;
	padding-right: 5px;
	position: absolute;
	top: 98px;
	width: 78%;
}

/*--- Pagine con test ---*/
.contenutotest{
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
}

.testotest{
	font-weight: bold;
	height: 71%;
	left: 10px;
	overflow: auto;
	position: absolute;
	top: 98px;
	width: 78%;
}

.testotestdd{
	height: 71%;
	left: 10px;
	overflow: auto;
	position: absolute;
	top: 98px;
	width: 78%;
}

.domanda{
	font-weight: bold;
	line-height: 1.5em;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 80%;
}

.domandadd{
	font-weight: bold;
	height: 10%;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 90%;
	width: 99%;
}

.domandalegend{
	width: 34%;
	float: left;
}

.risposta{
	font-weight: normal;
	height: 100%;
	line-height: 1.5em;
	padding-left: 10px;
	width: 80%;
}

.rispostadd{
	height: 100%;
	width: 100%;
}

.bloccoform{
	position: relative;
	left: 0px;
}

.colonnatestint_1{
	font-variant: small-caps;
	left: 50%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.colonnatestint_2{
	font-variant: small-caps;
	left: 65%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.colonnatestint_3{
	font-variant: small-caps;
	left: 80%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.areatestdomanda{
	width: 550px;
}

.colonnatestdomanda{
	width: 50%;
}

.areatestrisposte{
	left: 50%;
	position: relative;
	width: 50%;
	top: -1.7em;
}

.colonnatest_1{
	left: 15%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.colonnatest_2{
	left: 45%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.colonnatest_3{
	left: 75%;
	position: absolute;
	text-align: center;
	width: 14%;
}

.immaginecolonnatest_1{
	left: 10%;
	position: absolute;
}

.immaginecolonnatest_2{
	left: 40%;
	position: absolute;
}

.immaginecolonnatest_3{
	left: 70%;
	position: absolute;
}

.punteggio{
	background-color: transparent;
	border: none;
	left: 786px;
	color: #161691;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 340px;
	text-align: center;
	z-index: 2;
}

/*--- MESSAGGI ---*/
.areamessaggio{
	left: 10px;
	position: absolute;
	text-align: left;
	top: 528px;
	width: 83%;
}

.messaggio{
	background-color: transparent;
	border: none;
	color: #e11106;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 0px;
}

.comunicazioni{
	color: #e11106;
	font-size: 14px;
	font-weight: bold;
	left: 10px;
	text-align: center;
	position: absolute;
	top: 528px;
	width: 83%;
	z-index: 2;
}

/*--- Pagina filtro ---*/
.contenutofiltro{
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 100%;
}

.testofiltro{
	height: 60%;
	left: 95px;
	overflow: auto;
	position: absolute;
	top: 150px;
	width: 55%;
}

/*--- APPROFONDIMENTI ---*/
.contenutoapprofondimento{
	height: 100%;
	left: 15%;
	overflow: hidden;
	position: relative;
	top: 0px;
	width: 80%;
}

.logoapprofondimentogenerico{
	background: url(../immagini/popup_approfondimento.gif) no-repeat;
	height: 87px;
	left: 0px;
	position: absolute;
	top: 100px;
	width: 86px;
	z-index: 2;
}

.logoglossario{
	background: url(../immagini/popup_glossario.gif) no-repeat;
	height: 87px;
	left: 0px;
	position: absolute;
	top: 100px;
	width: 86px;
	z-index: 2;
}

.testoapprofondimentogenerico{
	background-color: #efefef;
	height: 380px;
	overflow: hidden;
	position: absolute;
	top: 100px;
	width: 498px;
}

.testoapprofondimento{
	font-size: 1em;
	height: 285px;
	overflow: auto;
	position: absolute;
	top: 73px;
	padding-right: 10px;
	padding-left: 10px;
	width: 478px;
}

.contenutoapprofondimento h1{
	left: 80px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 398px;
}

/*--- COMMENTI ---*/
.areacommento{
	font-size: 1.2em;
	height: 40%;
	margin-left: 20px;
	overflow: auto;
	width: 80%;
}

.areamail{
	font-size: 1.2em;
	margin-left: 20px;
	width: 80%;
}

.areacaratteri{
	border: 1px solid #999999;
	background-color: #d7e3ff;
	left: 540px;
	font-weight: normal;
	position: absolute;
	text-align: center;
	top: 170px;
	width: 70px;
	z-index: 2;
}

.intestazionecaratteri{
	background-color: #666666;
	color: #ffffff;
	font-size: 12px;
	width: 70px;
}

.testocaratteri{
	background-color: #d7e3ff;
	border: none;
	color: #161691;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

/*--- USCITA ---*/
#esci{
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

#bloccouscita{
	position: absolute;
	left: 50px;
	top: 180px;
}

#uscita_dx{
	background: url(../immagini/parentesi_dx.gif) no-repeat;
	height: 300px;
	left: 538px;
	position: absolute;
	width: 38px;
	z-index: 2;
}

#uscita_sx{
	background: url(../immagini/parentesi_sx.gif) no-repeat;
	height: 300px;
	left: 0px;
	position: absolute;
	width: 38px;
	z-index: 2;
}

#testouscita{
	background-color: #ffffff;
	height: 300px;
	left: 0px;
	position: absolute;
	width: 576px;
}

.labelriepilogo{
	background-color: #efefef;
	font-size: 14px;
	height: 30px;
	left: 38px;
	margin-top: 5px;
	position: relative;
	text-align: center;
	width: 500px;
}

.datiriepilogo{
	background-color: #f0ffe1;
	font-size: 14px;
	height: 60px;
	left: 38px;
	position: relative;
	text-align: center;
	width: 500px;
}

/*--- PAGINE DI SERVIZIO ---*/
.contenutoservizio{
	height: 100%;
	overflow: hidden;
	position: relative;
	top: 0px;
	width: 100%;
}

.testoservizio{
	height: 72%;
	left: 10px;
	overflow: auto;
	padding-right: 5px;
	position: absolute;
	top: 98px;
	width: 78%;
}

.immaginehelpdx{
	border: 1px solid red;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

.immaginehelpsx{
	border: 1px solid red;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/*--- INDICE ---*/
.sommarioimm{
	height: 16px;
	position: relative;
	top: 0.4em;
	width: 16px;
}

.sommariotitolo{
	background-color: transparent;
	border: none;
	color: #161691;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.2em;
	left: 30px;
	position: absolute;
}

/*--- CONTENUTI ---*/

/*--- Testi ---*/
.centrato{
	text-align: center;
}

.formula{
	font-weight: bold;
	text-align: center;
}

.datireadonly{
	background-color: transparent;
	border: none;
	color: #161691;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}

/*--- Immagini ---*/
.immagine{
	margin-left: 10px;
	margin-right: 10px;
}

.immaginedx{
	float: right;
	margin-left: 10px;
	margin-right: 10px;
}

.immaginesx{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.immagineinlinea{
	vertical-align: middle;
}

/*--- Video e animazioni ---*/
.animazionedd{
	height: 94%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 100%;
}

.animazione100{
	height: 100%;
	overflow: hidden;
	width: 100%;
	display: block;
}

.animazione90{
	height: 90%;
	overflow: hidden;
	width: 90%;
	display: block;
}

.animazione80{
	height: 80%;
	overflow: hidden;
	width: 80%;
}

.animazione80dx{
	float: right;
	height: 80%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 80%;
}

.animazione80sx{
	float: left;
	height: 80%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 80%;
}

.animazione70{
	height: 70%;
	overflow: hidden;
	width: 70%;
}

.animazione70dx{
	float: right;
	height: 70%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 70%;
}

.animazione70sx{
	float: left;
	height: 70%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 70%;
}

.animazione60{
	height: 60%;
	overflow: hidden;
	width: 60%;
}

.animazione60dx{
	float: right;
	height: 60%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 60%;
}

.animazione60sx{
	float: left;
	height: 60%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 60%;
}

.animazione50{
	height: 50%;
	overflow: hidden;
	width: 50%;
}

.animazione50dx{
	float: right;
	height: 50%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 50%;
}

.animazione50sx{
	float: left;
	height: 50%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	width: 50%;
}

.video{
	height: 250px;
	margin-left: 10px;
	margin-right: 10px;
	width: 300px;
}

.videodx{
	float: right;
	height: 250px;
	margin-left: 10px;
	margin-right: 10px;
	width: 300px;
}

.videosx{
	float: left;
	height: 250px;
	margin-left: 10px;
	margin-right: 10px;
	width: 300px;
}

/*--- Tabelle ---*/
.tabellaintestazione{
	background-color: #cccccc;
	font-size: 1.1em;
	font-weight: bold;
}

.tabellanumeri{
	position: relative;
	right: 1.5em;
	text-align: right;
}

.tabellabordata{
	border: 2px solid #cccccc;
}

/*--- Cruciverba ---*/
.areacruciverba{
	height: 48%;
	left: 30px;
	overflow: auto;
	width: 76%;
	position: absolute;
	top: 95px;
}

.areadefinizioni{
	font-weight: normal;
	height: 125px;
	left: 30px;
	overflow: auto;
	position: absolute;
	top: 365px;
	width: 76%;
}

.cruciverba{
	border: 2px solid black;
}

.casella{
	background-color: white;
	border: 1px solid black;
	height: 2em;
	position: relative;
	width: 2em;
}

.immaginecasella{
	left: 0px;
	position: absolute;
	top: 0px;
}

.casellanera{
	width: 100%;
	height: 100%;
}

.crucireadonly{
	background-color: transparent;
	border: none;
	color: blue;
	font-size: 1em;
	font-weight: bold;
	height: 1em;
	position: absolute;
	bottom: 1px;
	right: 1px;
	text-align: center;
	width: 1em;
}

.pulsanteverifica2{
	position: relative;
	top: 10px;
}