/*========================================================================================================*/
/* HOMEPAGE */
/*========================================================================================================*/

h2.home {
	height: 170px;
	font-size: 22px;
	font-family: Georgia;
	font-weight: normal;
	color: white;
	border: 0px;
}

	h2.home span {
		width: auto;
		clear: left;
		float: left;
		height: 35px;
		line-height: 35px;
		margin: 0px 0px 30px 0px;
		padding: 0px 10px 0px 45px;
	}
		h2.home span a {color: white;}
		h2.home span a:hover {color: #ff6600;}
		
	
		h2.home span#tre {padding-right: 90px; position: relative;}
			h2.home span#tre #gohome {position: absolute; right: 5px; top: 0px;}
	
	h2.home span#due {background: url(../immagini_layout/titolo_home_2.png) left center no-repeat;}		
	h2.home span#uno {background: url(../immagini_layout/titolo_home_1.png) left center no-repeat;}		
	h2.home span#tre {background: url(../immagini_layout/titolo_home_3.png) left center no-repeat; margin-bottom: 0px;}		
			
			
h3.home {
	float: right;
	width: 206px;
	margin: 0px 0px 0px 0px;
	position: relative;
}

h4.home {
	clear: both;
	padding: 10px 0px 10px 0px;
	font-weight: normal;
	color: #0E3178;
	font-size: 20px;
}

	h4.home a {color: #0E3178; text-decoration: underline;}
		h4.home a:hover { color: #ff6600;}

a#pulsante_home  {
	display: block;
	width: 186px;
	height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 3px 20px;
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	color: white;
	font-family: Georgia;
	
	background: #ff6600 url(../immagini_layout/dettagli_offerta.png) left center no-repeat;
}
	a#pulsante_home:hover {color:#0E3178;}


/*========================================================================================================*/
/* CHI SIAMO */
/*========================================================================================================*/

#pulsante_chisiamo {float: right;}

/*========================================================================================================*/
/* PERCHE SCEGLIERCI */
/*========================================================================================================*/

ul.perche_sceglierci {
	margin: 0px;
	padding: 0px 0px 20px 10px;
	list-style: none;
}
	ul.perche_sceglierci li {
		padding: 2px 0px;
	}

/*========================================================================================================*/
/* FAQ */
/*========================================================================================================*/

/*========================================================================================================*/
/* DETTAGLI OFFERTA */
/*========================================================================================================*/


#dettagli_offerta strong.intro {
	color: #ff6600;
}

.titolo_dettagli {
	height: 50px;
	line-height: 50px;
	padding-left: 60px;
}

#titolo_dettagli_1 {background: url(../immagini_layout/titolo_dettagli_1.png) left center no-repeat;}
#titolo_dettagli_2 {background: url(../immagini_layout/titolo_dettagli_2.png) left center no-repeat;}
#titolo_dettagli_3 {background: url(../immagini_layout/titolo_dettagli_3.png) left center no-repeat;}

.dettaglio {
	padding: 0px 0px 15px 0px;
	margin-bottom: 20px;
	clear: both;
	border-bottom: 1px dashed #FF6600;
}


a.ulteriori_dettagli {
	clear: both;
	display: block;
	width: 110px;
	margin-left: 60px; 
	padding-right: 15px;
	font-family: Georgia;
	font-size: 13px; 
	color: #ff6600;
	background: url(../immagini_layout/ulteriori_dettagli.png) right center no-repeat;
	cursor: pointer;
}
	a.ulteriori_dettagli:hover {color: #CCECF9;}

.dettaglio p.testo_dettaglio {
	margin: 0px;
	padding: 20px 0px 0px 30px;
}


#dettaglio_1 p.procedimento {float: left; padding-left: 60px;}
#dettaglio_1 img {float: right; padding-right: 40px;}

#soluzione_portali_logo {position: relative;left: 20px;}
#dettaglio_2 img {padding: 20px 0px 10px 60px;}

#gohome_offerta {position: relative;top: 3px;}
#dettaglio_3 img {padding: 20px 0px 10px 60px;}

/*-- riepilogo offerta --*/
.riepilogo_offerta {
	margin-bottom: 10px;
	padding: 10px 30px 20px 30px;
	background: #CCECF9;
}

	.riepilogo_offerta p {
		color: #0E3178;
		font-size: 14px;
		line-height: 18px;
	}
	
	.riepilogo_offerta span {
		font-family: Georgia;
		color: #FF6600;
	}
	
	.riepilogo_offerta span strong {font-size: 25px; line-height: 40px; font-weight: normal;}
	
	a#scegli_grafica {
		float: right;
		margin: -70px 20px 0px 0px;
	}
	
#vecchio_prezzo_offerta {
	text-decoration: line-through;
}
/*-- riepilogo offerta --*/

