* {
margin:0px;
padding:0px;
font-family: 'Droid Sans', serif;
color:#ffffff;
}

html, body {
background-color:#000000;
}

#wrapper {
	/*margin:5px 0 0 5px;*/
	margin:5px auto 5px auto;
	width:980px;
	}
	#testata {
		width:980px;
		height:119px;
		}
		#logo {
			width:200px;
			height:119px;
			float:left;
			}
		#motto_home  {
			width:780px;
			height:119px;
			float:left;
			}
			#motto_home .testo  {
				font-size:18px;
				margin: 50px 0 0 0;
				text-align:center;				
				}
				#motto_home .testo span {
					font-size:12px;
					}
		#motto  {
			width:390px;
			height:119px;
			float:left;
			}
			#motto .testo  {
				font-size:20px;
				margin: 60px 0 0 40px;
				}
		#benvenuto  {
			width:390px;
			height:119px;
			float:left;
			}
			#benvenuto .testo {
				text-align:right;
				font-size:20px;
				margin: 60px 20px 0 0px;
				}
				#benvenuto .testo .nome  {
					color:#ffff00;
					font-weight:bold;
					text-transform: uppercase;
					}
	#modello {
		width:980px;
		margin-top: 24px;
		float: left;
		}
	#parametri_custom,
	#custom {
		width:980px;
		float: left;
		}
		#modello_custom .colore,
		#modello_custom .modello,
		#parametri_custom .parametro,
		#custom .parametro,
		#modello .parametro {
			height: 24px;
			float:left;
			margin: 12px 0 12px 25px;
			}
			#parametri_custom .parametro {
				height: 45px;
				}
		#parametri_custom .parametro .step_num,
		#custom .parametro .step_num,
		#modello .parametro .step_num {
			background-image:url(../img/bollinogrigio.png);
			width: 24px;
			height: 24px;
			text-align: center;
			line-height: 24px;
			margin-left: 10px;
			float:left;
			color: #000000;
			font-weight:bold;
			}
			#parametri_custom .parametro .step_num_attivo,
			#custom .parametro .step_num_attivo,
			#modello .parametro .step_num_attivo {
				background-image:url(../img/bollinobianco.png);
				width: 24px;
				height: 24px;
				text-align: center;
				line-height: 24px;
				margin-left: 10px;
				float:left;
				color: #000000;
				font-weight:bold;
				}
			
		#parametri_custom .parametro .step_val,
		#custom .parametro .step_val,
		#modello .parametro .step_val {
			color: #666666;
			/*min-width: 120px;*/
			min-width: 95px;
			height: 24px;
			font-size: 11px;
			margin-left: 8px;
			float:left;
			font-weight:bold;
			}
			#parametri_custom .parametro .step_val em,
			#custom .parametro .step_val em,
			#modello .parametro .step_val em {
				color: #666666;
				font-weight:normal;
				}
			.parametro .step_val a {
				cursor: pointer;
			}
		#parametri_custom .parametro .nome_colore {
			color:#ffff00;
			font-weight:bold;
			font-size:11px;
			margin: 38px 0 0 40px;
			}
		#parametri_custom .parametro .step_dropmenu,
		#custom .parametro .step_dropmenu,
		#modello .parametro .step_dropmenu {
			float: left;
			width: 142px;
			margin-left: 8px;
			}
			#parametri_custom .parametro .step_dropmenu select,
			#custom .parametro .step_dropmenu select,
			#modello .parametro .step_dropmenu select {
				color: #000000;
				height: 24px;
				font-size: 12px;
				/*line-height: 24px;*/
				width: 120px;
				padding: 5px 0 0;
				}
				#parametri_custom .parametro .step_dropmenu select option,
				#custom .parametro .step_dropmenu select option,
				#modello .parametro .step_dropmenu select option {
					color: #000000;
					height: 24px;
					font-size: 12px;
					/*line-height: 24px;*/
					padding: 5px 0 0;
					}
		#modello_custom .colore,
		#modello_custom .modello {
			color: #ffffff;
			font-size: 18px;
			}
		#modello_custom .colore {
			margin-left:200px;
			}
			#modello_custom .colore .giallo,
			#modello_custom .modello .giallo {
				color: #ffff00;
				}
			
		
		.separatore {
			float: left;
			margin: 15px 0 8px;
			width: 980px;
			}
			.separatore hr {
				width: 900px;
				color: #666666;
				background-color: #666666;
				height: 1px;
				margin: 0 auto;
				border: 0px;
			}
			
	#content_conf {
		float: left;
		width:940px;
		height:660px;
		margin: 10px 20px 0 20px;
		background-color: #dedede; /* ffffff */
		}
		span#cfg_nomecomponente  {
			color:#000000;
			}
		#content_conf #come_funziona .titolo {		
			font-size: 22px;
			color: #000000;
			font-weight: bold;
			margin: 25px 0 0 12px;
			}		
		#content_conf #come_funziona .col1 {
			margin: 25px 0 0 12px;
			width: 330px;
			float:left;
			color: #666666;
			font-size: 12px;
			}			
		#content_conf #come_funziona .col2 {
			margin: 25px 0 0 10px;
			width: 265px;
			float: left;
			color: #666666;
			font-size: 12px;
			}
			#content_conf #come_funziona .col2 strong {
				color: #666666;
				}	
		#content_conf #come_funziona .col3 {
			margin: 25px 0 0 12px;
			width: 310px;
			float:left;
			color: #666666;
			font-size: 12px;
			}
			#content_conf #come_funziona .col3 a {
				color:#990000;
				text-decoration: none;
				font-weight:bold;
				}
				#content_conf #come_funziona .col3 a:hover {
					text-decoration: underline;
					}
		/* CONFIGURATORE */
		#content_conf #bikelayers {
			display:none;
			}		
			#content_conf #bikelayers #color_selectd strong,
			#content_conf #bikelayers #color_selectd {
				margin: 15px 0 0 10px;
				color: #000000;
				}
			#content_conf #bikelayers #color_picker {
				margin: 5px 0 0 15px;
				color: #000000;
				}
				/*#content_conf #bikelayers #color_picker a {*/
				#content_conf #bikelayers #color_picker img {
					margin: 0 4px 0 0;
					cursor: pointer;
					}
					/*#content_conf #bikelayers #color_picker a img {
						border: 0;
						}*/
					
			#content_conf #bikelayers #cfg_bikelayer *,
			#content_conf #bikelayers #cfg_bikelayer {
				width: 940px;
				height: 530px;
				margin: 0 auto;
				/*background-color: #DCDCDC;*/
				}
				#content_conf #bikelayers #cfg_bikelayer {
					margin-top:10px;
				}
			
	#registrati {
		float: left;
		width:940px;
		}
		#registrati .col1 {
			margin: 25px 0 0 12px;
			width: 530px;
			float: left;
			}
			#registrati .col1 .titolo,
			#registrati .col1 .titolo em {
				color:#000000;
				font-weight: bold;
				font-size: 18px;
				}				
			#registrati .col1 .separatore {
				float: left;
				width: 530px;
				}
				#registrati .col1 .separatore hr {
					width: 530px;
					color: #cccccc;
					background-color: #666666;
					height: 1px;
					margin: 0 auto;
					}	
			#registrati .col1 .testo,
			#registrati .col1 .testo em {
				color:#000000;
				font-size: 12px;
				}
			#registrati .col1 .form {
				float: left;
				width: 530px;
				}
				#registrati .col1 .form .input {
					width:250px;
					float: left;
					margin: 6px 0 0 0;
					}
					#registrati .col1 .form .input span.input {
						font-weight: bold;
						color: #666666;
						font-size: 13px;
						padding-left: 4px;
						}
					#registrati .col1 .form .input input.text {
						border: 1px solid #d4d4d4;
						background-color: #fcfcfc;
						height: 20px;
						width: 240px;
						margin: 4px 0 0 0;
						color: #000000;
						}
						#registrati .col1 .form .input input.text:focus {
							background-color: #feffb5;
							}
					#registrati .col1 .form .input input.error {
						border: 1px dotted #FF0000;
						}
					#registrati .col1 .form .input label.error {
						color:#ff0000;
						font-size:10px;
						}
				#registrati .col1 .form .privacy {
					float:left;
					width: 530px;
					margin-top: 25px;
					color: #000000;
					font-size: 14px;
					}
					#registrati .col1 .form .privacy .title {
						color:#000000;
						font-weight: bold;
						font-size: 16px;
						float:left;
						width: 530px
						}
					#registrati .col1 .form .privacy textarea {
						font-size:11px;
						color:#000000;
						/*float:left;*/
						width: 450px;
						margin-bottom:20px;
						}
					#registrati .col1 .form .privacy input.radio {
						
						}						
					#registrati .col1 .form .privacy input.submit {
						width: 70px;
						height: 35px;
						background-color: #990000;
						border:0px;
						margin-left:240px;
						font-weight:bold;
						}
			
					
		#registrati .col2 {
			margin: 25px 0 0 45px;
			width: 340px;
			float: left;
			}
 			#registrati .col2 .titolo,
 			#registrati .col2 .titolo em {
				color:#000000;
				font-weight: bold;
				font-size: 18px;
				}
			#registrati .col2 .testo,
			#registrati .col2 .testo em {
				color:#000000;
				font-size: 12px;
				}				
			#registrati .col2 .separatore {
				float: left;
				width: 340px;
				}
				#registrati .col2 .separatore hr {
					width: 340px;
					color: #cccccc;
					background-color: #666666;
					height: 1px;
					margin: 0 auto;
					}
			#registrati .col2 .form {
				height:185px;
				}
				#registrati .col2 .form .input {
					width:250px;
					float: left;
					margin: 6px 0 0 0;
					}
					#registrati .col2 .form .input span.input {
						font-weight: bold;
						color: #666666;
						font-size: 13px;
						padding-left: 4px;
						}
					#registrati .col2 .form .input input.text {
						border: 1px solid #d4d4d4;
						background-color: #fcfcfc;
						height: 20px;
						width: 240px;
						margin: 4px 0 0 0;
						color: #000000;
						float:left;
						}
						#registrati .col2 .form .input input.text:focus {
							background-color: #feffb5;
							}
					#registrati .col2 .form .input input.error {
						border: 1px dotted #FF0000;
						}
					#registrati .col2 .form .input label.error {
						color:#ff0000;
						font-size:10px;
						}
							
					#registrati .col2 .form input.submit {
						width: 70px;
						height: 35px;
						background-color: #990000;
						border:0px;
						margin-left:240px;
						font-weight:bold;
						float:left;
						margin: -26px 0 0 250px;
						}
					
			
	#content_invia {
		float: left;
		width: 920px;
		height: 60px;
		margin: 20px 20px 0 20px;
		background-color: #ffffff;
		padding:10px;
		}
		#content_invia .txt strong,
		#content_invia .txt {
			color:#6a6a6a;
			font-size:13px;
			line-height:18px;
			}
			#content_invia .txt a {
				background-color: #990000;
				display: block;
				float: right;
				height: 30px;
				line-height: 30px;
				margin: -22px 30px 0 0;
				text-align: center;
				width: 92px;
				text-decoration:none;
				font-weight:bold;
				}
				#content_invia .txt a.stampa {
				margin: -22px 50px 0 0;
				}
				#content_invia .txt a.invia,
				#content_invia .txt a.stampa {
					cursor:pointer;
					}

	#footer {
		float: left;
		width: 980px;
		margin:30px 0 15px 0;
		text-align:center;
		font-size:11px;
	}



a#logout{
	background-image:url(../img/logout.png);
	background-repeat:no-repeat;
	cursor: pointer;
	background-position: left center;
	padding-left: 20px;
	color:#FFFF00;
	font-size:18px;
}