html {
 height: 100%;
 margin: 0px;
}

body {	
	background-color: #eee5d6;
	padding: 0px;
	margin: 0px;
	text-decoration:none;
	color:#333;
	font: 12px Arial, Helvetica, sans-serif;
	height:100%;
}

img {
	border: none;
	}


.wrapper {
margin: 3px 0 0px 0;
padding: 0;
width: 650 px ;  /* dimensione contenitore immagine piccole da modificare per tenere centrate al variare del numero delle immagini*/
text-align: center;
}



.box {
float: left;
margin: 3px;
text-align: center;
font: 11px Verdana, Geneva ,Arial ,Tahoma;
overflow: hidden;
overflow: hidden;
width:7.5%;
height:80%
}
.box1 {
float: left;
margin: 3px;
text-align: center;
font: 11px Verdana, Geneva ,Arial ,Tahoma;
overflow: hidden;
overflow: hidden;

}
.wrapper1 {
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
text-align: center;
}

.box img{

width:100%; /*dimensioni immaggini thmbnail*/
height:100%px;
}


.wrapper1 .box  img{

width:240px; /*dimensioni immaggini thmbnail iniziale*/
height:120px;
}

.index{
width:240px; 
height:120px;

}




#titolo{
padding:10px 0 0 10px; 
font:20px Verdana, Geneva ,Tahoma; 
width:25%; 
text-align:left;
}

#descrizione{
color:#333;  
width:50%;
height:50%;
text-align: left;
padding: 5px 10px 10px 10px;
border-left:solid 1px #233267;
border-right:solid 1px #233267;
overflow:auto;
margin: 0 0 0 0;


}
#top_right{
float: right;
padding:10px 10px 0 0;

}
#top{
height:10%
}
#player{
height:75%;
}
#foot{
height:15%;
padding:5px 0 0 0px;
width:100%
}



.top {
height:8%;
width: 100%;

}

.uno{
	color: red;
	text-decoration:none;
}

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

/* Inizio CSS della Gallery */


	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#galleryContainer{
		
		height:80%;	/* Height of the images + 2 */
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 80%;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/80%;	/* Other browsers */
		height: /**/80%;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		height:100%;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;	
		height:100%;
	}
	#theImages{
		position:absolute;
		height:80%;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;		
	}
	
	#theImages .imageCaption{
		display:none;
	}
	
	.imageObject{
		width:135px;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align:center;
		height:100%;
	}
	.arrowSize{
		height:100%;
		width:39px;
	}
	.thumbSize{
		height:100%;
		width:133px;
	}
	.image{
		height:80%;
	}
	.text{
		height:20%;
	}