/*STILI CLIO P.A.*/


/*NAVIGAZIONE ASSISTITA PER NON VEDENTI*/
.navigazione-assistita
{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

.dato_errato {color:#FF0000}


/*INSTALLAZIONE MODULI*/

#installazione .checkbox{
	width:5%; 
	float:left; 
	padding:2px 2px 4px 2px; 
	text-align:left; 
	color:#003333; 
	background-color:#ffffff}


/*STRUTTURA DEL PORTALE*/


#body {
	/*Il body è l'intera pagina visualizzata dal browser*/
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	background-color:#ffffff;
	color:#003366;
	}

#pagina {
	/*Il div pagina è contenuto nel #body e racchiude tutta la nostra struttura. 
	Viene utilizzato per impostare dei margini alla struttura.*/
	text-align:left;
	margin-left:10px;
	margin-right:10px;
	background-color:/*#EAF6F4*/#ffffff;
	height: auto !important;
	}
	
#corpo, #corpo-gallery {
	/*Il div corpo è contenuto nella #pagina*/
	font-size:0.85em;
	width: 100%;
	margin:0;
	padding:0;
	height:auto !important;
	background-color: #fff;
	}

#centro {
	float:left;
	width:82.2%; /*background-color:#FAF9E5*/
	}

#contenuto {
	/*Il div contenuto è tutto ciò che solitamente cambia tra una pagina e l'altra.
	Esclude, quindi, il top, i menu di destra e sinistra, e il bottom.*/
	width: 78%;
	float: right;
	padding-top:2px;
	color:#003366;
	height: auto !important;
	z-index:3;
	background: url(/img/bg_contents.gif) no-repeat right 26px;
	}


/*PER TORNARE AD INIZIO PAGINA*/

.iniziopagina {margin:0; padding:0; height:0;}/*ancora iniziale per tornare su - si trova nel top*/	

.inizio-pagina, .inizio-pagina-gallery {
	width:100%; 
	margin-top:25px; 
	margin-bottom:15px;
	height:28px;
	background: #E5F6FB url(/img/inizio_pagina_bg.gif) no-repeat right top;
	}/*link per tornare ad inizio pagina*/

.inizio-pagina a, .inizio-pagina-gallery a{
	color:#003366; 
	text-decoration:none; 
	font-size:0.9em; 
	font-weight:bold;
	height:28px;
	display:block;
	line-height:2.4em;
	padding-left:46px;
	background: url(/img/inizio_pagina_off.gif) no-repeat left bottom;
	}
.inizio-pagina a:hover, .inizio-pagina-gallery a:hover {
	background: url(/img/inizio_pagina_on.gif) no-repeat left bottom;
	color:#027FCE;
	}


/*VESTI GRAFICHE (VERSIONI)*/
#vesti-grafiche {
	width:100%;
	height:22px;
	text-align:right; 
	font-size:0.75em;
	}
#vesti-grafiche ul{
	padding:4px 0 0 5px;
	}
#vesti-grafiche li {
	display: inline;
	background: url(/img/puntoelenco_vesti_grafiche.gif) no-repeat left 4px;
	padding-left: 12px;
	margin-left: 12px;
	}
#vesti-grafiche a{
	color: #003366; 
	text-decoration:none;
	}
#vesti-grafiche a:hover{color: #027FDF;}

/*TOP GRAFICO*/
#top {
	position:relative;
	height: 156px;
	text-align: left;
	width:100%;
	background: #fff url(/img/top_center.gif) repeat-x left top;
	}	
#top-sx {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height: 156px;
	}
#top-dx {
	position:absolute;
	width:400px;
	right:0;
	text-align: center;
	top:0;
	height: 156px;
	background: url(/img/top_dx.gif) no-repeat right top;
	}
#loghi-top {
    margin: 11px 6px 0 234px;
	width:160px;
	height:110px;
	color: #fff;
	font-size: 0.70em;
	font-weight:bold;
	}
#top-dx img {
	border: 3px solid #159BCE;
	}
	
