@charset "utf-8";
/* CSS by Fabio "bio" Fiorini */

body { margin: 0; padding: 20px 0; background: url(../img/bg.jpg) #FFF bottom left repeat-x fixed; font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #333;  }
img { border: none; background-color: #FFF; }
.clear { clear: both;  height:0 !important; height: 1px; overflow: hidden  }
h1 {  font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0 0 0;  }

.globale { width: 930px; margin: auto; background-color:#FFF; padding-bottom: 5px; }
.header { height: 140px; }
	.header .logo { width: 230px; float: left;  }
	.header .menu { width: 600px;  padding: 35px 0 0 0; float: right; text-align: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px;  }
		.header .menu a { color: #333; display: inline-block; padding: 6px 20px; text-decoration: none; border-right: 1px solid #CCC; }
		.header .menu a:hover { color: #FFF; background-color: #C1D82F; }

.contenuto { margin: auto; padding-bottom: 25px;  }
	.contenuto .left { width: 220px; float: left; padding-left: 10px; }
	body#index .contenuto .right-photo { display: block; width: 680px; float: right  }
	.contenuto .right-photo { display: none;  }
	.contenuto .right-slider { display: block; width: 680px; float: right  }

		.quote { font-size: 35px; width: 638px; color:#FFF; position:absolute; margin-top:318px; text-align: right; padding: 30px 20px; background-color:#000; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;  }
		.thumb { padding: 10px 0; text-align: center }
		.thumb img {  padding-right: 30px; }
	



body#index .box-spalla { padding: 0 0 10px 0; width: 220px; height: 110px; margin-bottom: 10px; overflow: hidden; border-bottom: 1px solid #CCC}


body#index .box-spalla object { display: none; }
.box-spalla object { display: inline; }

body#index .box-spalla .corpo { display: none; }
.box-spalla .corpo { display: inline; }

body#index .box-spalla .corpo-quote { display: none; }
.box-spalla .corpo-quote { display: inline; font-size: 15px; }

body#index .box-spalla .corpo-foto { display: none; }
.box-spalla .corpo-foto { display: inline; font-size: 15px; }

.box-spalla { padding: 0 0 15px 0; width: 660px; margin-bottom: 20px; padding-left: 245px; line-height: 22px; border-bottom: 1px solid #CCC; }
	.box-spalla .data { color: #FFF; background-color: #C1D82F; padding: 3px 3px 3px 15px;  }
	
	body#index .box-spalla  img { padding: 15px 0 0 10px; float: right; width: 80px; }
	.box-spalla  img { padding: 0; float: none; display:block; }
	
	body#index .box-spalla a { color: #333; text-decoration: none; background-color: #FFF; }
	body#index .box-spalla a:hover { color: #333; background-color:#E4E4E4; text-decoration: none; }
	
	.box-spalla a { color: #333; text-decoration: none; background-color: #CCDD37; padding: 3px; }
	.box-spalla a:hover { color: #333; background-color:#ced794; text-decoration: none;padding: 3px; }

body#index .allieno-testo { text-align: right; }
.allieno-testo { text-align: left;  }

body#index .titolo-text {  font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0 0 0;  }
body#index  .titolo-text a{  font-size: 12px; line-height: 25px; margin: 0; padding: 10px 0 0 0;  }

.titolo-text {  font-size: 25px; color: #cc0066; margin: 0; padding: 20px 0 10px 0;  }
.titolo-text a {  font-size: 30px; line-height: 45px; color: #cc0066; background-color:#FFF; margin: 0; padding: 10px 0 10px 0;  }
.titolo-text a:hover {  font-size: 30px; line-height: 45px; color: #cc0066; background-color:#FFF; margin: 0; padding: 10px 0 10px 0;  }

body#index .titolo-quote {  font-size: 12px; font-weight: bold; margin: 0; padding: 10px 0 0 0; background-color:#FFF  }
body#index .titolo-quote a {  font-size: 12px; font-weight: bold; color: #333; background-color:#FFF; padding: 0; line-height: 22px;  }

.titolo-quote {  padding-top: 20px;  }

.titolo-quote a {  font-size: 50px; color: #FFF; background-color: #00ccff; line-height: 90px; padding: 5px; }
.titolo-quote a:hover {  font-size: 50px; color: #FFF; background-color: #00ccff; line-height: 90px; padding: 5px; }


body#index .archivio { display: block;}

.archivio { display: none;  }
.archivio a{ display: block; margin-top: -1px; font-size: 15px; border-bottom: 1px solid #CCC; text-align: right; padding: 0 0 8px 0; color: #333; text-decoration: none }
.archivio a:hover { color: #C1D82F; }

.foto-grande-home { width: 680px; float:right;}		 		 

.progetti-recenti { text-align: right; color: #808080; font-family:Arial, Helvetica, sans-serif; font-size: 16px; line-height: 25px; }

.verde-grande {font-size: 20px; color: #C1D82F } 
.grigio-grande { font-size: 20px; color: #808080 } 

a.immagine  { padding: 0; background-color:#FFF; border: none; text-decoration: none; }
a.immagine:hover  { padding: 0; background-color:#FFF; border: none; text-decoration: none; }


.footer { padding-top: 15px; font-family:Arial, Helvetica, sans-serif; line-height: 15px;  }
	.footer a { color: #C1D82F; text-decoration: none  }
	.footer a:hover { color: #FFF; background-color:#C1D82F;  }
	
	.footer .left { width: 230px; float: left; padding: 25px 0 0 10px; }
	.footer .right { width: 680px; float: right; color: #808080  }
		.footer .right .box-footer { display: inline-block; float: left; padding: 10px 10px; height: 40px; border-right: 1px solid #CCC; }

/* Easy Slider */

	#slider {  width:630px; margin-left: 20px; }
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:630px;
		height:95px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:14px;
		height:24px;
		position:absolute;
		margin-top: -85px;
		}	
	#nextBtn{ 
		margin-left: 654px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:14px;
		height:24px;
		background:url(../img/arrow-left.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../img/arrow-right.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */

/* TAG */

/*FADE */

body#index  .fade{
	position:absolute;
	margin-top: 72px;
	width: 220px;
	background: url(http://www.webing.com/ince/img/fade-ince.png) bottom left repeat-x;
	height:48px;
	display:block !important;
	display:none;
	z-index:100;}

.fade { display: none; }