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


/* Web Design and codice: www.mondositi.com
Date: 10/01/2012 */

/* Colori Primari 
#313131 orange
*/
/*************************************************************************************************************************
 * 	GENERAL													GENERAL
 ***************************************************************************************************************************/


body {
	background-image:url("images/sfondo.jpg");
	background-position:center;
	background-repeat:no-repeat;
	text-align:left;
	margin:0;
	padding:0;
	height:100%;
	background-color:#fff;
	
}

#contenitore {
	margin:0 auto;
	width:960px;
	background-color:#fff;
	
}

#headercontent {
	width:960px;
	height:96px;
	

}

#riga{
position:absolute;
width:960px;
	height:120px;
	background-image:url("images/sfondo_header.png");
	background-position:center;
	margin:auto;
margin-top:40px;


}

#riga h1{
font-size:34px;
color:#fff;

margin-top:40px;
margin-left:40px;
letter-spacing:5px;
}
#logo {
	position:relative;
top:0px;
right:70px;
width:166px;
	height:230px;
	float:right;

}

/*************************************************************************************************************************
 * 	MENU1													MENU1
 ***************************************************************************************************************************/
 
 #menu {
	width:769px;
	float:left;
	margin-top:5px;
	
}
.menu {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
.menu li {
	float: left;
}
.menu li a {
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #000;
	line-height: 56px;
	font-family: 'Federo', arial, serif;
	font-size: 14px;
	text-decoration: none;
	float: left;
	display: block;
	cursor: pointer;

}
.menu li a b {
	padding: 0px 4px 0px 8px;
	float: left;
	display: block;
}
.menu li.current a {
	color: #FFF;
}
.menu li a:hover {
	color: #777;
}
.menu li a em {
	width: 20px;
	height: 56px;
	float: left;
	display: block;
}
.menu li a em.home, .menu li a em.chisiamo, .menu li a em.documenti, .menu li a em.prodotti, .menu li a em.dovesiamo, .menu li a em.downloads, .menu li a em.news, .menu li a em.contatto {
	background-position: center;
	background-image: url("images/iconalogo.png");
	background-repeat: no-repeat;
}
#home{
	margin:0 auto;
	width:600px;
	background-color:#fff;
	height:500px;
	float:left;
	
	}
	
#content{
	
	width:960px;
	height:auto;
	float:left;
	
	}
	
#contentprod{
	
	width:960px;
	height:auto;
	float:left;
	
	}

#form{
	
	width:960px;
	margin-left:60px;;
	
	
	}
	
#content p{
	margin:20px 40px 20px 20px;
	width:920px;
	text-align:justify;
	line-height:1.9;
	
	}
	#content h1{
	font-size:30px;
color:#000;
text-align:left;
padding-left:190px;
padding-top:5px;
}

#content img{
float:left;
margin-right:20px;
margin-left:10px;

}

#content a{

text-decoration:none;
margin-left:40px;
color:#999;

}

#content a:hover{

text-decoration:none;

color:#000;

}

#quote{
width:590px;
height:60px;
margin-left:20px;
margin-right:20px;
line-height:1.4;
margin-top:-80px;

}

#quote img{
float:left;
margin-top:-10px;

}

#quote p{
font-size:14px;
text-align:justify;
margin-left:60px;


}

#quote h4{
font-size:18px;
text-align:right;
margin-top:10px;
margin-right:10px;


}
#data{
	float:left;
	width:280px;
	height:20px;
	margin-left:680px;
	
	}
#banner{
float:left;
width:600px;
height:401px;
margin-top:70px;
margin-right:20px;
margin-left:20px;
padding:4px;
	background-color:#FFF;
	
	
	
}

#news{
float:right;

width:300px;
height:411px;
margin-top:70px;
margin-right:20px;
background-color:#FFF;
	
}
#titolonews{
background-position: center;
	background-image: url("images/news.png");
	background-repeat: no-repeat;
width:300px;
height:50px;

}

#titolonews h1{
font-size:28px;
color:#fff;
text-align:right;
padding-right:30px;
padding-top:5px;



}

#sep img{
	float:left;
	margin-top:-80px;
	}

#mycustomscroll2 {
width: 300px;
height: 360px;
overflow: auto;
position: relative;
background-color: #fff;
line-height:1.3;


}

#mycustomscroll2 h1{
font-size:24px;
color:#000;
text-align:center;
}

#mycustomscroll2 h2{
font-size:16px;
color:#999;
text-align:left;
}

#mycustomscroll2 p{
font-size:15px;
color:#000;
text-align:justify;
margin-right:10px;
margin-left:5px;

}

#mycustomscroll2 a{
text-decoration:none;
color:#87151D;

}

#mycustomscroll2 a:hover{
text-decoration:none;
color:#c1c1c1;

}

#mycustomscroll2 img{
float:left;
margin-right:10px;

}

#mycustomscroll2 h5{
width:70%;
	 background-position: center;
	 background-image: url("images/transparent.png");
	 background-repeat: repeat-x;
	 margin: 0 auto;

	 
	 }

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: white;
}
.vscrollerbar {
width: 10px;
background-color: #87151D;
}
.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*************************************************************************************************************************
 * 	prodotto												PRODOTTO
 ***************************************************************************************************************************/
#uno{
width:310px;
margin: auto;
height:300px;
float:left;
margin-right:15px;
background-color:#c1c1c1;
}

#due{
width:310px;
margin: auto;
height:300px;
float:left;
margin-right:15px;
background-color:#999;
}

#tre{
width:310px;
margin: auto;
height:300px;
float:left;
background-color:#444;
}





#footer{
width:960px;
margin: auto;
height:90px;
float:left;


}

#footer img{
float:right;
margin-right:10px;

}

#footer h1{
margin-left:460px;
margin-right:10px;
font-size:24px;
color:#000;
text-align:left;

}

#footerfooter{
width:960px;
margin: 0 auto;
text-align:center;
font-size:14px;
color:#666;
float:left;


}

#footerfooter a{
text-decoration:none;
color:#c1c1c1;

}

#footerfooter a:hover{
text-decoration:none;
color:#000;

}

#footerfooter img{
margin:10px;
float:right;

}