/* colori 

azzurrino			#efeff1
blu scuro:			#3b4955
grigio chiaro:		#bdbab9
grigio scuro: 		#7d776e
grigio chiarissimo: #e1e1e1 
blu logo:     		#0D66AA
blu pulsanti:		#315aac
rosso logo: 		#B20137

/* @group reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

/* @end */

/* @group ie png fix */
/*img { behavior: url(lib/iepngfix.htc) }*/

/* @end */

/* @group swfupload */

DIV.ProgressBar {
	width: 150px; 
	padding: 0; 
	float: left;
	margin: 1px 0 0 0;
	border: 1px solid #7d776e; 
	height:.75em; 
	/*display:-moz-inline-stack;*/ 
	display:inline-block; 
	/*zoom:1;*/ 
	/**display:inline;*/ 
	}
	DIV.ProgressBar DIV {
		background-color: #3b4955;
		font-size: 1pt; 
		height:100%; 
		float:left;
	}

SPAN.asyncUploader  {
	width: 330px;
}

SPAN.asyncUploader span#piantastand_completedMessage {
 	/*display: block;*/ 
	float: left; 
	/*font-size: 12px;*/
	/*margin-left: 10px;*/


	}
SPAN.asyncUploader OBJECT { 
	position: relative; 
	top: -3px; 
	left: 1px;
}



/* @end */

/* @group generali */
body {
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #3B4955;
}

a#home-link {
	width: 246px; height: 65px;
	position: absolute;
	top: 7px; left: 37px;
	text-indent: -9999px;
}
	
a{text-decoration: none; color: #3B4955; outline-style: none;
	font-weight: bold;
}

a:hover {color: #B20137;}

.bottone {
	width: 162px; height: 47px;
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	padding-top: 6px;
	border: 0 none;
}
.bottonenormale {
	background: url(../images/bottone_doppio.jpg) no-repeat 0 top;
}
	.bottonenormale:hover {
		background: url(../images/bottone_doppio.jpg) no-repeat 0 bottom;
	}

	.scarica_brochure {
		background: url(../images/scarica_brochure.jpg) no-repeat 0 top;
	}
		.scarica_brochure:hover {
			background: url(../images/scarica_brochure.jpg) no-repeat 0 -53px;
		}
	.richiedi_contatto {
		background: url(../images/richiedi_contatto.jpg) no-repeat 0 top;
	}
		.richiedi_contatto:hover {
			background: url(../images/richiedi_contatto.jpg) no-repeat 0 bottom;
		}

	.richiedi_preventivo {
		background: url(../images/richiedi_preventivo.jpg) no-repeat 0 top;
	}
		.richiedi_preventivo:hover {
			background: url(../images/richiedi_preventivo.jpg) no-repeat 0 bottom;
		}
		
	.bottone_facebook {
		background: url(../images/bottone_facebook.jpg) no-repeat 0 top;
	}
		.bottone_facebook:hover {
			background: url(../images/bottone_facebook.jpg) no-repeat 0 bottom;
		}
		

.scarica_scheda {
		background: url(../images/scarica_scheda.jpg) no-repeat 0 top;
	}
		.scarica_scheda:hover {
			background: url(../images/scarica_scheda.jpg) no-repeat 0 bottom;
		}

.modulo_richiesta_preventivo {
		background: url(../images/modulo_richiesta_preventivo.jpg) no-repeat 0 top;
	}
		.modulo_richiesta_preventivo:hover {
			background: url(../images/modulo_richiesta_preventivo.jpg) no-repeat 0 bottom;
		}

#bottoneinvia {
	width: 224px; height: 33px;
	background: url(../images/invia_richiesta.jpg) no-repeat top;
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	float: left;
	border-style: none;
	line-height: 52px;
	}
	#bottoneinvia:hover {
		background: url(../images/invia_richiesta.jpg) no-repeat bottom;
		cursor: pointer;
		
	}
.bottoneok {
	width: 224px; height: 30px;
	background: url(../images/bottone_singolo.jpg) no-repeat 0 top;
	color: white;
	font-weight: bold;
	font-size: 16px;
	border-style: none;
	cursor: pointer;
	
}

	.bottoneok:hover {
		background: url(../images/bottone_singolo.jpg) no-repeat 0 bottom;
	}

.canc {
	float: right;
	margin-left: 10px;
	cursor: pointer;
	display: block;
}

.chiudifloat {
	clear: both;
	line-height: 0;
	height: 0;
}
img.uguale {
	float: left;
	width: 31px; height: 50px;
} 
img.fotografia {
	display: block;
	float: left;
	border: 1px solid #e1e1e1;
	width: 121px; height: 90px;
}
	  img.fotografia:hover {
	  	border: 1px solid #B20137;
	  }
	  
	  