/*========================================================================================================*/
/* GRAFICA-1  -  scelta grafica */
/*========================================================================================================*/

#scelta_grafica {margin-bottom: 20px;}


#scelta_grafica img {
	float: left;
	margin: 0px 58px 30px 0px;
	padding: 2px;
}

	#scelta_grafica img.ultimo {margin-right: 0px;}
	#scelta_grafica img.nobordo {margin-bottom: 0px;}
	
	#scelta_grafica a:hover img {border: 2px solid #66B8FF; padding: 0px;}
	
/*========================================================================================================*/
/* GRAFICA-2  -  personalizza grafica */
/*========================================================================================================*/

#personalizza_grafica img.grafica {
	float: left;
	border: 1px solid #13357D;
}


#personalizza_grafica a.vedi_dettagli {
	float: right;
	height: 20px;
	color: #66B8FF;
}
	#personalizza_grafica a.vedi_dettagli:hover {color: #FF6600;}


#personalizza_grafica div.procedi {
	float: right;
	width: 306px;
	padding: 210px 0px 0px 0px;
	position: relative;
	left: 15px;
}


	/* procedi / indietro */
	#personalizza_grafica div.procedi a {
		display: block;
		width: 286px;
		height: 35px;
		padding: 0px 0px 0px 20px;
		line-height: 35px;
		color: white;
		text-transform: uppercase;
	}
		#personalizza_grafica div.procedi a:hover {color: #0E3178;}
	
		#personalizza_grafica div.procedi a#procedi {background: url(../immagini_layout/procedi.png) left top no-repeat;}
		#personalizza_grafica div.procedi a#indietro {background: url(../immagini_layout/indietro.png) left top no-repeat;}
	
	/* chiamaci */
	#personalizza_grafica div p#chiamaci {
		margin: 10px 0px 30px 0px;
		padding: 20px 50px 20px 0px;
		width: 250px;
		color: #008F36;
		position: relative;
		border-bottom: 1px solid #FF6600;
	}
			/* numero verde */
		#personalizza_grafica div p img {
			position: absolute;
			right: 0px;
			top: 20px;
		}
		
/*========================================================================================================*/
/* GRAFICA-3  -  richiesta d'ordine */
/*========================================================================================================*/

#modulo_richiesta {
	width: 500px;
	float: left;
}

#modulo_richiesta fieldset {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#modulo_richiesta legend {
	display: block;
	color: #FF6600;
	font-size: 18px;
	font-family: Georgia;
	padding: 0px 0px 15px 0px;
}
#modulo_richiesta label{display: block; position: relative;}
#modulo_richiesta input {border-color: #13357D; position: relative;}
#modulo_richiesta legend{display: block;clear: left;}
/* dati */
#modulo_richiesta span.dati {display: block;width: 500px; height: 170px;}
#modulo_richiesta .dati label {float: left;}
#modulo_richiesta .dati label input {width: 200px;margin: 4px 35px 10px 0px;}
#modulo_richiesta .dati label.cap input{width: 50px;}
#modulo_richiesta .dati label.provincia input{width: 50px;}
/* colore */
#modulo_richiesta label.colore {float: left; margin-right: 20px; position: relative;}
#modulo_richiesta label.colore input {width: 100px; position: relative;}
/* dominio */
#modulo_richiesta  legend.dominio {display: block; clear: left; padding-top: 25px;}
#modulo_richiesta .dominio label {margin-bottom: 5px;}
#modulo_richiesta .dominio span {padding-right: 15px; margin-right: 5px; border-right: 1px solid black;}
#modulo_richiesta .dominio label.float {float: left;}
#modulo_richiesta .dominio label.si_no input {border: 0px; border-bottom: 1px solid #666666; margin-right: 10px;}
#modulo_richiesta .dominio label input.radio{border: 0px;}

