* { margin:0; padding:0; }
html, body { height:100%; background-color:#FFF; color: #000;}
body { font-size:90%;  background: #FFF url(../immagini/gallo.jpg) no-repeat left bottom;  color:#000; font-family: Arial, "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
ul li { list-style-type:none; list-style-image:none; }
/*  TITOLI */
h1, h2, h3, h4, h5 { background-color:transparent; color:#690; font-family: "Book Antiqua", "Times New Roman", Times, serif; }
/* 
originale - websafe
#B5BB7F	#CCCC66	verde acido
#628720	#669900	verde scuro
#9DB373	#99CC66	verde medio
*/

/* POSIZIONAMENTO */

body#splash #container { margin:0 auto 0 auto; width: 750px;  }
body#splash #header h1 { background: url(../immagini/parco_orobie.jpg) no-repeat top center; width: 750px; height:249px; margin:0 auto 0 auto; }
body#splash #header h1  span { display: block; width: 0; height: 0; line-height: 0; overflow: hidden; clip: rect(0,0,0,0); }
    body#splash #header p { margin-left:250px; margin-bottom:2em; }
body#splash #content { line-height:1.5em; border-left:2px solid #690; padding-left:20px; margin-left:380px; width:300px;  }
body#splash #content ul li { font: 1em/2em "Book Antiqua", "Times New Roman", Times, serif;  font-weight:bold; margin-left:30px; list-style-type:square; list-style-image:url(/immagini/bullet.gif); }

body#splash #sidebar { width:350px; float:left; min-height:565px; height:auto !important; height:565px; }
body#splash #news { background-color:#f1f3e8; margin-bottom: 1em; min-height:290px; height:auto !important; height:290px;  }
    body#splash #news h2 { border-bottom: 2px solid #690;  font-size:1.2em; margin-bottom:0; text-indent:1em; }
    body#splash #news ul { padding:0 1em 0 1em; font-size:0.9em;  }
        body#splash #news ul li { padding:1em 0 0 0; }
.banner_puzzle { width: 350px; height: 250px; display: block; position: relative; background: url(../immagini/banner_puzzle.jpg) no-repeat left top ; }    
	.banner_puzzle li.pr a { width: 175px; height: 125px; display: block; position: absolute; top:0; left:0; }     
	.banner_puzzle li.es a { width: 175px; height: 125px; display: block; position: absolute; top:0; left:175px; }     
	.banner_puzzle li.gu a { width: 350px; height: 125px; display: block; position: absolute; top:125px; left:0; }     
	.banner_puzzle li a span { display: block; width: 0; height: 0; line-height: 0; overflow: hidden; clip: rect(0,0,0,0);}

.bio { position: absolute; top: 0; right: 0; }

#container { position:relative; }	
	
#header { background: url(../immagini/header_sfondo.png) repeat-x top left; position:relative; width:100%; }
#header h1 a { display: block; width: 980px; height:130px; }
#header h1 a span { display: block; width: 0; height: 0; line-height: 0; overflow: hidden; clip: rect(0,0,0,0); }

	body#login #header h1 { background: url(../immagini/header_login.jpg) no-repeat left top ; }	
	body#newsletter #header h1 { background: url(../immagini/header_newsletter.jpg) no-repeat left top ; }
	body#eventi #header h1 { background: url(../immagini/header_newsletter.jpg) no-repeat left top ; }
		#eventi h3 {text-align:center; text-transform: uppercase; font-size:1.5em; margin-top:2em; margin-bottom:2em; }
	body#ente #header h1 { background: url(../immagini/header_ente.jpg) no-repeat left top ; }
	body#ambiente #header h1 { background: url(../immagini/header_ambiente.jpg) no-repeat left top ; }
		body#flora #header h1 { background: url(../immagini/header_flora.jpg) no-repeat left top ; }
	body#eventi #header h1 { background: url(../immagini/header_eventi.jpg) no-repeat left top ; }
		body#attivita #header h1 { background: url(../immagini/header_attivita.jpg) no-repeat left top ; }
	body#visitare #header h1 { background: url(../immagini/header_visitare.jpg) no-repeat left top ; }
	body#contatti #header h1 { background: url(../immagini/header_contatti.jpg) no-repeat left top ; }
	body#links #header h1 { background: url(../immagini/header_links.jpg) no-repeat left top ; }
	body#pianificazione #header h1 { background: url(../immagini/header_pianificazione.jpg) no-repeat left top ; }
	body#bandi #header h1 { background: url(../immagini/header_bandi.jpg) no-repeat left top ; }
	body#news #header h1 { background: url(../immagini/header_news.jpg) no-repeat left top ; }
	body#danilo_re #header h1 { background: url(../immagini/header_danilo_re.jpg) no-repeat left top ; }
	body#accessibility #header h1 { background: url(../immagini/header_accessibility.jpg) no-repeat left top ; }
	body#vas #header h1 { background: url(../immagini/header_vas.jpg) no-repeat left top ; }
	body#amministrazione #header h1 { background: url(../immagini/header_newsletter.jpg) no-repeat left top ; }	
	
	body#sportello #header h1 { background: url(../immagini/header_sportello.jpg) no-repeat left top ; }
	
		h2 { margin-bottom:1.5em; font-size:1.6em; }
		h3 { margin-bottom:1em; font-size:1.4em; }
		h4 { border-bottom: 2px solid #690;  font-size:1.2em; margin-top:2em; margin-bottom:1.5em;  }
		h5 { font-size:1.2em; margin-top:2em; margin-bottom:1.5em;  }
		h6 { font-size:1em; margin-top:1em; margin-bottom:0.8em;  }
		
		h2, h3, h4, h5, h6 { width:100%; }

		p,ul, dl { margin-bottom:1em;  }
		
		dl dt { font-weight: bold; margin-top:1em;	}
	
#menu { position:absolute; top:110px; right:0; background-color:#690; }
	#menu ul { width:auto; }
	#menu ul li { float:left; width:auto; color:#FFF; font: italic bold 0.9em "Book Antiqua", Times, serif; margin-left:1.5em; }
	#menu ul li a { text-decoration:none; background-color:#690; color: #FFF; font-weight: bold; }
	
#contenuto { margin:2em; }

address { display: block; width: 15em; margin-bottom: 2em; }

#submenu { width: 14em; float:left; font-size:1em;  }
    #submenu ul li { list-style-type:square; list-style-image:url(/immagini/bullet.gif); line-height:2em;  } 
	  #submenu ul li { margin-left:1.5em; } 
		li li {  margin-left:3em;  }
		
#subcontent { border-left:2px solid #690; line-height: 1.8em; margin-left:18em; padding-left:2em; }
        #subcontent ul, #subcontent ol {  }
	#subcontent ul li, #subcontent ol li { margin-left:1.5em; }
		#subcontent ul li { list-style-type:square; list-style-image:url(/immagini/bullet.gif); }
	#subcontent img { float:left; margin:0.5em 2em 1em 0;}
	#subcontent img.logo_dx { float:right; margin:0 0 2em 2em; display:block; clear:right; }
	#subcontent img.giardino_bot { margin:2%; display:inline; height:208px; }
	#subcontent img.down { border:none; margin-bottom:0;  }
		#subcontent ul li img { float:none; display:inline; }
		#subcontent ol.decalogo { margin:1em 0 1em 0; padding:0 2% 1% 2%; background-color:#f1f3e8; }
	#subcontent dl.materiale { }
	#subcontent dl.materiale dt { font-weight: bold; width: 100%; color:#690; border-bottom:2px solid #690; clear: left }
		#subcontent dl.materiale dd.prezzo { width: 10%; background-color:#690; color:#FFF; float:right; text-align: center; font-weight:bold;	}
		#subcontent dl.materiale dd.imm { float: left; }
		#subcontent dl.materiale dd.desc { 	}
			#subcontent dl.materiale dd.desc:after { clear:left;	}
			#subcontent dl.materiale dd.imm img { border:none;	float:none; }
		
		em {font: italic normal 110% "Book Antiqua", Times, serif;}

#footer { font-size:80%; margin-bottom:1em; margin-top:1em; background-color: #690; color:#FFF; width:100%; text-align: center;  }
	#footer a:link, #footer a:active, #footer a:visited, #footer a:hover  { background-color: #690; color:#FFF;  text-decoration:none;}
	#footer a.crwd { margin-left: 40%;	}
#w3c 	{ width:100%; text-align: center; margin-bottom: 1em; }
	#w3c a:link, #w3c a:active, #w3c a:visited, #w3c a:hover  { color:#555;  text-decoration:none; font-size:80%; line-height: 120% }	
	
/* CLASSI VARIE */

.alert { background-color:transparent; color:#F00; font-weight:bold; text-align:center; }

.segna { background-color:#F00; color:#FFF; text-align: center; font-weight:bold; width: 100%; }

.dispari { background-color:#EFEFEF; }
html>body .dispari { background:transparent url(/immagini/ping.png); background-color:transparent; } /* !IE */
.pari { background-color :transparent; }
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.titoloCriteri { color:#369; font-weight:bold; }
.filtri { margin:1em 0 1em 0; }
	.filtri h3 { color:#000; font-size:1.2em; }
br.cl { clear:both; }

.ghost { display:none; }

a:link, a:visited { text-decoration:underline;  }
a:hover { color:#690; text-decoration:none; }
a:active { text-decoration:none; }

ol.lower-alpha { list-style-type: lower-alpha; }

img { border:none; }
img.ico {width:16px; height:16px;}
img.down {margin-right:5px;}

table { border-collapse: collapse; margin: 1em 0 1em 0 }
table tr th { text-align: left; padding:0.2em; }
table tr td { vertical-align: top; padding:0.2em; border:1px solid #690; }

/* FORMATTAZIONE TABELLE */

caption { background-color:transparent; color:#690; font-size:120%; font-style: italic; font-weight:bold; font-family: "Book Antiqua", "Times New Roman", Times, serif;  }

table.risultati { width:100%; margin: 1em auto 2em auto; border-top:2px solid #CCC;  border-bottom:2px solid #CCC; border-collapse:collapse;  }
	table.risultati caption { width:100%; margin:2% auto 0 auto; padding:0; line-height:100%;}
	table.risultati tr th { text-align:left; border-top:2px solid #CCC; border-bottom:2px solid #CCC; padding:1px 2px 1px 2px;  }
	table.risultati tr th.op { width:60px;	}
	table.risultati tr td { padding:1px 2px 1px 2px; border:1px solid #CCC; border-collapse:collapse; vertical-align:top; }

table.rifugi {font-size:0.8em;}
    table.rifugi tr th { color:#FFF; background-color:#690; padding:1px 2px 1px 2px;  border:1px solid #690; }
    table.rifugi tr td { padding:1px 2px 1px 2px; border:1px solid #690; border-collapse:collapse; vertical-align:top; }
   
table.guide {  width:100%; }
    table.guide tr th { color:#FFF; background-color:#690; padding:1px 2px 1px 2px;  border:1px solid #690; }
    table.guide tr td { padding:1px 2px 1px 2px; border:1px solid #690; border-collapse:collapse; vertical-align:top; }

table.tbl_sic { width:100%; margin: 1em auto 2em auto; border-top:2px solid #CCC;  border-bottom:2px solid #CCC; border-collapse:collapse;  }
	table.tbl_sic caption { width:100%; margin:2% auto 0 auto; padding:0; line-height:100%;}
	table.tbl_sic tr th { text-align:center; padding:1px 2px 1px 2px; color: #FFF; background-color: #690;   }
		table.tbl_sic tr th.tot { color: #000; background-color: #FFF; } 
	table.tbl_sic tr td { padding:1px 2px 1px 2px; border:1px solid #CCC; border-collapse:collapse; vertical-align:center; text-align: center; }


div.filtri h4 { font-size:1em; }
	h4 span.criterio { font-weight:bold; }
	h4 span.valore { font-weight:normal; }
	
/*  FORMS */
form#auth div { float:left; width:25%; }

form#newsletter label { clear:both; display:block; float:left; font-weight:bold; padding-right:1em; text-align:right; width:20em; }
form#newsletter div { margin-bottom:1em; }
form#newsletter input.bottone { display:block; margin-top:2em; }

form#modulo table, table.assegnazione {width:90%; margin:2% auto 2% auto; border-top:2px solid #690; border-bottom:2px solid #690; }
	form#modulo table caption { text-align:left; width:80%; margin-left:auto; margin-right:auto; }
	form#modulo table tr td { margin:0; padding:2px; vertical-align:top; width:20%; }
	form#modulo table tr td p { margin:0; }
	form#modulo table tr td label { font-weight:bold; padding:2px; margin:0; }
	form#modulo select { width:325px; }
form#criteri { }
fieldset.motore { border:2px solid #690; margin:1em 0 1em 0; padding:0 2% 1% 2%; }
fieldset.motore legend { color:#690; font-weight:bold; margin-bottom:1%;}
	fieldset.motore form#criteri p.aiuto { color:#999; font-size:0.9em; }
	fieldset.motore form#criteri div { float:left; width:25%; }
	fieldset.motore form#criteri div input.bottone { display:block; margin-left:auto; margin-right:auto; margin-top:1em; }
	fieldset.motore form#criteri label { display:block; width:100%; }
	fieldset.motore form#criteri select { font-family:"Courier New", Courier, monospace; font-size:100%; width:150px; }
.bottone { background:#690 url(/immagini/backButton.png) repeat-x bottom left; color:#FFF;  font-size:100%; font-weight:bold; width:120px; height:25px; border:1px solid #690;}
.txt { border: 1px solid #999; font: 1em "Courier New", Courier, monospace; }

.pulsantiOp { text-align:center; margin:2% auto 2% auto; clear:both;}
.info { background-color:#EFEFEF; color:#000; border:2px outset #CCC; width:30%; padding:5px; line-height:100%}

li.bmp { background:transparent url(/immagini/icons/bmp.gif) no-repeat top left; padding-left: 2.5em; }
li.doc { background:transparent url(/immagini/icons/doc.gif) no-repeat top left; padding-left: 2.5em; }
li.file { background:transparent url(/immagini/icons/file.gif) no-repeat top left; padding-left: 2.5em; }
li.gif { background:transparent url(/immagini/icons/gif.gif) no-repeat top left; padding-left: 2.5em; }
li.jpg { background:transparent url(/immagini/icons/jpg.gif) no-repeat top left; padding-left: 2.5em; }
li.opd { background:transparent url(/immagini/icons/opd.gif) no-repeat top left; padding-left: 2.5em; }
li.ods { background:transparent url(/immagini/icons/ods.gif) no-repeat top left; padding-left: 2.5em; }
li.odt { background:transparent url(/immagini/icons/odt.gif) no-repeat top left; padding-left: 2.5em; }
li.pdf { background:transparent url(/immagini/icons/pdf.gif) no-repeat top left; padding-left: 2.5em; }
li.png { background:transparent url(/immagini/icons/png.gif) no-repeat top left; padding-left: 2.5em; }
li.rtf { background:transparent url(/immagini/icons/rtf.gif) no-repeat top left; padding-left: 2.5em; }
li.tif { background:transparent url(/immagini/icons/tif.gif) no-repeat top left; padding-left: 2.5em; }
li.txt { background:transparent url(/immagini/icons/txt.gif) no-repeat top left; padding-left: 2.5em; }
li.tif { background:transparent url(/immagini/icons/tif.gif) no-repeat top left; padding-left: 2.5em; }
li.xls { background:transparent url(/immagini/icons/xls.gif) no-repeat top left; padding-left: 2.5em; }
li.zip { background:transparent url(/immagini/icons/zip.gif) no-repeat top left; padding-left: 2.5em; }

body#splash #content ul li.ita, body#splash #content ul li.eng, body#splash #content ul li.lock  { list-style-type:none; list-style-image:none; margin:0;  padding-left: 2em; }
body#splash #content ul li.ita { background:transparent url(/immagini/icons/ita.png) no-repeat top left; }
body#splash #content ul li.eng { background:transparent url(/immagini/icons/eng.png) no-repeat top left; }
body#splash #content ul li.lock { background:transparent url(/immagini/icons/lock.png) no-repeat top left; }
body#splash #content ul li a.it { color:#666;  }
	body#splash #content ul li a.it:hover { background:transparent url(/immagini/icons/ita.png) no-repeat top right; padding-right: 2.5em; }
	body#splash #content ul li a.en:hover { background:transparent url(/immagini/icons/eng.png) no-repeat top right; padding-right: 2.5em; }

/* sprite valli */
#subcontent ul.valli { background:transparent url(/visitare/sprite_valli.jpg) no-repeat top left; width:860px; height:300px; position: relative; }
		#subcontent ul.valli li { position: absolute;  font-size:75%; line-height:120%; font-weight: bold; text-align: center; list-style-image: none; list-style-type: none; }
		ul.valli li a { display:block; }
		ul.valli li.v1 { top:50px; left:30px; }	ul.valli li.v1 a { width:90px; height:250px; }		ul.valli li.v1 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -46px -350px no-repeat;}	
		ul.valli li.v2 { top:50px; left:140px; }	ul.valli li.v2 a { width:130px; height:250px; }		ul.valli li.v2 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -156px -350px no-repeat;}	
		ul.valli li.v3 { top:0; left:275px; }		ul.valli li.v3 a { width:90px; height:300px; }		ul.valli li.v3 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -291px -300px no-repeat;}	
		ul.valli li.v4 { top:0; left:370px; }		ul.valli li.v4 a { width:85px; height:300px; }		ul.valli li.v4 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -386px -300px no-repeat;}	
		ul.valli li.v5 { top:0; left:460px; }		ul.valli li.v5 a { width:34px; height:300px; }		ul.valli li.v5 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -476px -300px no-repeat;}	
		ul.valli li.v6 { top:35px; left:500px; }	ul.valli li.v6 a { width:80px; height:270px; }		ul.valli li.v6 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -516px -335px no-repeat;}	
		ul.valli li.v7 { top:0; left:615px; }		ul.valli li.v7 a { width:100px; height:300px; }		ul.valli li.v7 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -631px -300px no-repeat;}	
		ul.valli li.v8 { top:10px; left:720px; }	ul.valli li.v8 a { width:75px; height:290px; }		ul.valli li.v8 a:hover { background:transparent url(/turismo/sprite_valli.jpg) -736px -310px no-repeat;}	