/* Menù top */
#menu-top {
    position:absolute;
	bottom:0;
    width:100%;
	padding-bottom:4px;
	color:#fff;
	font-weight:bold;
	font-size:0.75em;
	bottom:7px;
	/*border: 1px solid #000;*/
}
#menu-top ul, #menu-top li, #menu-top form {
	margin: 0;
    padding:0;
	display:inline;
}
#menu-top ul {
	margin: 0 16px 0 196px;
	padding-left: 3px;
	float:left;
	/* background: url(/img/separatore.gif) no-repeat left 4px; */
}
#menu-top li{
    list-style-type:none;
}
#menu-top a{
	padding: 0 8px 0 5px;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
.link-menu-top {
	background: url(/img/separatore.gif) no-repeat right 4px;
	}
#menu-top a:hover{
	color: #ACEAFE;
	text-decoration:underline;
}
#top-cerca{
  height:16px;
  width:48px;
  color: #fff;
  font-weight:bold;
  font-size:0.80em;
  border:none;
  background-color:#34C6FC;
}
#top-input{
  font-size:0.80em;
}

/* LINGUE colonna sinistra ( nelle gallerie il div lingue sta nel top ) */
#lingue {
   height:38px;
   text-align:center;
   background: url(/img/bg_lingue.gif) repeat-x;
   border-bottom: 1px solid #fff;
}
#lingue li {display:inline;padding-top:10px;}

#menu-top #flags-gallery {
   position:absolute;
   float:right;
   right:0;
   top: -12px;
}
#menu-top #flags-gallery ul {
	margin-right: 32px;
	padding: 0;
}
#menu-top #flags-gallery a {
	margin: 0;
	padding: 0;
}
#flags, #flags-gallery {padding-top:7px;}
#flags-gallery {float:right;}
#flags-gallery img {padding:0; margin:0;}
#flags a img, #flags-gallery a img{border: 1px solid #22E8FF;}
#flags a:hover img, #flags-gallery a:hover img{border: 1px solid #fff;}
	
/*MENU CONTESTUALE*/
#menu-contestuale, #menu-contestuale-gallery {
	width:100%; 
	font-size:0.9em;
	padding-top:2px;
	padding-bottom:10px;
	margin-bottom:8px;
	color:#3D9302;
	background: url(/img/bg_menu_contestuale.gif) repeat-x left bottom;
	}
#menu-contestuale-gallery {
	font-size:0.75em;
	padding-top:5px;
	margin-bottom:0;
	padding-bottom:0;
    padding-left:12px;
	background: none;
	}
#menu-contestuale a, #menu-contestuale-gallery a {
	color:#3D9302;
	text-decoration:none;
	}
#menu-contestuale a:hover, #menu-contestuale-gallery a:hover {
	color:#55CD03;
	text-decoration:underline;
	}


/* ------------ Parti comuni alle COLONNE SINISTRA E DESTRA -------------- */
#menu-sx, #menu-dx {
	margin:0;
	font-size: 0.9em;
	font-weight:bold;
	}
#ul-progetto li, #ul-servizi li, #ul-risorse li, {
    border-bottom: 1px solid #fff;
	padding: 5px 0 6px 26px;
	}
.titolo-menu {
	color:#fff;
	font-weight:bold;
	padding:8px 4px 3px 6px;
	font-size: 1.1em;
	}
.titolo-menu a{color:#fff;}
.titolo-menu a:hover{text-decoration:none;}

	
/* ------- COLONNA SINISTRA ------- */
#menu-sx {
	float: left;
	width: 21%;
	background-color:#E8F6FF;
	z-index:2;
	margin-top:6px;
	}
#menu-sx ul a{
	color: #003366;
	}
#menu-sx .titolo-menu {
    background: #0271A6 url(/img/head_menu_sx.gif) no-repeat top right;
	}
#ul-progetto li, #ul-risorse li {
    background: url(/img/puntoelenco_sx.gif) no-repeat 3px 9px;
	}
#menu-sx li a:hover {color: #0388D5;}

/* colonna sinistra: box form */
.box-sx {
   padding: 7px;
   color: #006699;
   background: url(/img/bg_box_sx.gif) no-repeat left bottom;
   border-bottom: 1px solid #fff;
}
.box-sx form {
	padding:0 0 10px 0;
	margin:0;
	/*border:1px solid #888;*/
	}
.box-sx div {
	padding-bottom:4px;
	}
