@charset "UTF-8";
/* CSS Document */


	body {
	margin:					0;
	padding:				0;
	font-family:			Lucida Grande,Lucida Sans Unicode,Geneva, Arial, sans-serif;
	color:					#8F8F8F;
	font-size:				12px;
	letter-spacing:			0px;
	font-weight: normal;
	
			}

.DialogImage {
    width:940px; 
    height:700px; 
    background: #ffffff;
    display: none;
    cursor:default;
    }
			
.style1 {color: #019069}
.style2 {color: #FC5A17}

			strong, em, b, i {
    font-family: Lucida Grande,Lucida Sans Unicode,Geneva, Arial, sans-serif;
}

			a {
			outline:				0;
			text-decoration:		none;
			color:					#FF6600;
			}


			 a:hover{
			color:					#c5c5c5;
			}

			img {
			border: 				0px none;
			}

			html, body, .panel0, .panel1 {
	height:					100%;
	background-repeat: repeat-x;
			}


				.panel0 {
			margin: 				0 auto;
			display: 				table;
			}

			.panel1 {
			display: 				table-cell;
			vertical-align: 		middle;
			white-space: 			normal;
			}

			#container{
	width: 905px; /*centra negli altri browsers*/
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
             }
			
		


			h1{
	font-family:			Lucida Grande,Lucida Sans Unicode, Geneva, Arial,sans-serif;
	font-size:				30px;
	color:					#4D4D4D;
	font-weight:			normal;
	margin:					10px 0 0 0;
	line-height: 			28px;
	text-transform: none;
	letter-spacing: -1px;
	direction: ltr;
			}


			h2{
			font-family:			"Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				20px;
			color:					#7d7d7d;
			letter-spacing:			-1px;
			font-weight:			bolder;
			margin:					20px 0 0 0;
			padding:				0px;
			}

			h3{
	font-family:			Lucida Grande,Lucida Sans Unicode, Geneva, Arial,sans-serif;
	font-size:				18px;
	color:					#4d4d4d;
	margin:					20px 0 0 0;
	letter-spacing:			-1px;
	font-weight:           normal;
			}

			h4{
			color:					#c5c5c5;
			font-size:				9px;
			}

			h5{
	font-size:				14px;
	color:					#c5c5c5;
	margin:					0px;
	padding:				0px;
	font-family: "Lucida Grande", Geneva, Arial,sans-serif;
			}

			h5 a{
			color:					#F77321;
			}

			h5 a:hover{
			text-decoration:		underline;
			}

			
			
			p{
			margin:0px;
			line-height:			16px;}
			
			
		#contentContainerinterno {
	width:					900px;
	height:					auto;
	float:					left;
	overflow:				visible;
	padding-top: 0px;
}
#headerinterno {
	width:					900px;
	height:					150px;
	float:					left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 2px;
}
#logointerno {
	float:					left;
	height:					200px;
	width:					300px;
	overflow: visible;
}
	
			
			
.\1mainMenuLinks {
	float:					right;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

			
/*-----------------------------------------------aboveHEADER---------------------------------------*/


	#aboveheader{
	width:					600px;
	height:					30px;
	float:					right;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0;
	text-align: right;
	}
			
			
			
			#\1mainMenu{
	float:					inherit;
	height:					14px;
	list-style:				none;
	font-family:			"Lucida Grande", Geneva, Arial, sans-serif;
	font-size:				12px;
	font-weight:			bolder;
	color:					#999999;
	text-align:				right;
			}
		
			
	


/*-----------------------------------------------HEADER---------------------------------------*/


	#header{
	width:					900px;
	height:					260px;
	float:					left;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 2px;
	}
			
	#logo{
	float:					left;
	height:					auto;
	/*height:					350px;*/
	width:					300px;
	overflow: visible;
	}
				
			
			#mainMenu{
			float:					right;
			height:					14px;
			list-style:				none;
			margin:					40px 0 0px 35px;
			font-family:	        "Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			font-weight:			bolder;
			color:					#4d4d4d;
			text-align:				left;
			}
		
            #iphone{
			position:               relative;
			top:                    130px;        
			float:					right;
			list-style:				none;
			font-family:	        "Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			color:					#4d4d4d;
			}			
	
            #iphoneIE7{
			margin-top:             200px;   
			margin-left:            600px;     
			list-style:				none;
			font-family:	        "Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			color:					#4d4d4d;
			}

            #iphoneFace{
			margin-top:             100px;   
			margin-left:            780px;     
			list-style:				none;
			font-family:	        "Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			color:					#4d4d4d;
			}
			
            #iphoneFace2{
			margin-top:             100px;   
			margin-left:            930px;     
			list-style:				none;
			font-family:	        "Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			color:					#4d4d4d;
			}
						
			a.topLinks {
			font-family:			"Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			font-weight:			bolder;
			color:					#4d4d4d;
			cursor: 				pointer;
			}
			
			a.topLinksActive {
			font-family:			"Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				12px;
			font-weight:			bolder;
			color:					#FF6600;
			cursor: 				pointer;
			}
			
			a.topLinks:hover{
			color:					#FF6600;
			cursor: 				pointer;
			}
			
			a.topLinksActive {
			color:					#FF6600;
			}
			
			.mainMenuLinks{
			float:					left;
			margin:					2px 5px 0 0;
			}

			#mainMenuLinks{
			float:					left;
			margin:					2px 0 0 0;
			}
			
			.line{
			float:					left;
			height:					14px;
			margin-right:			5px;
			}

