body {
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	color: #999;
	background: #231f20 url("../images/bg_page_welcome.gif") repeat-x 0px -180px;
}

img {border: 0;}



fieldset {
	width: 750px;
	padding: 20px 0;
	border: none;
	font-size: 0.9em;
}

form { margin: 0;}
input { font-family: "Trebuchet MS", Arial, sans-serif; color: #323232; vertical-align: middle;}
textarea {font-family: "Trebuchet MS", Arial, sans-serif; border: 1px solid #ccc; font-size: 0.9em; color: #676767; vertical-align: middle; width: 600px; height:185px;}
select {border: 1px solid #ccc; font-size: 0.9em; color: #323232; vertical-align: middle;}

.textfield {border: none; padding: 2px; color: #fff; font-size: 1em; height: 1.3em; background: #d2d2d2;}
.inputBig {width: 600px;}
.inputMedium {width: 222px;}
.inputSmall {width: 140px;}
.no-bg {background: none !important}

.nocompiled {width: 596px; border: 2px solid #f19205 !important; background: url(/images/ico_input_warning.png) top right no-repeat #fff !important;}
.nocompiled2 {padding: 0 17px 0 0; color: #f19205; background: url(/images/ico_input_warning.png) top right no-repeat !important;}


input.btnGen {
	outline: none; 
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 0.85em;
	margin: 5px;
	text-transform: uppercase;
	cursor: pointer;
	background: #f7a800;
}


.btnInvia {
	width: 80px;
	height: 28px;
	margin-left: 130px !important;
}

.btnLogin {
	width: 80px;
	height: 26px;
	margin: 0px !important;
	text-transform: none !important;
	font-size: 1em !important;
	font-weight: normal !important;
}


table {	border-collapse: collapse;	border: 0px solid #FFF;}
td { border-collapse: collapse;	border: 0px solid #FFF;}
th { border-collapse: collapse;	border: 0px solid #FFF;}

a {color: #f19205; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0.1em 0 1em 0;}

h1,h2,h3,h4,h5,h6 {color: #f19205; margin:6px 0 10px 0; padding:0; clear: both;}

h1{font-size: 1.8em; font-weight: normal;}
h2{font-size: 1.15em;}
h3{font-size: 1.1em;}
h4{font-size: 1em;}


ol {margin:0; padding: 0; line-height:normal;}
ul {margin:0; padding: 0; line-height:normal;}
li {margin:0; padding: 0; line-height:normal;}

dl, dt, dd {margin:0; padding: 0;}


.noborder {border: 0px solid #FFF !important;}
.marginclear {margin-right: 0px !important;}
.rightclear {padding-right: 0px !important;}
.bgclear {background: none !important; clear: both !important;}


.required {color:#f19205; }
.sSmall {font-size: 8pt;}

#msgError {font-weight: bold; color:#d02200}

.corporateColor {color: #f19205 !important;}
.cT1 {color: #fff !important;}
.cT2 {color: #000 !important;}


.txtCenter {text-align: center;}
.txtRight {text-align: right;}
.txtSmall {font-size: 0.8em;}
.txtMedium {font-size: 1em;}
.txtBig {font-size: 1.2em;}

.data {color: #fff;}

/****************************/
/* Contenitore Generale */
/****************************/

#random-banner {
	position: absolute;
	z-index: 10;
	width: 920px;
	top: 80px;
	left: 50%;
	margin-left: -460px;
}

 
#mainContent {
	position: absolute;
	z-index: 20;
	width: 980px;
	left: 50%;
	margin-left: -490px;
}
	
	.header {
		width: 100%;
		height: 50px;
		padding: 30px 0 15px 0;
		color: #434343;
	}
	.header ul {
		list-style: none;
		float: right;
	}
	.header ul li{
		display: block;
		float: left;
		margin: 10px 10px 0 0;
	}
		.header .left {
			float: left;
			width: 300px;
			height: 35px;
			background: url(../images/logo_corporate.png) no-repeat;
		}
		.header .right {
			float: right;
			width: 500px;
			height: 35px;
		}
	
	/* blocchi divisione aree*/
	.step1 {
		position:relative;
		width: 920px;
		height: 540px;
		margin: 0 auto;
	}
	.step2 {
		position:relative;
		width: 920px;
		height: 1200px;
		margin: 0 auto;
		clear: both;
	}
	.step3 {
		position:relative;
		width: 920px;
		height: 1200px;
		margin: 0 auto;
	}
	.step4 {
		position:relative;
		width: 920px;
		height: 1200px;
		margin: 0 auto;
	}
	.step5 {
		position:relative;
		width: 920px;
		height: 1200px;
		margin: 0 auto;
	}
	/**/

	/*Blocco 2 - Cosa c'è di nuovo*/
		.news {
			width: 920px;
			height: 800px;
			background: url(../images/separator.png) center top no-repeat;
		}
		.news .left{
			width: 440px;
			padding: 20px 20px 0 0;
			float: left;
		}
		.news .right{
			width: 420px;
			padding: 20px 0 0 40px;
			float: left;
		}
		
/*Avviso*/

.notice {position: absolute; right: 0; width: 380px; height: 120px; padding: 20px; background: rgba(255,255,255,0.85)}
.notice.pos-top-1{top:380px}
.notice.pos-top-2{top:120px}
.notice p{color: #0f293c; font-size: 14px; line-height: normal;}
.notice a{font-weight: bold; font-size: 17px;}


/*Slider Coming Soon*/
/*============================*/

#soon{ 
	width: 400px;
	padding: 0;
	margin: 80px 0 40px 0;
	color: #fff;
	background: #8a5912;
}
#soon h3{
	background: #f19205;
	padding: 10px 0;
	margin: 0;
	text-indent: 10px;
}
#soon p {color: #fff;}

#soon #soon-wrapper{ 
	width: 400px;
	height: 240px;
	position:relative;
}
#soon .ui-tabs{ padding: 0 !important; }
#soon .ui-widget-content {border: none; background: none;}

#soon ul.ui-tabs-nav{ 
	position:absolute; 
	z-index: 20;
	top: 250px; 
	left: 0px; 
	list-style:none; 
	padding:0; 
	margin:0; 
}

#soon ul.ui-widget-header {
	background: none;
	border: none;
}
#soon ul.ui-tabs-nav li{ 
	padding: 0; 
}
#soon ul.ui-tabs-nav li a{ 
	padding: 0; 
}
#soon li.ui-tabs-nav-item a{ 
	display: block; 
	width: 22px;
	height: 20px;
	text-align: center;
	font-size: 10pt;
	color: #fff;
	outline: none;
	background: none; 
	background-image: url(../js/bullets-welcome.png);
	background-repeat: no-repeat;
}

#soon .ui-state-default a, #soon .ui-state-default a:link, #soon .ui-state-default a:visited {color: #fff; padding: 2px 0 0 0;}


#soon li.ui-tabs-nav-item a:hover{ 
	background-position:0 -22px; 
}
#soon li.ui-tabs-selected{ 
	background-position:0 -22px;  
}
#soon .ui-state-active {
	background: url(../js/bullets-welcome.png) no-repeat;
	border: none;
}
#soon ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background: none; 
}
#soon .ui-state-default {
	background: url(../js/bullets-welcome.png) no-repeat;
	border: none;
}

#soon .ui-tabs-panel{ 
	width: 380px;
	height: 220px;
	padding: 10px !important; 
	position:relative;
	overflow: auto;
	padding: 0px;
}

#soon .ui-tabs .ui-tabs-panel {
padding: 10px !important;
}

#soon .ui-tabs-hide{ 
	display:none; 
}


		/*
		.soon{
			width: 400px;
			padding: 0 0 30px 0;
			margin: 80px 0 40px 0;
			color: #fff;
			background: #8a5912;
		}
		.soon p{
			padding: 0 10px;
		}
		.soon h3{
			background: #f19205;
			padding: 10px 0;
			text-indent: 10px;
		}



	/**/
	
	/*lista video*/
	.mainVideoListSingle {
		width: 440px;
		height: 120px;
		margin: 0 0 15px 0;
		padding: 0;
	}
	.genVideoInfo {
		float: left;
		padding: 2px 5px;
	}
	.thumbVideoMax {
		width: 172px;
		height: 97px;
		float: left;
		font-size: 0em;
	}
	
		.mainVideoListSingle .genVideoInfo {width: 255px;}
		.mainVideoListSingle .genVideoInfo-title {height: 70px;}
	/**/
	
	
		.pdf {display: inline-block; margin: 0 5px;  width: 20px; height: 20px; background: url(../images/pdf.png) center center no-repeat;}
		.indent {padding-left: 50px}
		.inner {
			padding: 40px 0 0 0;
			clear: both;
		}
		.tit-step1 {
			height: 26px;
			text-indent: -9999px;
			background: url(../images/tit_welcome_step1.png) no-repeat;
		}
		.tit-step2 {
			height: 26px;
			text-indent: -9999px;
			background: url(../images/tit_welcome_step2.png) no-repeat;
		}
		.tit-step3 {
			height: 26px;
			text-indent: -9999px;
			background: url(../images/tit_welcome_step3.png) no-repeat;
		}
		.tit-step4 {
			height: 26px;
			text-indent: -9999px;
			background: url(../images/tit_welcome_step4.png) no-repeat;
		}

		.infoSpot {
			padding: 20px 0 0 0;
		}
		.infoSpot dt{
			float: left;
			width: 245px;
			margin: 0 20px 0 0;
		}
		.infoSpot dd{
			float: left;
			width: 650px;
		}
		
		.formRow {width: 750px; float: left; margin: 0 0 10px 0;}
		.formRow .testoSx{width: 135px; float: left}
		.formRow .testoDx{float: left}
		.privacy {
			width: 580px;
			height: 180px;
			padding: 10px;
			overflow: auto;
			font-size: 0.7em;
			line-height: 1em;
			color: #323232;
			background: #d2d2d2;
		}
		
		
		
	/*login*/
	
	.login {
		width: 430px;
		padding: 20px 0 20px 0;
		color: #f19205;
	}
	
	.login .formRow {
		width: 100%;
		float: left;
		padding: 2px 0;
	}
		.login .formRow .testoSx{
			/*width: 210px;*/
			width: 90px;
			float: left;
		}
			.login .formRow label{
				vertical-align: middle;
				white-space: nowrap;
				font-weight: bold;
			}
		.login .formRow .testoDx{
			/*width: 720px;*/
			width: 225px;
			height: 26px;
			float: left;
		}
		.login .formRow .testoDx.username{background: url(../images/bg_welcome_username.png) no-repeat}
		.login .formRow .testoDx.password{background: url(../images/bg_welcome_password.png) no-repeat}
		.login .formRow .testoDx.retrive{background: url(../images/bg_welcome_retrive.png) no-repeat}

	#BoxResult {
		position: absolute;
		top: 3064px;
		width: 460px;
		left: 50%;
		margin-left: -280px;
		color: #fff;
		font-weight: bold;
	}
		