.box-sx input {
   margin:0;
   padding:0;
}
.box-sx form select {
   margin:0;
   padding:0;
   width:100% !important;
   width:92%;
}
.box-sx input {
   width:100%;
}
#btn_login, #btn_scegli, #btn_logout {
   width:60px;
   background-color:#34C6FC;
   border: 1px solid #fff;
   color: #fff;
   font-weight:bold;
   margin-top:7px;
   padding:1px;
}
#btn_logout {width:70px;}

/* colonna sinistra: cartina */
#map {
   height:90px;
   background: url(/img/cartina_sfondo.gif) repeat-x;
   border-bottom: 2px solid #fff;
}
#map span {
   display:none;
}
.link-map-left, .link-map-right {
   height:90px;
   width:49%;
   float:left;  
}
.link-map-right {
   float:right;  
}
#map-sx {
   height:90px;
   width:100%;
   background: url(/img/cartina_sx.gif) no-repeat top left;
}
#map-dx {
   height:90px;
   width:100%;
   background: url(/img/cartina_dx.gif) no-repeat top right;
}


/* ------- COLONNA DESTRA ------- */	
#menu-dx  {
	float:right; 
	width:17%; 
	color: #004E02;
	background-color:#F4FAF0; 
	z-index:1;
	margin-top:6px;
	}
#menu-dx .titolo-menu {
    background: #79B94B url(/img/head_menu_dx.gif) no-repeat top right;
	}
#ul-servizi li {
    background: url(/img/puntoelenco_dx.gif) no-repeat 3px 9px;
	}
#menu-dx li a{color: #004E02;}
#menu-dx li a:hover{color: #52AB02;}
#menu-dx .tratteggio {border: 1px solid #fff; margin: 6px 0 0 0;}

/* colonna destra: eventi e notizie */
.eventi-notizie-home {
    font-weight:normal;
	}
	
.eventi-notizie-home h2, .eventi-notizie-home p {
    padding: 0 6px 0 6px;
	}
.eventi-notizie-home h2 {
	margin: 4px 0 2px 0;
	}
#menu-dx .eventi-notizie-home h2 a {color:#439A02;text-decoration:none;}
#menu-dx .eventi-notizie-home h2 a:hover {color:#0678ED;}

#menu-dx .vai-elenco {
    font-weight:bold;
	background-color:#D0F0B7;
	padding: 4px 0 6px 6px;
	border-bottom: 1px solid #fff;
	}
#menu-dx .vai-elenco a {color:#004E02;}
#menu-dx .vai-elenco a:hover {color:#046DD9;}

.eventi-notizie-home .data, .eventi-notizie-home .comune {
    font-weight:bold;
	padding-top:5px;
	}
.eventi-notizie-home .data-comune {
    font-weight:bold;
	padding-top:2px;
	}


/* ----------------- HOME ----------------- */

/* contenuti home: titoli */
#titolo-itinerari-home { 
     height:40px;
	 width:200px;
	 margin-bottom:2px;
	}
#titolo-itinerari-home span{display:none;} /* alcuni blocchi sono ripetuti per il supporto in Firefox */
#home-sx h2 span {display:none;}
#home-dx h2 span {display:none;}
#home-sx h2 { 
     height:50px;
	 margin:0;
	}
#home-dx h2 { 
     height:50px;
	 margin:0;
	}

/* contenuti home: stili generici box stagioni */	
#home-sx, #home-dx {
    width:49.2%;
	float:left;
	}
#home-dx {
	float:right;
	}
#box-winter {
	border:1px solid #99CCE7;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#box-spring {
	border:1px solid #DAAEBD;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#box-summer {
	border:1px solid #E3CA94;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#box-autumn {
	border:1px solid #E1CBB2;
	margin-bottom:10px;
	padding-bottom:10px;
	}
#box-winter .descrizione_stagione {color:#006699;}
#box-spring .descrizione_stagione {color:#850026;}
#box-summer .descrizione_stagione {color:#D14001;}
#box-autumn .descrizione_stagione {color:#660800;}

.descrizione_stagione {
    font-style:italic;
	padding: 0 120px 5px 10px;
	line-height:1.2em;
	}
#box-spring .descrizione_stagione {padding-right: 110px;}

.box-icon {
    width:114px;
	float:right;
	height:130px;
	}