/*------------------------------CONTENT------------------------------*/


			#contentContainer{
	width:					900px;
	height:					auto;
	float:					left;
	overflow:				hidden;
	padding-top: 10px;
	padding-bottom: 1px;
	

			}


			
			
		


/*------------------------------INTRO----------------------------*/


			#intro{
	position: 				relative;
	width:					900px;
	height:					260px;
	float:					left;
	z-index: 				4;
	margin-right: 0;
	margin-left: 0;
			}
			
			#introLeft{
	width:					210px;
	height:					200px;
	float:					left;
	padding-top: 30px;
	margin-left: 0px;
	padding-left: 25px;
			}
			
			#introRight{
	width:					500px;
	height:					auto;
	float:					left;
	margin-left: 5px;
	padding-top: 40px;
			}
			
			

/*------------------------------Strumenti----------------------------*/


			#strumenti{
	position: 				relative;
	width:					900px;
	height:					auto;
	float:					left;
	z-index: 				4;
	background-repeat: no-repeat;
			}
			
			#strumentiLeft{
	width:					280px;
	height:					auto;
	float:					left;
	margin-left:			0px;
	padding-top: 0px;
			}
			
			#strumentiMiddle{
	width:					280px;
	height:					auto;
	float:					left;
	padding-top:			30px;
	padding-left:           20px;
			}
			
			#strumentiRight{
	width:					300px;
	height:					auto;
	float:					left;
	padding-top:			30px;
	padding-left: 20px;
			}
			
			#strumentiBig{
			font-size:				16px;
			}
			
			
/*----------------------------------ABOUT----------------------------*/

			#about{
	position: 				relative;
	width:					900px;
	height:					auto;
	float:					left;
	overflow:				hidden;
	z-index: 				1;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
			}
			
			
			#aboutLeft{
	width:					320px;
	height:					auto;
	float:					left;
	margin-left:			20px;
	padding-top: 10px;
			}
			
			#aboutRight{
	width:					520px;
	height:					auto;
	float:					left;
	padding-top:			0px;
	padding-left: 20px;
	text-align: justify;
	max-width: 520px;
			}
			
			#aboutBig{
			font-size:				16px;
			}
			
			.contentImage{
			float:					left;
			width:					510px;
			height:					auto;
			text-align:				center;
			}
			
			

/*------------------------------Prodotti----------------------------*/


			#prodotti{
	position: 				relative;
	width:					1000px;
	height:					auto;
	float:					left;
	z-index: 				4;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
			}
			
			
			#prodottiLeft{
	width:					280px;
	height:					auto;
	float:					left;
	margin-left:			0px;
	padding-top: 40px;
			}
			
			#prodottiMiddle{
	width:					280px;
	height:					auto;
	float:					left;
	padding-top:			20px;
	padding-left:           20px;
			}
			
			#prodottiRight{
	width:					380px;
	height:					auto;
	float:					left;
	padding-top:			20px;
	padding-left:           20px;
			}
			
			#prodottiBig{
			font-size:				16px;
			}
			

/*------------------------------Prodotti Dettaglio----------------------------*/


			#prodDett{
	position: 				relative;
	width:					1050px;
	height:					auto;
	float:					left;
	z-index: 				4;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
			}
			
			#prodDettLeft{
	width:					640px;
	height:					auto;
	float:					left;
	padding-top:			20px;
	padding-left:           20px;
			}
			
			#prodDettRight{
	width:					360px;
	height:					auto;
	float:					left;
	padding-top:			20px;
	padding-left:           20px;
			}
			
			
/*----------------------------------CLIENTI----------------------------*/

			#clienti{
	position: 				relative;
	width:					900px;
	height:					auto;
	float:					left;
	overflow:				hidden;
	z-index: 				1;
			}
		
		
				
			#clientiLeft{
	width:					120px;
	height:					250px;
	float:					left;
	margin-left:			0px;
	padding-top:            50px;
			}
			
			
			#clientiMiddle{
	width:					180px;
	height:					200px;
	float:					left;
	padding-top:			70px;
	padding-left:           20px;
			}
			
			
				
			#clientiMiddlebis{
	width:					260px;
	height:					200px;
	float:					left;
	padding-top:			70px;
	padding-left:           10px;
			}
			
			#clientiRight{
	width:					300px;
	height:					200px;
	float:					left;
	padding-top:			20px;
	padding-left:           10px;
			}
			
			#clientiBig{
			font-size:				16px;
			}	
			
            .textclienti{
	font-size:				12px;
	color:					#A3A3A3;
	margin:					0px;
	padding:				0px;
			}
			
			
			
