/*stile del body*/

body {
	
	background-image:url('../images/sfondo1.jpg');
	background-position: center bottom;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-color:black;
	font: 90% Arial,Helvetica,sans-serif;
	text-align: left;
	color: white;
	margin: 0 auto;
	width: 910px;
        
}

/*trucco per sfondo fixed su ios*/

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url('../images/sfondo1.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/*stile dei link*/

a {text-decoration:none; color:rgb(200,200,200);}

a:hover {text-decoration:none; color:white}

/*stile delle immagini*/

img {border:0px solid white;}

/*stile dei titoli*/

h1 {font-size:300%; margin-top:0px; margin-bottom:0px; text-transform:uppercase;}

h2 {font-size:170%; margin:0px; text-transform:uppercase;}

h3 {font-size:120%; margin:0px; text-transform:uppercase; }

h4 {font-size:100%; margin:0px;}

h5 {font-size:90%; font-weight:normal; margin:0px;}

h6 {font-size:170%; margin:0px; text-transform:uppercase; }

/*stile dell'header*/

#header-tot {
  
  	
  	width:890px;
	float: left;
  	/*height: 20px;
	line-height: 20px;*/
  	border:0px solid red;
	margin-top:20px;
	
	           
}

#header-sx {
  
  	width:430px;
      	float: left;  
  	border:0px solid red;
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	         
}

#header-dx {
  
  	width:400px;
  	color:white;   
	float: right;  
  	border:0px solid red;
	text-align:right;
	padding-right:20px; 
  
         
}

#header-tot img {margin-left:20px; margin-top:10px;}

/* stile del contenitore testo*/

#testo {
	
	border: 0px solid red;
	float:left;
	width:850px;
        padding-left:20px;
	padding-right:20px;	
	
}

/* stile del contenitore testo sopra*/

#testo.sopra {
	
		
	float:left;
	text-align:justify;
	
	
	
}

/* stile del contenitore testo sotto*/

#testo.sotto {
	
	width:850px;	
	float:left;
	text-align: justify;
	
}

/* stile del contenitore immagini*/
#immagini {
  
  	
	border: 0px solid red;
	width:890px;
	overflow: hidden;
        margin-left:0px;
	margin-bottom: 0px;

	
	          
}

#immagini img {

	
	
	

}


#immagini.preload {
	
	display:none;
	
}




/* stile del contenitore immagini a rotazione(slideshow)*/

#immagini.slideshow {
	
	margin-top:20px;
	margin-left:20px;
	border:2px solid white;
	height:476px;
	width:846px;
	float:left;
        
        margin-bottom:10px;
	
}

#immagini.risultati {
	
	margin-top:20px;
	margin-left:20px;
	border:2px solid white;
	height:476px;
	width:846px;
	float:left;
        
        margin-bottom:10px;
	
}

/* stile del contenitore immagini fisse (noslideshow)*/

#immagini.noslideshow {
	
	float:left;
	
	
        
	margin-top:0px;


}

#immagini.noslideshow img {
	
	width:146px;
	height:106px;
	margin:21px;
	margin-right:0px;
	margin-top:0px;
	border:2px solid white;
	

}

#immagini.tasti {
	
	float:left;
	padding-top:20px;
	margin-top:0px;
	line-height:170px;


}

#immagini.tasti a.tasto1 {

	display:block;
	float:left;
	width:410px;
	height:170px;
	background-image:url('../images/necchi/h500/01.jpg');
	background-position: center;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	border:2px solid white;
	font-size:0%;
	
}

#immagini.tasti a.tasto1:hover {

	font-size:100%;
	color:black;
	background-image:url('../images/necchi/h500/01b.jpg');
	background-position: center;
	
}

#immagini.tasti a.tasto2 {

	display:block;
	float:left;
	width:410px;
	height:170px;
	background-image:url('../images/paviacitta/h500/01.jpg');
	background-position: center;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	border:2px solid white;
	font-size:0%;
	
}

#immagini.tasti a.tasto2:hover {

	font-size:100%;
	color:black;
	background-image:url('../images/paviacitta/h500/01b.jpg');
	background-position: center;

	
	
}

#immagini.tasti a.tasto3 {

	display:block;
	float:left;
	width:410px;
	height:170px;
	color:black;
	background-image:url('../images/lomellina/h500/02.jpg');
	background-position: center;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	border:2px solid white;
	font-size:0%;
	
}

#immagini.tasti a.tasto3:hover {

	font-size:100%;
	color:black;
	background-image:url('../images/lomellina/h500/02b.jpg');
	background-position: center;
	
	
	
}

#immagini.tasti a.tasto4 {

	display:block;
	float:left;
	width:410px;
	height:170px;
	color:black;
	background-image:url('../images/oltrepo/h500/17.jpg');
	background-position: center;
	text-align:center;
	margin-left:20px;
	margin-bottom:20px;
	border:2px solid white;
	font-size:0%;
	
}

#immagini.tasti a.tasto4:hover {

	font-size:100%;
	color:black;
	background-image:url('../images/oltrepo/h500/17b.jpg');
	background-position: center;
	
	
	
	
}



/*stile delle note*/

p.note   { color:rgb(130,17,71);}


/*stile del footer*/

#footer-tot {
  
  	font-size:80%;
  	width:890px;
	float: left;
  	border:0px solid red;
	margin-bottom:20px;
	
	           
}

#footer-sx {
  
  	width:0px;
	float: left;  
  	border:0px solid white;
	text-align:left;
	padding-left:20px;
	
	         
}

#footer-dx {
  
  	width:850px;  
	float: right;  
  	border:0px solid white;
	text-align:right;
	padding-right:20px; 
  
         
}

#focus {

width:100%;

}

#focus a{

float:left;
display: block;
width:200px;
height:100px;
margin-bottom:5px;
margin-right:11px;
border:2px solid dimgray;
background-color:rgb(200,200,200);
text-transform:uppercase;
text-decoration:none;
color:#000;
line-height:100px;
text-align:center;


}

#focus a.last{



margin-right:0px;



}

#focus a:hover{

background-color:white;
border:2px solid gray;

color:#000;


}