#box-winter .box-icon {background: url(/img/icon_winter.jpg) no-repeat left 7px;}
#box-spring .box-icon {background: url(/img/icon_spring.jpg) no-repeat left 7px;}
#box-summer .box-icon {background: url(/img/icon_summer.jpg) no-repeat left 7px;}
#box-autumn .box-icon {background: url(/img/icon_autumn.jpg) no-repeat left 7px;}
	
.ul-stagione-sx, .ul-stagione-dx {
	padding: 0 0 0 10px;
	font-weight:bold;
	line-height:1.25em;
	font-size:0.90em;
	float:left;
	}
.ul-stagione-dx {
	float:right;
	width:114px;
	padding: 0;
	}
.ul-stagione-sx li, .ul-stagione-dx li{
	padding: 0 0 0 10px;
	}
#box-winter li {background: url(/img/puntoelenco_winter.gif) no-repeat left 4px;}
#box-spring li {background: url(/img/puntoelenco_spring.gif) no-repeat left 4px;}
#box-summer li {background: url(/img/puntoelenco_summer.gif) no-repeat left 4px;}
#box-autumn li {background: url(/img/puntoelenco_autumn.gif) no-repeat left 4px;}
	
#box-spring a {color:#B90006;}
#box-summer a {color:#E94C2D;}
#box-autumn a {color:#660701;}
#box-winter a {color:#025093;}


/*BOTTOM (INDIRIZZO)*/

#bottom {
	clear:both;
	background: url(/img/bottom_bg.gif) repeat-x left top;
	}
#bottom div {
	width:100%;
	text-align:center;
	color:#fff;
	background: url(/img/bottom.gif) no-repeat left top;
	height:76px;
	font-size:0.75em;
	}	
#bottom a{
	color:#fff;
	font-weight:bold;
	}
#bottom p{
    padding-bottom:16px;
	padding-top:30px;/* disabilitare se c'è il link credits*/
	}
#credits{
    text-align:left;
	padding: 2px 0 0 6px;
	}

/*VALIDATORI E BOTTONI W3C*/

#validatori {
	margin:0;
	padding:10px;
	text-align:center;
	}
.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border:1px solid #A16E1B;
	}