div#alert {
	height:415px;
	margin:-18px 0 0;
	position:relative;
	text-align:center;
	width:346px;
	padding-top: 120px;
	}

div#alert p {
	text-align: center;
	font-size: 15px;
	}

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; } 

.left {
	float: left;
}

.right {
	float: right;
}
	

/* @end */

/* @group tipografia */
p {
	color: #3b4955;
	line-height: 18px;
	font-size: 12px;
}


.centrato {
	text-align: center;
	margin: 0 auto;
}
.dettaglio {
	font-size: 10px;
	color: #7d776e;
}

label span.dettaglio {
  letter-spacing: -1px;
}
a.bottone span.dettaglio { /*questo per applicare il margine superiore al testo dettaglio dentro i bottoni*/ 
	margin-top: 5px;
	text-align: center;
	display: block;
}

span.stretto  {
	letter-spacing: -0.5px;
}

.maiuscoletto {
  font-variant: small-caps;
}

div#titolopagina h1.home {
	width: 820px; height: 85px;
	text-indent:-9999px;	background: url(../images/titolopagina_home.jpg) no-repeat;
}

div#titolopagina h1.contatti {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_contatti.jpg) no-repeat;
}

div#titolopagina h1.preventivo {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_preventivo.jpg) no-repeat;
}

div#titolopagina h1.personalizzati {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_personalizzati.jpg) no-repeat;
}

div#titolopagina h1.preallestiti {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_preallestiti.jpg) no-repeat;
}

div#titolopagina h1.altri_servizi {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_altri_servizi.jpg) no-repeat;
}

div#titolopagina h1.news {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_news.jpg) no-repeat;
}

div#titolopagina h1.privacy {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_privacy.jpg) no-repeat;
}

div#titolopagina h1.errore_404 {
	width: 820px; height: 85px;
	text-indent:-9999px; 
	background: url(../images/titolopagina_404.jpg) no-repeat;
}

/* @end */

/* @group struttura */

div#wrapper {
	margin: 0 auto;
	width: 820px;
	background: url(../images/wrapper_bg.jpg) no-repeat 0 85px;
	position: relative;
}

div#contenuto {
	width: 745px ;height: 539px; margin-left: 40px;
	position: relative;
}

/* nav superiore */

ul#nav {
	padding-top: 20px; padding-left: 20px;
	width: 800px; height: 60px;
	background: url(../images/nav_bg.jpg) no-repeat 0 top;
	margin: 20px auto 0 ; 

}

/* nav inferiore */

/*ul#nav {
	padding-top: 20px; padding-left: 20px;
	width: 820px; height: 43px;
	background: url(../images/nav_bg.jpg) no-repeat 0 top;
	position: absolute;
	bottom: -62px;
	left: 0;
}*/



		ul#nav li {
			height: 1%;  /*ie haslayout trick*/
			float: left;
			width: 130px; height: 43px;
			}
			ul#nav li a {
				display: block;
				width: 130px; height: 43px;
				background: url(../images/nav_bg.jpg) no-repeat 0 43px;
				position: relative;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* opacità per IE8 */

}
				ul#nav li a span.hover {
					background: url(../images/nav_bg.jpg) no-repeat -130px -83px;
					display: block;
					position: absolute;
					top: 0; left: 0;
					cursor: pointer;
					height: 100%; width: 100%;
				}
				ul#nav li.nav_azienda a span.hover {
					background-position: -20px -83px;
				}

				ul#nav li.nav_contatti a span.hover {
					background-position: -150px -83px;
				}

				ul#nav li.nav_richiesta_preventivo a span.hover {
					background-position: -280px -83px;
				}

				ul#nav li.nav_stand_personalizzati a span.hover {
					background-position: -410px -83px;
				}

				ul#nav li.nav_stand_preallestiti a span.hover {
					background-position: -540px -83px;
				}

				ul#nav li.nav_news a span.hover {
					background-position: -670px -83px;
				}

				/*ul#nav li.nav_altri_servizi a span.hover {
					background-position: -670px -83px;
				}*/

			ul#nav li.nav_richiesta_preventivo a, ul#nav li.nav_stand_personalizzati a, ul#nav li.nav_stand_preallestiti a,ul#nav li.nav_altri_servizi a  { /*stile per link su due righe*/
				padding-top: 6px; height: 36px;
				line-height: 15px;
			}
			/*pulsante selezionato*/
			body#index ul#nav li.nav_azienda a {
				background-position: -20px -146px;
			}
			body#contatti ul#nav li.nav_contatti a {
				background-position: -150px -146px;
			}
			body#richiesta_preventivo ul#nav li.nav_richiesta_preventivo a {
				background-position: -280px -146px;
			}
			body#stand_personalizzati ul#nav li.nav_stand_personalizzati a {
				background-position: -410px -146px;
			}
			body#stand_preallestiti ul#nav li.nav_stand_preallestiti a {
				background-position: -540px -146px;
			}
			body#news ul#nav li.nav_news a {
				background-position: -670px -146px;
			}
			
