@charset "utf-8";
/* CSS Document */
body{
	background: #fff;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;/*'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;	/*Georgia, "Times New Roman", Times, serif;*/
}

.disabilitaimg{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	/* IE 5-7 */
	filter: alpha(opacity=20);
	/* Netscape */
	-moz-opacity: 0.20;
	/* Safari 1.x */
	-khtml-opacity: 0.20;
	/* Good browsers */
	opacity: 0.20;
}
.form-style div.section{
	padding-left: 0px;
	display:none;
}
.indenta{
	padding-left:30px;
}
.form-style .number{
	background: #1abc9c;
	color: #fff;
	height: 30px;
	width: 30px;
	display: inline-block;
	font-size: 0.8em;
	margin-right: 4px;
	line-height: 30px;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2);
	border-radius: 15px 15px 15px 0px;
}
.form-style label {
	display: block;
	margin-bottom: 8px;
}
.form-style select,
.form-style input[type="text"],
.form-style input[type="password"] {
	background: rgba(255,255,255,.1);
	border:1px solid #999;
	border-radius: 4px;
	font-size: 16px;
	margin: 0;
	outline: 0;
	padding: 7px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#333333;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 10px;
}
.form-styl select{
	-webkit-appearance: menulist-button;
	height:35px;
}
.form-style input[type="password"]:focus,
.form-style input[type="text"]:focus,
.form-style select:focus{
	background: #d2d9dd;
}
.form-style input[type="button"]
{
	position: relative;
	display: block;
	padding: 10px 29px 10px 29px;
	color: #FFF;
	margin: 0 auto;
	background: #1abc9c;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #16a085;
	border-width: 1px 1px 3px;
	margin-bottom: 5px;
	margin-top:20px;
	border-radius: 9px;
	cursor:pointer;
}
.form-style input[type="button"].disabled
{
	position: relative;
	display: block;
	padding: 10px 29px 10px 29px;
	color: #FFF;
	margin: 0 auto;
	background: rgb(85, 85, 85);
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid rgb(44, 44, 44);
	border-width: 1px 1px 3px;
	margin-bottom: 5px;
	margin-top:20px;
	border-radius: 9px;
	cursor:not-allowed;
}
.form-style input[type="button"].disabled:hover
{
	background: rgb(85, 85, 85);
}
.form-style input[type="button"].hsise
{
	position: relative;
	padding: 10px 29px 10px 29px;
	color: #FFF;
	margin: 0 auto;
	background: #1abc9c;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 47%;
	border: 1px solid #16a085;
	border-width: 1px 1px 3px;
	margin-bottom: 5px;
	margin-top:20px;
	border-radius: 9px;
	cursor:pointer;
}
.form-style a.button
{
	position: relative;
	text-decoration:none;
	display: block;
	padding: 10px 29px 10px 29px;
	color: #FFF;
	margin: 0 auto;
	background: #1abc9c;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 85%;
	border: 1px solid #16a085;
	border-width: 1px 1px 3px;
	margin-bottom: 5px;
	margin-top:20px;
	border-radius: 9px;
	cursor:pointer;
}
.form-style input[type="button"]:hover
{
	background: #109177;
}
/*progressbar*/

#progressbar li {
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	font-size: 9px;
	width: 16%;
	float: left;
	position: relative;
	left:-15px;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 24px;
	line-height: 24px;
	display: block;
	font-size: 12px;
	color: #333;
	background: #d2d9dd;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 13px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #1abc9c;
	color: #000;
}
.form-style table.tabella{
	background: #e8eeef;
	width: 100%;
	padding-bottom:0px;
	font-size:12px;
	border: 1px solid #999;
}
.form-style tr.titolot
{
	color: #FFF;
	background: #1abc9c;
	margin:10px;
	font-size: 18px;
	text-align: left;
	font-style: normal;
	width: 100%;
	border: 1px solid #16a085;
	border-width: 1px 1px 3px;
}
.form-style tr.riga0
{
	color: #444;
	background:#ccc;
	margin:10px;
	font-size: 18px;
	text-align: left;
	font-style: normal;
	width: 100%;
}
.form-style tr.riga0:hover
{
	background: #777;
	color: #fff;
}
.form-style tr.riga1
{
	color: #444;
	background: #e8eeef;
	margin:10px;
	font-size: 18px;
	text-align: left;
	font-style: normal;
	width: 100%;
}
.form-style tr.riga1:hover
{
	background: #777;
	color: #fff;
}
.form-style td.cella0{
	text-align:right;
	width: 150px;
	text-align:right;
	color: #444;
	background:#ccc;
	margin:10px;
	font-size: 18px;
	font-style: normal;
}
.form-style td.cella3{
	text-align:right;
	width: 180px;
	text-align:right;
	color: #444;
	background:#ccc;
	margin:10px;
	font-size: 18px;
	font-style: normal;
}
.form-style td.cella1
{
	color: #444;
	background:#ddd;
	margin:10px;
	font-size: 18px;
	text-align: left;
	font-style: normal;
}
.form-style em{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
.form-style div.data
{
	text-align:center;
	padding:5px;
	margin:0px;
	height:auto;
}
.form-style hr{
	border:1px solid #999;
}
.error{
	display:none;
}
.privacy{
	font-size:12px;
}
.privacy a{ 
	color: #1abc9c;
	text-decoration:none;
}
.privacy a:hover{
	color: #109177;
}
#menu{position:fixed; z-index:9999; top:0; left:0; right:0; background-color: #1abc9c; border-bottom:1px solid #999; height:100px;}
#basecontent{padding-top:65px; padding-left:10px; padding-right:10px; padding-bottom:30px;}
#pedatacontent{position:fixed; bottom:0; left:0; right:0; background-color:#FFFFFF; border-top:1px solid #999; height:20px; padding-left:10px; padding-right:10px; padding-top:5px; z-index:9999; text-align:center; font-size:11px; line-height:11px;}
#pedatacontent #right{float:right; height:20px; line-height:20px;}
#pedatacontent #left{float:left; height:20px; line-height:20px;}
#pedatacontent #centro{ height:20px; line-height:20px;margin: 0px auto;}
#pedatacontent a{text-decoration:none; color:#006699; font-size:11px; line-height:11px; border:0px; margin:0px;}
#pedatacontent a:hover{color:#3399FF;}
#pedatacontent p{color:#006699; font-size:11px; line-height:11px; border:0px; margin:0px;}
body{margin-top:50px;}
#intestazione h1{text-align:center; font-size:28px; color:#fff}
.urgenza{font-weight: bold; background-color: #77c0b1; border: 1px solid #333;}