/* CSS*/
html, body {height: 100%;}
body {margin:0;}
p, h1, h2, h3, h4, h5, div, form {margin:0; padding:0;}

/* Generiche */

body { font-family: Arial, Helvetica, sans-serif; font-size:83%; color: #000000; background-color:#ffffff; margin:0; padding:0;}
a {color: #000000; text-decoration:underline;}
a:hover {color: #000000; text-decoration:underline;}

.clear {clear: both;}
img {border:0;}

/* Principali */

div#contenitore {width:100%; position:relative;}

div#principale {width:100%; margin:0; padding:0;}


/* =================== HOME PAGE ===================== */

/* Alto */
div#alto {width:100%; height:34px; margin:0; padding:0; background-color:#cc3333; color:#FFFFFF;}

div#alto #utility {width: 98%;}
div#alto #data {color: #ffffff; font-size:100%; margin: 8px 0 0 0; padding: 0 0 0 25px; float:left;}
div#alto #ricerca {color: #ffffff; margin: 0px 0 0 0; padding: 0 25px 0 0; float:right;}
div#alto #ricerca input.form {border: 1px solid #000000; font:100% ; padding: 3px; color:#000000; margin-top:3px;}
div#alto #ricerca input.bottone { font:100%; padding:1px; color:#000000; margin-top:3px;}

div#logo {width: 865px; margin:0 auto 0 auto; padding: 25px 0 25px 0; background: url(immagini/loghino.gif) no-repeat center right;}
div#logo .titoloitaliano {font-family: "Trebuchet MS"; font-size: 180%; color: #CD3532; font-weight: bold;}
div#logo .titoloinglese {font-family: Arial; font-size: 12px; color: #000000; font-weight: normal;}

div#intro {width: 100%; height: 170px; margin: 0; padding: 5px 0 5px 0; background: url(immagini/sf-intro.jpg) repeat-x #F8F7F2; z-index: -10; border-bottom: 3px solid #cc3333;}
div#intro-logo {float: left; width: 170px; margin: 0 0 0 10px; padding: 5px 15px 5px 5px;}
div#intro-tx {float: left; width: 50%; margin: 5px 0 5px 0; padding: 5px;}
div#intro-tx p {margin: 10px 0 0 0;}
div#intro-foto {float: left; width: 26%; margin: 0; padding: 5px;}
div#intro-foto ul{margin: 10px 0 0 0; padding: 0;}
div#intro-foto ul li {float:left; margin:0; padding:2px 6px 0 6px; list-style-type: none; font-size: 83%; text-align: center;}


/* Menù */
div#menu {width:100%; margin:0 0 0 0; padding:0; background-color:#9c2525; }

/* Menu Superiore */
div#menusuperiore {width: 950px; font-size: 104%; margin: 0 auto 0 auto; padding:0;}
div#menusuperiore ul li {border-right: 1px dotted #ffffff; padding: 0;}



p.lucchetto{ background-image: url(immagini/lucchetto-menu.jpg); background-repeat: no-repeat; background-position:center left; padding: 0 0 0 20px;}


div.attivo {background: #ffb900; color: #513b00; line-height: 30px; display: block; text-align: center;}


/* Centro */
div#centro {width: 100%; margin: 10px 0 20px 0; padding: 0;}


/* ======  Centro Sinistra  =========*/

div#centro-sx {width: 75%; float: left; margin: 0; padding: 0 20px 10px 10px;}

div#presentazione {width: 97%; margin: 0; padding: 10px; border: 3px solid #dddddd;}
div#presentazione p {margin: 10px 0 0 0;}
div#presentazione h3 {margin: 10px 0 0 0;}
div#presentazione a {font-weight: bold;}
div#presentazione a:hover {font-weight: bold;}
div#presentazione .segue {width: 100%; margin: 5px auto 5px auto; text-align: right;}
div#presentazione .segue a {text-decoration: none;}
div#presentazione .segue a:hover {text-decoration: underline;}

.tit-rosso {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bold; color: #cc3333;}
.sottotitolo {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; font-style: italic; color:#cc3333;}

div#notizie {width: 100%; margin: 10px 0 0 0; padding:0; border-bottom:1px dotted #000000;}
div#notizie a{ text-decoration:none;}
div#notizie a:hover{ text-decoration: underline;}
a.tit-novita {font-size: 120%; font-weight: bold; color:#fe8500; text-decoration: underline;}
a.tit-novita:hover {font-size: 120%; font-weight: bold; color:#fe8500; text-decoration: underline;}

div#notizie h3 {margin: 0 0 0 15px; color: #cc3333; font-size: 140%;}
div#notizie ul {margin: 10px 0 15px 0; padding:0; list-style-type: none;}
div#notizie ul li {margin: 5px 0 0 0; padding: 10px 10px 10px 10px; background: #f0edde; border: 3px solid #D7D3BD;}
div#notizie ul li a {font-weight: bold; text-decoration: none;}
div#notizie ul li a:hover {font-weight: bold; text-decoration: underline;}

div#notizie img {float:right; margin:0 3px 0 0; padding:0;}

/*Ramo*/
div#ramo {text-align: right; width: 100%; margin: 0 0 5px 4px; padding: 0; line-height: 30px; color: #000000; font-size: 100%;}
div#ramo a {font-weight: bold; color: #000000; text-decoration: none;}
div#ramo a:hover {font-weight: bold; color: #FF0000; text-decoration: none;}


/* ======  Centro Destra  ========*/

div#centro-dx {width: 20%; float:left; margin:0; padding: 10px;}


/*  Agenda */
div#box-agenda {margin: 20px 0 20px 0; padding:0;}


div#agenda {margin:0; padding: 5px; width: 215px; border: 1px solid #dddddd;}

div#tabellaagenda {width: 95%; margin: 0 auto 0 auto; background: #FFFFFF;}
div#tabellaagenda2 {display: none;}
table.agenda {margin: 0 auto 0 auto; width: 100%;}
td.cella {text-align: center; font-weight: bold;  width: 13%;  padding: 2px; border: 1px solid #DDDDDD; background: url(immagini/sf_agenda.jpg) repeat-y top right #E5E4E0;}
td.cella a { font-weight:bold; background:none; text-decoration:none; color:#FFFFFF;}
td.cella a:hover { font-weight:bold; background:none; text-decoration:underline; color:#FFFFFF;}
th.cella {text-align:center; font-weight:normal;  width:13%; background-color:#f1caa7; padding:2px;}
th.cella acronym { text-decoration:	none; border:none;}
td.agenda {border-top:1px dotted #014FA1; border-bottom:1px dotted #014FA1; color:#014FA1; padding: 5px 0 5px 0; text-align:center; font-weight: bold;}
td.agenda a {font-weight: bold; background: none; text-decoration: none; color:#000000;}
td.agenda a:hover {font-weight: bold; background: none; text-decoration: none; color: #FF0000;}
caption.agenda {padding: 5px 0 5px 0; text-align: left; font-size: 14px; background: #ffb900; color: #513b00; text-align: center;}
td.cellaon { text-align: center; font-weight: bold; background-color: #FF0000; border: 1px solid #DDDDDD; width:13%;  color: #FFFFFF;}
td.cellaon	a { font-weight: bold; background: none; text-decoration: none; color: #FFFFFF;}
div.cellaon	a:hover {font-weight: bold; background: none; text-decoration: underline; color:#FFFFFF;}
td.cellaon2 {text-align: center; font-weight: bold; background-color: #6BAC83; border: 1px solid #DDDDDD; color: #FFFFFF; width: 13%;}
td.cellaon2	a {font-weight: bold; background: none; text-decoration: none; color: #FFFFFF;}
td.cellaon2	a:hover {font-weight: bold; background: none; text-decoration: underline; color: #FFFFFF;}

/* Banner */
div.banners {margin: 10px 0 20px 0; padding-left:10px;}
div.banners h3 {margin: 10px 0 10px 0; color: #cc3333; font-size: 130%;}
div.banners ul {list-style-type: none; padding: 0; width: 99%; margin: 0 auto 0 auto;}
div.banners ul li {margin: 10px auto 0 auto; text-align: center;}


/* CODA */

div#coda {width: 98%; margin: 10px auto 0 auto; padding: 25px 0 10px 20px; background-color:#ececec; font-size:100%;}
div#coda img{float:right; margin:0 30px 0 0; padding:0 0 10px 0;}


/* =================== dettaglio ===================== */

div#dettaglio {width: 97%; margin: 0; padding: 10px; border: 3px solid #dddddd; font-size: 110%;}
div#dettaglio p {margin: 10px 0 0 0;}
div#dettaglio h3 {margin: 10px 0 0 0;}
div#dettaglio a {font-weight: bold; text-decoration: none; color: #cc3333;}
div#dettaglio a:hover {font-weight: bold; text-decoration: underline; color: #cc3333;}

/*UTILITA'*/

div.utilita {width: 100%; margin: 5px 0 10px 0;}
div.utilita h3 {color: #cc3333; font-weight: normal; font-size: 140%; padding: 5px 0 5px 0; border-bottom: 1px dotted #DDDDDD;}
div.utilita ul {margin: 0; padding: 0; list-style-type: none;}
div.utilita ul li {margin: 0; padding: 5px 0 5px 20px; border-bottom: 1px dotted #DDDDDD;}
div.utilita ul li a {color: #000000; text-decoration: none;}
div.utilita ul li a:hover {color: #FF0000; text-decoration: none;}

div.utilita ul li.pdf {background: url(immagini/formati/pdf.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.doc {background: url(immagini/formati/doc.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.rtf {background: url(immagini/formati/rtf.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.txt {background: url(immagini/formati/txt.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.pps {background: url(immagini/formati/pps.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.ppt {background: url(immagini/formati/ppt.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.xls {background: url(immagini/formati/xls.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.zip {background: url(immagini/formati/zip.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.htm {background: url(immagini/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.tml {background: url(immagini/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.news {background: url(immagini/formati/foglietto.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.print {background: url(immagini/stampante.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.share {background: url(immagini/share.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.photo {background: url(immagini/photo.gif) no-repeat center left; padding: 5px 0 5px 20px;}
div.utilita ul li.photooff {background: url(immagini/photooff.gif) no-repeat center left; padding: 5px 0 5px 20px;}


/*RISULTATI RICERCA*/

div#risultatoricerca {width: 95%; margin: 0 auto 0 auto; border: 3px solid #dddddd; padding: 10px;}
div#risultatoricerca h2 {font-size: 140%; margin: 10px 0 0 0;}
div#risultatoricerca h5 {font-size: 100%; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dashed #000000; font-weight: normal;}
div#risultatoricerca ul {margin: 0; padding: 0; list-style-type: none;}
div#risultatoricerca ul li {margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dashed #000000;}
div#risultatoricerca ul li a {text-decoration: none; color: #000000;}
div#risultatoricerca ul li a:hover {text-decoration: underline; color: #000000;}


/*DOCUMENTI DI SEZIONE*/

div#docsezione {width: 99%; margin: 10px auto 0 auto;}
div#docsezione h3 {color: #cc3333; font-weight: normal; font-size: 140%; padding: 5px 0 5px 0; border-bottom: 1px dotted #DDDDDD;}
div#docsezione ul {margin: 0; padding: 0;}
div#docsezione ul li {list-style: none; margin: 0; padding: 5px 0 5px 30px; border-bottom: 1px dotted #DDDDDD; line-height: 25px;}
div#docsezione ul li a {color: #000000; text-decoration: none; display: block;}
div#docsezione ul li a:hover {color: #000000; text-decoration: none; display: block; background: url(immagini/download.gif) no-repeat center right;}

/* ==================== RISULTATO AGENDA ===================== */

div#risultatoagenda		{width:	95%; margin: 0 auto 0 auto; border: 3px solid #dddddd; padding: 10px;}
div#contenitoreagenda	{width:	95%; margin: 0 auto 0 auto;}
div#risultatoagenda h3 {font-size: 120%; color: #cc3333; font-size: 140%;}
div.sommarioagenda		{width:	100%; margin: 0 auto 0 auto; padding: 0.5em 0 0.5em 0; border-bottom: 1px dotted #000000; font-size: 100%; font-weight: bold;}
div.sommarioagenda		a {text-decoration:	none; color: #000000; font-weight: normal;}
div.sommarioagenda		a:hover  {text-decoration: underline; color: #000000; font-weight: normal;}
.categoriaselezionata	{color: #000000; font-weight: bold;}
.distanza				{padding: 0.5em 0 0 0;}
div#risultatoricerca2 {width: 98%; margin: 0 auto 0 auto; padding: 10px;}
div#risultatoricerca2 h2 {font-size: 140%; margin: 10px 0 0 0;}
div#risultatoricerca2 h5 {font-size: 100%; margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom: 1px dashed #000000; font-weight: normal;}
div#risultatoricerca2 ul {margin: 0; padding: 0; list-style-type: none;}
div#risultatoricerca2 ul li {margin: 0; padding: 5px 0 5px 0; border-bottom: 1px dashed #000000;}
div#risultatoricerca2 ul li a {text-decoration: none; color: #000000;}
div#risultatoricerca2 ul li a:hover {text-decoration: underline; color: #000000;}

/* ==================== NEWSLETTER ===================== */

div#newsletter {width:	95%; margin: 0 auto 0 auto; border: 3px solid #dddddd; padding: 10px;}
div.messaggionl	{font-weight: bold; color: #FF0000; text-align: center; border-bottom:	1px dotted #000000; border-top:	1px dotted #000000; padding: 10px 0 10px 0; width: 99%; margin: 10px auto 0 auto;}
div.messaggionl1 {font-weight: bold; color: #FF0000; text-align: left; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; padding: 10px 0 10px 0; width: 85%; margin: 10px auto 0 auto;}
div.nota {font-style: italic; text-align: left; padding: 7px 0 7px 0; width: 85%; margin: 10px auto 0 auto;}
div.messaggiocategorie {text-align: left; border-bottom: 1px dotted #000000; border-top: 1px dotted #000000; padding: 7px 0 7px 0; width: 85%; margin: 5px auto 0 auto; background: #FFFFFF; font-weight: bold;}
div.messaggionl a {text-decoration:	none;}
div.messaggionl	a:hover	{text-decoration: underline;}
p.centra {text-align: center; margin: 10px 0 0 0; padding: 10px 0 0 0;}
p.sinistra	{width: 85%; margin: 5px auto 0 auto;}
p.sinistra2 {width:	85%; margin: 5px auto 0 auto}
p.sinistra	input {border: 1px solid #0B64A2; font-size: 14px; color: #000000;}
p.sinistra2	input {font-size: 14px; color: #000000;}
p.sinistra	label {padding: 0 0 0 10px; font-size: 12px; font-family: courier; width: 300px;}

div#captcha {width: 85%; margin: 5px auto 5px auto; text-align: left; font-size: 11px;}
div#captcha img {float: left; margin: 5px 5px 0 0;}
div#captcha input {margin: 5px 5px 0 0;}
div#captcha a {color: #000000; text-decoration: none;}
div#captcha a:hover {color: #000000; text-decoration: underline;}

/* ==================== AREA RISERVATA ================= */

div#areariservata {width: 330px; margin: 20px auto 0 auto;}
div#areariservata h3 {font-size: 160%; color: #cc3333;}
div#areariservata #boxlogin {width: 300px; border: 2px solid #dddddd; padding: 10px;}

/* ==================== PHOTO GALLERY ================== */

div.photogallery {width: 95%; margin: 0 auto 0 auto;}
div#pg	{width: 100%; margin:1em 0 1em auto; font-weight: bold; border-bottom: 1px dashed #17550A;}
div.pgsingle {text-align: center; color: #000000; width: 24%; float: left; font-size: 80%; margin: 1em auto 0 10px;}
div.pgsingle img {border:4px solid #CCCCCC; margin-top: 0.5em;}
div.pgsingle a	{text-align: center; color: #000000; text-decoration: none;	font-size: 80%; display: block;}
div.pgsingle a:hover {text-align: center; color: #000000; text-decoration: none; font-size: 80%; display:	block;}
div.pgsingle a:visited {text-align: center; color: #000000; text-decoration: none;	font-size: 80%; display:	block;}
div.pgsingle a:link {text-align: center; color: #000000; text-decoration:	none; font-size: 80%; display:	block;}
div#pgpagine {width: 95%; margin-left: auto; margin-right: auto; font-weight: bold;	margin-top: 0.5em; margin-bottom: 0.5em;}

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(immagini/ajaxLoader.gif) no-repeat center;}
div#nyroModalLoading.error {border: 4px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff;}
div#nyroModalWrapper {background: #fff; border: 4px solid #777;}
a#closeBut {position: absolute; display: block; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(immagini/close.gif) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 150%;}
div.wrapper div#nyroModalContent {padding: 5px;}
div.wrapperImg div#nyroModalContent {position: relative; overflow: hidden; text-align: center;}
div.wrapperImg div#nyroModalContent h2 {font-size: 100%; color: #4AC010;}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20);}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; filter: alpha(opacity=50); cursor: help;}
a.nyroModalPrev, a.nyroModalNext {z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background: url(immagini/prev.gif) left 20% no-repeat;}
a.nyroModalNext {right: 0;}
a.nyroModalNext:hover {background: url(immagini/next.gif) right 20% no-repeat;}