/*------------------------------SERVICES----------------------------*/


			#servizi{
	position: 				relative;
	width:					900px;
	height:					auto;
	float:					left;
	z-index: 				4;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0;
	margin-bottom: 15px;
			}
			
			
			#serviziLeft{
	width:					280px;
	height:					auto;
	float:					left;
	margin-left:			0px;
	padding-top: 40px;
			}
			
			#serviziMiddle{
	width:					280px;
	height:					auto;
	float:					left;
	padding-top:			20px;
	padding-left:           20px;
			}
			
			#serviziRight{
	width:					300px;
	height:					auto;
	float:					left;
	padding-top:			0px;
	padding-left: 20px;
			}
			
			
			
			#serviziBig{
			font-size:				16px;
			}
			
			
						
			


/*------------------------------CONTACT + map----------------------------*/


			#contact{
	position: 				relative;
	width:					900px;
	height:					auto;
	float:					left;
	z-index: 				4;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
			}
			
			
				#mapsiteLeft{
	width:					380px;
	height:					250px;
	float:					left;
	margin-left:			20px;
	padding-top: 30px;
			}
			 
			 
			#contactLeft{
	width:					250px;
	height:					250px;
	float:					left;
	margin-left:			20px;
	padding-top: 30px;
			}
			
			#contactRight{
	width:					580px;
	height:					auto;
	float:					left;
	padding-top:			50px;
	padding-left: 20px;
			}
			
			#contactBig{
			font-size:				16px;
			}
			
			
						
			
/*----------------------FOOTER---------------------------*/
	#footer{
	width:					900px;
	height:					100px;
	float:					left;
	padding-top: 10px;
			}
			
			
			
			
			.footerBox1 {
	width:					320px;
	height:					100px;
	float:					left;
	padding-left: 5px;
	padding-right: 5px;
}


div.footerImage1 {
	width: 					140px; /* 50% of image width */
	height: 				100px; /* image height */
	overflow: 				hidden;
	float:					left;
	padding-top: 14px;
			}


.footerTextBox1 {
			width:					170px;
			height:					50px;
			float:					left;
			margin-top:				15px;
}

			
			
			
			
			
			.footerBox{
	width:					280px;
	height:					100px;
	float:					left;
	padding-left: 5px;
			}
			

			div.footerImage {
			width: 					100px; /* 50% of image width */
			height: 				110px; /* image height */
			overflow: 				hidden;
			float:					left;
			}
			
			div.footerImage a {
			text-decoration: 		none;
			display: 				block;
			width: 					260px; /* 100% image width */
			}
			
			div.footerImage a img {
			border: 				0;
			}
			
			
			
			
			
			.footerTextBox{
			width:					170px;
			height:					50px;
			float:					left;
			margin-top:				15px;
			}
			
			#footerTextBox{
			width:					170px;
			height:					50px;
			float:					left;
			margin-top:				15px;
			color:					#c5c5c5;
			}
			
			p.footerText {
			margin:					0px;
			}
			
			.footerText > a{
			color:					#c5c5c5;
			}
			
			.footerText a:hover{
			text-decoration:		underline;
			}
			
			h3 a{
			font-family:		"Lucida Grande", Geneva, Arial, sans-serif;
			font-size:				18px;
			color:					#4d4d4d;
			margin:					20px 0 0 0;
			letter-spacing:			-1px;
			}
			
			h3 a:hover{
			color:					#FF6600;
			}
			
			
			.sideImage{
			height:					140px;
			width:					32px;
			float:					right;}
			
			
			


			
/*--------------------------FONDO-BOTTOM-----------------------------*/
				#fondo{
	float:					left;
	width:					900px;
	height:					126px;
	background-repeat: repeat-x;
	
			}

			
			#bottom{
	float:					left;
	height:					40px;
	font-size:				9px;
	color:					#C5C5C5;
	text-align:				center;
	width: 900px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	
			}
			
			#bottom a{
			color:					#C5C5C5;
			text-align:				center;
			}
			
			#bottom a:hover{
			color:					#4D4D4D;
			text-align:				center;
			}
			
			#contactText{
			color:					#979595;
			margin-top:				5px;
			text-align:				center;
			}
			
			#contactText a{
			color:					#979595;
			text-align:				center;
			}
			
			#contactText a:hover{
			color:					#FF6600;
			text-align:				center;
			text-decoration:		underline;
			}