@charset "utf-8";
/* CSS Document */

body{ 
	background-color: #9966CC; font:Cochin,Verdana,Helvetica, sans-serif; font-size: 76%;
	font-style:italic;
	margin:0; 
	padding: 0;
}
#all{
  width:       700px;
  position:    absolute;
  left:        50%;
  margin-left:-350px;
}
div#header{ 
	background-image:url(immagini/logo.png); background-repeat:no-repeat;
 	margin-top:20px;
	width:700px;
	height:80px; 
}
div#container{ 
	background: #C080C0;
	text-align:left;
	font-family:Cochin, Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	padding-top:30px;
	/*padding-left:20px;*/
	margin-top:20px;
	width:650px;
	height:400px; 
}

div#containerContatti{ 
	background: #C080C0;
	text-align:left;
	font-family:Cochin, Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	padding-top:30px;
	/*padding-left:20px;*/
	margin-top:20px;
	width:650px;
	height:300px; 
}

div#containerFoto{ 
	background: #C080C0;
	text-align:left;
	font-family:Cochin, Verdana, Helvetica, sans-serif;
	font-style:italic;
	font-size:14px;
	padding-top:30px;
	/*padding-left:20px;*/
	margin-top:20px;
	width:650px;
	height:700px; 
}

div#testo{ 
    float:left;
	color:purple;
	font:Cochin,Verdana;
	font-style:italic;
	text-align: center;
	margin-top:10px;
    margin-left:20px;
	width:280px;
	height:200px;
	}
	
div#testo2{ 
    float:left;
	color:purple;
	font:Cochin,Verdana;
	font-style:normal;
	text-align: center;
	margin-top:50px;
    margin-left:20px;
	width:280px;
	height:120px;
	}
	
div#testo3{ 
    float:left;
	color:purple;
	font:Cochin,Verdana;
	font-style:normal;
	text-align: center;
	margin-top:60px;
    margin-left:20px;
	width:280px;
	height:120px;
	}
div#immagine{
    float:left;
	margin-top:10px;
    margin-left:40px;
    background-image:url(immagini/fotogrande.jpg);
    width:268px;
    height:185px;
	border:1px solid #990033;  
	 }
	 
div#immagineA{
	float:left;
	margin-top:10px;
	margin-left:100px;
	background-image:url(immagini/dettaglio.jpg);
	width:165px;
	height:240px;     
    border:1px solid #990033;  
	 }
	 
div#spazio{ 
 	margin-top:5px;
	width:700px;
	height:20px;
	clear:left;
}
div#mappa{
    float:left;
	margin-top:10px;
    margin-left:20px;
    background-image:url(immagini/fotogrande.jpg);
    width:268px;
    height:186px;
	 }
	
div#menu{ background:#B894DC;
	margin-top:20px;
	width:650px;
	height:30px;
	border:none;
}
div#bb{
	background: #B894DC;
    font-family:Cochin,Verdana;
    font-size:16px;
	font-style:italic;
	color:purple;
    padding-top:10px;
	margin-top:30px;
	margin-left: 200px; /*350-150 cioè container/2 - bb/2*/
	width:300px;
	height:150px;
	text-align:center;
}/*
div#bbcenter{
	 background: #FF80FF ;
	 width:300px;
	 display:block;
	 /*margin-left: 200px; 350-150 cioè container/2 - bb/2
}*/
div#address{ 
	background: none ;
	font: Cochin,Verdana;
	font-style:italic;
	clear:left;
    font-size:14px;
	margin-top:30px;
	margin-bottom:50px;
	width:300px;
	height:100px; 
	margin-left:200px; 
	text-align:center;
	}
	div#address2{ 
	background: none ;
	font: Cochin,Verdana;
	font-style:italic;
	clear:left;
    font-size:14px;
	margin-top:50px;
	margin-bottom:30px;
	width:300px;
	height:100px; 
	margin-left:80px; 
	text-align:center;
	}
	
		div#credit{ 
	background: none;
	font: Cochin,Verdana;
	clear:left;
    font-size:14px;
	margin-top:10px;
	margin-bottom:20px;
	width:300px;
	height:50px; 
	margin-left:200px; 
	text-align:center;
	}
.immagine{
margin-top:60px;
margin-left:16px;
border:1px solid #990033; 
}
.immagine2{
margin-top:20px;
margin-left:16px;
border:1px solid #990033; 
}
.immagineGallery{
margin-top:10px;
margin-left:10px;
border:1px solid #990033; 
}
.pulsanti{
margin-left:1px;
border:none;
}

h1{margin: 0;padding:0}
h2{color:#4078B8; font-size:1.5em; text-align:center}
div#navigation{background-color:#000; color: #fff}
div#content{padding:0 1.5em}
div#content p{line-height:1.3em}
div#footer{padding:0.5em; text-align:center}