@font-face { font-family: 'Droid Sans'; font-style: normal; font-weight: normal; src: local('Droid Sans'), local('DroidSans'), url('DroidSans.woff') format('woff'); } 

html body { border: 0; margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; background: #e5e6e1 url(../img/sfondo.jpg) repeat top left; font-family: 'Droid Sans',arial,serif; /* font-family: Arial, Helvetica, sans-serif;*/ font-size: 11px; line-height: 22px; color: #333; }

img { border: none; }
th { text-align: left; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

#contenitore { width: 940px; margin: 0 auto; }
#intestazione { height: 492px; overflow: hidden; }
#menu { position: relative; width: 940px; height: 50px; background-color: #000; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottom-left: 10px; -webkit-border-radius-bottom-right: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu ul li { margin: 0; padding: 0; width: 134px; line-height: 50px; float: left; text-align: center; }
#menu ul li a { margin: 0; padding: 0; color: #FFF; font-size: 14px; line-height: 50px; text-decoration: none; }
#menu ul li a:hover { color: #FA2; }
#menu ul li a.attivo { color: #FA2; }
#logo { width: 401px; height: 97px; margin: 25px 0 -25px 0; }
#logo h1 { background: transparent url(../img/logo.gif) top left no-repeat; width: 401px; height: 97px; margin: 0; padding: 0; }
#logo h1 span { display: none; }
#logofiera { width: 166px; height: 67px; }
#logofiera img { position: relative; top: -57px; left: 749px; }
#copertina { position: relative; top: -22px; width: 940px; height: 300px; z-index: 1; }
#copertina.i1 { background: transparent url(../img/foto_01.jpg) no-repeat left top; }
#copertina.i2 { background: transparent url(../img/foto_02.jpg) no-repeat left top; }
#copertina.i3 { background: transparent url(../img/foto_03.jpg) no-repeat left top; }
#copertina.i4 { background: transparent url(../img/foto_04.jpg) no-repeat left top; }
#copertina.i5 { background: transparent url(../img/foto_05.jpg) no-repeat left top; }
#copertina.i6 { background: transparent url(../img/foto_06.jpg) no-repeat left top; }
#copertina.i7 { background: transparent url(../img/foto_07.jpg) no-repeat left top; }
#copertina.i8 { background: transparent url(../img/foto_08.jpg) no-repeat left top; }
#copertina.i9 { background: transparent url(../img/foto_09.jpg) no-repeat left top; }
#copertina.i10 { background: transparent url(../img/foto_10.jpg) no-repeat left top; }
#copertina.fiera { background: transparent url(../img/foto_fiera.jpg) no-repeat left top; }
#immagine { position: relative; background: transparent url(../img/strappo.png) no-repeat left -50px; width: 940px; height: 300px; z-index: 2; }
#copertina #imgnav { right: 20px; position: absolute; bottom: 10px; width: 87px; z-index: 100; z-index: 20; }
#copertina #imgnav img { cursor: pointer; }
			
#corpo { width: 940px; margin: 0; padding: 5px 0 0 0; }
#pagina { width: 660px; margin: 0; padding: 0; float: left; }

#pagina #comunicazioni { margin: 0 25px 0 0; }
#pagina #comunicazioni h2 { font-size: 18px; line-height: 64px; margin: 0; padding: 0; color: #369; }
#pagina #comunicazioni h3 { font-size: 13px; margin: 0; padding: 0; line-height: 20px; color: #C30; }
#pagina #comunicazioni p { line-height: 20px; font-size: 11px; margin: 2px 0 0 0; }
#pagina #comunicazioni a { color: #C30; text-decoration: none; }
#pagina #comunicazioni a:hover { color: #222; text-decoration: none; }

#pagina .post { float: left; height: 115px; margin: 10px 15px 10px 0; width: 310px; }
#pagina .post img, #pagina .evento img { margin: 0 10px 100px 0; float: left; }
#pagina .post img.tnsize60 { width: 60px; overflow: hidden; }
#pagina img.tnsize180 { float: left; margin: 0 10px 0 0; width: 180px; height: 180px; } 
#pagina .post h3, #pagina .evento h3 { font-size: 15px; margin: 0; padding: 0; line-height: 20px; }
#pagina .post h3 a { color: #369; text-decoration: none; }
#pagina .post h3 a:hover { color: #222; text-decoration: none; }
#pagina .post h4, #pagina .evento h4 { font-size: 13px; margin: 0 0 0 65px; padding: 0; line-height: 20px; color: #C30; }
#pagina .post p { line-height: 16px; font-size: 11px; margin: 2px 0 0 0; }
#pagina .evento p { line-height: 20px; font-size: 12px; margin: 2px 0 0 0; }
#pagina .post p strong, #pagina .evento p strong { color: #555; }

#pagina .evento { margin: 0 25px 0 0; }

/*#pagina .autore { float: left; height: 60px; margin: 0 8px 8px 0; width: 60px; border: 2px solid #FFF; }*/
#pagina .autore { float: left; height: 100px; width: 100px; margin: 0 0; border: 2px solid #FFF; }
#pagina #bioautore { margin: 0 25px 0 0; }
#pagina #bioautore p { margin: 0; }

#pagina .elenco { margin: 0 0 15px 0; }
#pagina .elenco h3 { font-size: 13px; margin: 0; padding: 0; line-height: 15px; }
#pagina .elenco h3 a { color: #C30; text-decoration: none; }
#pagina .elenco h3 a:hover { color: #222; text-decoration: none; }
#pagina .elenco p { margin: 0; }

#pagina .rassegna { margin: 0 25px 15px 0; }
#pagina .rassegna h3 { background: transparent url(../img/ico_link.png) no-repeat left; padding: 0 0 0 20px; margin: 0; }
#pagina .rassegna h3 a { color: #C30; text-decoration: none; }
#pagina .rassegna h3 a:hover { color: #222; text-decoration: none; }
#pagina .rassegna p { margin: 0; }

#pagina .siti { float: left; height: 75px; margin: 10px 15px 10px 0; width: 310px; }
#pagina .siti h3 { color: #C30; margin: 0; }
#pagina .siti p { margin: 0; }

p.associazione { display: block; float: left; position: relative; z-index: 1; font-size: 16px !important; }
#logo_associazione { float: left; display: block; height: 210px; top: 80px; left: 50px; position: relative; width: 250px; z-index: 0; background:url(../img/cuorecarta.png) no-repeat scroll right bottom transparent; }

#corpo h2 { font-size: 18px; line-height: 64px; margin: 0; padding: 0; color: #369; }
#corpo h4 { font-size: 14px; line-height: 24px; margin: 0; padding: 0; color: #555; }
#corpo p, #corpo li { text-align: justify; font-size: 12px; line-height: 30px; }
#corpo .lastmod { font-size: 11px; color: #555; }
#corpo .feed { background: transparent url(../img/rss.png) no-repeat left top; line-height: 64px; margin: 30px 0 0 0; padding: 0 0 0 64px; }
#corpo .feed a { text-decoration: none; color: #369; }
#corpo .help { font-size: 10px; line-height: 15px; margin: 0 0 0 0px; padding: 0; }

/* --- MAPPA DEL SITO ------------------ */
h4.mappa { font-size: 16px !important; line-height: 30px !important; color: #369 !important; margin: 0 !important; height: auto !important; }
ul.mappa { margin: 5px 25px 20px 0 !important; padding: 0px; }
ul.mappa li { padding: 0px; margin: 0px; list-style-type: none; width: 350px; } 
#corpo ul.mappa li a { margin: 3px 0 0 0; padding: 0 0 3px 10px; font-size: 12px; line-height: 18px; display: block; border-bottom: solid 1px #BDE; color: #369; background: url(../img/leaf.png) no-repeat left top; text-decoration: none; }
#colonna ul.mappa li a { margin: 3px 0 0 0; padding: 0 0 3px 25px; font-size: 12px; line-height: 18px; display: block; border-bottom: solid 1px #BDE; color: #369; background: url(../img/leaf.png) no-repeat left top; text-decoration: none; }
#corpo ul.mappa li a:hover { margin: 3px 0 0 0; padding: 0 0 3px 15px; background: #FFF url(../img/leaf.png) no-repeat 5px top !important; text-decoration: none !important; }
#colonna ul.mappa li a:hover { margin: 3px 0 0 0; padding: 0 0 3px 30px; background: #FFF url(../img/leaf.png) no-repeat 5px top !important; text-decoration: none !important; }
ul.mappa ul { padding: 0 0 0 25px; }

/* --- FOTO ------------------------------ */
.img_set { margin: 10px; width: 190px; text-align: center; overflow: hidden; float: left; border: 1px solid #e5e6e1; }
.img_set img { margin: 10px auto 0 auto; padding: 0; border: 5px solid #FFF; }
.img_set p { text-align: center !important; margin: 0 0 5px 0; padding: 0; color: #069; line-height: 15px; }
.img_gallery_small { margin: 10px; width: 95px; text-align: center; overflow: hidden; float: left; border: 1px solid #e5e6e1; }
.img_gallery_small img { margin: 10px auto 0 auto; padding: 0; }

/* --- COLONNA -------------------------- */
#colonna { float: left; width: 280px; margin: 0; padding: 0; }
#colonna h4 { font-size: 18px; letter-spacing: 1px; height: 64px; line-height: 64px; color: #369; margin: 0; }
#colonna div.button { width: 280px; height: 84px; margin: 20px 0 0 0; background: transparent url(../img/strappo-small.png) no-repeat left bottom; }
#colonna div.button a { text-decoration: none; color: #369; }
#colonna div.button a:hover { color: #C30; }

#colonna #elencoautori li { line-height: 10px; }

#colonna #youtube { width: 295px; margin: 0 0 20px 0; }
#colonna #youtube h4 { background: transparent url(../img/youtube.png) no-repeat right; }

#colonna #calendario { width: 295px; margin: 0 0 20px 0; }
#colonna #calendario h4 { background: transparent url(../img/agenda.png) no-repeat right; }
#colonna #calendario table { margin: 0; padding: 0; width: 295px; }
#colonna #calendario #calhead { margin: 0 5px 0 0; }
#colonna #calendario #calhead th { font-size: 12px; line-height: 16px; vertical-align: top; cursor: pointer; }
#colonna #calendario #calhead th img { margin: 0; padding: 0; vertical-align: top; }
#colonna #calendario td { width: 27px; font-size: 11px; line-height: 22px; text-align: center; }
#colonna #calendario th { font-size: 11px; line-height: 22px; margin: 0; padding: 0; text-align: center; }
#colonna #calendario td a, #colonna #calendario td a:visited, #colonna #calendario td a:link, #colonna #calendario td a.active { color: #FFF; background-color: transparent; text-decoration: none; display: block; width: 100%; height: 100%; margin: 0; padding: 0; }
#colonna #calendario td a:hover { text-decoration: none; color: #000; background-color: #FFF; }
#colonna #calendario td.link { color: #FFF; background-color: #7AD !important; }
#colonna #calendario td.linkvuoto { color: #000; background-color: #FFF !important; }
#colonna #calendario td.linkvuoto a { color: #000; background-color: transparent; }
#colonna #calendario td.oggi { color: #000; font-weight: bold; background-color: #FA2; }

#colonna .ics { height: 64px; background: transparent url(../img/ical.png) no-repeat left top; line-height: 20px; margin: 10px 0 0 0; padding: 0 0 0 69px; font-size: 12px; }
#colonna .ics a { text-decoration: none; font-size: 14px; }

#colonna #newsletter h4 { background: transparent url(../img/news.png) no-repeat right; }

#colonna #links h4 { background: transparent url(../img/links.png) no-repeat right; }

#colonna #facebook { width: 280px; float: none; clear: both; margin: 0; }
#colonna #facebook h4 { background: transparent url(../img/facebook.png) no-repeat right; }
#colonna #facebook iframe { background-color: #FFF; }

#colonna ul { margin: 0; padding: 0 0 0 15px; list-style: none; }
#colonna ul li { font-size: 12px; line-height: 22px; color: #369; margin: 0 0 10px 0; padding: 0; text-indent: -15px }
#colonna ul li a { text-decoration: none; color: #369; }
#colonna ul li a:hover { text-decoration: underline; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #555; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #555; }

/* --- FOOTER --------------------------- */
#footer { border-top: 1px solid #333; margin: 30px 0 10px 0; padding: 0; font-size: 11px; color: #999; }
#footer p { margin: 0; padding: 5px 0 0 0; color: #555; line-height: 15px; }
#footer p a { text-decoration: none; color: #555; }
#footer p a:hover { text-decoration: none; color: #369; }
#footer p.wd { margin: -15px 5px 0 0 !important; margin: -15px 2px 0 0; padding: 0; float: right; display: block; right: 0; width: 100px; height: 15px; }
#footer p.wd a { display: block; width: 100px; height: 15px; margin: 0; padding: 0; background: #F6F6F6 url(../img/webdeveloper_off.jpg) right no-repeat; }
#footer p.wd a:hover { display: block; width: 100px; height: 15px; margin: 0; padding: 0; background: #F6F6F6 url(../img/webdeveloper.jpg) right no-repeat; }
#footer p.wd a span { display: none; }