.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	}	
.w3cbutton a:link,.w3cbutton a:visited {
	background:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton a:hover {
	background-color:#ff9;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton .w3c {
	padding:0.5em;
	margin-right:.25em;
	background-color:#fff;
	color:#0c479d;
	}
.w3cbutton .waiA { 
	color:#900;
	background-color:#fff;
	} 

/*HEADINGS (INTESTAZIONI)*/
h1, h2, h3 {
	margin: 0; 
	padding: 0; 
	}

h1 {
	color: #025B93; 
	font-size:1.3em;
	padding: 6px 0 4px 0;
	}
		
h1 a:link, h1 a:visited {
	color: #3399CC;
	}

h1 a:hover, h1 a:active {
	text-decoration:underline;
	}

h2 {
	color:#329602;
	font-size:1.2em;
	padding: 5px 0 6px 0;
	}	
h2 a:link, h2 a:visited {
	/*color:#028CC5;*/
	color:#329602;
	}
h2 a:hover, h2 a:active {
    color:#06B1F8;
	text-decoration:underline;
	}
.h2-con-icona-1, .h2-con-icona-2, .h2-con-icona-3{
	background: url(/img/icon_gallery_2.gif) no-repeat left center;
	padding: 5px 10px 2px 46px;
	margin-bottom:6px;
	line-height:28px;
	}
.h2-con-icona-2{
	background: url(/img/icon_vai_elenco.gif) no-repeat left center;
	}
.h2-con-icona-3{
	background: url(/img/icon_cerca.gif) no-repeat left center;
	}

h3 {
	font-size:1em; 
	color:#006699;
	padding: 4px 0 4px 0;
	}

h3 a:link, h3 a:visited {
	color:#02A8ED;
	}

h3 a:hover, h3 a:active {
   color:#0678ED;
   text-decoration:underline;
   }

/*STILI GENERICI*/
p {
   margin:0;
   padding:0;
  }
.p_contenuti {
   margin: 6px 0 18px 0;
   padding:0;
  }
.p_evidenza {
   background-color:#fff;
   padding:10px 10px 12px 10px;
  }
.tot-elementi {
  font-weight:bold;
  color:#0678ED;
  margin-bottom:10px;
  }
  
ul, li, .ul-contenuti {
   margin:0;
   padding:0;
   list-style-type:none; 
  }
.ul-contenuti {
   margin: 5px 0 5px 0;
  }
.ul-contenuti li {
  padding: 3px 0 3px 12px;
  background: url(/img/puntoelenco_contenuti.gif) no-repeat left 8px;
  }

a{color:#0381C9;text-decoration:none;}
a:hover{text-decoration:underline;}
  
img {border: 2px solid #B2EC8B;}
p {line-height: 1.3em;}
.p_dettagli {margin-top: 10px; margin-bottom: 10px;}

.grassetto {font-weight:bold}
.tot_elementi {font-weight:bold; color: #025B93;}
.corsivo {font-style:italic}
.sottolineato {text-decoration:underline}

.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}

.apice {vertical-align:super}
.pedice {vertical-align: sub}

.attenzione /*stile in rosso per evidenziazioni*/{color:#FF0000;}
.tratteggio {
      border-bottom:1px solid #C2DCE7;
	  margin-bottom:10px;
	  margin-top:10px;
	  clear:both;
	  }
.nascosto {display:none}
.img-interna {
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	}
	
.img-interna-dx {
	float:right;
	margin-left:5px;
	margin-bottom:3px;
	}

.div-tools {
    width:auto;
	border: 1px solid #D5E7CC;
	padding: 8px 10px 2px 10px;
	margin:16px 0 16px 0;
	background-color: #F4FAF0;
	}
	
.ulteriori-info{
   background-color:#F4FAF0;
   padding:8px;
   color:#329602;
   }
	
.ico-legenda {width:60%;  /*background-color:#D9F1FF; border-bottom:3px solid #009999; border:1px solid #009999;*/ padding:2px; }
.ico-legenda ul {list-style-type:none; margin:0; padding:0;}

.ico-allegati {
  float:right;
  width:auto;
  font-size:90%;
  margin:0 0 0 4px;
  }
.ico-allegati img, .ico-legenda img {vertical-align:middle; margin:1px;}
	
	
/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
.paginazione {width:100%; text-align:center;clear:both;}
.paginazione li {display:inline; color:#0678ED}
.paginazione .ul_pagg {font-weight:bold; margin:8px 0 10px 0;}
.paginazione a {color:#012252;}
.paginazione a:hover {color:#008322;}

/* --------------------------------- ITINERARI (inizio) --------------------------------- */

/* itinerari: gestione cartine */
.cartina-itinerari {
	width:100%; 
	padding: 6px 0 6px 0;
	margin-bottom: 10px;
	text-align:center;
	background: #ABE4FB url(/img/cartina_itinerari_bg.gif) repeat-x left bottom;
	}
.cartina-itinerari img {
	border: 1px solid #CBEFFD;
	}
.itinerario-dx img {
	border: 1px solid #B5DEEE;
	}
.cartina-itinerari h1 {
    width:278px;
	color:#fff;
	text-align:center;
	background-color: #1E98CA;
	border-right: 1px solid #CBEFFD;
	border-left: 1px solid #CBEFFD;
	padding: 3px 0 3px 6px;
	margin: 0;
	}
	
/* itinerari: scheda singolo itinerario */
#itinerario-generale {
    border: 1px solid #B5DEEE;
	padding: 10px;
	margin-bottom:16px;
	height:1%; /* IMPORTANTE per evitare in explorer il testo che scompare (quello che flotta attorno al div approfondimento-dx */
	background: #EEF8FF url(/img/bg_itinerari.gif) repeat-x top left;
	}
.itinerario-dx {
    float:right;
	text-align:right;
	margin-left:10px;
	}
.itinerario-dx-bottom, .itinerario-torna-a {
    width:272px;
	background-color:#fff;
	border: 1px solid #B5DEEE;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:0;
	margin-bottom:10px;
	text-align:left;
	}
.itinerario-torna-a {
    width:auto;
	padding:0;
	border: none;
	margin-top:36px;
	}
.itinerario-torna-a li a{
   line-height:29px;
	}
.itinerario-dx-bottom ul, .itinerario-dx-bottom .titolo-menu {
	margin: 10px;
	}
#itinerario .grassetto {color:#0296E2;}
#itinerario .approfondimento .grassetto {color:#409900;}
#itinerario .grassetto-corsivo {color:#0296E2; font-style:italic; font-weight:bold;}
#itinerario .approfondimento .grassetto-corsivo {color:#409900; font-style:italic; font-weight:bold;}
#itinerario .approfondimento-2 .grassetto-corsivo {color:#B78A01; font-style:italic; font-weight:bold;}
#itinerario .approfondimento-2 .grassetto {color:#B78A01;}
#itinerario p {
    margin-bottom:5px;
	}
#itinerario ul {
    margin-bottom:5px;
	}
#itinerario li {
    padding-left:10px;
	line-height:1.2em;
	background: url(/img/puntoelenco_itinerari.gif) no-repeat left 6px;
	}
#itinerario h1 {
    width:auto;
	color:#fff;
	background-color: #1E98CA;
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 6px;
	margin: 35px 0 0 0;
	}
#itinerario h2, #itinerario .h2-giallo {
    width:auto;
	background-color:#74BE50;
	border-bottom: 1px solid #fff;
	color:#fff;
	padding: 2px 0 2px 6px;
	margin: 10px 0 0 0;
	}
#itinerario .h2-giallo {
	background-color:#D0AA37;
	}
