/**********************************
*       ELEMENTI PRINCIPALI       *
**********************************/
html,body{margin: 0;padding:0;height:100%;}

body
{
	margin: 0;
	padding: 0;
	background:#000; 
	font: 11px "Trebuchet MS",Arial, Verdana, Georgia, Helvetica, Sans-serif;
	color: #909090;
	
}
h1{

text-align:center;
margin-top:0;
padding-top:30px;
font-weight:normal;
text-transform:uppercase;
font-size:22px;
}
h1 a{text-decoration:none;}

p{
line-height:15px;margin:10px 0;
}
a {color: #909090;}
a img{border:0;}

/**********************************
*        STRUTTURA  HOME          *
**********************************/

#contenitore{
	position: relative;
	width: 842px;
	height: 586px;
	top:5px;
	margin: 0 auto;
	background: url(../immagini/sfondo_home.gif) no-repeat; 
}

#title_home{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align:center;
	font-size:22px;
}
#title_home span{

	font-size:16px;
}

#footer_home{
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}
#footer_home a{
	text-decoration:none;
}
#footer_gen{
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	text-align:center;
	font-size:11px;
	
}
#footer_gen a{
	
	text-decoration:none;
}

div #img_terra{
	position: absolute;
	top: 0;
	left: 0;
}

a.terra, a.terra:hover{
	display: block;
	width: 308px;
	height: 178px;
}

a.terra{ background: url(../immagini/terra.gif) no-repeat; }

a.terra:hover{ background: url(../immagini/terra_on.gif) no-repeat;}

div #img_aria{
	position: absolute;
	top: 0;
	right: 0;
}

a.aria, a.aria:hover{
	display: block;
	width: 308px;
	height: 178px;
}

a.aria{	background: url(../immagini/aria.gif) no-repeat; }

a.aria:hover{ background: url(../immagini/aria_on.gif) no-repeat;}

div #img_fuoco{
	position: absolute;
	bottom: 0;
	right: 0;
}

a.fuoco, a.fuoco:hover{
	display: block;
	width: 308px;
	height: 180px;
}

a.fuoco{	background: url(../immagini/fuoco.gif) no-repeat; }

a.fuoco:hover{ background: url(../immagini/fuoco_on.gif) no-repeat;}

div #img_acqua{
	position: absolute;
	bottom: 0;
	left: 0;
}

a.acqua, a.acqua:hover{
	display: block;
	width: 308px;
	height: 180px;
}

a.acqua{background: url(../immagini/acqua.gif) no-repeat; }

a.acqua:hover{ background: url(../immagini/acqua_on.gif) no-repeat;}

div #img_studio{
	position: absolute;
	top: 178px;
	left: 307px;
}

a.studio, a.studio:hover{
	display: block;
	width: 235px;
	height: 229px;
}

a.studio{background: none; }

a.studio:hover{ background: url(../immagini/studio_on.gif) no-repeat;}

/**********************************
*         PAGINE INTERNE          *
**********************************/

#contenitore_int{
	position: relative;
	width: 845px;
	height: 586px;
	top:5px;
	margin: 0 auto;
	background: url(../immagini/sfondo_gen.gif) no-repeat; 
}



#cont_nav{
	position:absolute;
	top:100px;
	width: 185px;
	height: 395px;
	BORDER:0PX SOLID RED;
}

#vianello{
	position:absolute;
	top:20px;
	right:130px;
	width:500px;
	height:500px; 
	padding-right:20px;
}
.pagina5{
  position:absolute;
  margin-top:-20px;
	background: url(../immagini/vianello.gif) bottom right no-repeat;
  right:8px !important;
	height:592px !important;
    width:700px !important; 
}

#linkHome{
	position:absolute;
	top:105px;
	right:45px;
	
}
#linkHome a{
	text-decoration:none;
	
}

#map{position:absolute;top:100px;right:15px;border: 1px solid white; width: 500px; height: 350px;}

