/*
 * Generic Css
 * 
 */
 
*{padding:0; margin:0; font:13px Arial, sans-serif; color:#333  }

h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:16px}
h4{font-size:14px}
h5{font-size:13px}
h6{font-size:12px}

a img {border:0;}
strong {font-weight:bold; color:inherit;  }
em {font-style:italic; color:inherit;}

h1, h2, h3, h4, h5, h6{font-weight:bold; margin:10px 0; color:#333; color:inherit;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{font-weight:bold; color:inherit;}

address {color:#666; font-style:italic;}

a:hover {text-decoration:none;}
a:active, a:link {outline:none;}


.swf_gallery {width:400px; height:400px;}
.cartina {width:550px; height:595px; margin-top:20px;}


#wrapper {width:980px; margin:0 auto;}
.skip {display:none;}
.backtotop {display:none;}

html {}
body {background:url(body.jpg) top center no-repeat; }
body.no_sfondo {background:white; }

#header {width:980px; position:relative; height:355px; border-left:0; border-right:0; background:url(header.jpg) top left no-repeat; }
#header h1 {margin:0;}
#header h2 {margin:0;}
#header h2 span{display:none;}
#header h2 a{position:absolute; right:0; top:150px; text-indent:-9999px; width:240px; height:80px;}

#header_content {position:relative; top:65px; left:0; height:240px; width:980px; border:1px solid #ccc; background:#fff;}
#header_content h1 a{display:block; position:relative; top:0; left:0; height:240px; width:280px; text-indent:-9999px; float:left; background:url(logo.jpg) center right no-repeat;}

#header_content #header_flash {position:relative; top:0; left:0; width:685px; height:220px; float:left; margin-top:10px;}
#header_content #header_flash .swf_photoheader{width:685px; height:220px;}

#lang {position:absolute; top:-4px; right:0; border-left:1px solid #000; height:25px; padding-left:25px;}
#lang p{line-height:25px;}


#mainnav {position:absolute; top:306px; left:10px;}
#mainnav  ul li{background:none; list-style:none; float:left; margin-right:5px;}
#mainnav  ul li a{color:#685c53; display:block; width:133px; height:21px; line-height:21px; text-align:center; text-decoration:none; background:url(voice.jpg) no-repeat;}
#mainnav  ul li.active a{background:url(voice_active.jpg) repeat-x; color:#342d28}


#helpmenu {position:absolute; top:115px; right:20px; padding:5px; border-top:0; border-right:0;}
#helpmenu li{list-style:none; }

#search { margin-left:25px;}
#search #termine{border:1px solid #333}
#etichetta_cerca {display:none}

#main {width:980px; float:left; border-bottom:0; padding-bottom:20px; border:1px solid #cfcfcf; border-bottom:0;}

#navigation {float:left;}
#navigation ul li{list-style:none;}

#content {float:left; width:548px; margin-right:20px; margin-top:10px; min-height:450px; height:auto !important; height:450px; }
#extranav {float:left; width:230px;  border-top:0; border-right:0; padding-top:10px; padding-left:5px}

#utility li {list-style-position:inside;}

#footer {clear:left; border:1px solid #ccc; border-right:0; border-left:0; height:240px; background:#4B443C url(footer.jpg) top center no-repeat;}
#footer #footercontent {position:relative; top:0; left:0; width:978px; margin:0 auto; margin-top:20px;}
#footer #footercontent p{color:#fff; text-align:center;}
#footer #footercontent a{color:#fff;}
#footer #footercontent #lang{position:absolute; right:20px; top:0;}



/*
 * Navigation . specifiche per il menu
 * 
 */
#navigation {margin-top:10px; position: relative; float:left; left:2px; top:0; display:block; width:155px; margin-right:10px; border:1px solid #fff;}
#navigation  ul{list-style:none; margin-bottom:10px; padding-left:0px; }
#navigation li{margin-bottom:3px; }
#navigation li a{display:block; min-height:18px; height:auto !important; height:38px; line-height:18px; color:#333333;  text-align:left; text-decoration:none; padding-left:10px; border-bottom:1px solid #ccc; width:145px}
#navigation li a:hover{color:#fff; background:#333;}
#navigation li a.active:hover{color:#004391;}
#navigation li a.active{background:url(level2_active.gif) 0 2px no-repeat; }

#level3 {display:none}
#level2 li a{padding-left:15px; width:125px}


/* istituzionale */
#istituzionale {position:absolute; top:5px; left:0px; width:978px; height:34px;}
#istituzionale ul{float:left;  }
#istituzionale li{float:left; list-style:none; overflow:hidden;}
#istituzionale li a{text-decoration:none; display:block; padding-left:15px; padding-right:10px; background:url(istituzionale_active.jpg) 5px 6px no-repeat; height:15px; line-height:15px; text-align:left; width:auto !important; width:80px; overflow:hidden; border-right:1px solid #000}
#istituzionale li a:hover{text-decoration:underline;}
#istituzionale h4{display:none;}

/*
 * content . specifiche per il contenuto del tiny
 * 
 */
#content table td, #content table th {border:1px solid #ccc; padding:5px; vertical-align:top;}
#content ul, #content ol, { margin:10px 0;}
#content ul li{list-style-position:outside; margin-left:14px;}
#content ol li{list-style-position:outside; margin-left:20px;}
#content p img{margin-right:10px; margin-bottom:10px; margin-top:10px; border-color:#ccc}
#content h1 {color:#6F3634;}
#content h2 {color:#6F3634;}
#content h3 {color:#6F3634;}
#content h4 {color:#6F3634;}

#current_position {display:none;}

/*
 * banner
 * 
 */
#banner {margin-top:20px; margin-left:20px;}
#banner img {margin-bottom:10px;}


/*
 * banner
 * 
 */
#torna {margin-bottom:10px;}


/*
 * LANDING
 * 
 */
  
#content div.block *{margin:0; padding:0; border:0}
#content div.block{float:left;  margin:10px 0; padding:5px; }


#content div.block h3.titleblock  a{background:url('detail.png') 0 2px no-repeat; display:block; color:#6F3634; text-decoration:none; font-size:16px; border-bottom:1px dotted #fff; padding-left:20px; margin-bottom:20px;}
#content div.block h3.titleblock  a:hover{border-bottom:1px dotted #6F3634;}

#content div.block div.fotoblock{float:left; margin:0 5px 0 0; border:1px solid #333; padding:1px;}
#content div.block div.fotoblock a{display:block; margin-left:0; width:120px; text-align:center; }

#content div.block div.textblock{float:left; margin-left:20px;  width:380px; text-align:left;}
/* senza img*/
#content div.block div.NoImg{float:left; margin-left:0px;  width:530px; text-align:left;}

p.dettaglio {clear:left; display:block; text-align:right; position:relative; border-bottom:1px dotted #ccc}
p.dettaglio a {margin:0; color:#6F3634; padding:0 10px; font-weight:bold;}
p.dettaglio a:hover {background:#6F3634; color:#fff;  }

/*
 * AGENDA
 * 
 */
.agenda { width:180px; padding:2px; padding-bottom:10px; margin-top:10px; margin:5px; }
.agenda h4{font-size:14px; margin-bottom:0; display:block;color:#4B81AD; text-align:center;}
.agenda p{margin-bottom:0; display:block; text-align:center; margin-bottom:3px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.agenda p a{font-size:24px; font-weight:bold; color:#8b8b8b;}
.agenda p span.attuale{font-size:12px; padding:0 20px; color:#000;}

.agenda table{ margin-bottom:5px; width:100%;}
.agenda table th {padding-bottom:4px; }
.agenda table th acronym{font-size:12px;  border-top:0; border-left:0; padding:2px; font-weight:bold; background:#f2f2f2; text-align:center; margin-bottom:1px; cursor:default; color:#000; font-weight:bold; height:20px; width:20px; display:block;}
.agenda table td{font-weight:bold;  color:#4B81AD; text-align:center;}
.agenda table td span{font-size:11px; margin:1px; border:1px solid #ccc; display:block; height:20px; width:20px; line-height:20px;}
.agenda table td a{font-size:11px; background:#000079; color:#fff; border:1px solid #ccc; display:block; height:20px; width:20px; line-height:20px;}
.agenda table td a:hover{background:#00508D}
.agenda .oggi{background:#fff; color:#000; font-size:14px;}
.agenda table td a.gcorrente{border:2px solid #00AF6A; text-decoration:none; padding:0px; }

#overcontent {border:1px solid #ccc; margin-bottom:10px; background:#f2f2f2; margin:5px;  text-align:left}
#overcontent h3{font-weight:bold; color:#243988; border-left:20px solid; padding-left:5px; font-size:11px; margin-left:5px;}
#overcontent div{margin-left:30px;}
#overcontent p{border:0;}
#overcontent p.readall{text-align:right;}

/* NEWS  */
/* NEWS */
#news table{width:100%}
#news table td.successiva{text-align:right;}
#news table td.precedente{text-align:left;}
#news table.paginazione{text-align:center; border:0; margin-top:10px; border-top:1px dotted #ccc}
#news table.paginazione td{border:0;}
#news p.readall{margin-top:10px; clear:left; text-align:right; border-top:1px solid #333}
#news p.readall a{background:#333; color:#fff; text-decoration:none; padding:2px; padding-top:0; text-transform:uppercase;  letter-spacing:-1px}
#news img {margin:0; float:left; margin-right:10px; margin-bottom:10px; padding:1px; border:1px solid #333; }

/* gallery */
#gallery_change {width:540px; }
#gallery_change p{margin-bottom:10px; }
#gallery_change select{width:230px; border:1px solid #666;}
#gallery_change option{padding:0 10px;}


/* MAPPE */
#genMap p{margin-bottom:10px;}
#genMap ul li {list-style:none; margin-bottom:3px;}
#genMap ul li a{padding-left:20px; background:url(marker.jpg) top left no-repeat;  color:#000}

#map_canvas {width: 230px; height: 230px; float:left; border: 1px solid #00428C; overflow:hidden; margin-bottom:30px;}

/*	Contatti */
#indirizzo {margin-bottom:20px;}

#contatto_diretto  {padding-top:20px; border-top:1px dotted #ccc;}
#contatto_diretto form {margin-bottom: 20px; float: left;}
#contatto_diretto p{margin-bottom:5px; float:left; clear: left; }
#contatto_diretto h3{clear:left;}
#contatto_diretto label{display:block; float:left; width:175px; margin-right:10px; padding-left:0;}
#contatto_diretto input{width:150px; padding-left:0;}
#contatto_diretto #newsletter input{float: none; width: auto;}
#contatto_diretto #newsletter label{float: none; display: inline;}
#contatto_diretto select{width:150px;}
#contatto_diretto textarea{width:315px; float: left;}
#contatto_diretto span{font-size:10px;}
#contatto_diretto div.multicheck {margin-top: 10px; float: left;}
html #wrapper #sbform{border:1px solid #333; width:80px;}
#contatto_diretto .privacy {border-bottom:1px dotted #ccc; margin-bottom:10px; float: left;}
#contatto_diretto .privacy * {font-size: 90%;}
#contatto_diretto p.spaced{margin-bottom: 10px;}

/* audioguide */
#content table.download {width:95%; border-bottom:1px dotted #ccc; padding-bottom:10px;}
table.download td{padding:5px; }


/* CAKE */
/* CAKE INTEGRATION */
/* id_pagina_8 */

#wrapper.monocolonna #navigation {display:none;}
#wrapper.monocolonna #content {width:710px; margin-left:10px;}

#content #cake_integration{border:0; height:auto; overflow:auto; margin:10px 0; background:url(loadingAnimation.gif) center center no-repeat;}
#lista_fields {background:#fff; padding:10px 0;}
#lista_fields label{display:block; width:130px; padding:5px; padding-left:0; float:left;}
#lista_fields div.input{clear:left}
#lista_fields div.submit input{padding:0; margin-top:10px; margin-bottom:20px;}
#lista_fields input{display:block; width:130px; padding:5px; padding-left:0; float:left;}
#lista_fields h2{clear:left;}
#lista_fields table{clear:left;}


#ricercaTratte {padding:10px 0; margin:10px 0; padding-top:20px; clear:left; }
#ricercaTratte label{margin-right:10px; font-weight:bold;}
#ricercaTratte input{margin-right:10px; }
#ricercaTratte div.submit {border-top:1px dotted #ccc; padding-top:10px; margin-top:10px;}


#statisticheTratto {margin:0;}
.openStat img{vertical-align:middle;}
a.openStat {text-decoration:none; font-size:14px; color:#6F3634}
a.openStat:hover {color:#000;}


#pre-legenda {padding-left: 50px; background: url('/percorsi/img/legenda/info.gif') left bottom no-repeat; height: 45px; line-height: 45px;}
#pre-legenda a {border: 0; text-decoration: none; background: url('/percorsi/img/legenda/darrow.png') right bottom no-repeat; padding: 10px 45px 10px 0;}
#map-howto {background-color:#fff; padding: 10px;}
#map-howto p img {margin: 0;}