div#footer {
	width: 820px; 
	background: url(../images/footer_bg.jpg) no-repeat;
	position: absolute;

	/* nav inferiore */
	/*bottom: -110px;*/
}


	div#footer p {
		text-align: center;
		padding-top: 20px;
		color: #7d776e;
		font-size: 12px;
}

	div#footer p.datilegali {
		color: #7d776e;
		font-size: 10px;
		padding-top: 2px;
}

/* @end */

/* @group home */
/*ul.concetti {
	width: 472px;
	height: 175px;
	margin: 11px 11px;
	float: left;
}

ul.concetti li {
	width: 226px;
	float: left;
	margin-right: 10px;
	}
	ul.concetti li h2, div#boxhp h2 {
		width: 166px; height: 60px;
		text-indent:-9999px;
		font-size: 0;
		margin-bottom: 5px;
}
		ul.concetti li h2.idea {
			background: url(../images/titolosezione_idea.png) no-repeat;
		}
		ul.concetti li h2.progetto {
			background: url(../images/titolosezione_progetto.png) no-repeat;
		}
		ul.concetti li h2.costruzione {
			background: url(../images/titolosezione_costruzione.png) no-repeat;
		}*/

div#concetti {
	float: left;
	height: 180px;
	width: 457px;
	margin: 10px 20px 20px 20px;
}

	div#concetti p {
		margin-bottom: 10px;
	}


ul.azioni {
	position: absolute;
	bottom: 20px;
}
	ul.azioni li {
		display: inline;
		width: 189px;
		float: left;
		margin: -15px 0 0 47px;
	}	
	

div#boxhp {
	display: block;
	float: left;
	height: 175px;
	width: 226px;
	margin: 11px 11px;
	}
	
	div#boxhp h1 {

	    font-size: 16px;
	    font-weight: bold;
	    line-height: 30px;
	    margin-top: -3px;
	}
	
	div#boxhp ul {
		height: 152px;
	}
	
	div#boxhp h2.news {
		background: url(../images/titolosezione_ultimenews.png) no-repeat;
		text-indent:-9999px;
		width: 215px; height: 56px;
		}
				

			
		div#boxhp > ul > li > a.lista {
				display: block;
				height: 46px; width: 215px;
				border-bottom: 1px solid #E1E1E1;
			}

		
		div#boxhp > ul > li > a.lista:hover {
				background-color: #e1e1e1;
				border-bottom: 1px solid #7d776e;
			}



/* @end */

/* @group contatti */
div#datiaziendali {
	width: 332px; height: 499px;
	float: left;
	display: inline;
	margin: 20px;
}

	div#datiaziendali h2{
		width: 174px; height: 40px;
		text-indent:-9999px; 
		background: url(../images/titolosezione_dovesiamo.gif) no-repeat;
		display: block;
	}
	div#datiaziendali h3 {
		font-size: 16px;
		font-weight: bold;
		line-height: 33px;
		display: block;
		border-bottom: 1px solid #e1e1e1;
}
	div#datiaziendali div#map_canvas {
		width: 331px; height: 331px;
		margin-top: 20px;
		float: left;
		border: 1px solid #BDBAB9;
}

	div#datiaziendali p {
		font-size: 14px;
		line-height: 23px;
}
	div#datiaziendali div#indirizzo {
		float: left;
		}
	div#datiaziendali div#recapiti {
		margin-left: 160px;
		}	
