html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-color:990033;}
p{margin:0 10px 10px}
a{text-decoration:none; color:#000000;}

/*Body{background-image:url('images/bg_page_lines.jpg');}*/

div#wrapper
{
	/*background-image:url('images/SfondoWrapper.jpg');*/
	margin:0;
	width:1000px;
	height:600px;
	/*border:1px solid #ccc;*/
	z-index:0;
	margin: 0px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;

}



div#header
{
	width:698px;
	height:80px;
	text-align:center;
	/*border:1px solid black;*/
	z-index:1;
	padding: 0px 0 0 0px;
}






div#middle
{
	width:698px;
	height:340px; 
	text-align:center;
	border:1px solid red;
	z-index:1;
}




div#bottom
{
	text-align:right;
	width:698px;
	height:100px; 
	/*border:1px solid red;*/
	padding: 0px 22px 0 0px;
	/*background-image:url('images/bg_bottom_left.jpg');*/
	z-index:1;
}


div#footer
{
	width:900px;
	height:20px; 
	/*border:1px solid red;*/
	text-align:center;
	padding: 0px 0 0 0;
	font-size: 80%;
	text-align:center;
	color: #ffffcc;
	z-index:1;
	margin-left: auto;
	margin-right: auto;
}





/*  ########################################  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: 270px; /* important to be same as image width */
    height: 180px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 270px; /* 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 Trebuchet MS;
    padding: 10px 12px;
    width: 270px;
    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;}