/**********************************
*     MATRICE DI NAVIGAZIONE      *
**********************************/

#navbar{
	position: relative;
	margin: 0 auto 0;
	top: 0px;
	width: 185px;
	height: 98px;
	background: #000;

	}
	
#navbar li{
	  list-style-type: none;
	  background: #000;

  }

#navbar a{
	display:block;
	
}
 
a.chi, a.chi:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	left:0;
	background: #000 url(../immagini/matrice.jpg) 0px 4px;
	}

a.chi:hover{
	background: #000 url(../immagini/matrice.jpg) 0px -96px;
	}
	
a.chiActive, a.chiActive:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	left:0;
	background: #000 url(../immagini/matrice.jpg) 0px -196px;
	}

a.dove, a.dove:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 98px;
	background: #000 url(../immagini/matrice.jpg) -185px 2px;
	}

a.dove:hover{
	background: #000 url(../immagini/matrice.jpg) -185px -98px;
	}
	
a.doveActive, a.doveActive:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 98px;
	background: #000 url(../immagini/matrice.jpg) -185px -198px;
	}

a.come, a.come:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 196px;
	background: #000 url(../immagini/matrice.jpg) -370px 0px;
	}

a.come:hover{
	background: #000 url(../immagini/matrice.jpg) -370px -100px;
	}
	
a.comeActive, a.comeActive:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 196px;
	background: #000 url(../immagini/matrice.jpg) -370px -200px;
	}


a.perche, a.perche:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 294px;
	background: #000 url(../immagini/matrice.jpg) -555px -2px;
	}

a.perche:hover{
	background: #000 url(../immagini/matrice.jpg) -555px -102px;
	}
	
a.percheActive, a.percheActive:hover{
	width: 185px;
	height: 98px;
	position: absolute;
	top: 294px;
	background: #000 url(../immagini/matrice.jpg) -555px -202px;
	}


/**********************************
*         SCHEDE IMMAGINI         *
**********************************/

#cont_scheda{
	position:absolute;
	top:145px;
	left:60px;
	width: 758px;
	height: 304px;
}
#cont_scheda_pagina{
	position:absolute;
	top:100px;
	left:60px;
	width: 726px;
	height: 304px;
}
#cont_scheda_come{
	position:absolute;
	top:100px;
	left:100px;
	width: 656px;
	height: 304px;
}
#cont_foto{
	position:absolute;
	top:105px;
	left:43px;
	width: 758px;
	height: 304px;
	text-align:center;
}

#cont_scheda img{
	margin: 0 20px 20px 0;
	border:1px solid gray;
}

#titolo_scheda{
	position: absolute;
	
	top: 10px;
	left: 0;
	width: 100%;
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
}

#titolo_scheda span{

	font-size:16px;
}

#home_int{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	width: 500px;
	height: 78px;
	left:173px;
	bottom: 25px;
	
}
#home_int2{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	width: 100px;
	height: 78px;
	left:0px;
	top: 250px;
	
}
#home_int3{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	width: 120px;
	height: 78px;
	right:0px;
	top: 250px;
	
}

.come-right{position:absolute;top:20px;right:0;font-size:18px;}
.come-left{position:absolute;top:20px;left:0;font-size:18px;}
.come-right a{text-decoration:none;}
.come-left a{text-decoration:none;}

#come{position:absolute;left:98px;top:25px;}
#come td{text-align:center;}
#come td a img{padding:10px;}
#come h2{text-align:center;font-weight:normal;font-size:22px;margin-top:10px;}

#home_int6{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	width: 145px;
	height: 78px;
	left:0px;
	top: 220px;
	
}
#home_int7{
	position:absolute;
	text-align:center;
	margin: 0 auto;
	width: 145px;
	height: 78px;
	right:0px;
	top: 220px;
	
}

#come a,#home_int6 a,#home_int7 a{text-decoration:none;}
#home_int6 h2,#home_int7 h2{text-align:center;font-weight:normal;font-size:18px;margin-top:10px;}