div#formcontatti {
	width: 333px; height: 499px;
	float: left;
	display: inline;
	margin: 20px;
}
	div#formcontatti h2 {
		width: 330px; height: 40px;
		text-indent:-9999px; 
		background: url(../images/titolosezione_richiestacontatto.gif) no-repeat;
		display: block;
	}
	
	div#formcontatti li {
		float: left;
		margin-bottom: 29px;
		display: block;
	}
		div#formcontatti li#pulsante {
		float: left;
		margin: 15px 0 0 107px;
		display: block;
		width: 230px;
	}
	
	div#formcontatti label {
		float: left;
		width: 107px;
	    display: inline;
	    font-size: 14px;
	}

		div#formcontatti label.error {
			font-size: 12px; 
			color: red;
			width: 224px;
			margin: 0 0 -17px 110px;
			position: relative;

		}
	div#formcontatti input#nome, div#formcontatti input#telefono, div#formcontatti input#email,div#formcontatti input#messaggio{
		width: 215px;
		float: left;
		border: 1px solid #bdbab9;
		background-color: #ffffff;
		padding: 3px; margin-bottom: 5px;
  	 	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
 		color: #3B4955;
  }
	div#formcontatti input#captchainput {
		width: 59px; height: 35px;
		float: left;
		border: 1px solid #bdbab9;
		padding-top: 15px;
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		line-height: 99%;
		display: inline;
		font-family: "Courier New", Courier, monospace;
}
	div#formcontatti textarea {
		width: 215px; height: 106px;
		float: left; 
		border: 1px solid #bdbab9;
		background-color: #ffffff;
		padding: 3px;
		font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #3B4955;
}

li#formcaptcha img#captcha {
		float: left;
		width: 130px; height:50px;
		border: 1px solid #bdbab9;
}

/* @end */

/* @group preventivo */
div#formpreventivo {
	display:inline;
	float:left;
	margin:20px;
}
	div#formpreventivo h2{
			width: 190px; height: 40px;
			text-indent:-9999px; 
			background: url(../images/titolosezione_preventivo.gif) no-repeat;
			display: block;
		}

div#formpreventivo ol#datiazienda {
	width: 332px; height: 400px;
	float: left;
	display: inline;
}

div#formpreventivo ol#datistand {
	width: 333px; height: 400px;
	float: left;
	display: inline;
	margin-left: 35px;
}

div#formpreventivo ol#bottomform {
	width: 700px;
	float: left;
}
	
	div#formpreventivo li {
		float: left;
		margin-bottom: 20px;
		display: block;
		height: 35px;
	}

		div#formpreventivo li#formcaptcha {
				width: 335px;
			}
		
		div#formpreventivo li#tipostand {
				font-size: 12px;
			}
		
		div#formpreventivo li#pianta {
			float: left;
			width: 330px;
			height: 35px;
			}
	
	div#formpreventivo label {
		float: left;
		width: 107px; height: 20px;
	    display: inline;
	    font-size: 14px;
	}
		div#formpreventivo label.error {
			font-size: 12px; 
			color: red;
			width: 224px;
			margin: -5px 0 -27px 110px;
			position: relative;
		}

		div#formpreventivo li#formcaptcha label.error {
			margin-top: -1px;
		}

div#formpreventivo input#ragionesociale, div#formpreventivo input#nome, div#formpreventivo input#cognome, div#formpreventivo input#telefono, div#formpreventivo input#fax, div#formpreventivo input#email, div#formpreventivo input#manifestazione, div#formpreventivo input#periodo, div#formpreventivo input#citta, div#formpreventivo input#descrizione
	{
		width: 215px;
		float: left;
		border: 1px solid #bdbab9;
		background-color: #ffffff;
		padding: 3px; margin-bottom: 5px;
	  font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	   color: #3B4955;
	}
div#formpreventivo input#piantastand {
	width: 2px;
}
	
	div#formpreventivo input.tipostand {
		position: relative;
		bottom: -4px;
		margin-top: 0;
}
	div#formpreventivo input#captchainput {
		width: 56px; height: 35px;
		float: left;
		border: 1px solid #bdbab9;
		padding-top: 15px;
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		line-height: 99%;
		display: inline;
		font-family: "Courier New", Courier, monospace;
}
	div#formpreventivo textarea {
		width: 215px; height: 106px;
		float: left; 
		border: 1px solid #bdbab9;
		background-color: #ffffff;
		padding: 3px; margin-top: 0px;
		font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #3B4955;
}

	div#formpreventivo li#formsubmit {
		margin-left: 139px;
		margin-top: 19px;
		display: block;
			}


/* @end */

