html,body{
	margin:0;
	padding:0;
	font-family: arial,sans-serif;
	width:100%;
	height:100%;
	background-color:#808080;
}

img {
	border-width: 0
}


/* stili su index generale */
#index {
	width:800px;
	height:600px;
	background: url("../img/index_supporto_bg_pc.png") no-repeat top left	
}

#indexexit {
	position:absolute;
	left:722px;
	top:519px;
	width:46px;
	height:81px;
	background: url("../img/index_exit_bg.png") no-repeat top left
}

#indextitle {
	position:absolute;
	left:196px;
	top:93px;
}

#indextitle0102 {
	position:absolute;
	left:252px;
	top:45px;
}

#indexswitch {
	position:absolute;
	left:538px;
	top:362px;
	width:155px;
	height:238px;
	background: url("../img/index_pc_to_mac_bg.png") no-repeat top left
}

#index_ese {
	position:absolute;
	width:183px;
	height:158px;
	left:605px;
	top:7px;
	background: url("../img/index_esercitazione.png") no-repeat top left	
}

/* stili su header */
#header {
	width:770px;
	height:52px;
	background: url("../img/header_bg_supporto_pc.png") no-repeat top left
}

.titoli {
	width:500px;
	position:relative;
	left:270px;
	top:9px
}

/* definizione layout content */
#container {
	width:770px;
	position: relative
}

#title {
	position: absolute;
	top: 52px;
	left: 0;
    	width: 55px
}

#utility {
	position: absolute;
	top: 52px;
	right: 0;
	width: 42px
}

#content {
	margin: 0 42px 0 55px;
}

/* stili su barra utility */
#nav {
	width:42px;
	height:125px;
	background: url("../img/nav_bg.png") no-repeat top left
}

#avanti {
	padding:22px 0 0 24px
}

#indietro {
	padding-left:3px
}

#numerazione {
	height:14px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align:center
}

#suggoff {
	height:59px;
	margin-top:61px
}

#sugg {
	height:59px;
	margin-top:61px;
	background: url("../img/util_sugg_on.png") no-repeat top left
}

#sugg a {
	display:block;
	height:59px
}

#sugg a:hover {
	line-height: 1px; /* hack per IE */
}

#sugg a:hover img {
	visibility: hidden
}

#glossario {
	height:59px;
	margin-top:61px;
	background: url("../img/util_gloss_on.png") no-repeat top left
}

#glossario a {
	display:block;
	height:59px
}

#glossario a:hover {
	line-height: 1px; /* hack per IE */
}

#glossario a:hover img {
	visibility: hidden
}

#stampa {
	height:59px;
	background: url("../img/util_stampa_on.png") no-repeat top left
}

#stampa a {
	display:block;
	height:59px
}

#stampa a:hover {
	line-height: 1px; /* hack per IE */
}

#stampa a:hover img {
	visibility: hidden
}

#help {
	height:59px;
	background: url("../img/util_help_on.png") no-repeat top left
}

#help a {
	display:block;
	height:59px
}

#help a:hover {
	line-height: 1px; /* hack per IE */
}

#help a:hover img {
	visibility: hidden
}

#home {
	height:59px;
	background: url("../img/util_index_on.png") no-repeat top left
}

#home a {
	display:block;
	height:59px
}

#home a:hover {
	line-height: 1px; /* hack per IE */
}

#home a:hover img {
	visibility: hidden
}

#exit {
	height:59px;
	background: url("../img/util_exit_on.png") no-repeat top left
}

#exit a {
	display:block;
	height:59px
}

#exit a:hover {
	line-height: 1px; /* hack per IE */
}

#exit a:hover img {
	visibility: hidden
}

#utilityend {
	height:127px;
	background: url("../img/utility_bottom.png") no-repeat top left	
}


/* indice a scomparsa */
#menu {
	position:absolute;
	left:58px;
	top:55px;
	width:342px;
	height:448px;
	z-index:5;
	visibility:hidden
}

#menutop {
	position:relative;
	top:0;
	left:0;
	width:342px;
	height:438px;
	background: url("../img/indice_top.png") no-repeat top left	
}

#menutop ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	top:4px;
	left:317px;
	width:20px;
	height:20px
}


li#menutop-link1 {
	left:317px;
	top:4px;
	width:20px;
	height:20px;
}

#menutop a {
	display:block;
	width:100%;
	height:100%;
}

#tree {
	position:relative;
	top:7px;
	left:0;
	width:342px;
	height:411px;
	padding-left:2px;
	background: url("../img/indice.png") no-repeat top left
}

