/* CSS Document */

BODY, html {
	padding:0; margin:0 auto;
	text-align:center;
	color:#FFF;
	font:12px Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	background:#0036a3 url(/images/bg_body.jpg) no-repeat center top;
	SCROLLBAR-FACE-COLOR: #0036a3;
	SCROLLBAR-HIGHLIGHT-COLOR: #1a57d4; 
	SCROLLBAR-SHADOW-COLOR: #0036a3; 
	SCROLLBAR-3DLIGHT-COLOR: #0036a3;
	SCROLLBAR-ARROW-COLOR: #FFF;
	SCROLLBAR-TRACK-COLOR: #0036a3; 
	SCROLLBAR-DARKSHADOW-COLOR: #002366;
	}
	
	.left {float:left;}
	.right {float:right;}
	
	#container-home,
	#container,
	#container-carrellisti,
	#container-carico-merci,
	#container-trasporti,
	#container-logistica,
	#container-portierato,
	#container-vigilanza,
	#container-civili,
	#container-industriale,
	#container-operatori-telefonici,
	#container-gestione-aziendale,
	#container-edilizia {
		width:770px; height:610px;
		margin:0 auto; padding:0;
		display:block;
		line-height:140%;
		background-repeat:no-repeat;
		background-position:0 0;
		}
		
		#container-home 				{ background-image: url(/images/bg_container.gif); }
		#container						{ background-image: url(/images/bg_container_int.jpg); }
		#container-carrellisti			{ background-image: url(/images/bg_carrellisti.jpg); }
		#container-carico-merci			{ background-image: url(/images/bg_carico_merci.jpg); }
		#container-trasporti			{ background-image: url(/images/bg_trasporti.jpg); }
		#container-logistica			{ background-image: url(/images/bg_logistica.jpg); }
		#container-portierato			{ background-image: url(/images/bg_portierato.jpg); }
		#container-vigilanza			{ background-image: url(/images/bg_vigilanza.jpg); }
		#container-civili				{ background-image: url(/images/bg_pulizia_civile.jpg); }
		#container-industriale			{ background-image: url(/images/bg_pulizia_industriale.jpg); }
		#container-operatori-telefonici	{ background-image: url(/images/bg_operatori_telefonici.jpg); }
		#container-gestione-aziendale	{ background-image: url(/images/bg_gestione_aziendale.jpg); }
		#container-edilizia				{ background-image: url(/images/bg_edilizia.jpg); }
	
	h1, span {display:none;}
	
	h3, .punti-op h3 {
		padding:0; margin:0;
		color:#0036a3;
		}
		
	h4 {
		color:#468500;
		border-bottom:1px solid #468500;
		margin:0; padding:0;
		}
		
		h3 { margin:15px 0 5px 0; border-bottom:#0036a3 solid 1px;}		
		.punti-op h3 {margin:0px 0 5px 0; font-size:15px;}
	
	.mappa {
		color:#000;
		width:400px; height:490px;
		margin-left:160px;
		margin-bottom:14px;
		padding:10px 10px 10px 0;
		clear:both;
		background: url(/images/mappa.jpg) no-repeat;
		}


/* TOOL ------------------------------------------------------------------*/
	
	UL.tool {
		margin:0; padding:0;
		list-style-type:none;
		font:13px Calibri, Arial, Helvetica, sans-serif;
		font-weight:bold;
		height:19px;
		}
	
	#toolbar {
		width:187px; height:322px;
		padding-left:5px;
		padding-top:14px;
		overflow:auto;
		}
	
	#toolbar LI {display:inline;}
		
	#toolbar LI A,
	#toolbar LI A.tool-yellow {
		height: 19px;
		display:block;
		overflow:hidden;
		/*margin-bottom:2px;*/
		text-decoration:none;
		background-repeat:no-repeat;
		}
		
		#toolbar LI A,
		#toolbar LI A.tool-yellow {
			width:159px;
			padding:3px 0 0 9px;
			background-position:0 0;
			}
		
		#toolbar LI A {color:#FFF; background-image: url(/images/toolbar/bg_tool_green.gif);}
		#toolbar LI A.tool-yellow {color:#824e00; background-image: url(/images/toolbar/bg_tool_yellow.gif);}
	
	#toolbar LI A:hover,
	#toolbar LI A.tool-yellow:hover {
		width:159px;
		background-repeat:no-repeat;
		background-position:0 0;
		}
		
		#toolbar LI A:hover {color:#000; background-image: url(/images/toolbar/bg_tool_green.gif);}
		#toolbar LI A.tool-yellow:hover {color: #006600; background-image: url(/images/toolbar/bg_tool_yellow.gif);}

	