/****************************/
/* FOOTER */
/****************************/

	 #footer {
		width: 920px;
		margin: 0 auto;
		font-size: 0.7em;
	}

	 #footer p{ margin: 0;}



/*Slider Welcome Page*/
/*============================*/

#mainSlider{ 
	position: absolute;
	z-index: 10;
	width: 920px;
	top: 80px;
	left: 50%;
	margin-left: -460px;
	background: url(../js/loading-welcome.gif) no-repeat 50% 50%;
}
#mainSlider #futured{ 
	width:920px;
	height: 460px; 
	position:relative;
}
#mainSlider .ui-tabs{ padding: 0 !important; }
#mainSlider .ui-widget-content {border: none !important; background: none;}

#mainSlider ul.ui-tabs-nav{ 
	position:absolute; 
	z-index:9999;
	top: 410px; 
	list-style:none; 
	padding:0; 
	margin:0; 
}

#mainSlider ul.ui-widget-header {
	background: none;
	border: none;
}
#mainSlider ul.ui-tabs-nav li{ 
	padding: 0; 
	float: left;
}
#mainSlider ul.ui-tabs-nav li a{ 
	padding: 0; 
}
#mainSlider li.ui-tabs-nav-item a{ 
	display: block; 
	width: 22px;
	height: 22px; 
	text-indent: -9999px;
	outline: none;
	background: none; 
	background-image: url(../js/bullets-welcome.png);
	background-repeat: no-repeat;
}
#mainSlider li.ui-tabs-nav-item a:hover{ 
	background-position:0 -22px; 
}
#mainSlider li.ui-tabs-selected { 
	background-position:0 -22px;  
}
#mainSlider .ui-state-active {
	background: url(../js/bullets-welcome.png) no-repeat;
	border: none;
}
#mainSlider ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background-position:0 -22px; 
}
#mainSlider .ui-state-default {
	background: url(../js/bullets-welcome.png) no-repeat;
	border: none;
}

#mainSlider .ui-tabs-panel{ 
	width:920px; 
	height:460px; 
	position:relative;
	padding: 0px;
}
#mainSlider .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; 
	left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#mainSlider .info h2{ 
	font-size:18px; 
	color:#fff; 
	padding:5px; 
	margin:0;
	overflow:hidden; 
}
#mainSlider .info p{ 
	margin:0 5px; 
	font-size:11px; 
	line-height:15px; 
	color:#f0f0f0;
}
#mainSlider .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#mainSlider .info a:hover{ 
	text-decoration:underline; 
}
#mainSlider .ui-tabs-hide{ 
	display:none; 
}




/*============================*/
/*=== Custom Slider Styles (non in uso) ===*/
/*============================*/

#slider-wrapper {
    width:920px;
    height:460px;
}

#slider {
	position:relative;
    width:920px;
    height:460px;
	background:url(../js/nivo-slider/loading-welcome.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


.nivo-controlNav {
	position:absolute;
	left: 845px;
	bottom: 30px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../js/nivo-slider/bullets-welcome.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../js/nivo-slider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}