/* @group stand */
div#contenitoretesti {
	width: 363px; height: 539px;
	float: left;
}
	div#contenitoretesti div#descrizione {
		/*height: 170px;*/
		margin: 17px 0 15px 17px;
	}
		body#stand_preallestiti div#contenitoretesti div#descrizione {
				height: 419px;
			}
		div#contenitoretesti div#bottoni{
			float: left;
			margin: 0 0 14px 17px;
		}

		div#contenitoretesti div#bottoni a {
			margin: 15px 10px 0 0;
			float: left;
		}
					
		div#contenitoretesti div#lista {
			float: left;
		}	
		
		div#contenitoretesti div#lista ul.pannellicliccabili li {
	display: block;
	width: 332px;height: 21px;
}
		div#contenitoretesti div#lista a.lista {
			display: inline;
			width: 330px; height: 19px;
			float: left;
			border-bottom: 1px solid #E1E1E1;
			padding: 4px 3px 0 3px;
			margin-bottom: 0;
			cursor: pointer;
			}
			div#contenitoretesti div#lista a.lista:hover {
				background-color: #e1e1e1;
				border-bottom: 1px solid #7d776e;
			}

			div#contenitoretesti div#lista a.linkattivo {
				background-color: #e1e1e1;
				border-bottom: 1px solid #7d776e;
			}
	
			div#contenitoretesti div#lista a.lista span.nomefiera {
				float: left;
				font-size: 12px;
				line-height: 18px;
			
			}
			div#contenitoretesti div#lista a.lista span.dovefiera {
				float: right;
			}

		div#contenitoretesti div#lista h2.titolosezione {
			width: 215px; height: 26px;
			text-indent:-9999px; 
			background: url(../images/titolosezione_alcunerealizzazioni.gif) no-repeat;
			display: block;
		}


div#contenitorefoto {
	width: 369px; height: 539px;
	float: right;
	margin: 1px 4px 0 0;
}

	div#contenitorefoto img.contenitorefoto {
		position: relative;
		right: 1px;
}



/* @end */

/* @group altriservizi */
ul.altri_servizi  {
	padding-top: 14px;
	display: block;
	width: 745px; height: 539px;
}	

	
	ul.altri_servizi li {
		float: left; 
		width: 745px; height: 104px;
		margin: 0 0 0 12px;
		display: block;
	}
	
	ul.altri_servizi li h2 {
		width: 240px; height: 30px;
		text-indent:-9999px; 
		display: block;
		margin-left: 137px;
	}

	ul.altri_servizi li p {
		margin-left: 137px;
		width: 590px;
	}
		ul.altri_servizi li.arredo_showroom h2 {
			background: url(../images/titolosezione_arredo_showroom.gif) no-repeat;
		}
		
		ul.altri_servizi li.scenografie h2 {
			background: url(../images/titolosezione_scenografie.gif) no-repeat;
		}
		
		ul.altri_servizi li.segnaletica_aziendale h2 {
			background: url(../images/titolosezione_segnaletica_aziendale.gif) no-repeat;
		}
		
		ul.altri_servizi li.insegne_pubblicitarie h2 {
			background: url(../images/titolosezione_insegne_pubblicitarie.gif) no-repeat;
		}
		
		ul.altri_servizi li.tensostrutture h2 {
			background: url(../images/titolosezione_tensostrutture.gif) no-repeat;
		}


/* @end */

/* @group privacy */
body#privacy div {
	margin: 40px 120px 40px 120px;
}

body#privacy h1 {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin: 10px 0 5px 0;
	border-bottom: 1px solid #bdbab9;
}

/* @end */

/* @group 404 */

body#errore_404 div#contenuto h2.errore_404 {
	width: 197px; height: 40px; position: relative; top: 180px; left: 274px;
	text-indent:-9999px; 
	background: url(../images/titolosezione_404.gif) no-repeat;
	display: block;
}
body#errore_404 div#contenuto p {
	text-align: center;
	width: 250px;
	position: relative;
	top: 180px; left: 247px;
	font-size: 14px;
}

body#errore_404 a 		{color: #315aac; font-weight: bold;}
body#errore_404 a:hover {color: #7d776e; font-weight: bold;}
/* @end */

/* @group news */

body#news div#contenitoretesti div#lista h2.titolosezione{
	background: url(../images/titolosezione_news.gif) no-repeat;
	text-indent:-9999px;
	width: 58px; height: 25px;
	margin-left: 19px; margin-top: 2px;
}

body#news div#contenitoretesti div#lista {
	margin-top: 20px;
}	
		

body#news div#contenitoretesti div#lista a.lista h1.titolonews {
	float: left;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    margin-right: 20px;
}

body#news div#contenitoretesti div#lista a.lista, body#news div#contenitoretesti div#lista ul.pannellicliccabili li  {
	height: 30px;
}


	body#news div#contenitorefoto h1 {
		border-bottom: 1px solid #E1E1E1;
	    display: block;
	    font-size: 16px;
	    font-weight: bold;
	    line-height: 30px;
	    margin: 20px 20px 0 0;

	}


	body#news div#contenitorefoto p {
		  margin: 6px 20px 0 0;

	}


/* @end */