#itinerario h3 {
    width:auto;
	background-color:#D0F1FE;
	border-bottom: 1px solid #fff;
	padding: 4px;
	}
#itinerario .approfondimento h3 {
    color:#206001;
	background: none;
	border-bottom: none;
	padding-left:0;
	}
#itinerario .ul-argomenti {
    font-weight:bold;
	margin: 0 0 5px 0;
	}
#itinerario .ul-photogallery li, #itinerario .ul-map li, #itinerario .ul-torna li{
    background: url(/img/icon_gallery_1.gif) no-repeat top left;
	padding-left:46px;
    padding-bottom:3px;
	}
#itinerario .ul-map li{
    background: url(/img/icon_map.gif) no-repeat top left;
	}
#itinerario .ul-torna li{
    background: #E8F6FF url(/img/icon_torna.gif) no-repeat top left;
	}
#itinerario .ul-argomenti a{color: #035C94;}
#itinerario .ul-argomenti a:hover{color: #0296E2;}
#itinerario .ul-photogallery a:hover{color: #0296E2;}
	
.approfondimento, .approfondimento-2 {
    width:auto;
	height:1%; /* IMPORTANTE per evitare in explorer il testo che scompare (quello che flotta attorno al div approfondimento-dx */
	color:#304820;
	border: 1px solid #C6E2B8;
	padding: 10px 10px 0 10px;
	margin-bottom:16px;
	background: #F4FAF0 url(/img/bg_approfondimento.gif) repeat-x top left;
	}
.approfondimento-2 {
	color:#5A1801;
	border: 1px solid #E7D59F;
	background: #FDFAEA url(/img/bg_approfondimento_giallo.gif) repeat-x top left;
	}
.approfondimento img, .approfondimento-2 img {
    border: 2px solid #A3EF7E;
	float:left;
	margin: 0 8px 4px 0;
	padding:0;
	}
.approfondimento-2 img {
    border: 2px solid #FCEB9F;
	}
.approfondimento .tratteggio{
    border-bottom: 1px solid #C6E2B8;
	margin-bottom:4px;
	}
.approfondimento-2 .tratteggio{
    border-bottom: 1px solid #E7D59F;
	margin-bottom:4px;
	}
.approfondimento-dx {
    width:272px;
	background-color:#fff;
	border: 1px solid #C6E2B8;
	float:right;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:6px;
	padding-bottom:5px;
	}
.approfondimento-dx ul, .approfondimento-dx .titolo-menu {
	margin: 10px;
	}
.approfondimento .torna-su, .approfondimento-2 .torna-su {
    text-align:right;
	font-weight:bold;
	}
.approfondimento .torna-su a {
    color:#304820;
	}
.approfondimento .torna-su a:hover {
    color:#3EBA02;
    text-decoration:none;
	}
.approfondimento-2 .torna-su a {
    color:#886702;
	}
