html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{text-decoration:none; color:#000000;}
a-hover{text-decoration:underline; color:#000000;}

Body{background-image:url('images/bg_page.jpg');}

div#wrapper
{
	background-image:url('images/bg_wrapper_cutted2.png');
	margin:0;
	width:870px;
	height:528px;
	/*border:1px solid #ccc;*/
	z-index:0;
	margin: 50px 0 0 40px;
}


div#header
{
	/*background-image:url('images/bg_header.jpg');*/
	height:130px;
	text-align:center;
	/*border:1px solid black;*/

	z-index:1;
}


	div#header_left
	{
		/*background-image:url('images/bg_header.jpg');*/
		width:180px;
		height:120px;
		text-align:center;
		/*border:1px solid red;*/
		float: left;
		margin: 0 10px 0 10px;
		padding: 10px 0 0 0;
	}


	div#header_right
	{
		/*background-image:url('images/bg_header_right.jpg');*/
		width:660px;
		height:120px;
		text-align:center;
		/*border:1px solid red;*/
		float: left;
		margin: 0 0 0 0;
		padding: 20px 0 0 16px;
	}

div#navigation
{
	/*background-image:url('images/bg_header.jpg');*/
	height:40px;
	width:867px;
	text-align:right;
	/*border:1px solid black;*/
	z-index:1;
	margin:0;
	padding:0 3px 0 0;
}



div#pulsante
{
	width:100px; 
	height:40px;	
	text-align:center; 
	/*border:1px solid red;*/
	float: right; 
	margin: 0 0 0 0;
	padding: 12px 0 0 0;
	background-image:url('images/pulsante2.png');
}


div#middle
{
	width:870px;
	height:320px; 
	text-align:center;
	/*border:1px solid red;*/
	z-index:1;
}



	div#middle_left
	{
		/*background-image:url('images/bg_header.jpg');*/
		width:410px;
		height:300px;
		text-align:left;
		/*border:1px solid red;*/
		float: left;
		margin: 0 0 0 0px;
		padding: 18px 0 0 20px;
	}

	div#middle_center
	{
		/*background-image:url('images/bg_middle_center.jpg');*/
		width:225px;
		height:310px;
		text-align:center;
		/*border:1px solid red;*/
		float: left;
		margin: 0 0 0 0px;
		padding: 18px 0 0 15px;
	}

	div#middle_right
	{
		/*background-image:url('images/bg_middle_right.jpg');*/
		width:200px;
		height:310px;
		text-align:center;
		/*border:1px solid red;*/
		float: left;
		margin: 0 0 0 0;
		padding: 18px 0 0 25px;
	}





div#footer
{
	width:870px;
	height:28px; 
	/*border:1px solid red;*/
	text-align:center;
	padding: 5px 0 0 0;
	font: verdana; 
	font-size: 80%;
	text-align:center;
	z-index:1;
}



/*  ########################################  MENU  ################################# */


.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(247,250,248);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("images/topMenuImages.png") 100% -90px no-repeat;}


/*  ########################################  SCROLLER  ################################# */


/* Scroller Box */
#scroller_container, #scroller_container2 {
 width: 648px;
 height: 90px;
 overflow: hidden;

}

/* CSS Hack Safari */
#dummy {;# }

#scroller_container, #scroller_container2 {
overflow: auto;
}

div#foto
{
	background-image:url('images/bg_foto.jpg');
	width:125px;
	height:90px; 
	text-align:left;
	padding: 5px 0px 0px 5px;
	/*border:1px solid white;*/
	float: left;
}

/* Scoller Box */



/*  ########################################  SLIDER  ################################# */



#slider {
    width: 370px; /* important to be same as image width */
    height: 278px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 370px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    font: 11px verdana;
    padding: 10px 12px;
    width: 370px;
    background-color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
    color: #FFFFFF;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}





