html, body {height: 100%;}
body {margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, div, form, ul {margin: 0; padding: 0;} 
input {font-size: 80%; padding: 0;}

/* Generiche */
body {margin: 0; font-family: "Trebuchet MS", Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 12px; color: #4d4d4d;}
.clear {clear: both; padding: 0; margin: 0;}

a {color: #4d4d4d; text-decoration: none;}
a:hover {color: #4d4d4d; text-decoration: underline;}
a.arancio {color: #FFB300; text-decoration: none;}
a.arancio:hover {color: #FFB300; text-decoration: underline;}


/* Principali */
div#contenitore {width: 920px; margin: 0 auto 0 auto; padding: 0;}
div#beta {width: 150px; height: 150px; position: absolute; top: 0; right: 0;}
div#bubble {width: 213px; height: 60px; position: absolute; margin: -60px 0 0 650px; display: none;}
div#bubble2 {width: 213px; height: 60px; position: absolute; margin: -80px 0 0 650px; display: none;}

/* Testata */
div#testata {width: 920px; background: url(../grafica/nuvole.gif) no-repeat 445px 5px; margin: 0 0 10px 0;}
div#testata div#logo {width: 250px; height: 80px; margin: 5px 0 0 10px; float: left;}
div#testata div#payoff {float: left; font-family: Arial; font-size: 14px; margin: 45px 0 0 0; color: #FFB300; font-weight: 500; letter-spacing: -1px;}
div#testata div#orologio {float: left; margin: 18px 0 0 50px;}
div#testata div#orologio .giorno {float: left; color: #FFB300; font-size: 36px; margin: 10px 0 0 0; padding: 0 10px 0 0; border-right: 3px solid #FFB300; line-height: 36px;}
div#testata div#orologio .mese {float: left; padding: 14px 0 0 10px; font-size: 11px; font-weight: normal;}

/* Menu Superiore */
div#menusuperiore {width: 920px; font-size: 12px; font-weight: bold; line-height: 30px;}
div#menusuperiore div#menusuperioresx {width: 59%; float: left;}
div#menusuperiore div#menusuperioresx ul {list-style-type: none; padding: 0;}
div#menusuperiore div#menusuperioresx li {display: inline; padding: 0 6px 0 6px; border-left: 1px solid #000000;}
div#menusuperiore div#menusuperioresx li.inizio {display: inline; padding: 0 7px 0 15px; border-left: none;}
div#menusuperiore div#menusuperioresx li a:hover {text-decoration: underline;}

div#menusuperiore div#menusuperioredx {width: 39%; float: right; line-height: 30px; text-align: right; margin: 0 10px 0 0;}
div#menusuperiore div#menusuperioredx ul {list-style-type: none; padding: 0;}
div#menusuperiore div#menusuperioredx li {display: inline; padding: 0 20px 0 20px;}
div#menusuperiore div#menusuperioredx ul li.inizio {display: inline; padding: 0 10px 0 15px;}

/* Bannerone */
div#bannerone {width: 900px; height: 259px; margin: 5px auto 0 auto; padding: 0;}
#bannerone .slideshow {width: 900px; height: 259px; overflow: hidden; position: relative; background: #ffffff url(../grafica/ajaxloader.gif) no-repeat center center; }
a.title {position: absolute; display: block; bottom: 0; left: 0; width: 100%; height: 50px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #FFF; }
a.title span.sfondo {position: absolute; z-index: 4; height: 100%; display: block; width: 100%; background: #000; opacity: 0.5; cursor: pointer;}
a.title span.provincia { font-size: 0.7em;  }
a.title span.dettagli { font-size: 0.5em; color: #DDD; }
a.title span.text { position: relative; bottom: -15px; z-index: 5; left: 20px; padding: 10px 0;}
a.title:hover span.sfondo { opacity: 0.6; cursor: pointer; }
a.title:hover span.text { color: #FFF }
#slide-testata div.slide-testata-inner {height: 259px; display: none;}
#slide-testata div.slide-testata-inner a {border: none;}
#slide-testata div.slide-testata-inner a:hover {border: none;}

<!--[if IE 7]>
#nav { filter: alpha(opacity = 0); }
.slideshow #nav a { background: #000;  }
.slideshow a.title { zoom: 1; }
a.title span.sfondo {filter: alpha(opacity = 50); zoom: 1; }
a.title span.text {zoom: 1; bottom: -10px !important; padding: 7px 0; zoom: 1; }
a.title:hover span.sfondo { filter: alpha(opacity = 60); zoom: 1; text-decoration: none;}
<![endif]-->

<!--[if IE 8]>
a.title span.sfondo { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; }
a.title:hover span.sfondo { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
<![endif]-->

/* Centrale */

div#centro {width: 920px; margin: 0; padding: 0;}

div#menucentrale {width: 900px; margin: 20px auto 15px 13px;}
div#menucentrale .box {width: 33%; float: left; min-height: 100px;}
div#menucentrale .box h4 {line-height: 48px; color: #ffffff; padding: 0 0 0 25px; font-size: 18px;}
div#menucentrale .box h4 a {color: #ffffff; display: block; text-decoration: none; width: 200px; height: 48px;}
div#menucentrale .box h4 a:hover {color: #ffffff; display: block; text-decoration: none; width: 200px; height: 48px;}
div#menucentrale .box .abstracthp {width: 90%; border-left: 1px solid #d4d4d4; float: right; margin: 10px 5px 0 0; padding: 7px;}
div#menucentrale .box .abstracthp h5 {font-size: 11px;}

/* Regioni */

div#menuverticale {width: 41px; float: left; margin: 10px 0 10px 10px;}
div#menuverticale .pulsanteverticale {margin: 0; width: 41px;}
div#menuverticale .pulsanteverticale img {border: none;}

div#displayregioni {float: left; margin: 5px 0 0 10px; width: 840px; height: 290px; padding: 0;}
div#displayregioni div#cartina {margin: 0 0 0 30px; width: 260px; height: 270px; text-align: center; overflow: hidden;}
div#displayregioni div#cartina img {border: none; margin: 10px 0 0 0;}
div.boxcartina {z-index: 1; position: relative; margin: -50px 0 0 -120px; width: 130px; border: 2px solid #D5DBEC; background: #ffffff; opacity: 0.6; filter:alpha(opacity=60); }
div.boxcartina h4 {color: #FF9900; margin: 5px; font-size: 16px;}
ul.cartina {position: relative; margin: 0; list-style-type: none; padding: 1px; z-index: 100;}
ul.cartina li {list-style-type: none; padding: 0 0 0 5px; color: #000000;}
ul.cartina li a {color: #000000;}

div#tools {width: 270px; margin: 10px 0 0 10px; float: left;}
div#tools div#strillo {width: 250px; margin: 0 0 10px 0;}

div#tools #ricercaavanzata {width: 80%; float: left; margin: 0;}
div#tools #ricercaavanzata h4 {color: #FF9900; font-size: 14px; margin: 0 0 5px 0;}
div#tools #ricercaavanzata .riga {margin: 0;}
div#tools #ricercaavanzata .riga .etichetta {width: 80px; color: #777777; font-size: 12px; margin: 0 5px 0 0; font-weight: bold;}
div#tools #ricercaavanzata .riga .centra {text-align: center;}
div#tools #ricercaavanzata .riga .centrabottone {width: 100%; text-align: center; margin: 10px 0 0 0;}

div.titoloagenda {width: 200px; margin: 0 0 5px 0; float: left; font-size: 14px; font-weight: bold; color: #FF9900;}
div.titoloagenda2 {width: 200px; margin: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #FF9900;}

#agendina {width: 180px; float: left; margin: 0; background: #dddddd; padding: 3px;}
#agendina h4 {color: #777777; font-size: 18px; margin: 0;}
#agendina #calendario {width: 180px;}
#agendina #calendario caption {color: #777777; font-size: 14px; margin: 0; font-weight: bold;}
#agendina #calendario caption a.freccia {color: #777777; font-size: 18px; text-decoration: none;}
#agendina #calendario caption a.freccia:hover {color: #777777; font-size: 18px; text-decoration: none;}
#agendina #calendario table {width: 100%; padding: 0; padding: 0;}
#agendina #calendario table caption {height: 20px;}
#agendina #calendario table th {width: 14%; padding: 0; background: #eeeeee;}
#agendina #calendario table th acronym {text-decoration: none;}
#agendina #calendario table tr {width: 14%; padding: 0;}
#agendina #calendario table td {height: 5px; padding: 0; text-align: center;}
#agendina #calendario table td.oggi {height: 5px; padding: 0; background: url(../grafica/agenda_sf_oggi.gif) repeat-x; color: #000000;}
#agendina #calendario table td.oggi a {color: #ffffff;}
#agendina #calendario table td.oggi a:hover {color: #ffffff;}
#agendina #calendario div.tuttoilmese {text-align: center;}
#agendina #calendario table td.cellaon {font-weight: bold; background: #CDCABB;}
#agendina #calendario table td.cellaon a {font-weight: bold; background: none; text-decoration: none; color: #000000;}
#agendina #calendario table td.cellaon a:hover {font-weight: bold; background: none; text-decoration:	underline; color: #000000;}
#agendina #calendario table td.cellaonoggi {font-weight: bold; background: url(../grafica/agenda_sf_oggi.gif) repeat-x;}
#agendina #calendario table td.cellaonoggi a {font-weight: bold; background: none; text-decoration: none; color: #000000;}
#agendina #calendario table td.cellaonoggi a:hover {font-weight: bold; background: none; text-decoration:	underline; color: #000000;}

div#tools2 {width: 220px; margin: 10px 0 0 10px; float: left;}

div#tools2 #ricercalibera {width: 100%; float: left; margin: 0 0 10px 0;}
div#tools2 #ricercalibera h4 {color: #FF9900; font-size: 14px; margin: 10px 0 0 0;}
div#tools2 #ricercalibera .riga {margin: 0;}
div#tools2 #ricercalibera .riga .etichetta {width: 80px; color: #777777; font-size: 12px; margin: 0 5px 0 0; font-weight: bold;}
div#tools2 #ricercalibera .riga .centra {text-align: center; margin: 0 0 10px 0;}

div#tools2 #minimenu {width: 100%; float: left; margin: 0 auto;}
div#tools2 #minimenu h4 {color: #FF9900; font-size: 14px; margin: 10px 0 0 0;}
div#tools2 #minimenu ul {width: 100%; margin: 5x auto 0 auto; list-style-type: none;}
div#tools2 #minimenu ul li {height: 44px; padding: 15px 0 0 50px;}
div#tools2 #minimenu ul li a {font-weight: bold;}
div#tools2 #minimenu ul li a:hover {font-weight: bold;}


#agendinaspalla{width: 200px; margin: 10px auto 0 auto; background: #dddddd; padding: 3px;}
#agendinaspalla #calendario {width: 200px;}
#agendinaspalla #calendario table {width: 100%; padding: 0; padding: 0;}
#agendinaspalla #calendario table caption {height: 20px;}
#agendinaspalla #calendario table th {width: 14%; padding: 0;}
#agendinaspalla #calendario table tr {width: 14%; padding: 0;}
#agendinaspalla #calendario table td {height: 5px; padding: 0;}

div#highlights {margin: 15px auto 0 auto; width: 98%; padding: 0;}
div#news {width: 49%; float: left; background: url(../grafica/barranera.gif) no-repeat right 5px;}
div#news h4 {font-size: 18px; color: #FF9900;}
div#news ul {list-style-type: none; margin: 0 0 0 10px;}
div#news ul li {padding: 5px 0 5px 0; font-weight: bold; font-size: 12px; border-bottom: 1px dashed #cccccc;}
div#newscitta {width: 49%; float: left;}
div#newscitta ul {list-style-type: none; margin: 0 0 0 10px;}
div#newscitta ul li {padding: 5px 0 5px 0; font-weight: bold; font-size: 12px; border-bottom: 1px dashed #cccccc;}
div#news .other {padding: 5px 0 5px 0; border-top: 1px dashed #777777; text-align: right; font-size: 11px;}
div#news .other a {color: #FF9900; font-weight: bold;}
div#news .other a:hover {color: #FF9900; font-weight: bold;}
div#newscitta .other {padding: 5px 0 5px 0; border-top: 1px dashed #777777; text-align: right; font-size: 11px;}
div#newscitta .other a {color: #FF9900; font-weight: bold;}
div#newscitta .other a:hover {color: #FF9900; font-weight: bold;}

div#highlights div#video {width: 49%; float: right; background: url(../grafica/barranera.gif) no-repeat right 5px;}
div#highlights div#video h4 {font-size: 18px; color: #FF9900;}
div#highlights div#video #miniatura {margin: 5px 0 0 0; float: left;}
div#highlights div#video #miniatura #miniaturavideo {width: 200px; height: 150px; margin: 5px 0 0 0;}
div#highlights div#video #miniatura #miniaturavideo img {border: none;}
div#highlights div#video #miniatura #miniaturavideo a:hover img {opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div#highlights div#video #miniatura #miniaturavideo a.video:hover {display: block; background: url(../grafica/play_mini.png) no-repeat center center;}
div#highlights div#video #miniatura #didascaliavideo {width: 200px; margin: 5px 0 0 0;}

div#highlights div#video #elencovideo {margin: 5px 0 0 10px; float: left; width: 220px;}
div#highlights div#video #elencovideo h4 {font-size: 16px; padding: 5px 0 5px 0; border-bottom: 1px dashed #777777;}
div#highlights div#video #elencovideo ul {list-style-type: none;}
div#highlights div#video #elencovideo ul li {padding: 5px 0 5px 0; font-weight: bold;}
div#highlights div#video #elencovideo .other {padding: 5px 0 5px 0; border-top: 1px dashed #777777; text-align: right; font-size: 11px;}
div#highlights div#video #elencovideo .other a {color: #FF9900; font-weight: bold;}
div#highlights div#video #elencovideo .other a:hover {color: #FF9900; font-weight: bold;}

div#highlights div#agendaeventi {width: 49%; float: right;}
div#highlights div#agendaeventi h4 {font-size: 18px; color: #FF9900;}

div#inprimopiano {margin: 10px auto 15px auto; width: 98%; padding: 0; background: url(../grafica/barralunganera_new.gif) no-repeat right 5px;}
div#inprimopiano h4 {font-size: 18px; color: #FF9900;}
div#inprimopiano div.box {width: 32%; margin: 10px 5px 10px 0; float: left; min-height: 100px; border: 1px solid #eeeeee; padding: 2px;}
div#inprimopiano div.box .foto {width: 120px; height: 90px; float: left;}

div#inprimopiano div.box .foto img {border: none;}

div#inprimopiano div.box .foto a:hover img {opacity: .3;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

div#inprimopiano div.box .foto a:hover {background: url(../grafica/omino.png) no-repeat center center; display: block;}


div#inprimopiano div.box .notizia {width: 53%; height: 50px; float: left; margin: 5px 0 0 8px;}
div#inprimopiano div.box .notizia h4 {font-size: 12px; color: #777777;}
div#inprimopiano div.box .segnalini {width: 53%; float: left; margin: 5px 0 0 10px;}
div#inprimopiano div.box .segnalini img {border: none;}
div#inprimopiano div.box .segnalini a:hover img {opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

div#inprimopiano .other {padding: 5px 0 5px 0; margin: 10px 0 0 0; border-top: 1px dashed #777777; text-align: right; font-size: 11px;}
div#inprimopiano .other a {color: #FF9900; font-weight: bold;}
div#inprimopiano #elencovideo .other a:hover {color: #FF9900; font-weight: bold;}


/*Risultati Ricerca*/

div#ricercar {margin: 20px auto 15px auto; width: 98%; padding: 0; background: url(../grafica/barraricerca.gif) no-repeat right 5px;}
div#ricercar .risultatiricerca {margin: 5px auto 5px auto; font-size: 14px;}
div#ricercar .risultatiricerca a {color: #000000; text-decoration: none; font-weight: bold;}
div#ricercar .risultatiricerca a:hover {color: #000000; text-decoration: underline; font-weight: bold;}
div#ricercar h4 {font-size: 18px; color: #FF9900;}
div#ricercar div.box {width: 32%; margin: 10px 5px 5px 0; float: left;}
div#ricercar div.box .foto {width: 120px; height: 90px; float: left;}
div#ricercar div.box .foto img {border: none; width: 120px; height: 90px;}
div#ricercar div.box .foto a:hover img {opacity: .3;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
div#ricercar div.box .foto a:hover {display: block; background: url(../grafica/omino.png) no-repeat center center;}


div#ricercar ul {list-style-type: none; margin: 0 0 0 10px; width: 100%;}
div#ricercar ul li {padding: 5px 0 5px 15px; font-weight: bold; font-size: 12px; border-bottom: 1px dashed #cccccc;}
div#ricercar .ritorno {width: 24%; float: right; text-align: center; color: #ffffff; font-weight: bold;}
div#ricercar .ritorno a {color: #ffffff; text-decoration: none;}
div#ricercar .ritorno a:hover {color: #ffffff; text-decoration: underline;}


div#ricercar div.box .notizia {width: 53%; height: 50px; float: left; margin: 5px 0 0 8px;}
div#ricercar div.box .notizia h4 {font-size: 12px; color: #777777;}
div#ricercar div.box .segnalini {width: 53%; float: left; margin: 5px 0 0 10px;}
div#ricercar div.box .segnalini img {border: none;}
div#ricercar div.box .segnalini a:hover img {opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*Risultati Agenda*/

div#risultatoagenda {margin: 20px auto 15px auto; width: 98%; padding: 0; background: url(../grafica/barragenda.gif) no-repeat right 5px;}
div#risultatoagenda div#risultatiagendasx {width: 75%; float: left; margin: 0;}
div#risultatoagenda div#risultatiagendadx {width: 23%; float: right; margin: 40px 0 0 0;}
div#risultatoagenda h4 {font-size: 18px; color: #FF9900;}
div#risultatoagenda .risultatiricerca {margin: 15px auto 5px auto; font-size: 14px; font-weight: bold;}
div#risultatoagenda div#altrecategorie {width: 100%; padding: 5px 0 5px 0; font-weight: bold; width: 100%; text-align: right; border-bottom: 1px dashed #4d4d4d;}
div#risultatoagenda div.evento {width: 100%; padding: 5px 0 5px 0; border-bottom: 1px dashed #4d4d4d;}


/* Citta */

.boxgrid {width: 840px; height: 250px; margin: 12px 0 0 10px; float: left; overflow: hidden; position: relative;}
.boxgrid img {position: absolute; top: 0; left: 0; border: none;}
.boxcaption {position: relative; float: left; background: #fff; height: 30px; width: 100%; opacity: .6; z-index: 100;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {position: relative; top: 210px; left: 0; padding: 10px 0 0 20px; color: #000; font-size: 18px;}

div#menucittavuoto {width: 880px; margin: 5px auto 0 auto; padding: 0; font-size: 14px; background: url(../grafica/barralunganeraextra.gif) no-repeat center bottom;}

div#menucitta {width: 880px; margin: 5px auto 0 auto; padding: 0 0 18px 0; font-size: 14px; background: url(../grafica/barralunganeraextra.gif) no-repeat center bottom;}
div#menucitta ul {list-style-type: none;}	
div#menucitta ul li {display: inline; padding: 0 8px 0 8px; border-left: 1px solid #000000;}	
div#menucitta ul li.inizio {display: inline; padding: 0 10px 0 5px; border-left: none; font-size: 18px; color: #FF9900; font-weight: bold;}
div#menucitta ul li.inizio a {color: #FF9900; text-decoration: none;}
div#menucitta ul li.inizio a:hover {color: #FF9900; text-decoration: underline;}
div#menucitta ul li.selezionato {display: inline; padding: 0 8px 0 8px; font-size: 24px;}	


div#menudicitta {width: 880px; margin: 0 auto 0 auto; border-bottom: 1px dashed #777777; padding: 0 0 5px 0;}
div#menudicitta div#titolosezione {padding: 0; float: left; margin: 10px 0 0 0;}
div#menudicitta div#titolosezione div.iconasezione {padding: 0; width: 28px; float: left;}
div#menudicitta div#titolosezione div.titolo {font-size: 22px; font-weight: bold; margin: 2px 0 0 10px; float: left;}
div#menudicitta div.menucitta2 {margin: 10px 10px 0 0; width: 28px; float: right;}
div#menudicitta div.menucitta2 img {border: none;}
div#menudicitta div.menucitta2 a:hover img {opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div#menudicitta div.menucittahome {margin: 0; width: 28px; float: right;}
div#menudicitta div.menucittahome img {border: none;}
div#menudicitta div.menucittahome a:hover img {opacity: .5;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
div#menudicitta div.eti {margin: 15px 10px 0 0; width: 150px; float: right; font-size: 16px; font-weight: bold;}



/* Evento */

div#schermo {width: 850px; height: 250px; background: #4d4d4d; margin: 12px 0 0 10px; float: left;}
div#schermo div#fotografia {width: 300px; height: 230px; float: left; margin: 10px 0 0 10px;}
div#play {width: 80px; height: 80px; position: absolute; top: 75px; left: 110px; opacity: 0.5; filter: alpha(opacity=50);}
div#play img {border: none;}

/*Gallery nello schermo*/
div#photogallery {position: relative; height: 230px; width: 50px; margin: 10px 0 0 10px; overflow: hidden; float: left;}
div#gallery {padding: 0; margin: 0 0 0 10px;}
div#gallery a {display: block; margin: 0 0 5px 0; width: 50px;	color: #fff;}
div#gallery img {display: block; border: none;}
div#gallery .img {width: 40px;}
div#photogallery .loading {position: absolute; top: 50px; left: 0; margin: 0; padding: 0; width: 50px; text-align: center; color: #fff; font-size: 9px;}
/*div.tooltip {display: block; position: absolute; left: 100px; z-index: 100; padding: 6px; font-size: 12px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: 1px solid #ffffff; background: #000000; z-index: 1000;}*/

/*Info nello schermo*/
div#info {position: relative; height: 230px; width: 460px; margin: 10px 0 0 10px; float: left;}
div#infocorrelate {height: 180px; width: 460px; margin: 0 0 0 10px; color: #ffffff; font-size: 12px;}
div#infocorrelate h4 {color: #FFB300; font-size: 18px; margin: 0;}
div#infocorrelate a {color: #ffffff; text-decoration: underline;}
div#infocorrelate a:hover {color: #ffffff; text-decoration: none;}
div#infocorrelate ul {list-style-type: none; padding: 0; margin: 0;}
div#comandiinfocorrelate {text-align: center; font-size: 14px; color: #ffffff;}
div#comandiinfocorrelate ul {list-style-type: none; margin: 30px 10px 0 0; padding: 5px 0 0 0; border-top: 1px dashed #ffffff;}
div#comandiinfocorrelate ul li {display: inline; margin: 0; padding: 0 7px 0 7px; border-left: 1px solid #ffffff;}
div#comandiinfocorrelate ul li.inizio {display: inline; padding: 0 10px 0 10px; border-left: none;}
div#comandiinfocorrelate ul li a.correlati {color: #ffffff; text-decoration: none;}
div#comandiinfocorrelate ul li a.correlati:hover {color: #ffffff; text-decoration: none;}

div#intro {width: 98%; margin: 10px 0 10px 0;}


/* Notizia */

div#evento {width: 880px; margin: 0 auto 0 auto; border-bottom: 1px dashed #000000;}
div#scheda {width: 600px; float: left; margin: 0; padding: 0; border-right: 1px dashed #000000; overflow:hidden;}
div#scheda #contenuto {width: 100%;}
div#scheda #contenuto #titoloevento {width: 98%; color: #FFB300; margin: 5px auto 5px auto; font-size: 20px;}
div#scheda #contenuto #testo {width: 98%; color: #4d4d4d; margin: 5px auto 0 auto; font-size: 14px;}
div#scheda #contenuto #testo h3 {font-size: 14px; padding: 5px 0 5px 25px; background: url(../grafica/quadrettino.gif) no-repeat center left;}
div#scheda #contenuto #testo ul {margin: 10px 0 10px 20px;}
div#scheda #contenuto #testo ul li {list-style-type: square;}
div#scheda #contenuto #testo p {margin: 10px 0 10px 0;}

div#schedafull {width: 880px; float: left; margin: 0; padding: 0; border-right: 1px dashed #000000; overflow:hidden;}
div#schedafull #contenuto {width: 100%;}
div#schedafull #contenuto #titoloevento {width: 98%; color: #FFB300; margin: 5px auto 5px auto; font-size: 20px;}
div#schedafull #contenuto #testo {width: 98%; color: #4d4d4d; margin: 5px auto 0 auto; font-size: 14px;}
div#schedafull #contenuto #testo h3 {font-size: 14px; padding: 5px 0 5px 25px; background: url(../grafica/quadrettino.gif) no-repeat center left;}
div#schedafull #contenuto #testo ul {margin: 10px 0 10px 20px;}
div#schedafull #contenuto #testo ul li {list-style-type: square;}
div#schedafull #contenuto #testo p {margin: 10px 0 10px 0;}

div#scheda #tools {width: 98%; margin: 0 auto 0 auto; text-align: right; padding: 5px 0 5px 0; font-size: 14px;}
div#schedafull #tools {width: 98%; margin: 0 auto 0 auto; text-align: right; padding: 5px 0 5px 0; font-size: 14px;}

div#spallascheda {width: 260px; float: right; margin: 0 5px 0 0;}
div#spallascheda #agendaeventispalla {width: 95%; margin: 10px auto 0 auto;}
div#spallascheda #agendaeventispalla h4 {background: #FFB300; color: #ffffff; font-size: 18px; margin: 0; padding: 5px;}
div#spallascheda #agendaeventispalla ul {margin: 0; list-style-type: none;}
div#spallascheda #schedacorrelata {width: 95%; margin: 30px auto 10px auto; font-size: 18px;}
div#spallascheda #schedacorrelata a {color: #FFB300; text-decoration: none;}
div#spallascheda #schedacorrelata a:hover {color: #FFB300; text-decoration: underline;}

div#spallascheda .ostelli {width: 95%; margin: 10px auto 10px auto; font-size: 12px; border-bottom: 1px dashed #000000; padding: 0 0 10px 0;}
div#spallascheda .ostelli a.titolo {color: #D17D00; text-decoration: none; font-weight: bold; font-size: 14px;}
div#spallascheda .ostelli a.titolo:hover {color: #D17D00; text-decoration: underline; font-weight: bold; font-size: 14px;}
div#spallascheda .ostelli a {color: #D17D00; text-decoration: none; font-weight: bold;}
div#spallascheda .ostelli a:hover {color: #D17D00; text-decoration: underline; font-weight: bold;}
div#spallascheda h4.ostell {background: #FF9900;}


div#richiestainfo {width: 95%; margin: 10px auto 0 auto;}
div#richiestainfo div#boxinfo {background: #D8DADC; color: #000000;}
div.infosx {width: 48%; float: left; padding: 7px;}
div.infosx textarea {overflow: hidden; border: 1px solid #D8DADC; padding: 5px; font-family: "Trebuchet MS"; font-size: 12px; background: url(../grafica/sf_textarea.gif) no-repeat;}
div.infodx {width: 48%; float: right; padding: 7px;}
div.infodx input.graphic {border: 1px solid #D8DADC; font-family: "Trebuchet MS"; font-size: 13px; padding: 2px; background: url(../grafica/sf_input.gif) no-repeat;}
div.infodx input {border: 1px solid #D8DADC; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;  margin: 0; padding: 2px;}
div.infodx .centrabottone {width: 98%; margin: 5px auto 0 auto; text-align: center; font-size: 14px; font-weight: bold;}
div.infodx #captcha {width: 100%; margin: 5px auto 5px auto; float: right; text-align: left; font-size: 11px;}
div.infodx #captcha img {float: left; margin: 5px 5px 0 0;}
div.infodx #captcha input {margin: 5px 5px 0 0;}
div.infodx #captcha a {color: #000000; text-decoration: none;}
div.infodx #captcha a:hover {color: #000000; text-decoration: underline;}

div#slider {height: 242px; width: 13px; margin:0px 10px 0px 10px; float: left;}
div#sliderbox {display:none;}


/* Bannerini */
div#bannerini {width: 910px; margin: 15px auto 0 auto; padding: 10px 0 0 0;}
div#bannerini .bannerino {width: 440px; height: 120px; margin: 0 auto 8px 8px; float: left;}
div#bannerini .bannerino img {border: none;}
div#bannerini .bannerino a {border: 1px solid #dddddd; display: block; width: 440px; height: 120px;}

/* Newsletter */

div#newsletter {width: 98%; margin: 10px auto 10px auto; font-size: 14px;}
div#newsletter div.messaggio {text-align: center; color: #ff0000; font-weight: bold; width: 100%; line-height: 14px;}
div#newsletter div.comandi {width: 100%; margin: 10px auto 0 auto; text-align: center;}
div#newsletter div#quadroiscrizione {width: 80%; margin: 10px auto 15px auto; padding: 10px; background: url(../grafica/newsletter.jpg) no-repeat right bottom #eeeeee;}
div#newsletter div#quadroiscrizione .camponl {width: 100%; margin: 5px auto 10px auto;}
div#newsletter div#quadroiscrizione .camponl label {float: left; margin: 0 0 0 30px; font-weight: bold;}
div#newsletter div#quadroiscrizione .camponl input {float: right; margin: 0 50px 0 0; font-family: "Trebuchet MS"; font-size: 12px;}
div#newsletter div#quadroiscrizione .camponl select {float: right; margin: 0 50px 0 0; font-family: "Trebuchet MS"; font-size: 12px;}
div#newsletter div#quadroiscrizione .bottonenl {width: 100%; margin: 10px auto 10px auto; text-align: center;}
div#newsletter div#quadroiscrizione .bottonenl input {font-family: "Trebuchet MS"; font-size: 14px;}
div#newsletter div#quadroiscrizione .bottonenl select {font-family: "Trebuchet MS"; font-size: 14px;}

div#newsletter div#elencocategorie {width: 50%; margin: 10px 0 0 15px;}
div#newsletter div#elencocategorie ul {margin: 0; padding: 0; list-style-type: none;}
div#newsletter div#elencocategorie ul li {line-height: 25px; border-bottom: 1px dashed #000000;}

/* Coda */

div#coda {width: 920px; margin: 10px 0 10px 0;}
div#coda div#menuinferiore {text-align: center; font-size: 11px; font-weight: bold; line-height: 11px;}
div#coda div#menuinferiore ul {list-style-type: none; padding: 0;}
div#coda div#menuinferiore ul li {display: inline; padding: 0 15px 0 15px; border-left: 1px solid #000000;}
div#coda div#menuinferiore ul li.inizio {display: inline; padding: 0 15px 0 15px; border-left: none;}

div#coda div#ragionesociale {text-align: center; font-size: 11px; font-weight: bold; margin: 25px 0 5px 0; line-height: 12px;}

div#debug {font-size: 12px; font-weight: bold; margin: 2px 0 0 0;}


/* Extra - Scrolling */

.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;}
.jScrollPaneDrag {position: absolute; background: #FF9C00; cursor: pointer; overflow: hidden; height: 15px;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
a.jScrollArrowUp {background: url(../grafica/barup.gif) no-repeat top center; height: 14px; margin: 0;}
a.jScrollArrowDown {background: url(../grafica/bardown.gif) top center no-repeat; height: 14px; margin: 0;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}
.orange-bar .jScrollPaneTrack {background: #f60;}
.orange-bar .jScrollPaneDrag {background: #00f url(../grafica/bar.gif) no-repeat 50% 50%;}
.orange-bar .scroll-pane {background: #69f;}	
.holder {float: left; margin: 10px;}
.scroll-pane {height: 350px; overflow: auto; float: left;}
.scroll-paneic {height: 150px; overflow: auto; float: left;}

/*FINESTRA MODALE*/

div#nyroModalFull {color: #777;}
div#nyroModalLoading {border: 4px solid #777; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../grafica/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: -20px; right: -20px; width: 20px; height: 20px; text-indent: -9999em; background: url(../grafica/close.png) no-repeat;	outline: 0;}
h1#nyroModalTitle {margin: 0; padding: 0; position: absolute; top: -30px; left: 5px; color: #fff; font-size: 120%;}
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: 10px; background: url(../grafica/prev.png) left 80% no-repeat;}
a.nyroModalPrev:hover {background: url(../grafica/prev.png) left 80% no-repeat;}
a.nyroModalNext {right: 10px; background: url(../grafica/next.png) right 80% no-repeat;}
a.nyroModalNext:hover {background: url(../grafica/next.png) right 80% no-repeat;}

ul li.pdf {background: url(../grafica/formati/pdf.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.doc {background: url(../grafica/formati/doc.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.rtf {background: url(../grafica/formati/rtf.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.txt {background: url(../grafica/formati/txt.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.pps {background: url(../grafica/formati/pps.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.ppt {background: url(../grafica/formati/ppt.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.xls {background: url(../grafica/formati/xls.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.zip {background: url(../grafica/formati/zip.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.htm {background: url(../grafica/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.tml {background: url(../grafica/formati/htm.gif) no-repeat center left; padding: 5px 0 5px 25px;}
ul li.news {background: url(../grafica/formati/foglietto.gif) no-repeat center left; padding: 5px 0 5px 25px;}



#s3slider { 
   width: 900px; /* important to be same as image width */ 
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 14px;
   padding: 15px 15px ;
   width: 900px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
   

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

div#dastampare {display: none;}
div#stampa {font-size: 14px; margin: 10px 0 10px 0; line-height: 18px; background: url(../grafica/stampante.gif) no-repeat center left; padding: 0 0 0 25px;}


#ostelli {float: right; width: 27%; margin: 10px 0 0 0; min-height: 200px; background: url(../grafica/barraostelli.gif) no-repeat right 5px;}
#ostelli h4 {font-size: 18px; color: #FF9900;}
#ostelli img {margin: 10px 0 0 0; border: none;}
#ostelli .other {padding: 5px 0 5px 0; border-top: 1px dashed #777777; text-align: right; font-size: 11px;}