/* CSS Document */

/*stili per il layout fluido*/
html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%; margin:0 2em; background-color:#CCCCCC}
div#container{background-color:#FFF}

div#containerHP{ 
	position:absolute;
	width:800px;
	height:470px;
	top:50%;
	left:50%;
	margin:-230px 0 0 -400px;
	background-color:#FFF;
	}

/*stili generici, su header e footer*/
div#header{
	height:110px;
	background-image: url(../image/sfondotestata.gif);
	background-repeat: repeat-x;
}
h1,h2{margin: 0;padding:0}

form {margin:0; padding:0;}
img {border:0;}

div.hr {
    height: 1px;
    background-color:#FF0000;
		margin:5px 0;
}
div.hr hr {
    display: none;
} 

/* TESTATA*/

#logo { width:205px; float:left;}
#menu { width:544px; float:left; font-size: 0.9em; }
#cerca { float:right; padding-top:6px; padding-right:6px;}
.lingua { font-size:90%; }
.vocimenu {padding-top:90px; color:#FFF;}
.center {text-align:center;}
#iconcinetop {position:absolute; top:86px; right:0; float:right; margin-right:2em;}

#home_menu .menu_inline {float:left; border:1px solid #f66}

.menu_tendina {font-size:10px; background-color:#FFF; padding:0px; border-bottom:1px solid #FF0000; border-left:1px solid #FF0000; border-right:1px solid #FF0000; background-color:#F6F6F6;	}
.menu_tendina ul{margin:1px 5px 1px 5px; padding:2px; list-style-type:none; }
.menu_tendina li{padding:2px 0; }
.menu_tendina a:link {color:#000; text-decoration:none;}
.menu_tendina a:visited {color:#4F4F4F; text-decoration:none;}
.menu_tendina a:hover {color:#FF0000; text-decoration:underline}
.menu_tendina a:active {color:#FF0000; text-decoration:underline}

#menu_list_01 {position:absolute; left:229px; top:110px; width:130px; display:none; }
#menu_list_02 {position:absolute; left:359px; top:110px; width:95px; display:none; }
#menu_list_03 {position:absolute; left:370px; top:110px; width:85px; display:none; }
#menu_list_04 {position:absolute; left:370px; top:110px; width:85px; display:none; }
#menu_list_05 {position:absolute; left:680px; top:110px; width:85px; display:none; }



#menutop {
	width:130px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
}

#menutop a {
	display: block;
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}

#menutop a:hover {
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutopROLL.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}



#menutop2 {
	width:95px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
}

#menutop2 a {
	display: block;
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}

#menutop2 a:hover {
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutopROLL.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}



#menutop3 {
	width:95px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
}

#menutop3 a {
	display: block;
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}

#menutop3 a:hover {
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutopROLL.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}



#menutop4 {
	width:120px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
}

#menutop4 a {
	display: block;
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}

#menutop4 a:hover {
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutopROLL.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}




#menutop5 {
	width:100px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
}

#menutop5 a {
	display: block;
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}

#menutop5 a:hover {
	width:100%;
	height:109px;
	background-image: url(../image/sfondomenutopROLL.gif);
	background-repeat: repeat-x;
	text-align:center;
	color:#FFF;
}
	
#menutop6 {
	width:2px;
	height:109px;
	float:left;
	color:#FFF;
	text-align:center;
	background-image: url(../image/sfondomenutop.gif);
	background-repeat: repeat-x;
}

.campi {border:1px solid #4F4F4F; width:120px;}
.bottoni {}

/* FINE TESTATA */


/*stili specifici per il layout*/
div#navigation{
	float:left;
	width:195px;
	padding: 2em 0 0 10px;
	color:#FF0000;
	font-size: 100%;
	/*background-image: url(../image/sfondosx.gif);
	background-repeat: repeat-y;*/
}
div#contentHP{
	padding: 1em 10px;
	text-align:center;
}
div#content{
	margin: 0 0 0 205px;
	padding: 1.5em;
	border-left: 1px dashed #4F4F4F;
	/*noIEmac\*/	
	min-height: 400px;	
	height: auto !important;	
	/*end */
	height:400px;	
}

div#content h2{color:#000;font-size: 1.2em; font-weight:bold;}
div#content h3{color:#FF0000;font-size: 1em; font-weight:bold;}


div#footer{text-align:center; padding: 5px 0; background-color: #FF0000; color:#FFF;}

.indirizzo {text-align:left; border: 1px dashed #4F4F4F; margin:5px; padding:5px; line-height: 30px;}
.news {text-align:left; border: 1px dashed #4F4F4F;}
.h1news {background-color:#CCCCCC; color:#FF0000; font-weight:bold; font-size: 1.1em; margin:0px 3px 5px 3px; padding:3px; }
.titolonews{color:#FF0000; font-weight:bold; font-size: 1em; margin:3px; padding:3px;}
.imgright {float:right; margin-left:0.5em; margin-bottom:0.5em;}
.imgleft {float:left; margin-right:0.5em; margin-bottom:0.5em;}
.imgleftnews  {float:left; margin:0em 0.5em 0.5em 0.5em;}

#percorso {text-align:right; font-size: 0.8em; color:#000; }
#aggiornamento {text-align:right; font-size: 0.8em; color:#000; }

/*stili per la navigazione*/
div#navigation ul{margin: 1em 0;padding: 0; list-style-type: none}
div#navigation li{
	margin: 10px 10px 10px 20px;
	padding: 0;
	font-weight:bold;
	list-style-image: url(../image/icofreccina.gif);
}

.descrizione {line-height: 23px; margin:5px;}
.descrizione fieldset {	
	border:1px solid #3F3F3F;
	width:50%;
	padding:0 1em;}

#descrizioneAR {line-height: 23px; margin:5px;}
#descrizioneAR h2{color:#FF0000;font-weight:bold; font-size: 1.1em;}
#descrizionemappa {margin:2em 1em 0em 1em;}
#boxname {float:left; margin:3px;}
#boxcampo {float:left; margin:3px;}

.input01 {width:150px;}





a:link {color:#FF0000; text-decoration:none;}
a:visited {color:#FF0000; text-decoration:none;}
a:hover {color:#4F4F4F; text-decoration:underline}
a:active {color:#4F4F4F; text-decoration:underline}

div#footer a:link {color:#FFF; text-decoration:none;}
div#footer a:visited {color:#FFF; text-decoration:none;}
div#footer a:hover {color:#FFF; text-decoration:underline}
div#footer a:active {color:#FFF; text-decoration:underline}

/*ALLEGATI---------------------------*/

#allegati {
  border: 1px dotted #3F3F3F;
  width: 70%;
  margin:0;
}

.titoloboxapp {
  background-color:#FF0000;
  color:#FFF;
  font-size:0.9em;
  margin:4px;
  padding:3px;
  font-weight: bold;
}

.contenutobox {
  padding:10px 2px 10px 10px;
}

.boxnews {margin-top:80px; padding-top:80px;}