@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%}

a{text-decoration:underline; font-weight:bold}
a:hover{text-decoration:none}
li a:focus {outline: 2px solid #009 }
li a:active{outline: none}
ol li{list-style-position:inside; margin-bottom:6px}
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%}
h4 {font-size: 125%; font-weight: bold}
caption {font-size: 160%; text-align: center}

p img {float: right; margin: .3em 0 12px 12px;}
img{color:#000;}

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: 19%; background: #040; color: #FFF; font-weight: normal}
td {background: #FFF}
.odd td {background: #e0f0e0}

.ak {border-bottom: 1px solid #555}
.tableContainer {clear: both}
.firma{text-align:right;}
.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_dx%20_2.png) bottom left no-repeat}

#headerContainer2 {z-index: 20; background: url(img/ang_header_sx_2.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}
#Content h2 a, #Content h2 a:visited {text-decoration:none;border-bottom:1px solid #fff;color: #042; width:100%; display:block; font-weight:normal}
#Content h2 a:hover { border-bottom: 1px solid #fff; color: #690 }

#extraContent, #navSection {clear: right; width:/*25%*/ 29.50%; float: right;  margin-top: 3.2em;/* background: #CFC*/}
#extraContent {font-size: 80%; border-left: 3px solid #DDD; padding-bottom:6em}
#navSection {border-left: 0; margin-right: 3px}
#extraContent ul, #extraContent h2 {margin: 0 36px 12px 16px;}
#extraContent h2 {width:87%}
#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}
a[title="archivio notizie"]{color:#06C;margin-top:4px;display:block;font-size:.9em}
a[title="leggi tutto"]{color:#060;}

#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 30px; background: #FFF}
#nav2 {position: absolute; bottom: 1.0em; right: 24px; list-style: none; height: 2.0em; font-size: 125%; width: auto; background: #FFF}

#nav li, #nav2 li {float: left; text-align: left; margin-right: .5em; font-family: Georgia, "Times New Roman", Times, serif; background: #FFF }
#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: .2em; font-weight: bold; padding-right: .9em;}
#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;max-width:3.3em}
li#borgo a:hover {border-top: .3em solid #900}

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

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

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

li#film a, li#film a:visited {color: #039;max-width:3em}
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;max-width:9.5em}
li#arrivare a:hover {border-top: .3em solid #630}

li#istituzionale a, li#istituzionale a:visited {color: #555;max-width:11em}
li#istituzionale a:hover {border-top: .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}

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

li#siteMap a, li#siteMap a:visited {color: #555}
li#siteMap 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: .5em; 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;padding:.4em 0}

/** logo roberto di vito studio e copyright **/
.copyright{float:right;width:146px;height:34px;margin-top:-48px;margin-right:48px;}
.copyright p{width:146px;height:34px;position:relative;}
.copyright a{display:block;width:146px;height:34px;position:absolute;top:7px;right:54px}
.copyright a{background:#394F1C url(img/logo-studio.png); 0 0}.copyright a:hover{ background-position:0 -35px}.copyright a{text-indent:-10000px;}
#footer .copyright p{float:left; text-align:left; width:100%; margin:0 0 4px 0;}
.copyright a{font-size:0.9em;color:#A8B463;display:block;/*padding-left:.2em; padding-top:0.2em;*/}

/* blocco notizie modificabile */
.notizie{float:left; margin-bottom:1.8em}
#extraContent div.notizie h1,.notizie h2,.notizie h3,.notizie h4,.notizie h5,.notizie h6{font:bold 1.5em Verdana, Geneva, sans-serif;font-variant:normal; padding:0;margin:0 0 0.5em 1.2em; text-align:left}
/*.notizie p{font-size:1.4em}*/
.notizie img{float:left; margin: 0.4em 0.4em 0 0}
#extraContent .notizie ul li a{margin-bottom:8px;}
.notizie a{font-size:.9em;display:block;text-align:right;color:00F;}
.notizie a:hover{color:#042}
#extraContent .pec{font-size:1em;font-weight:normal;color:#360;text-decoration:none}
#extraContent a.pec:hover{color:#030}
#extraContent .notizie li a{text-align:left;font-size:1em;color:#360;}

#extraContent div.notizie ul li{margin-bottom:0em;padding:0;min-height:18px; font-size:.9em;font-weight:normal;color:#222}
/* 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}