#modulo_richiesta label.privacy {clear: left;padding: 20px 0px 20px 0px;}
	#modulo_richiesta label.privacy a {color: #666666;}
	#modulo_richiesta label.privacy input {border: 0px; margin: 10px 0px 0px 0px;}

input#invia_richiesta {
	display: block;
	width: 176px;
	height: 35px;
	margin: 0px 0px 20px 0px;
	padding-left: 10px;
	line-height: 35px;
	background: url(../immagini_layout/procedi.png) right top no-repeat;
	color: white;
	border: 0px;
	text-align: left;
}

	input#invia_richiesta:hover {color: #13357D; cursor: pointer;}

.composizione_offerta {
	width: 300px;
	float: right;
	padding-right: 20px;
}
	.composizione_offerta h5 {
		color: #FF6600;
		font-weight: normal;
		font-size: 13px;
		font-family: Georgia;
		padding-bottom: 10px;
	}

	.composizione_offerta p {
		border: 1px solid #FF6600;
		padding: 20px;
		font-size: 12px;
		color: #666666;
		margin: 0px;
	}
	
		.composizione_offerta p #costo{
			display: block;
			margin-top: 10px;
			padding: 3px 0px;
			/*background: url(../immagini_layout/costo.png) -5px center no-repeat;*/
			border-top: 1px dotted #666666;
			border-bottom: 1px dotted #666666;
		}

#pulsante_grafica {
	width: 250px;
	text-align: right;
	padding-right: 30px;
	background: #FF6600 url(../immagini_layout/dettagli_offerta.png) right top no-repeat;
}


.conferma {height: 200px;}
	.conferma h3 {font-size: 14px; color: #FF6600;}

/*========================================================================================================*/
/* RICHIEDI INFORMAZIONI */
/*========================================================================================================*/

#modulo_contatti {
	width: 700px;
	float: left;
}

#modulo_contatti fieldset {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#modulo_contatti legend {
	display: block;
	color: #FF6600;
	font-size: 18px;
	font-family: Georgia;
	padding: 0px 0px 15px 0px;
}
#modulo_contatti label{display: block; position: relative; float: left; padding: 10px 60px 0px 0px;}
#modulo_contatti input {border-color: #13357D; position: relative; width: 250px; margin-top: 5px;}

#modulo_contatti .cap input, #modulo_contatti .provincia input {width: 90px; margin-right: 5px;}

#modulo_contatti .richieste {clear: left;}
#modulo_contatti .richieste textarea {border-color: #13357D;margin-top: 5px; width: 570px; height: 80px; overflow: auto;}

#modulo_contatti label.privacy {padding: 15px 0px 20px 0px; clear: left; float: left; width: 400px;}
	#modulo_contatti label.privacy a {color: #666666;}
	#modulo_contatti label.privacy input {border: 0px; width: 15px; height: 15px; margin: 10px 0px 0px 0px;}

input#invia_richiesta {
	float: left;
	width: 176px;
	height: 35px;
	margin: 20px 0px 20px 0px;
	padding-left: 10px;
	line-height: 35px;
	background: url(../immagini_layout/procedi.png) right top no-repeat;
	color: white;
	border: 0px;
	text-align: left;
}

	input#invia_richiesta:hover {color: #13357D; cursor: pointer;}