#menubottom {
	width:342px;
	height:10px;
	background: url("../img/indice_bottom.png") no-repeat top left	
}

/* stili su tipologie template */
#camtasia {
	position:relative;
	top:0;
	padding:15px 0 0 16px;
	width:673px;
	height:488px;
	background: url("../img/content_bg.png") no-repeat top left	
}

#swfintro {
	position:relative;
	top:0;
	padding:0 0 0 11px;
	width:673px;
	height:488px;
	background: url("../img/content_bg.png") no-repeat top left
}

#txtimgcontent {
	position:relative;
	top:0;
	width:673px;
	height:488px;
	background: url("../img/content_bg.png") no-repeat top left	
}

#imgsx {
	float:left;
	padding-left:15px;
	width:13px;
	height:481px
}

#img {
	float:left;
	padding-top:2px
}

#imgdx {
	float:left
}

#txt {
	float:right;
	width:45%;
	font-size: 13px;
	color:#FFF;
	line-height: 20px;
	padding: 20px 10px 0 0
}


a.siti:link, a.siti:visited, a.siti:hover { 
	font-size: 13px;
	line-height: 20px;
	font-weight: bold;
	color: #92182E
}

#tab {
	float:left;
	width:465px;
	height:479px;
	overflow:auto;
	padding-left:5px;
}

#tabtxt {
	border-left:2px solid;
	float:right;
	width:175px;
	height:461px;
	font-size: 13px;
	color:#FFFFFF;
	line-height: 20px;
	padding: 20px 15px 0px 10px
}

.tabella {  
	padding-top: 7px; 
	padding-bottom: 7px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none; 
	color: #EEF2F9
}

.tabellatitolo { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #F9BC04; 
	text-decoration: none 
}

.stampatitolo { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #F9BC04; 
	text-decoration: none 
}

.evid { 
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #FC0
}

.comandi { 
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	color: #FC0;
}

#txtonly {
	position:relative;
	left:0;
	top:0;
	width:593px;
	height:488px;
	padding:30px 30px 20px 50px;
	font-size:13px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	background:url("../img/content_bg.png") no-repeat top left
}

#imgonly {
	float:left;
	padding-top:2px;
	padding-left:10px;
}

#ese {
	position:absolute;
	left:55px;
	top:52px;
	width:673px;
	height:488px;
	padding:0;
	background:url("../img/ese_bg.png") no-repeat top left
}

#esetesto {
	margin:70px 0 0 275px
}

#esetesto a{
	font-size:13px;
	font-weight:bold;
	color:#F9BC04;
	line-height:20px;
}

#supporto {
	position:absolute;
	left:55px;
	top:52px;
	width:673px;
	height:488px;
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	line-height:20px;
	background:url("../img/supporto_bg.png") no-repeat top left
}

#supportotesto {
	margin:70px 20px 0 275px
}

#supportotesto a{
	font-size:13px;
	font-weight:bold;
	color:#F9BC04;
	line-height:20px;
}

#scarica {
	height:50px;
	padding-top:15px;
	text-align:center;
}

#simul {
	visibility:hidden;
	z-index:1000;
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:495px;
	padding:45px 0 0 0;
	border:1px solid;
	background-color: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#chiudiSimul {
	visibility:hidden;
	z-index:2000;
	position:absolute;
	left:626px;
	top:491px;
	width:144px;
}
a.simulstart:link, a.simulstart:visited, a.simulstart:hover{
	font-weight:bold;
	color:#F00;
}

#imgzoom_overlay {
	visibility:hidden;
	z-index:100;
	position:absolute;
	top:0;
	left:0;
	width:770px;
	height:540px;
	background-color: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#imgzoom {
	visibility:hidden;
	z-index:1000;
	position:absolute;
	top:35px;
	left:85px;
	width:600px;
	min-height:470px;
	height:auto;
	background-color:#D6970F;
	border:1px solid #000;
}

#dida {
	visibility:hidden;
	float:left;
	min-height:20px;
	height:auto;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	width:500px;
	padding-left:5px;
}

#imgzoom_chiudi {
	visibility:hidden;
	float:right;
	height:20px;
	padding-right:5px;
}

#imgzoom_chiudi a{
	font-size:12px;
	color:#A40222;
	font-weight:bold;
	text-decoration:none;
}

#audiocontainer {
	width:100%;
}

.audio {
	width:80px;
	margin-top:25px;
}

.audiotxt {
	margin:31px 0 0 10px;
	font-weight:bold;
}
/* pagina stampabile */