/****** TOOLBAR Di SECONDO LIVELLO ********/
							
						#toolbar .level2 {
							position:absolute;
							margin:0; padding:0;
							margin-top:-22px;
							margin-left:167px;
							display:none;
							}
						
						#toolbar .level2 LI {padding:0;}
						
						#toolbar .level2 A {
							display:block;
							width:179px;
							color:#ffff00;
							padding:3px 0 0 9px;
							background: url(/images/toolbar/bg_tool_brown.gif) no-repeat 0 0;						
							}
							
						#toolbar .level2 A:HOVER {	
							width:179px;					
							color:#FFF;
							display:block;
							background: url(/images/toolbar/bg_tool_brown.gif) no-repeat 0 0;
							}

/* FORM -------------------------------------------------------------------------------------------------------------------*/

	FORM {
		width:400px; height:485px;
		overflow:auto;
		margin:0; padding:0;
		display:block;
		padding-top:10px;
		padding-left:170px;
		padding-bottom:29px;
		color:#000;
		clear:both;
		/*border:#ff0000 solid 1px;*/
		background:url(/imgs/home/bg-form.gif) no-repeat;
		SCROLLBAR-FACE-COLOR: #FFF;
		SCROLLBAR-HIGHLIGHT-COLOR: #dadada; 
		SCROLLBAR-SHADOW-COLOR: #ababab; 
		SCROLLBAR-3DLIGHT-COLOR: #FFF;
		SCROLLBAR-ARROW-COLOR: #808080;
		SCROLLBAR-TRACK-COLOR: #FFF; 
		SCROLLBAR-DARKSHADOW-COLOR: #FFF;
		}


	INPUT, SELECT, TEXTAREA {
		font: 14px Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		border:1px solid #0036a3;
		color: #00339e;
		width:360px;
		margin-bottom:5px;
		}
		
	.noinput {
		border:none;
		margin:0;
		width:auto;
		}
	
	LABEL {
		font: 15px Calibri, Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight:bold;
		}
		
	.cancella,
	.invia {
		border:none;
		margin:0;
		width:86px; height:20px;
		color:#FFF;
		font-weight:bold;
		background:url(/images/bg-tasti-form.gif) no-repeat;
		cursor: pointer;
		}
	
	.tasti-form {
		text-align:right;
		padding:30px 20px 0 0;
		background:url(/images/bg-cont-form.gif) no-repeat;
		}
	
	.radio {
		width:30px;
		clear:both;
		float:left;
		display:block;
		border:none;
		margin:0; padding:0;
		}

/* TITOLI DELLE PAGINE ---------------------------------------------------------------------------*/

	.tit-homepage {
		width:502px; height:32px;
		display:block;
		background: url(/images/tit_gtsmagazine.gif) no-repeat 76px 0;
		}
		
		h2 {
			font:26px Calibri, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#000;
			margin:0; padding:0;
			float:left;
			padding-left:85px;
			}
		
