body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	max-height: 100%;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background: transparent url(../img/bg_ban.gif) top repeat-x;
}

body.teleass  {background: transparent url(../img/body_bg.jpg) no-repeat top;}
body.visure  {background: transparent url(../img/body_v.jpg) no-repeat top;}

img { border: 0px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
iframe { display: block; margin-left: auto; margin-right: auto; margin-bottom: 40px;}
img.allinea  { vertical-align: text-bottom;}

table h1 { color: #E24400}

a:link, a:visited {
	color: #003399;
	background-color: transparent;
	text-decoration: none;
}
a:hover, a:active {
	color: #DA5B18;
	background-color: transparent;
	text-decoration: none;
}

:link,:visited { text-decoration:none; }
:focus { outline: 0; }

h1 {
	font-size: 28px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 12px 0px;
	color: #616161;
	background-color: transparent;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 21px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	color: #616161;
	background-color: transparent;
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 95%;
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;
	color: #616161;
	background-color: transparent;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align: left;
}

.clear { clear: both; }
.evidenza { color: #D2F0FA;	font-weight: bold;}
.grazie { color: #CB3A07;font-weight: bold;font-size: 14px;}

/* ------------------------------------------------------------------------------------------------*/

#wrap {
	width: 100%;
	background: transparent url(../img/body_bg2.jpg) no-repeat center 0px;
}
#boxup {
	width: 880px;
	height: 380px;
	margin: 0px auto;
}
#boxdown {
	width: 880px;
	height: 220px;
	margin: 0px auto;
	clear: both;
}
#footer {
	width: 880px;
	height: 245px;
	margin: 0px auto;
	clear: both;
}
#dominio {
	margin: 5px 0px 0px 495px;
	color: #ffffff;
	background-color: transparent;
	font-size: 16px;
}
#copyright {
	width: 880px;
	height: 35px;	
	margin: 70px auto;
	font-size: 12px;
	text-align: center;
}
#box {
	font-size: .9em;
	width: 710px;
	margin: 0px auto;
	padding-top: 170px;
}
#boxdownteleass {
	clear: both;
	width: 880px;
	margin: 0px auto;
}
#copyteleass {
	width: 880px;
	margin: 10px auto;
	font-size: 12px;
	text-align: center;
}
#footerteleass {
	background: transparent url(../img/bg_footer.png) no-repeat bottom;
	clear: both;
	width: 880px;
	height: 62px;
	margin: 0px auto;
	padding-top: 20px;
}

.iframe {
	background-color: #F2F4F6;
	font-size: .8em;
	width: 690px;
	height: 206px;
	margin: 15px auto;
	overflow: auto;
	padding: 5px 10px 0px 10px;
}
.iframe h1 {font-size: 22px; margin-left: 0px;}
.iframe h2 {font-size: 18px; margin-left: 0px;}

.boxass {margin-top: -78px;}
.boxleft {
	float: left; 
	width: 192px;
	height: 220px;
}

#bt1 {
	position: relative;
	top: 165px;
	left: 300px;
	width: 96px;
}
#bt2 {
	position: relative;
	top: 165px;
	left: 300px;
	width: 96px;
}
#bt3 {
	position: relative;
	top: 165px;
	left: 300px;
	width: 96px;
}
#bt4 {
	position: relative;
	top: 158px;
	left: 192px;
	width: 96px;
}
#bt1  a:link,  #bt1  a:visited, #bt2  a:link,  #bt2  a:visited , #bt3  a:link,  #bt3  a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	background: transparent url(../img/button.gif) 0px -26px no-repeat;
	width: 96px;
	height: 26px;
	display: block;
	padding-top: 3px;
}
#bt1  a:hover, #bt1  a:active, #bt2  a:hover, #bt2  a:active, #bt3  a:hover, #bt3  a:active {
	color: White;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background: transparent url(../img/button.gif) 0px 0px no-repeat;
	width: 96px;
	height: 24px;
	display: block;
	padding-top: 3px;
}
#bt4  a:link,  #bt4  a:visited {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	width: 40px;
	height: 65px;
	display: block;
	padding-top: 3px;
}
#bt4  a:hover, #bt4  a:active  {font-size: 14px;}

#flashcontent1,  #flashcontent2 {
	font-size: .8em;
	color: #000;
	background-color: transparent;
	position: relative;
	margin: 0px auto;
}

 /*=======================================
*  Tab Wizard
* ======================================*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding: 0 0 0 403px;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
ul.tabs li { 
	float:left;
	text-indent:0;
	padding: 0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../img/tabs.png) no-repeat -52px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;
	position:relative;
	top:3px;
}

ul.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -52px -31px;
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -52px -62px;
	cursor:default !important; 
	color:#000 !important;
}

/* width 1 */
ul.tabs a.w1 			{ background-position: 0px 0; width: 133px; }
ul.tabs a.w1:hover 	{ background-position: 0px -31px; }
ul.tabs a.w1.current { background-position: 0px -62px; }
/* width 2 */
ul.tabs a.w2 			{ background-position: -133px -0px; width:174px; }
ul.tabs a.w2:hover 	{ background-position: -133px -31px; }
ul.tabs a.w2.current { background-position: -133px -62px; }

/* initially all panes are hidden */ 
div.panes {display:none;}
div.panes label {margin-bottom:15px;display:block;}
label.error, label.errormail, label.errornome  {color:red;}


.formass {margin: 40px 0px 0px 50px;}
.inputbox {width: 245px;}
.next  {width: 100px; float:right; margin-right:40px;}

 /*=======================================
*  Table
* ======================================*/

.vis { 
	width: 100%;
	font-size: 12px;
	border-collapse:collapse;
	border:1px solid #D0D0D0;
	margin-left: 0px;
	margin-bottom: 30px;
}
.vis td {
	border-bottom:1px solid #D0D0D0;
	padding-left: 15px;
}
.vis th { 
	border-top: 1px solid #FFF;
	font-size: 13px;
	color: #FFF;
	background-color: #4E7CBB;
	text-align: left;
	padding-left: 15px;
}
th.vistop { 
	border-top: 1px solid #FFF;
	font-size: 15px;
	color: #FFF;
	background-color: #172D69;
	text-align: left;
	padding: 10px;
}
th.vischeck { 
	border-top: 1px solid #FFF;
	font-size: 15px;
	color: #FFF;
	background-color: #172D69;
	text-align: center;
	padding: 10px;
}

 /*=======================================
*  Form visure
* ======================================*/

#dati {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#dati legend {
	background-color: transparent;
	color: #CC3300;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
#dati fieldset {
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 10px 20px;
}
#dati label {
	display: inline-block;
	font-size: 14px;
	margin: 0px;
	text-align: left;
	float: left;
}
#dati input {
	display:inline-block;
	margin: 0px 10px 10px 5px;
	vertical-align: middle;
	width: 240px;
	float: right;
	clear: right;
}
#dati input.check  {width: 20px; margin: 5px;float: none;}
#dati .full input {
	margin: 0px 0px 10px 10px;
	vertical-align: middle;
	width: 555px;
}
#dati .full label {
	font-size: 14px;
	text-align: left;
}

.forvis {margin: 10px 0px 0px 0px;}
.form-required {color: red;}
.centro { margin: 0 auto; text-align:center; width: 150px;}
.txtarea textarea {	margin: 0px 0px 20px 15px;}
.nextvis  {width: 150px; float:right; margin-right:40px;height: 30px;font-weight: bold;}

.sin { float:left;width: 330px;}
.des { float:right;clear: right;width: 330px;margin-right: 10px;}
.full { float:left; margin-right: 10px;}