#containerprint {
	width:100%;
	height:100%;
	background:#808080
}

#printcontent {
	width:100%;
	height:104px;
	background:#808080 url("../img/stampa_bg.png") no-repeat top left	
}

#printcontent ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	width:468px;
	height:38px
}

#printcontent li {
	display:block;
	position:absolute;
	margin:0;
	padding:0
}

li#printcontent-link1 {
	left:360px;
	top:5px;
	width:51px;
	height:34px
}

li#printcontent-link2 {
	left:415px;
	top:5px;
	width:51px;
	height:34px
}

#printcontent a {
	display:block;
	width:100%;
	height:100%
}

#print-titles {
	padding-top:0
}

.printmodule {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	height:16px;
	padding:0 0 0 20px
}

#printable {
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	line-height: 20px;
	color: #FFF;
	background:#808080 url("../img/printable_bg.png") no-repeat top left;
	padding:20px 20px 5px 20px
}

#printable ul {
	list-style-type:disc;
	list-style-position: inside;
	width:400px;
	margin:0;
	padding:5px
}

#printable li {
	display:list-item;
	list-style-type:disc;
	position:relative
}

/* pagine link di rimando in apertura a popup*/
#cntlnk {
	width:651px;
	height:523px;
	background:#115188
}

#cntlnktitles {
	height:35px;
	font-size:12px;
	font-weight:bold;
	color:#F9BC04;
	padding:5px 5px 0 5px
}

#cntlnkswf{
	height:472px;
	padding:16px 0 0 3px;
	background:url("../img/bg2.png") no-repeat top left	
}

#cntlnkimg{
	height:488px;
	padding:0 0 0 3px;
	background:url("../img/bg2.png") no-repeat top left	
}

#cntlnktxt {
	position:relative;
	left:0px;
	top:0px;
	width:593px;
	height:488px;
	padding:30px 30px 20px 30px;
	font-size:13px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
	line-height:20px;
	background:url("../img/bg2.png") no-repeat top left
}

/* stili su tipologie template esercizi */

#content2 {
	width:728px;
	position:absolute;
	top:52px;
	margin:0 42px 0 0;
	height:488px;
}

#mchcontent {
	position:absolute;
	left:55px;
	top:0;
	padding:0;
	width:673px;
	height:488px;
	background: url("../img/content_mch_bg.png") no-repeat top left
}

#mchinfo {
	width:530px;
	height:54px;
	margin-left:135px
}

#mchinfo p {
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	padding: 10px 20px 0 5px
}

#mchdomanda {
	width:493px;
	height:62px;
	margin-left:76px;
	margin-bottom:23px;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	padding: 0 20px 0 15px;	
	background: url("../img/mch_dom_bg.png") no-repeat top left
}

#mchdomanda p {
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	padding: 0 20px 0 15px
}

.mchrispostacontent {
	width:673px;
	height:198px;
	padding-left:76px;
}

.mch {
	position:relative;
	top:0;
	left:76px;
	width:127px;
	float:left;
	height:33px
}

.mchrisposta {
	font-size:12px;
	font-weight: normal;
	color:#FFF;
}

.middle *{
	vertical-align:middle
}


#mchend {
	position:relative;
	top:99px;
	left:76px;
	margin-left:24px;
	width:127px;
	height:1px;
	background: url("../img/mch_end.png") no-repeat top left	
}

#conferma {
	width:75px;
	margin-left:100px
}

#feedback {
	position:absolute;
	left:233px;
	top:382px;
	width:420px;
	height:110px;
	padding-left:27px;
	padding-top:5px;
	z-index:1;
	visibility: hidden;
	font-size:12px;
	font-weight:normal;
	text-decoration: none;
	line-height: 18px;
	color: #FFF;
	background: url("../img/feedback_line.png") no-repeat top left
}

#feedback a {
	text-decoration: underline;
	font-weight: bold;
	color: #F9BC04
}

/* glossario */

#glosshead {
	width:572px;
	height:52px;
	background: url("../img/glossario_header.png");
}

#glosscont {
	width:572px;
	height:440px;
	background: url("../img/glosscont_bg.png");
}

#glosslista {
	position:absolute;
	width:200px;
	height:400px;
	background: url("../img/gloss_par.png") no-repeat top left;
	margin-left:29px;
	margin-top:21px;
	overflow:auto;
}

.lemmi {
	display:block;
	min-height:26px;
	height:auto;
	padding-left:20px;
	padding-top:13px;
	padding-right:10px;
}

