@charset "utf-8";
/* CSS Document 
 --- stylesheet
Author: info@gmvergani.com
Version:...
Last updated: ...
*/

html{}
*{margin:0; padding:0;}
body {font: 100%/1.4  Verdana, Arial, Helvetica, sans-serif;color: #000;}
textarea {font: 12px Verdana, Arial, Helvetica, sans-serif;	}
textarea {padding:5px;}
a img { border: none;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover, a:active, a:focus { text-decoration: none;}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {	display: block;}
br.clear  {clear: both;}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;	margin-left: 8px;}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;	margin-right: 8px;}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;	height:0;	font-size: 1px;	line-height: 0px;}
	
.monitor {border: 0px solid red;background: red} 
input.illegal,
textarea.illegal,
select.illegal{ background-color:#FF6600; color:#FFF !important;}

/* ============================================== PAGE LAYOUT 
<wrap_0>
	<container>
		<header></header>
		<article class="content">
			<h1></h1>
			<section>
				<h2></h2>
				<p></p>				
			</section>	
		</article>
		<footer></footer>
	</container>		
</wrap_0>

/* ============================================================ */

/* STRUCT BLOCKS =====================================================================================================================*/
	/* structure ************************//**/ 	
	.container {width:990px; margin: 0 auto;}
	.container {width:95%;}	
	header { position:relative;  z-index:12; height: 80px; margin: 0 0 5px}
		#stage {width:990px;  height: 240px; }
	article.content { float:none; min-height:300px; padding:0;}
	article.content { width:auto; }

	footer { position:relative; height:45px; padding:0 20px 8px; clear:both;  }
	/* typography ************************//**/ 
/*	body {	background: #6a0000;} rosso */ 
/*	body {	background: #ff8a30; } giallo */ 
	body {	background: #333; }	/* grigio */ 

	.container {background: #FFF; box-shadow: 0px 0px 20px #000; border-bottom-right-radius:8px; border-bottom-left-radius:8px;}
/* FINE STRUCT BLOCKS =====================================================================================================================*/


/* HEADER ====================== v14 */ /**/
	/* structure ************************//**/ 
			header a {display:block; position:absolute;}
					a#logo_sx {left:0px; top:0px; width:100%; height:100%;  z-index:12;}
/*					a#logo_dx {right:0px; top:0px; width:120px; height:120px;  z-index:12;}*/
			header h4.reserved { 	position:absolute; bottom:10px; right:20px; z-index:100;
				width:196px; padding:4px 20px 2px;
				overflow:hidden;
				border: 0px solid #fbb37f; 
				border-radius:4px;
			}
	/* typography ************************//**/ 
		header {background: #f8f8f8 url('') repeat-x left top; }	
			a#logo_sx {background: transparent url('img_logo/header_logo_placeholder.png') no-repeat 20px 2px; }
			a#logo_sx {background-size: auto 75px; }/**/
			header h4.reserved {
				color:#FFF;
				background:#ff6600; /*ARANCIO */
/*				background:#006699; AZZURRO */
				font-size:14px; font-weight:bold; text-align:center;
			}
	
/* FOOTER ======================*/  /* */
		footer div {height:auto; padding:6px 15px 6px; }
/*		footer div {position:relative; top:14px; } */
		/* == TYPO*/ /* */
		footer div{ background-color:#e8e8e8; border: 1px solid #CCC; border-radius:4px;}
		footer div { font-size:10px}

/* STAGE ======================*/  /* */
		/* structure ..................... */ /* */
		#stage {position:relative; }
		#stage {height: 20px; overflow:hidden}/* */
			#stage img { position:absolute; }
			#stage img.z1 { z-index:10}
			#stage img.z2 { z-index:9}
		/* typography ..................... */ /* */
		#stage { background: #3399cc ;background: #FFF;}


/* SECTION TITLES ======================*/  /* */
		/* structure ..................... */ /* */
		section {position:relative;}
		section {margin:25px 20px 20px; padding:8px 20px 20px;; border: 1px solid #CCC; border-radius:6px;}
			section h1.sectitle{position:absolute; top:-32px; left:0px }
			section h1.sectitle{display:none; width:auto; padding:0}
			section h2 {margin-top:10px;}
			section h2.top {margin-top:0;}
			section h2.section-header {}

		/* typography ..................... */ /* */
		section {background: #FFF url('img/fondo_section-header.gif') repeat-x left top; }
			section h1.sectitle{font-size:24px;font-weight:normal;}
			section h1.sectitle{color:#999; background:none}
				section h1.sectitle span {text-transform:capitalize;}
			section h2 {font-size:24px; font-weight:normal; }
			section h2 {color:#666; background:none }
			section h2.section-header {font-size:20px; font-weight:normal; }
			section h2.section-header {color:#FFF}
				section h2 span {font-size:20px; font-weight:normal; color:#03C}
			
 /* WELCOME ======================*/  /* */
			section div.welcome {position:absolute; top:-19px; right:0px }
			section div.welcome {font-size:11px; font-weight:normal; }
				section div.welcome span.gruppo{ padding:0 15px; background:#666; color:#FFF; border:0px solid black;font-size:10px; text-transform:uppercase;}	
			header div.welcome {position:absolute; top:5px; right:20px }				
			header div.welcome {font-size:11px; font-weight:normal; }
						
			
/* NAV ======================*/  /* */
		/* structure ..................... */ /* */
		nav {position:relative;}
		nav {height:20px; margin: 8px 0 15px;}
			nav a {float:left; display: block; }
			nav a {width:auto; height:18px; padding: 3px 6px 0;}
			nav a.cms-index {width:20px; height:18px; padding: 3px 5px 0 0;} /* ICO HOME */
			nav a.exit {width:30px;} /* ICO HOME */
			nav a.dx {float:right;}
				nav a span {position:relative; top:0px}
		/* typography ..................... */ /* */
		nav { font-size: 11px; font-weight: normal;}
			nav a,
			nav a:link, 
			nav a:visited {	
				text-align:center; text-decoration:none; 
				background:#eee; color:#666; 
				border:1px solid #999; border-left:none;
			}
			
			nav a:hover, 
			nav a:active, 
			nav a:focus {color:#FFF; background:#000;}
			
			nav a.first {border-left:1px solid #999}
			nav a.select {color:#FFF; background:#666;}
			nav a.cms-index {background: transparent url('img/ico_home_20x20.png') no-repeat left center;  border:none}
			
			nav a.dx.exit { border-left:1px solid #999;}
			
/* NAV DROP ======================*/  /* */
			div.nav_drop{ position:relative; }
			div.nav_drop.cms { position:relative; }
					div.nav_drop.cms a.cms_L0 {border-left:1px solid #999; border-right:none; } /*  */
			/* SUB*/ 
				.nav_drop div.wrap_sub {position:absolute; z-index:20;  }
				.nav_drop div.wrap_sub {top:21px; }/* 19    NAV HEIGHT -1 */
					.nav_drop div.sub { display:none; }
					.nav_drop div.sub { position:relative; left:-1px   }
					.nav_drop div.sub { margin-top:0; padding:0px;  z-index:3; }
						.nav_drop div.sub a{ width:200px; border:1px solid #999;}
						.nav_drop div.sub a{ border-top:none;}
						.nav_drop div.sub ul { list-style:none; margin: 2px 0; padding:0 }
						.nav_drop div.sub li { margin-top:2px; padding-left:0; white-space:nowrap;/**/}
						
							.nav_drop div.sub li.login a{ border-top:1px solid #999;}		
			/* typography ........................................... */  /**/
			.nav_drop { font-size: 11px; font-weight: normal;    cursor: s-resize;}
				.nav_drop a,
				.nav_drop a:link, 
				.nav_drop a:visited {
					text-decoration:none; 
					background:#f0f0f0; color:#666;
					}
				.nav_drop a:hover, 
				.nav_drop a:active, 
				.nav_drop a:focus { color:#FFF; background:#000;}
				
				.nav_drop a.last { border-right:1px solid #999}
				.nav_drop a.select {color:#FFF; background:#666;}
				
			/* SUB*/ 
				.nav_drop div.wrap_sub {  /* box-shadow: 0px 2px 4px rgba(0,0,0,0.3);   background-color: rgb(240, 240, 240);*/}	
						.nav_drop div.sub a{text-align:left}
						.nav_drop div.sub li.noactive a {color:#CCC;/**/}	
						
				.nav_drop a.treelist { background-image:url('img/ico_treelist.png'); 
										background-size:contain; 
										background-position:98% center; 
										background-repeat:no-repeat; 
									}
				div.nav_drop a.treelist.select, 
				div.nav_drop a.treelist:hover 
									{ background-image:url('img/ico_treelist_neg.png') }
					
								
	/* monitor ........................................... */  /**/
/*				.nav_drop div.wrap_sub {background:green }  */




/* ITEMBOX ======================*/  /* */
		/* structure ..................... */ /* */
		.itembox {position:relative;}
		.itembox {width:auto; margin:0 0 5px; padding:5px; }
		.itembox { overflow:hidden;overflow:auto;}		
		.itembox {border: 1px solid #CCC; border-radius:3px} 
			.itembox ul.large {width:50%; margin:20px 20px; padding:15px 40px; border:1px solid #999; border-radius:8px}	
			.itembox input[type=submit].large {padding:0 20px}
		/* typography ..................... */ /* */		
		.itembox { background:#f8f8f8}
		.itembox {font-size:11px; }
			.itembox ul.large {font-size:18px; font-weight:normal; color:#666; background-color:white}
				.itembox ul.large a{color:#666; text-decoration:none}
				.itembox ul.large a:hover{color:#ff8a30; text-decoration:underline}
			.itembox input[type=submit].large {font-size:16px; color:#333; cursor:pointer}

		.itembox.querymonitor { margin-top: 5px; font: 12px Verdana, Arial, Helvetica, sans-serif;	 }

/* LISTA  ======================*/  /* */
/* ANAGRAFICA  ======================*/  /* */
			/* === itembox.anagrafica */ /* */
			.itembox.anagrafica {max-height:600px; overflow:auto;}
				.anagrafica tr.header {}
				.anagrafica th {padding:5px 5px 2px; vertical-align:top ;   border-right: 1px solid #666;}
					.anagrafica th img {margin:5px 0 0 0;}
				.anagrafica td { width:auto;  padding: 0 5px; border: 1px solid #CCC;}
			
					.anagrafica td.iconcell a{display:block; width:auto; height:22px}
					.anagrafica td.iconcell.thumb a{ width:auto; height:auto}
					.anagrafica td.iconcell input[type=radio]{position:relative; top:4px ;left:15px }				
				
				.anagrafica td.format_longtxt{max-width:120px; }
				.anagrafica td.canc{padding-top:3px}
					.anagrafica td a.goTonews { }
									
				.anagrafica button {width:auto;}
		
			/* typography ************************//**/ 
			.anagrafica th { background:#555; color:#FFF }
			.anagrafica th { font-weight:normal}
			.anagrafica th.iconcell {background:none; border: none ; color:#000 }
			.anagrafica th.iconcell a {color:#000 }
			.anagrafica th.editable {background:#333; border: none  }
				.anagrafica th a {color:#FFF;text-decoration:none }
			
			.anagrafica td {text-align:left; vertical-align:middle; background: #FFF;}
			.anagrafica td.iconcell {background: transparent; vertical-align:middle}
			.anagrafica td.edit {background: transparent url('img/ico_15_modifica.gif') no-repeat center ; }
			.anagrafica td.edit {border:1px solid white;}
			.anagrafica td.edit:hover {border:1px solid #CCC; background-color:#FFF}
			.anagrafica td.view {background: transparent url('img/ico_15_view.png') no-repeat center; }
			.anagrafica td.view:hover {cursor:pointer; opacity:0.6}
			.anagrafica td.pdf.carica  	{background: transparent url('') no-repeat center; cursor:pointer}
			.anagrafica td.pdf.vedi 	{background: transparent url('img/ico_15_pdf.png') no-repeat center; }	

								
			.anagrafica td.delete { background:none; border: none; text-align: center;}
				.anagrafica td.delete input{position:relative;top:-3px;top:3px; cursor:pointer  }	
				.anagrafica td a {color:#000; text-decoration:none }
				
				div.status {color:#FFF; padding:0 2px }
				div.status.green {background: green; }
				div.status.red {background: red; }				
				div.status.gray {background: #999; }				
				
				
			/* monitor ************************//**/
/*.anagrafica td.pdf a{border:1px solid red }*/

/* SKEDA  ======================*/  /* */

			#fase-1, 
			#fase-2{float:left; padding-top:10px;}
			#fase-1 {width:448px; }
			#fase-1.C1 {width:100%; }			
			#fase-2 {width:440px; padding-left:8px; overflow:hidden}


			/* table#fasi */ /* */
			.editform table#fasi { width:100%; border-collapse:separate; border-spacing:1px  }
			.editform table#fasi td {width:auto; padding:2px 5px; border:1px solid #999}
			.editform table#fasi td:first-child {width:440px}
			/* typography ************************//**/ 
			.editform table#fasi td {background:#FFF; color:#333; font-size:12px;vertical-align:top}
			.editform table#fasi td.fase-accesa {background:#999; color:#FFF }
			/*	.editform table#fasi td.fase-accesa {background: #FC0; color:#000  } */


		/* EDIT FORM ======================*/  /* */
			.editform input {width:250px; padding: 1px 3px}
			.editform input.fullwidth {width:95%;}
			.editform input[type=radio] {width:auto; position:relative;top:2px;left:2px}
			.editform textarea {width:280px; padding:2px 5px}
			.editform option {padding: 1px 5px}
			/* typography ************************//**/ 				
			.editform input[type=text]{color:#03C}
			.editform textarea {color: #03C }
			.editform select {color: #03C }

		/* EDIT FORM FIELDSETS NO TABLE/LABEL TABLE  ======================*/  /* */	
			/* structure ************************//**/ 
				#insert .wrap_fieldset {width:100%; margin:10px 0; padding:10px 0;  border-top:1px solid #CCC}
				#insert .wrap_fieldset.top { border-top:none}
					#insert fieldset {padding:0 25px; border:none;}
						#insert label {float:left; width:auto; padding:5px 0;}
						#insert label:first-child {width:220px;padding-right:20px}	
						#insert label.confirm {width:auto}
							#insert label.dati span {float:left; display:block;width:150px}
							#insert label.dati table { width:100%; border-spacing:0; border-collapse:collapse; }
								#insert label.dati th {width:auto; min-width:165px; padding:2px 20px 0px 0; border:none; border-bottom:1px solid #DDD;}
								#insert label.dati td {padding:2px 20px 0px 0; border:none; border-bottom:1px solid #DDD;}
								
						#insert label.wrap {padding:0}		
							#insert label.wrap span {float:left; display:block; width: auto}	
								
						#insert input,
						#insert select {float:left; margin-right:10px; padding:2px; max-width:400px}
/*						#insert input {width:auto}	  */						
						#insert input[type=checkbox] {float:left; width:auto; margin-right:10px; margin-top:8px}						
						#insert input[type=radio] { margin:5px 10px 0 15px; }
						#insert input[type=radio]:first-child { margin-left:0; }
					/*fasi
					#insert .wrap_fieldset.fasi {margin:0; border:none}
						#insertr .wrap_fieldset.fasi fieldset{}
							#insert .wrap_fieldset.fasi label{}
					*/
					/*dialog			
					#insert fieldset.dialog.reg.client {position:fixed;left:0; bottom:0; width:100%; margin:0 auto; padding:8px 0; z-index:999}	
					*/		
			/* typography ************************//**/  
					#insert fieldset.required {background: transparent url('img/bullet_required.png') no-repeat 5px 8px}
						#insert fieldset.required.label_required label {color:red;font-size:11px;}
					#insert fieldset.dialog {text-align:center; background-color:#FF6600; color:#FFF;}
						#insert label { font-size:12px; font-weight:normal;}
						#insert input { font-size:12px;}
							#insert label.dati span {font-weight:bold; color:#666;}	
									#insert label.dati th {font-weight:bold; color:#666;}
									#insert label.dati.utente th {text-align:left}	
						#insert label.label.dialog {color:red;font-size:11px;}
																				
					#insert fieldset.register {text-align:left;}
					#insert fieldset.register.required {background-position: 30px 12px}
					/*dialog	
						#insert fieldset.dialog.reg.client {display:none; background-color: 30px 12px }
					*/	
					/*fasi
					#insert .wrap_fieldset.fasi {background: #666; color:#888}
						#insert .wrap_fieldset.fasi fieldset{}
							#insert .wrap_fieldset.fasi label.active{color:#FFF}	
						*/
	
		/* SUBMIT */ /* */
			.editform #insert input[type=submit] {width:auto; margin:0px 0 10px; padding:0 50px; max-width:448px;float:none }
			/* typography ************************//**/
			.editform #insert input[type=submit] {font-size:15px}	

	
		/* back-to-list */ /* */
			.editform a.back-to-list {float:left; display:block; border-radius:4px}
			.editform a.back-to-list {height:18px; margin:2px 10px; padding: 3px 10px}
			.editform a.back-to-list.stacked {margin:10px 0 0; padding:3px 20px }
			.editform a.back-to-list.stacked {width:auto; }	/*width:410px;*/ 				
			/* typography ************************//**/
			.editform input[type=submit] {font-size:15px}				 			
			.editform a.back-to-list {font-weight:normal; text-decoration:none; text-align:left}
			.editform a.back-to-list {background: #FC0; color:#000 }
			.editform a.back-to-list:hover {background:#FF6600; color:#FFF }


			/* div#fase1 */  
	 			#fase-1 h2 {margin:0 0 20px ; } 
				#fase-1 div.guide {margin-top:20px; padding: 5px; border:1px solid #999; border-radius:6px}
				#fase-1 div.guide table td{padding:0 2px; border:1px solid #999; border-radius:1px}

			/* typography ************************//**/ 
				#fase-1 h2 {font-size:16px; font-weight:normal; color:#666; }
				#fase-1 div.guide {font-size:10px;background:#f0f0f0}
				#fase-1 div.guide table{font-size:10px;}
				#fase-1 div.guide table th {font-size:10px;font-weight:bold;padding:0}
				#fase-1 div.guide table td {font-size:10px;text-align:right; vertical-align:top; background:#e8e8e8}	
	
			/* div#fase2 */  
				#fase-2 .upload-wrap form {padding:8px;border:1px solid #999; border-radius:6px}
				#fase-2 .upload-wrap h2 {margin:0 0 20px; /* padding:2px 5px*/}
				
				#fase-2 .upload-wrap table{width:580px; margin-bottom:10px }
				#fase-2 .upload-wrap table{width:auto;  margin-bottom:0 }
				#fase-2 .upload-wrap table{width:100%;  margin-bottom:0 }
				#fase-2 .upload-wrap th.uplDialog{padding:8px;border:1px solid #999 }
				#fase-2 .upload-wrap th.uplDialog img {display:block; margin: 0 auto}
				#fase-2 .upload-wrap td {padding:0;}
				#fase-2 .upload-wrap td:first-child {width:100%}
				#fase-2 .upload-wrap td.inputFile{width:100%;}
				
				#fase-2 .upload-wrap input {width:auto;} /* NO in FF */
				#fase-2 .upload-wrap input[type=file] {width:300px;width:100%;} /* NO in FF */
				#fase-2 .upload-wrap input[type=submit] {width:100%; margin-top:0; padding: 0 40px; float:none}
				#fase-2 .upload-wrap textarea {width:95%; height:600px; }
				#fase-2 .upload-wrap img#loader {display:none;margin:4px 0}
				#fase-2 .upload-wrap td#td-file {padding:3px; border:1px solid #ccc}
				#fase-2 .upload-wrap button.fine {padding:0 30px;float:none}

			/* typography ************************//**/ 
				#fase-2 .upload-wrap form {background: #f0f0f0}
				#fase-2 .upload-wrap input[type=file] {background:transparent;  } /*  */
				#fase-2 .upload-wrap input[type=file] {font-size:16px;  } /*  */				
				#fase-2 .upload-wrap h2{font-size:16px; font-weight:normal; color:#666; }
				#fase-2 .upload-wrap th{vertical-align:middle; } 
				#fase-2 .upload-wrap th.uplDialog{text-align:center; background: #FF6600; color:#FFF }
				#fase-2 .upload-wrap td#td-loader {text-align:center; background: #FFF; }				
				#fase-2 .upload-wrap td#td-file {background: #FFF; }	
				
				/* === .upload-lista  */ /* */
				#fase-2 .upload-lista h2 {margin:0 0 0px; /* padding:2px 5px*/}				
				#fase-2 .upload-lista form {border-radius:0}
				#fase-2 .upload-lista form.first {border-bottom:none}	
			/* typography ************************//**/ 							
				#fase-2 .upload-lista input[type=submit] {width:auto; margin-top:0; padding: 0 10px; float:none}
				#fase-2 .upload-lista table {width:auto; }
				#fase-2 .upload-lista table th,
				#fase-2 .upload-lista table td {width:auto; padding:0}
				#fase-2 .upload-lista table td:first-child {width:auto; }
				

		 	
			/* === .upload-lista  */ /* */
				#fase-2 .upload-lista {font-size:12px;}
				#fase-2 .upload-lista form.first {background: #FFF}
				#fase-2 .upload-lista input[type=submit] {font-size:12px;}
				
			/* === .fotolista  */ /* */
				table.fotolista {width:100%; margin:20px 0; }
				table.fotolista.top {margin-top:0; }
				
				table.fotolista th {padding:2px 8px;}				
				table.fotolista th:first-child { width:100%; /* min-width:296px; */}
				table.fotolista td {padding:8px; vertical-align:top}
				table.fotolista td a,
				table.fotolista td p {float:left; margin-right:5px}
				table.fotolista td p {width:auto;}
				table.fotolista td:first-child a img {width:60px;}
				
				table.fotolista td a.image-zoom {margin-right:5px}			
				/* -- typo */ /* */
				table.fotolista th {background:#FFF; color:#000; border:1px solid #CCC}
				table.fotolista td:first-child {background:#FFF; color:#000; border:1px solid #CCC}