/* slideshow gallery */

.slideshowlite {
	position: relative;
	border: 2px solid #CCCCCC;
	overflow: hidden;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 5px;
	right: 5px;
	z-index: 3;
}

	.slideshowlite ul li {
		float: left;
		margin: 0 3px;
		width: 16px;
	}
	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding-top: 2px;
		text-decoration: none;
		color: #666;
		background: #eee;
		border: 1px solid #666;
		text-align: center;
		font-size: 11px;
	}
	
	.slideshowlite ul li a.current {
		color: #111;
		font-weight: bold;
		border: 1px solid #111;
		background: #fff;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #333;
	}
	#float{
		position: relative; 
		float: left; 
		height: 35px; 
		z-index: 4;
	}
	#float a{
		display: block; 
		float: left; 
		height: 35px; 
		padding: 0px 20px;
		width: 40px;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 13px;
		font-weight: bold;
	}
	#float a:hover{
		background-color: #000000;
		filter: alpha(opacity=60);
                -moz-opacity:.60;
                opacity:.60;
		

	}
		
	#container{
		width: 900px;
		height: auto;
		position: relative; 
		text-align: left;
		margin: 0 auto;
		background-image: url(../images/bg.jpg);
		background-repeat: repeat-y;
	
	}
	
	#head{
		position: relative; 
		margin: 0 auto; 
		text-align: left; 
		width: 850px; 
		height: 70px; 
		font-size: 20px; 
		color: red;
		padding: 25px;
		background-image: url(../images/head_bg.jpg);
		background-repeat: no-repeat;
	}
	
	#gallery_cont{
		position: relative;
		width: 800px;
		height: 255px;
		margin: 0 auto; 
		text-align: left; 
		padding: 0px 25px 0px 25px;
	}

	#banner_cont{
		position: relative;
		width: 826px;
		height: 210px;
		padding: 20px 37px 10px 37px;
		margin: 0 auto; 
		text-align: left; 
	}

	#banner{
		float: left;
		position: relative;
		width: 200px;
		height: 150px;
		padding: 25px;
		background-image: url(../images/banner_float.jpg);
		background-repeat: no-repeat;
		
		
	}
	
	#trasp{
		filter:alpha(opacity=40); 
		-moz-opacity:.40; 
		opacity:.40;
		width: 300px;
		height: 15px;
		position: absolute;
		top: 65px;
		left: 55px;
		color: black;
		font-size: 10px;
		letter-spacing: 2px;
		background-color: white;
		
	}

	#sano{
		width: 100px;
		height: 15px;
		position: absolute;
		color: #C6C7C8;
		top: 52px;
		right: 115px;
		letter-spacing: 4px;
	}
		
	#wrapper {
    width: 900px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 800px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 400px;
    width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(../images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 360px;
    width: 765px;
}

#shade {
    background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}	
	
.msg_list {
	margin: 0px auto;
	padding: 0px;
	width: auto;
	height:auto;
}
.msg_head {
	
	cursor: pointer;
	position: relative;
	margin:0px;
}



.msg_body {
	
	background-color:#F4F4F8;
}	



#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#C6C7C8;
	padding:5px;
	display:none;
	color:#484848;
	font-size: 10px;
	padding: 10px;
	}



#quadrato{
	margin: 12px;
	width: 50px; 
	height: 50px; 
	float: left;
}

#quadrato a img{
	border: 1px solid #cccccc; 
}

#quadrato a:hover img{
	border: 1px solid #BE1E2D; 
}

.txt{
	color: #BE1E2D;

}

.txt a{
	color: #BE1E2D;
	text-decoration: none;
}

.txt a:hover{
	color: #C6C7C8;
}

.txt_1{
	color: #BE1E2D;
	letter-spacing: 2px;

}

.txt_1 a{
	color: #C6C7C8;
	text-decoration: none;
}

.txt_1 a:hover{
	color: #BE1E2D;
}

#foot{
	width: 900px;
	height: 30px; 
	position: relative; 
	text-align: center; 
	color: #484848; 
	font-size: 10px;
	background-color: #E6E4D8;
}
	
#foot a{
	color: #BE1E2D;
	text-decoration: none;
}

#foot a:hover{
	color: #484848;
	text-decoration: none;
}

.no_border a img{
	border: 0px;
}