.lemmi:hover {
	background: url("../img/gloss_ind.png") no-repeat center right;
}

a.glossdesc:link, a.glossdesc:visited {
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

a.glossdesc:hover {
	font-weight:bold;
	color:#FC0;
	text-decoration:none;
}

a.glossarioattivo:link, a.glossarioattivo:visited, a.glossarioattivo:hover {
	font-size:12px;
	font-weight:bold;
	color:#FC0;
	text-decoration:none;
}

#glosslemmi {
	float:right;
	width:331px;
	height:400px;
	background: url("../img/gloss_par.png") no-repeat top left;
	margin-right:0;
	margin-top:21px;
}

.etichettafirst {
	margin-left:12px
}

.etichetta {
	margin-left:1px
}

#glossdef {
	width:316px;
	height:377px;
	border:1px solid #FFF;
	margin-left:12px;
	padding-left:1px;
	padding-top:1px;	
}

#glosstitolo {
	width:308px;
	height:auto;
	min-height:16px;
	background:#FC0;
	border:1px solid #FFF;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:2px;
	padding-left:5px;
}

#glosstesto {
	width:305px;
	height:340px;
	padding:5px 3px 0 5px;
	font-size:12px;
	line-height:16px;
	color:#FFF;
	overflow:auto;
	background: url("../img/glosscont_bg.png") -250px -100px;
}

#glossfooter {
	width:572px;
	height:20px;
	background: url("../img/glosscont_bg.png") no-repeat top left;
}

#glosstamp {
	float:left;
	width:130px;
	height:14px;
	background:#FC0;
	border:1px solid #002A8F;
	font-size:11px;
	color:#FFF;
	text-align:center;
	margin-left:29px;
}

#glosstamp a {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#glossesci {
	width:60px;
	height:14px;
	float:right;
	background:#FC0;
	border:1px solid #FFF;
	text-align:center;
	margin-right:2px;
}

#glossesci a {
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

#glosspopup {
	visibility:hidden;
	position:absolute;
	top:89px;
	left:225px;
	width:315px;
	height:362px;
	border:3px ridge #EAEAE2;
}

#glosspopuptop {
	position:absolute;
	top:2px;
	right:1px;
	height:16px;
}

a.openlemma:link, a.openlemma:visited, a.openlemma:hover {
	color:#FC0;
	font-weight:bold;
}
/* pagina plugin */

#plugin {
	width:100%;
	height:100%;
	background: url("../img/bg2.png") no-repeat top left	
}

#plugintxt {
	position:absolute;
	top:50px;
	left:30px;
	font-size: 13px;
	color:#FFF;
	line-height: 20px;
	width:180px
}

#pluginswf {
	position:absolute;
	top:50px;
	left:220px;
	width:210px
}

#plugindwn {
	position:absolute;
	top:50px;
	left:440px;
	width:180px
}

#plugindwn a {
	font-size: 13px;
	text-decoration: underline;
	font-weight: bold;
	color: #F9BC04
}


/* div a scomparsa pagina stampabile */

#printpopup {
	visibility:hidden;
	position:absolute;
	top:120px;
	left:140px;
	width:487px;
	height:300px;
	border:3px ridge #EAEAE2;
}


/* div a scomparsa help */

#helppopup {
	visibility:hidden;
	position:absolute;
	z-index:2;
	top:70px;
	left:35px;
	width:700px;
	height:400px;
	border:3px ridge #EAEAE2;
}


/* div a scomparsa suggerimento */

#suggpopup {
	visibility:hidden;
	position:absolute;
	top:120px;
	left:140px;
	width:487px;
	height:300px;
	border:3px ridge #EAEAE2;
}


/* div a scomparsa link ripasso */

#ripassopopup {
	visibility:hidden;
	position:absolute;
	z-index:1;
	top:3px;
	left:59px;
	width:651px;
	height:528px;
	border:3px ridge #EAEAE2;
}

#ripassopopuptop {
	position:absolute;
	top:2px;
	right:2px;
	height:16px;
}

#esepopup {
	visibility:hidden;
	position:absolute;
	z-index:1;
	top:40px;
	left:65px;
	width:640px;
	height:480px;
	border:3px ridge #EAEAE2;
}

#esepopuptop {
	visibility:hidden;
	position:absolute;
	left:65px;
	top:21px;
	width:640px;
	height:19px;
	text-align:right;
	background:#FC0;
	border-top:3px ridge #EAEAE2;
	border-left:3px ridge #EAEAE2;
	border-right:3px ridge #EAEAE2;
}