@charset "UTF-8";

#look { 
height:auto;
text-align:right;
}

#bigbox { 
width: 900px;
margin-left:auto;
margin-right:auto;
}

#Testata {
	height:111px;
	width: 900px;
	margin: 20px auto 0 auto;
	position: relative;
	
					}

#logo {
	height:111px;
	width: 250px;
	margin: 0 0 10px 0px;
	float:left;
					}
#navigazione {
	margin-top:45px;
	width: 550px;
	padding: 0 0 0 0;
	position: relative;
	float:right;
					}
	
#head {
	height:139px;
	width: 896px;
	margin: 10px auto auto auto;
	position: relative;
	
	}

#headcreativi {
	height:100%;
	width: 896px;
	margin: 10px auto auto auto;
	position: relative;
	
	}
#descrizioneservizio {
	height:100%;
	width: 600px;
	margin: 0px auto auto auto;
	float:left;
	position: relative;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
	
	#descrizioneprodotto {
	height:100%;
	width: 890px;
	margin: 0px auto auto auto;
	float:left;
	position: relative;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 18px;
	}
#descrizioneprodotto1 {
	height:100%;
	width: 890px;
	margin: 0px auto auto auto;
	float:left;
	position: relative;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	line-height: 12px;
	background-image: url(../hotspot/sfondo_preventivo.png);
	background-repeat: no-repeat;
	}	
#descrizioneserviziofoto {
	height:100%;
	width: 280px;
	margin: 0px auto auto auto;
	float:right;
	position: relative;
	
	}
#boxprodotto {
	height:25px;
	width: 250px;
	margin: 0px auto auto auto;
	padding-left:10px;
	float:left;
	position: relative;
	border: 1px dotted #CCC;	
	}	
#boxprodottogrande {
	height:179px;
	width: 604px;
	margin: 0px auto auto auto;
	float:left;
	position: relative;
	border: 1px dotted #CCC;
	}		
#boxprodotto2 {
	height:179px;
	width: 250px;
	margin: 0px auto auto auto;
	padding-left:10px;
	float:left;
	position: relative;
	border: 1px dotted #CCC;	
	}		
#boxprodottoDesc {
	height:25px;
	width: 400px;
	margin: 0px auto auto auto;
	padding-left:10px;
	float:left;
	position: relative;
	border: 1px dotted #CCC;	
	}		

#boxfoto {
	height:25px;
	width: 170px;
	margin: 0;
	float:left;
	position: relative;
	border: 1px dotted #CCC;	

	}	
	
	#boxfotomini {
	height:25px;
	width: 20px;
	margin: 0;
	float:left;
	position: relative;
	border: 1px dotted #CCC;	

	}	
	
#boxprodotto h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}

#titoloservizio {
	height:100%;
	width: 600px;
	margin: 10px 0 0 0;
	clear:right;
	position: relative;
	
	}
	#titoloservizio2 {
	height:100%;
	width: 280px;
	margin: 10px 0 0 0;
	float:left;
	position: relative;
	
	}

#titolomacchina {
	height:30px;
	width: 600px;
	clear:right;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;	
	}
	#sottocategorie {
	font-size:14px;
	height:100%;
	width: 590px;
	margin: 25px 0 0px 10px;
	float:right;
	position: relative;
	text-align:right;
	}
/* Vertical Navigation */
#vertical-navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	float: right;
	position: relative;
	z-index: 1;
}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;}

#vertical-navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	margin-right: 10px;
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover
{
	
	color: #000;	
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#vertical-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {display: block;}

#vertical-navigation ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 1.8em;
	left: 0;
	
}

#vertical-navigation ul li
{
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	color: #fff;
}


/* 
Reset and re style 
link of each child item
*/
#vertical-navigation li:hover ul li a,
#vertical-navigation ul li a
{
	line-height: 200%;
	display: block;
	padding: 0 8px 10px 5px;
	float: none;
	text-transform: lowercase;
	color: #000;
	background: #dddede;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

#vertical-navigation li:hover ul li a:hover,
#vertical-navigation ul li a:hover
{
	background: none;
	color: #000;
		background: #ccc;

}
#ulsfondo
{
	color: #000;
	background-color: #ccc;
	background-image: url(../hotspot/menu_up.png);
	background-repeat: no-repeat;
	background-position: left;
}


/* Easy Slider */

	#hotspot ul, #hotspot li{
		width:900px;
		height:273px;
		margin:0;
		padding:0;
		list-style:none;
		}
	#hotspot{margin-top:1em;}
	#hotspot li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:273px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#hotspot1next, #hotspot1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #hotspot1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#hotspot1next a, #hotspot1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #hotspot1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


.boxgrid{ 
				width: 210px; 
				height: 210px; 
				margin:3px; 
				float:left; 
							border: solid 0 #ccc; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: -15px; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				
				height: 100px; 
				width: 100%; 
				opacity: 1; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 210px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 10px;
 					left: 0;
 				}
				
#lavori {
	width: 900px;
	height:100%;
	margin: 20px auto auto auto;
					}
					
#footer {
	width:100%;
	padding-top:0px;
	margin:20px 0px 0px 0px;
	position:relative;
	height:250px;
	background-color: #333;
	text-align:center;
	background-image: url(../hotspot/back.png);
	background-repeat: repeat-x;
}

#form_nome {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}
#form_referente {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}	
#form_email {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}							
#form_recapitotelefonico {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}	
#form_interesse {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}	
#form_richiestalibera {
	width: 300px;
	height:15px;
	margin: 0px auto auto 0px;
	float:left;
						}							
#modulo {
	width: 200px;
	height:15px;
	float:left;
	clear:right;
	
					}
			#login{
		width:900px;
		height:273px;
		margin:0;
		padding:0;
		background-image: url(../images/sfondologin.png);
		background-repeat: no-repeat;
		position:relative;
		}
		#contienelogin{
		width:250px;
		height:70px;
		margin:0;
		padding:0;
		float:right;
		position:relative;
		margin:125px 31px 0 0px;
		text-align:left;
		}
			#login_utente{
		width:265px;
		height:20px;
		
position:relative;
			}
	#login_pass{
		width:265px;
		height:30px;
				padding:0;
				margin:19px 0 0 0;
position:relative;
			}

#login_button{
		width:265px;
		height:30px;
				padding:0;
				margin:5px 0 0 0;
position:relative;
			}
	#login input{
	height: 20px;
	width: 210px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		}
	
		#login .bottone{
	height: 29px;
	width: 84px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		}
		
		#miatab {
	background-color: #E3E3E3;
			}