.approfondimento-2 .torna-su a:hover {
    color:#D3A901;
    text-decoration:none;
	}
.approfondimento .titolo-menu {
    background: #0271A6 url(/img/head_menu_dx.gif) no-repeat top right;
	padding:2px 2px 2px 5px;
	margin-bottom: 0;
	}
.itinerario-dx .titolo-menu {
    background: #0271A6 url(/img/head_menu_sx.gif) no-repeat top right;
	padding:2px 2px 2px 5px;
	margin-bottom: 0;
	}
.approfondimento .ul-schede, .approfondimento .ul-link-interreg {
    background-color: #F4FAF0;
	padding:6px;
	margin-top: 0;
	}
#itinerario .itinerario-dx .ul-argomenti {
    background-color: #E8F6FF;
	padding:6px;
	margin: 0 10px 5px 10px;
	}
#itinerario .ul-schede li, #itinerario .ul-saperne-piu li, #itinerario .ul-link-interreg li, #itinerario .itinerario-dx .ul-argomenti li {
    background-image: none;
	padding: 0;
	}
.approfondimento .ul-saperne-piu li{
   font-weight:normal;
	}
#itinerario .ul-gallery li, #itinerario .ul-cartine li{
    background: url(/img/icon_gallery_2.gif) no-repeat top left;
	padding-left:46px;
	padding-bottom:3px;
	}
#itinerario .ul-cartine li{
    background: url(/img/icon_cartine.gif) no-repeat top left;
	margin-bottom:6px;
	}

.approfondimento ul a{color:#304820;}
.approfondimento ul a:hover{color:#3D9102;}
.descrizione-link-interreg {
    padding: 0 0 0 14px;
	font-weight:normal;
	}

/* --------------------------------- ITINERARI (fine) --------------------------------- */

/* ----------------------------------- inizio GALLERIE IMMAGINI ----------------------------------- */
#archivio_foto {
	padding: 8px 0 10px 0; 
	}
#archivio_foto h1 {
	margin:0;
	padding: 5px;
	padding-left:44px;
	background: #9CDDFD url(/img/icon_gallery_1.gif) no-repeat left -2px;
	color:#003366;
	border-bottom: 1px solid #7DBFE0;
	}
#archivio_foto h1 a{color:#003366;}
#archivio_foto h1 a:hover{color:#036BD5;}
#archivio_foto #ingrandimento, #archivio_foto #miniature {
	margin-top:5px;
	}
#archivio_foto h2, #archivio_foto h3 {
	margin:0;
	padding: 20px 4px 3px 10px;
	background-color: #ECF8FF;
	}
#archivio_foto h2{
	border-top: 1px solid #fff;
	background: #D2F0FE url(/img/bg_h2_gallery.gif) no-repeat right top;
	}
.h2-elenco-gallerie{
	background: url(/img/icon_gallery_2.gif) no-repeat left center;
	padding: 5px 10px 2px 46px;
	margin-bottom:6px;
	}
#archivio_foto h2 a {color:#165B92;}
#archivio_foto h2 a:hover {color:#278DDF;}

#archivio_foto #vai_a_elenco {
	background-color:#F5E6B7;
	padding: 3px 3px 3px 8px;
	margin:0;
	}
#archivio_foto .paginazione li {
   display:inline;
	}
	
#miniature {
	float:right; 
	width:20%; 
	background-color:#9CDDFD; 
	text-align:center; 
	padding:0; 
	margin:10px 0 0 0; 
	}	
#miniature img {border:0; margin-top:10px;border:1px solid #fff;}
.didascalia-miniatura {color: #012252; border-bottom:2px solid #fff; padding:0 4px 10px 4px;}
#ingrandimento {
    border-top: 4px solid #85D14E;
	border-bottom: 30px solid #BEE8FE;
    padding: 10px 0 20px 0; 
    float:left;
	text-align:center;
	margin:10px 0 0 0; 
	width:78%;
	background: #ECF8FF url(/img/gradient.gif) repeat-x left bottom;
	}
#ingrandimento img {
    border: 1px solid #72E4FC;
	margin: 10px 0 10px 0;
	}
#archivio_foto #ingrandimento  {
    width:77%;
	}
