body, html {
		margin:0; 

		padding:0; 
		
	}
	
	#page_overlay {
width:50%; padding:20px;
		z-index:4; background-image:url(img/bl.png);z-index:8;position:relative;
	}
		#page_overlay-a {
width:50%; padding:20px;
		z-index:4;z-index:8;position:relative;
	}
	
	#page_content {
		font-size:30px;
		padding:0px; width:100%;
		color:#ffffff;
		margin-top:40px; margin:auto; 
		
		/* Display on top of slideshow */
		z-index:3; left:0px;
		position:relative; /* This is very important! */ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#fff; 
	}
	
		#pagina  {
   width: 50%;
    padding:20px; background-image:url(img/bl.png);
	/*background-repeat: repeat-x; */
   overflow:visible; text-align:justify;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 				    font-size:14px;  color:#fff;
   right: 0;
   bottom: 0;
   left: 0; z-index:5; position:relative; /* This is very important! */	
}


h1,h2,h3{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px}
h1{font-size: 140%; top:0px; line-height:10px;  font-weight:100}
h2{font-size: 110%; top:0px; line-height:10px; font-weight:100}
h3{font-size: 140%}
h4{top:0px; line-height:15px;  font-weight:100}
	
	img#bg {
		/* Stretch background */
		position:fixed;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:0;
	}
	
	

	#image_description {
		position:fixed; /* This is very important! */
		right:-420px;
		bottom:290px;
		width:400px;
		height:38px;
		background-color:#000;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		z-index:2; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding:5px;
		font-size:14px;
		line-height:12px;
		color:#fff;
	}
	
	a, a:link, a:visited, a:active {
		text-decoration:none;
		color:#fff;
	}
	
	a:hover {
		text-decoration:underline;
	}




	#piedipagina {
   position: fixed;
   width: 100%;
   height: 40px;
   background:#000;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
   top: auto;
   right: 0;
   bottom: 0;
   left: 0; z-index:100;
}

	#piedipagina2 {
   position: fixed;
   width: 100%;
   height: 40px;
   background:#559de1;
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
   top: auto;
   right: 0;
   bottom: 40px;
   left: 0; z-index:100;
}

#menu_css_orizzontale2{
overflow:hidden;
width:508px; margin:auto;
padding:1px;border-right:1px solid #CCC;
margin-top:6px;
border:px solid #437E7E;
}

/*2. lo stile css dei link (elementi <a>)*/
#menu_css_orizzontale2 a{
display:block;
float:left;

height:25px;
margin-left:0px;
padding-left:10px;
padding-right:10px;
background-color:;
border-left:1px solid #CCC;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
color:#fff;
line-height:25px;
}

/*3. lo stile css sullo stato hover dei link*/
#menu_css_orizzontale2 a:hover{
background-color:#000;
border-left:1px solid #CCC;
color:#fff;
}

/* rimossione del margine sinistra per il primo link*/
#menu_css_orizzontale2 a.primo{
background-color:#000; color:#fff;
}



/* MENUU */

#menu_css_orizzontale{
overflow:hidden;
width:962px; margin:auto;
padding:1px;border-right:1px solid #333;
margin-top:6px;


}

/*2. lo stile css dei link (elementi <a>)*/
#menu_css_orizzontale a{
display:block;
float:left;

height:25px;
margin-left:0px;
padding-left:10px;
padding-right:10px;
background-color:;
border-left:1px solid #333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
color:#fff;
line-height:25px;
}

/*3. lo stile css sullo stato hover dei link*/
#menu_css_orizzontale a:hover{
background-color:#fff;
border-left:1px solid #333;
color:#000;
}

/* rimossione del margine sinistra per il primo link*/
#menu_css_orizzontale a.primo{
background-color:#fff; color:#000;
}

/* rimossione del margine sinistra per il primo link*/
#menu_css_orizzontale a.ultimo{
padding-left:8px;
padding-right:8px;
}
/*** 
set the width and height to match your images 
**/

#slideshow {
    position:relative;
    height:10px;
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
#page-wrap { 
	position: relative;
	width: 400px; 
	margin: 50px auto; 
	padding: 20px; 
	background: #fff; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}

p { 
	font: 15px/2 Arial; 
	margin: 0 0 30px 0; 
	color: #fff;
}

#content {
	width: 920px;
	margin: 0 auto;
	background: rgba(11,11,11, 0.5);
	padding: 20px;
}

#content h1 {
	text-transform: uppercase;
	font-family: 'Arial';
	color: #fff;
}

#content a {
	color: #a82711;
	font-weight: bold;
	text-transform: uppercase;
	background: #000;
	padding: 10px;
}