@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, p, ul, ol, dl, li, dt, dd, img, form, acronym, blockquote, span, #logo, #nav, #nav2, #titolo h1 {padding:0; border:0; margin:0}
ul {list-style: none}

html {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; letter-spacing: .033em }

h1, h2, h3, h4 {margin: 1em 24px .4em 36px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal}
p, ul, ol, dl, blockquote, .tableContainer, #mapContainer {margin: 1em 24px .4em 36px; font-size: 150%; line-height: 1.4em}
ul ul {font-size: 100%}

dt {font-weight: bold}

h1 {font-size: 320%; color: #053; font-variant: small-caps}
h2 {font-size: 210%; color: #042; border-bottom: 1px solid #042}
h3 {font-size: 180%}
caption {font-size: 160%; text-align: center}
h4 {font-size: 125%; font-weight: bold}

p img {float: right; margin: .3em 0 12px 12px; }
dt {clear: both}
dd img, dt img {float: left; margin: .3em 24px 24px 0}

table {width: 100%; font-size: 80%; text-align: center}
td, .header th {width: 13%}
th {width: 22%; background: #040; color: #FFF; font-weight: normal}
td {background: #FFF}
.odd td {background: #e0f0e0}

.ak {border-bottom: 1px solid #555}
.tableContainer {clear: both}

.gallery {overflow: auto}
.gallery li {float: left; width: 120px; height: 84px; margin: 0 24px 24px 0}
#Content .gallery li a, 
#Content .gallery li a:visited, 
#Content .gallery li a:hover {border-bottom: none}

#accessibility {position: absolute; top: -9999px; left: -9999px}

#breadCrumbContainer, #headerContainer, #mainImageContainer, #mainContentContainer, #footerContainer {width: 100%}
#breadCrumbContainer2, #headerContainer2, #mainContentContainer2, #footerContainer2 {width: 96em; max-width: 99%; margin: 0 auto;}


#header, #mainContent, #footer {margin: 0 auto;}

#breadCrumbContainer {background: #E5E5E5; color: #042; padding: 0 0 2px 0; margin-top: 0; overflow: auto}
#breadCrumbContainer .ak {border-bottom: 1px solid #042}

#breadCrumbs {width:58%}

#breadCrumbs p, #navAccess {font-size: 110%; font-weight: bold; color: #333; height: 2.4em; line-height: 2.0em; }

#breadCrumbs p { margin: 0 0 0 .6em; float: left}
#breadCrumbs p#bHome {margin: 0 0 0 32px;}
#breadCrumbs a, #breadCrumbs a:visited, #navAccess a, #navAccess a:visited {color: #444; text-decoration: none}
#breadCrumbs a:hover, #navAccess a:hover {color: #000; border-bottom: 1px solid #042}


#navAccess {float: right; margin: 0 24px 0 0; width: 39%}
#navAccess li {float: right; text-align: right; margin: 0 0 0 1.5em}


#headerContainer {height: 8em; min-height: 20px;  position: relative; z-index: 10}
#header {height: 8.0em; position: relative; background: url(img/ang_header_sx.png) bottom left no-repeat}

#headerContainer2 {z-index: 20; background: url(img/ang_header_dx.png) bottom right no-repeat}

#titolo { float: left; width: 33%;  margin: .27em 0 0 2.4%;  color: #053;}
#titolo a {display: block; text-decoration: none; color: #053; min-height: 72px; line-height: .83em}
#titolo a img {float: left; margin-right: .27em}
#titolo a span.comune {font-size: 50%; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif}

#mainImageContainer {position:relative;z-index: 6; top: -3em}

#mainImage {width:100%;}

#mainContentContainer {position: relative; z-index: 10; top: -3em;}
#mainContentContainer2 {background: url(img/ang_content_sx.png) top left no-repeat;}

#mainContent {position: relative; z-index: 10; margin-top: -3em; background: url(img/ang_content_dx.png) top right no-repeat; border-bottom: 0; min-height: 32em;}
#mainContent p, #mainContent ul {font-family: Verdana, Arial, Helvetica, sans-serif} 
#mainContent h1 {font-variant: small-caps}

#Content {width: 68%; float: left; clear: left; min-height: 32em/*background: #CFC*/}
#Content a, #Content a:visited {text-decoration: none; border-bottom: 1px solid #00F; color: #00F}
#Content a:hover {border-bottom: 1px solid #FFF; color: #042}
#Content img {border: 1px solid #042}


#extraContent, #navSection {clear: right; width: 29.50%; float: right;  margin-top: 3.2em;/* background: #CFC*/}
#extraContent {font-size: 80%; border-left: 3px solid #DDD}
#navSection {border-left: 0; margin-right: 3px}
#extraContent ul, #extraContent h2 {margin: 0 36px 12px 16px;}
#extraContent p, #extraContent .tableContainer {margin: 0 36px 12px 16px}
#extraContent li {min-height: 64px; font-weight: bold; color: #053; line-height: 1.5em}
#extracontent li span.numero {font-size: 115%}
#extraContent li img {float: left; margin: 0 1.2em 0 0}


#footerContainer {clear: both; background: #394F1C; color: #fff; margin-bottom: 0; padding: 1em 0}
#footer p {margin: 1em 24px .4em 36px; font-size: 125% }

#nav {text-align: left; font-size: 150%; height: 2.4em; padding: 5px 0 0 0; margin: 0 36px; background: #FFF}

#nav2 {position: absolute; bottom: 1.0em; right: 24px; list-style: none; height: 2.0em; font-size: 125%}

#nav li, #nav2 li {float: left; text-align: left; margin-right: .4em; font-family: Georgia, "Times New Roman", Times, serif }
#nav li a,  #nav li a:visited, #nav li a:hover, #nav2 li a:hover {text-decoration: none; display: block; width: auto; height: 2.4em; line-height: 2.4em; padding-left: .4em; font-weight: bold; padding-right: 1.4em;}
#nav2 li a, #nav2 li a:visited, #nav2 li a:hover {text-decoration: none; display: block; width: auto; height: 2.4em; line-height: 2.4em; padding-left: 1.4em; font-weight: bold; padding-right: .4em;}


#nav li a, #nav li a:visited, #nav li a:hover {border-top: .3em solid #ddd; }
#nav2 li a, #nav2 li a:visited, #nav2 li a:hover {border-bottom: .3em solid #ddd;} 

#nav2 li {margin-right: 0; margin-left: .4em}

li#borgo a, li#borgo a:visited {color: #900}
li#borgo a:hover {border-top: .3em solid #900}

li#territorio a, li#territorio a:visited {color: #060}
li#territorio a:hover {border-top: .3em solid #060}

li#eventi a, li#eventi a:visited { color: #F60 }
li#eventi a:hover {border-top: .3em solid #F60}

li#foto a, li#foto a:visited {color: #C09}
li#foto a:hover {border-top: .3em solid #C09}

li#film a, li#film a:visited {color: #039}
li#film a:hover {border-top: .3em solid #039}

/*li#multimedia a, li#multimedia a:visited {color: #039}
li#multimedia a:hover {border-top: .3em solid #039}*/

li#arrivare a, li#arrivare a:visited {color: #630}
li#arrivare a:hover {border-top: .3em solid #630}

li#istituzionale a, li#istituzionale a:visited {color: #555}
li#istituzionale a:hover {border-bottom: .3em solid #555}

li#contatti a, li#contatti a:visited {color: #555}
li#contatti a:hover {border-bottom: .3em solid #555}

li#notizie a, li#notizie a:visited {color: #555}
li#notizie a:hover {border-bottom: .3em solid #555}

#mainContent #nav3  {float: left; margin: .4em 0 0 0; font-size: 125%; font-family: Georgia, "Times New Roman", Times, serif;}
#nav3 li { height: 3.2em; margin-bottom: .2em; width: 100%; }
#nav3 li a, #nav3 li a:visited {display: block; border-left: .3em solid #DDD; padding-left: 12px; text-decoration: none; font-weight: bold; color: #042; height: 2.8em; line-height: 1.4em}
#nav3 li a:hover {border-left: .3em solid #042;}

#mainContent #nav3 ul {font-size: 90%; margin-left: 4px}
#nav3 li ul li {padding-left: 0; clear: left; height: 2.8em}
#nav3 li ul li a, #nav3 li ul li a:visited {line-height: 1.3em; height: 2.6em; border-left: 0; color: #666}
#nav3 li ul li a:hover {color: #333; border-left: 0; text-decoration: underline}
#nav3 li ul li a:hover span.n { text-decoration: none}
#nav3 li ul li a span.n {float: left; width: 2em; margin: 0 1.6em .8em 0; border-left: 0; }


#test {height: 12em; width: 100%; border: 1px solid #000; background: url(../images/Test/test-background2.jpg) no-repeat}
#test2, #test2 h1{margin: 1em auto; background: url(../images/Test/trasparenza.png) }
#test2 {height: 8em;}

#warning {background: #FF0; margin: 0 10px 0 0;}
#warning p {color: #600}

/* sitemap */
#Content ul#siteMap{}
#Content ul#siteMap li{margin-bottom:12px;}
#Content ul#siteMap li a{text-decoration:none;border-bottom:none;display:block;color:#222; font-weight:bold}
#Content ul#siteMap li a:hover{color:#360;/*su questo underline sono indeciso*/text-decoration:underline}
#Content ul#siteMap li ul {margin-bottom:12px; margin-top:6px;}
#Content ul#siteMap li ul li{margin-bottom:0;}
#Content ul#siteMap li ul li a{ border-bottom:none; font-size:80%;font-weight:normal}
#Content ul#siteMap li ul li a:hover{text-decoration:underline}