#ingrandimento .grassetto {color:#0678ED;}
#ingrandimento li {background:none;}
.resize {width:auto;}
.galleria_foto{
	border-bottom: 1px solid #fff;
	background-color:#FDF6DC;
}
.galleria_foto h2 {
	margin:10px 0 0 0;
	padding: 6px 4px 2px 44px;
	background: #D8EDFC url(/img/icon_photogallery.gif) no-repeat left -1px;
	color:#01579C;
	border-bottom: 1px solid #99C0DD;
	}
.galleria_foto li {
    border-top: 1px solid #fff;
	background:none;
	line-height: 1em;
	padding-left: 8px;
}
.galleria_foto li h3 {
	margin: 8px 0 8px 0;
}
.txt_foto, .descrizione_archivio {
	margin: 10px;
}
.descrizione_galleria, .descrizione_categoria_archivio {
	margin: 1px 0 0 0;
	padding: 10px 10px 10px 10px;
	color: #01447A;
	border-top: 1px solid #A8DBEC;
	background-color:#ECF8FF;
}
.descrizione_categoria_archivio {
	margin:0;
	padding-left:10px;
	border-top: 1px solid #fff;
}
/* ----------------------------------- fine GALLERIE IMMAGINI ----------------------------------- */


/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
#mappa-sito {
  font-weight:bold;
  color:#0381C9;
  padding-top:10px;
}

#mappa-sito ul, #mappa-sito li{
  margin:2px 0 4px 0;
}
#mappa-sito li{
  background: #E2F1FB url(/img/bg_map.gif) repeat-y left top;
  padding:10px 15px 10px 15px;
}

#mappa-sito .level-2 {
	margin-top:12px;
}
#mappa-sito .level-2  li {
	margin-top:12px;
	background-image:none;
	border-bottom: 1px solid #E2F1FB;
}

#mappa-sito .level-2 li {
    background-color:#fff;
	margin:1px;
	border-left: none;
}

#mappa-sito .level-2 a{
    color:#329602;
}

/*<<<<<<<<<<<<<<<<<<< FINE MAPPA DEL SITO >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/
legend {
   font-weight:bold;
   font-size:1em;
   color:#0678ED;
   padding:0 5px 0 5px;
   }
label, form {
   color:#012F53;
   }
fieldset {
	margin-bottom:15px; 
	padding: 0 0 15px 12px; 
    color:#012F53;
	border:none;
	border-top:4px solid #85D14E;
	line-height:1.2em;
	background: #A9E1FD url(/img/gradient.gif) repeat-x left -4px;
	 }
.campi-form {float:left;}
.etichetta{
     width:25%;
	 border-bottom:1px solid #fff;
	 float:left;
	 padding: 0;
	 margin: 8px 0 0 0;
	 text-align:left;
	 color:#012F53;
	 }
.titoli-form {float:left; padding: 0 0 10px 0; width:20%; clear:left;}
input, textarea {border: 1px solid #02A8ED; margin:2px 0 0 4px;padding-left:4px;color:#012F53;}

#Invia, #reset, #btn_cerca{
   background-color:#85D14E;
   color:#fff;
   font-weight:bold;
   border:1px solid #fff;
   margin-right:10px;
   margin-top:3px;
   padding: 0 3px 0 3px;
   }
select{border:1px solid #02A8ED; margin:2px 0 0 4px; color:#012F53;}
/*<<<<<<<<<<<<<<<<<<< FINE TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/


	
/*MESSAGGIO DI ERRORE NELLA COMPILAZIONE DEI VARI FORM PER INSERIRE IMMAGINI, DATI OBBLIGATORI O DOCUMENTI*/
#errore {
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-weight:bold;}

#risultato {
	color:#F95230;
	}

.nofloat {
	clear: both;
	}

.dato-errato {color:#FF0000}


.record {
	border:1px solid #ADD9D1; 
	margin-top:2px;
	padding:2px;
	}


.errore-formato{
color:#006666;
font-weight:bold;

}

#numero-pagine {text-align:center; width:100%; background-color:#EAF6F4; margin:0; padding:0;}
#numero-pagine ul {list-style-type:none; margin:0; padding:0; display:inline;}
#numero-pagine li {display:inline; margin:0; padding:0;}
#numero-pagine a:link, #numero-pagine a:visited {text-decoration: none;}