#container-right {
	width:578px;
	display:block;
	}
		
	.credits {
		font:9px Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#959595;
		text-decoration:none;
		padding:15px 0 0 0;
		}
		
		A.credits:hover {color:#0036a3;}
	
	.home-superiore {
		width:578px; height:304px;
		display:block;
		clear:both;
		background: url(/images/home/bruco_superiore.jpg) no-repeat 0 0;
		}
	
	#home-inferiore {
		width:770px; height:192px;
		clear:both;
		background: url(/images/home/bruco_inferiore.jpg) no-repeat 0 0;
		}
	
	.bg-sotto {
		width:770px; height:192px;
		background: url(/images/home/bg_inferiore.gif) no-repeat left bottom;
		}
		

#container-int-right {
	width:578px;
	display:block;
	}
	
	.testo,
	.testo-contatti,
	.testo-logistica {
		color:#000;
		width:400px; height:490px;
		margin-left:160px;
		margin-bottom:14px;
		padding:10px 10px 10px 0;
		clear:both;
		overflow:auto;
		SCROLLBAR-FACE-COLOR: #FFF;
		SCROLLBAR-HIGHLIGHT-COLOR: #dadada; 
		SCROLLBAR-SHADOW-COLOR: #ababab; 
		SCROLLBAR-3DLIGHT-COLOR: #FFF;
		SCROLLBAR-ARROW-COLOR: #808080;
		SCROLLBAR-TRACK-COLOR: #FFF; 
		SCROLLBAR-DARKSHADOW-COLOR: #FFF;
		}
		
		.testo-contatti { background: url(/images/bg-contatti.gif) no-repeat 10px 90px;}
		.testo-logistica { background: url(/images/bg-logistica.jpg) no-repeat 0px 140px;}
	
	#inferiore,
	#inferiore-edilizia {
		width:770px; height:62px;
		clear:both;		
		}
		
		#inferiore {background: url(/images/bg_inferiore.gif) no-repeat 0 0;}
		#inferiore-edilizia {background: url(/images/bg_inferiore-edilizia.gif) no-repeat 0 0;}
	
.back-home {
	width:29px; height:29px;
	display:block;
	margin-left:11px;
	padding-top:30px;
	}
	
	A.back-home:hover {
		background: url(/images/home.gif) no-repeat 0 33px;
		}
	
	
	.testo UL LI {
		padding-bottom:10px;
		}
	
	.testo UL LI STRONG {
		color:#2e5800;
		}
	
	.punti-op {
		width:380px; height:450px;
		background:url(/images/img-punti-op.gif) no-repeat 0 40px;
		}
		
		.punti-op UL LI {
			margin:0; padding:0;
			padding:0 0 5px 0;
			margin-left:200px;
			}


/* FOOTER */
	
	.piva {
		float:left;
		color:#6e96de;
		font-size:10px;
		padding-left:10px;
		font-weight:bold;
		display:block;
		}
	
	.recapiti {
		float:right;
		width:520px;
		display:block;
		}

	#footer {
		/*width:520px;*/
		font:11px Verdana, Arial, Helvetica, sans-serif;
		line-height:15px;
		padding:13px 12px 0 0;
		}
		
		#footer A {
			color:#FFF;
			text-decoration:none;
			}
		
		#footer A:hover {
			color:#eecb00;
			text-decoration:none;
			}
			
/**/

#errore {
	display:block;
	color:#FF0000;
	padding:10px 0 20px 0;
	}
	
/****************** PUNTI ELENCO SPECIALI ************************/

.quattro, .otto {
	margin:0;
	padding:0;
	list-style-type: none;
	}
	
	.quattro LI {
		display:block;
		border:1px solid #468500;
		width:165px;
		height:193px;
		padding:10px;
		float:left;
		margin-right:9px;
		margin-bottom:9px;
		font-weight:bold;
		font-size:110%;
		text-align:left;
		background-color: #F9FEF1
		}
		
	.otto LI {
		display:block;
		border:1px solid #0033CC;
		width:165px;
		height:80px;
		padding:10px;
		float:left;
		margin-right:9px;
		margin-bottom:9px;
		font-weight:bold;
		font-size:110%;
		text-align:left;
		background-color:#F3F8FE
		}
		
	.elenco {
		list-style: url(/images/bg-elenco.gif);	
		}