/* Base Styles

----------------------------------------------- */
html{
	margin: 0px;
	padding: 0px;
}

body {padding: 0px;
	margin: 0px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #575757;
	background-color: #CACACA;
}

acronym, abbr 	{ cursor: help;	}

img a{  border: 0px;}
img {  border: 0px;}

.trip { float:left;margin:12px 0px 0px 10px}

a:link { color: #575757; text-decoration: underline;}
a:visited {color: #575757; text-decoration: underline;}
a:active { color: #575757; text-decoration: underline;}
a:hover { color: #F8981D; text-decoration:underline;}

p { color: #575757; margin:0px 0px 10px 0px;font-size: 0.9em;}

h1, h2 { color: #575757; margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;font-size:1.2em; font-weight: bold; white-space: nowrap;}
h3 { color: #575757; margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;font-size:1.05em; font-weight: bold; white-space: nowrap;}
h5 { color: #F8981D; margin:25px 0px 10px 0px;padding:0px;font-size:1.00em; font-weight: bold;}
h5 a { color: #F8981D; text-decoration:none;}
h5 a:hover { color: #F8981D; text-decoration:none;}


.testop { color: #A0A0A0;font-size:0.78em; font-weight: normal;}

.giallo { color: #F8981D;font-weight: bold;}

div.clearer {clear:left;margin:0px;padding:0px}

/* classi generiche*/
.centrale {
	width: 990px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
	clear:both;
	background-color: #fff;
}

#RicercaText {	/*riportato l'id per compatibilità con explorer*/
	line-height: normal; border: 0px; width:120px;}
	

ul.elenco, ul.elenco2 {
  list-style:none;
  padding:0px; 
	margin: 0px;	
}

ul.elenco li {
  background-image:url(../img/elenco.gif);
  background-position:top left;
  background-repeat:no-repeat;
	margin: 0px 0px 15px 10px;
	padding:0px 0px 0px 20px;
	color:#575757;
}

ul.elenco li a {text-decoration: underline;
	color:#575757;
}

ul.elenco li a:hover,
ul.elenco li a:focus,
ul.elenco li a:active{
color:#F8981D;
text-decoration: underline;
}



ul.elenco li img, ul.elenco2 li img {
  float:right;
	margin: 0px 0px 5px 15px;
}


ul.elenco2 li {
  background-image:url(../img/elenco.gif);
  background-position:top left;
  background-repeat:no-repeat;
	margin: 0px 0px 20px 10px;
	padding:0px 0px 0px 20px;
	color:#575757;
	min-height: 150px;
	height: auto !important;
	height: 150px;

}

ul.elenco2 li a {text-decoration: underline;
	color:#575757;
}

ul.elenco2 li a:hover,
ul.elenco2 li a:focus,
ul.elenco2 li a:active{
color:#F8981D;
text-decoration: underline;
}


.facebook {	float:left;color: #575757;	font-weight:bold;	font-size: 11px;width:130px}

.facebook a {float:left;display:block;text-decoration:none;padding:15px 5px 0px 0px;
	margin:10px 0px 0px 10px;
	height:35px;width:50px;
	text-align:left;
	background:url(../img/fb.jpg) 0 0 no-repeat;}
	
.facebook a span {display:none;}

.facebook a:hover { color: #3b81e4;text-decoration:none;background-position:0 -50px}



.allegati {
  width:490px;
	margin:20px 0px 10px 0px;
	padding: 5px 10px 10px 10px;
	border:1px solid #E9E9E9;
	background-color: #F7F7F7;
	text-align:left;
	clear:both;
}

.allegati img {margin: 0px 4px 2px 0px; float: left;}

ul.al {
	margin: 3px 4px 0px 4px;
	border: 0 none;
	padding: 0;
	/*For KHTML*/
	list-style: none;
}

ul.al li {
	padding:0px 8px 0px 13px;
	margin:6px 0px 0px 0px;
	background: transparent url(../img/lial.gif) no-repeat 0 0;
	text-decoration: none;
	font-size:0.8em;
	font-weight: normal;
	font-style: normal;
}

ul.al li a{
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}
ul.al li a:hover,
ul.al li a:focus,
ul.al li a:active{
color:#F8981D;
}
/* FINE classi generiche*/


/*--- INIZIO intestazione ---*/

#top1,#top2,#top3,#top4  { 
  margin:0px;
  float:left;
}

#top1 {
	width: 480px;
	text-align:left;	
	padding: 0px 0px 0px 35px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
}

#top2 {
  width: 369px;
	text-align:right;
	padding: 75px 106px 0px 0px;
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

#top3  { 
  height: 340px;
  width:35px;
}

#top4  { 
  height: 340px;
  width:850px;
  /*border:5px dotted lime;
  z-index:0;*/
}


#top5 { 
  margin:8px 0px 0px 35px!important;
   margin:5px 0px 0px 18px;
  padding: 0px 0px 0px 0px!important;
  float:left;
  width: 450px;
  height:50px;
  font-size:0.78em;
  border-bottom:1px solid #E9E9E9;
}

#top5 .form { margin:0px;padding:0px}

#top5 .form01 { padding:2px 6px 2px 0px;}

#top5 .select{	font-weight: normal;
	margin: 0px 2px 0px 0px;
	padding:0px 0px 0px 0px;
  color: #575757;
  font-size:0.9em;
  float:left;
}

#top5 .image { margin:7px 0px 0px 0px;}

#top6 { 
  margin:8px 0px 0px 0px!important;
   margin:5px 0px 0px 0px;
  padding: 0px 0px 4px 0px!important;
  float:left;
  width: 399px;
  height:46px;
  border-bottom:1px solid #E9E9E9;
}


/* menu top*/
ul.mtop {
  list-style:none;
  padding:0px; 
	margin: 0px;	
	float:right;
}

ul.mtop li,
ul.mtop li.in {
  width:78px; 
	float:left;
	margin: 0px;
	padding:0px 6px 8px 0px;
	color:#575757;
	text-transform:uppercase;
	font-size: 0.8em;
	text-align: right;

}

ul.mtop li {
	border-right:1px solid #CFCFCF;
	font-weight: normal;
}

ul.mtop li.in {	
	border-right:1px solid #F8981D;
	font-weight: bold;
}


ul.mtop li a {text-decoration: none;
	color:#575757;
}

ul.mtop li a:hover,
ul.mtop li a:focus,
ul.mtop li a:active{
color:#575757;
text-decoration: underline;
}

ul.mtop li a:visited{
color:#575757;
text-decoration: none;
}

ul.mtop li.in a {text-decoration: none;
	color:#575757;
}

ul.mtop li.in a:hover,
ul.mtop li.in a:focus,
ul.mtop li.in a:active{
color:#575757;
text-decoration: underline;
}

ul.mtop li.in a:visited{
color:#575757;
text-decoration: none;
}
/* Fine menu top*/


/* menu right*/
ul.mright {
  list-style:none;
  padding:0px; 
	margin: 0px 0px 0px 10px;	
	float:left;
}

ul.mright li,
ul.mright li.in {
  width:85px; 
	margin: 0px;
	padding:50px 0px 4px 0px;
	color:#575757;
	text-transform:uppercase;
	font-size: 0.8em;
	text-align: left;
}

ul.mright li {
	border-bottom:1px solid #CFCFCF;
	font-weight: normal;
}

ul.mright li.in {	
	border-bottom:1px solid #F8981D;
	font-weight: bold;
}


ul.mright li a {text-decoration: none;
	color:#575757;
}

ul.mright li a:hover,
ul.mright li a:focus,
ul.mright li a:active{
color:#575757;
text-decoration: underline;
}

ul.mright li a:visited{
color:#575757;
text-decoration: none;
}

ul.mtop li.in a {text-decoration: none;
	color:#575757;
}

ul.mtop li.in a:hover,
ul.mtop li.in a:focus,
ul.mtop li.in a:active{
color:#575757;
text-decoration: underline;
}

ul.mtop li.in a:visited{
color:#575757;
text-decoration: none;
}
/* Fine menu right*/


/* menu bottom*/
ul.mbot {
  list-style:none;
  padding:0px; 
	margin: 0px;	
	float:right;
}


ul.mbot li,
ul.mbot li.in {
  width:78px; 
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 6px 0px 0px;
	color:#575757;
	text-transform:uppercase;
	font-size: 0.78em;
	text-align: right;

}

ul.mbot li {
	border-right:1px solid #CFCFCF;
	font-weight: normal;
}

ul.mbot li.in {	
	border-right:1px solid #F8981D;
	font-weight: bold;
}


ul.mbot li a {text-decoration: none;
	color:#575757;
}

ul.mbot li a:hover,
ul.mbot li a:focus,
ul.mbot li a:active{
color:#575757;
text-decoration: underline;
}

ul.mbot li a:visited{
color:#575757;
text-decoration: none;
}

ul.mbot li.in a {text-decoration: none;
	color:#575757;
}

ul.mbot li.in a:hover,
ul.mbot li.in a:focus,
ul.mbot li.in a:active{
color:#575757;
text-decoration: underline;
}

ul.mbot li.in a:visited{
color:#575757;
text-decoration: none;
}
/* Fine menu bottom*/

/*--- FINE intestazione ---*/



/*--- INIZIO centro ---*/

#percorso {margin:0px 105px 2px 0px;padding:8px 0px 0px 0px; font-size: 0.78em;width:885px; text-align:right; color: #575757;clear:both}
#percorso a:link { color: #575757; text-decoration: none;}
#percorso a:visited { color: #575757; text-decoration: none;}
#percorso a:hover { color: #575757; text-decoration: underline;}

.centro { width:850px;
    margin:10px 105px 0px 35px; 
    clear:both;
    min-height:27px;
    background-color: #fff;
   }

.centro2 { width:750px;
    padding:10px 20px 10px 20px; 
    clear:both;
   }
   
.testo3 { width:750px;
    margin:0px 0px 0px 0px; 
    font-size:0.9em; 
    text-align:justify;
    float:left;
    min-height: 250px;
	  height: auto !important;
	  height: 250px;
    }
 
.testo {
   width: 520px;
   margin: 0px 0px 0px 0px;
   padding-bottom: 20px;
   font-size: 0.9em;
   text-align: justify;
   float: left;
   min-height: 250px;
   height: auto !important;
   height: 250px;
}

.selezionato {
   width:300px;
   margin: 0px 0px 20px 20px;
   padding: 0px 0px 10px 0px;
   text-align: center;
   font-size:0.8em;
   border-bottom:1px solid #E9E9E9;
   clear:both;
}

.selezionato_new1 {width:270px;margin:10px 0px 0px 50px;padding:8px 0px 0px 0px;text-align:center;font-size:0.8em;
   border-top:1px solid #E9E9E9;
   border-bottom:1px solid #E9E9E9;
   clear:both; }
   
.selezionato_new2 {width:270px;margin:0px 0px 0px 50px;padding:8px 0px 0px 0px;text-align:center;font-size:0.8em;
   clear:both; }
      
.selezionato_new1 span,.selezionato_new2 span {display:none}

.selezionato a:link,
.selezionato a:visited {
  text-decoration:none;
}

.selezionato_img {
   width:300px;
   padding: 0px;
   margin: 0px 0px 0px 20px;
   text-align: center;
   clear:both;
}

.selezionato2 {
   width:300px;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 10px 0px;
   text-align: justify;
   font-size:0.8em;
   border-bottom:1px solid #E9E9E9;
   clear:both;
}

.selezionato2 a:link,
.selezionato2 a:visited {
  text-decoration:underline;
}

  
.immagine, 
.noimmagine { width:325px;
    margin:0px 0px 0px 0px; 
    padding-bottom:20px;
    float:right;
    text-align:right;
    min-height: 250px;
	  height: auto !important;
	  height: 250px;
    }

.noimmagine { background-image:url(../img/noimmagine-logo.gif);
    background-repeat: no-repeat;
	   background-position: top center;
    }
    
.immagine .selezionato img,
.immagine .selezionato_img img {margin:0px 0px 3px 0px}

.immagine img {margin-bottom:10px}


.boxelenco { width:280px;
    margin:15px 0px 0px 0px; 
    padding:0px 0px 10px 10px;
    float:right;
    text-align:left;
    font-size:0.9em;
    border-left:1px solid #E9E9E9;
    }

.testo2 { width:850px;
    margin:0px 0px 0px 0px; 
    padding-bottom:20px;
    font-size:0.9em; 
    text-align:justify;
    float:left;
    min-height: 250px;
	  height: auto !important;
	  height: 250px;
    }


ul.lineare { list-style:none;
  padding:0px; 
	margin: 0px;	
	float:right;
	background-color: #fff;
}

ul.lineare li
 { float:left;
	margin: 0px;
	padding:0px 0px 8px 6px;
	color:#575757;
  text-align: right;
  font-size:0.78em;
  font-weight: normal;
}

ul.lineare li a {text-decoration: none;
	color:#575757;
}

ul.lineare li a:hover,
ul.lineare li a:focus,
ul.lineare li a:active {
color:#575757;
text-decoration: underline;
}

ul.lineare li a:visited {
color:#575757;
text-decoration: none;
}

ul.lineare li img {margin: 0px 0px 0px 2px;}


ul.lineare2 { list-style:none;
  padding:0px; 
	margin: 0px;	
	float:left;
}

ul.lineare2 li
 { float:left;
	margin: 0px;
	padding:0px 8px 0px 8px;
	color:#575757;
  text-align: left;
  font-size:0.9em;
  font-weight: normal;
  border-right:1px solid #CFCFCF;
}

ul.lineare2 li a {text-decoration: none;
	color:#575757;
}

ul.lineare2 li a:hover,
ul.lineare2 li a:focus,
ul.lineare2 li a:active {
color:#575757;
text-decoration: underline;
}

ul.lineare2 li a:visited {
color:#575757;
text-decoration: none;
}


/* inizio Tabella */

#griglia {
   background-image:url(../img/griglia.gif);
   clear:both;
   opacity: .90;
   filter: alpha(opacity=90);
   -moz-opacity: .90;
   width:850px;
   height:340px;
}

#tabella { 
  margin:0;
  padding:0;
  border:0;
  height:340px;
}

.tabella2 { 
  margin:0;
  padding:0;
  border:0;
  width: 85px;
}

.td { width:84px;
      height:84px;
      padding:0 7px;
      vertical-align: middle;
      background-image:url(../img/opacita1.png);
      font-size: 0.9em; 
      color: #3F3F3F;
      font-weight: normal;
}

.td2 { width:84px;
      height:84px;
      padding:0 7px;
      vertical-align: middle;
      background-color:#A0A0A0;
      font-size: 0.9em; 
      color: #fff;
      font-weight: normal;
}

.tdb { width:84px;
      height:84px;
      padding:0 7px;
      vertical-align: middle;
      background-image:url(../img/opacita1b.png);
      font-size: 0.9em; 
      color: #3F3F3F;
      font-weight: normal;
}

.td2b { width:84px;
      height:84px;
      padding:0 7px;
      vertical-align: middle;
      background-color:#A59785;
      font-size: 0.9em; 
      color: #fff;
      font-weight: normal;
}

a.link1,link2 { font-weight: normal;}
        
a.link1:link {color: #3F3F3F; text-decoration:none;}
a.link1:visited {color: #3F3F3F; text-decoration:none;}
a.link1:hover {color: #fff;text-decoration:underline;}

a.link2:link {color: #3F3F3F; text-decoration:none;}
a.link2:visited {color: #3F3F3F; text-decoration:none;}
a.link2:hover {color: #fff;text-decoration:underline;}

a.link3:link {color: #575757; text-decoration:underline;}
a.link3:visited {color: #575757; text-decoration:underline;}
a.link3:hover {color: #F8981D;text-decoration:underline;}

.stelo { background-image:url(../img/stelo.png);
      background-position:top right;
      background-repeat: no-repeat;
}

/* fine Tabella */

/*--- FINE centro ---*/

/*--- INIZIO copy ---*/

#copy1,#copy2 { 
  margin:0px;
  padding:5px 0px 0px 0px;
  border-top:1px solid #E9E9E9;
  height:40px;
  float:left;
  background-color: #fff;
}

#copy1 {
	width: 790px;
	text-align:left;	
	font-size:0.6em;
	color: #A0A0A0;
	padding:3px 0px 0px 10px;
	}

#copy2 {
  width: 180px;
	text-align:right;
	padding:3px 10px 0px 0px;
}



/*--- FINE copy ---*/


/* FORM */

.modulo,.modulo2 {
	font-weight: normal;
	padding:5px 0px;
	margin:0px 0px 0px 0px!important;
	margin:0px 0px 0px 0px;
	text-align:left;
	min-height: 45px;
	height: auto !important;
	height: 45px;
}

.modulo {
	float:left;
	width:48%;
}



.modulo input.text{
	font-weight: normal;
	margin: 2px 0px 0px 0px !important;
	margin: 2px 0px 0px 0px;
	padding:2px;
	border:1px solid #A0A0A0;
	font-family: Verdana;
	font-size: 0.9em;
	color: #575757;
}

.modulo input.radio,.modulo2 input.radio{
	margin: 2px 15px 0px 0px !important;
	margin: 2px 15px 0px 0px;
	padding:0px;
}


.modulo2 {
	clear:both;
	width:98%;
}

.modulo2 .privacy {
	font-weight: normal;
	margin-top:4px;
	padding: 5px;
	width: 99%;
	border: 1px solid #A0A0A0;
	font-family: Verdana;
	font-size: 0.8em;
	background: #f4f4f4;
	height:80px;
	overflow-y: scroll;
	color: #575757;
	clear:both;
	text-align:justify;
}

.modulo2 input.checkbox{
	margin: 2px 15px 0px 0px !important;
	margin: 2px 15px 0px 0px;
	padding:0px;
}

/* fine FORM */



/* galleria

---------------------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px;}

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left}
#nextLink { right: 0; float: right}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 0.8em Arial; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #575757; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }


#container {
   margin: 0;
   padding: 0;
   width: auto;
   display:block;
}

	
.accordion_toggle {
			display:block;
         background: url(../img/elenco.gif) no-repeat top left;
			padding: 0px 0 5px 20px;
			margin:5px 0px 0px 0px;
			color: #575757;
			font-weight: bold;
			font-size:1em;
			text-decoration: none;
			outline:none;
			cursor: pointer;
}
	
.accordion_toggle_active {
			background: url(../img/elenco.gif) no-repeat top left;
			color: #575757;
			text-decoration: underline;
}
		
.accordion_content {
			background-color: #ffffff;
			color: #575757;
			overflow: hidden;
			font-size:1em;
			margin:0px 0px 15px 0px;
			padding:0;
}
			
.accordion_content h2 {
				padding: 0px 0px 5px 20px;
				color: #575757;
				font-size:1.2em;
				margin:0px;
}
			
.accordion_content p {
			padding: 0px 0px 5px 20px;
			margin:0px;
}
			
.vertical_accordion_toggle {
			/*display: block;*/
			height: 30px;
			width: auto;
			/*background: url(../img/accordion_toggle.jpg) no-repeat top right #a9d06a;*/
			padding: 0px 0px 0px 0px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			/*border-bottom: 1px solid #cde99f;*/
			cursor: pointer;
			margin: 0px;
}

.vertical_accordion_toggle_active {
			/*background: url(../img/accordion_toggle_active.jpg) no-repeat top right #e0542f;*/
			color: #ffffff;
			/*border-bottom: 1px solid #f68263;*/
}

.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			/*overflow: hidden;*/
}

.vertical_accordion_content h2 {
				margin: 15px 0px 5px 10px;
				color: #0099FF;
}

.vertical_accordion_content p {
				line-height: 150%;
				padding: 5px 0px 15px 0px;
}
  			
		
					
					
    /* Container styling*/
#horizontal_container {
      margin: 0px auto;
      width: auto; 
      padding:0;  
}
    
#vertical_nested_container {
      margin: 0px auto;
      width: auto;
      padding:0;
}
.hidden {
	display : none;
}