/* Autore: Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
* {margin:0; padding:0}
html {height:100%}
body, p, small, em, strong, acronym, abbr, label, legend, a, kbd, h1, h2, h1 small, h2 small
{background:#fff; color:#000; font-size:100.01%; font-family:"Trebuchet MS",Georgia,Verdana,Arial,sans-serif; font-style: normal;}
body {background:#ddd; color:#000; font-size:76%; margin:0 auto; padding-bottom:60px; text-align:center; min-height:101%; /* Forza Firefox e Netscape x barre laterali */ }
p {margin-top:1.5em; margin-bottom: 1.5em; text-align:left; background:transparent }
div {text-align:justify; margin:0 auto; border:0;} 
p.centrato {text-align:center;}
p.centrato img {margin:0 auto;}
p.segue {text-align:right; clear:both; }
small {background:transparent; font-style:italic; font-size:smaller}
em {background:transparent; color:#039; font-weight:bold; }
strong {font-weight: bolder; background:transparent;}

/* Link ad effetto */
a, a:link, a:visited{background:transparent;color:#036; text-decoration: underline;}
a:hover,a:focus,a:active{background:transparent;color:#000;}
a img{border:none;}
a.blank,a.blank:link, a.blank:visited {color:#036;}
a.blank:hover, a.blank:focus, a.blank:active {color:#000;} 
acronym,abbr {background:transparent url(i/parla.gif) 0% 50% no-repeat; color:#333; cursor:help; font-weight:bold; border-bottom:1px solid #ccc; padding-left:14px}

img {background:transparent; color:#000; border:0;}
	img.sx {padding:3px; border:#ddd 1px solid; float:left; margin-bottom:1.5em}
	img.dx {padding:3px; margin:3px 3px 5px 5px; border:#ddd 1px solid; float:right}
	img.sxbianco {padding:3px; margin:0 5px 5px 0; float:left}
	img.dxbianco {padding:3px; margin:0 0 5px 5px; float:right}

/* per i bubble tooltips */
.tooltip{width: 200px; color:#000; font:normal 11px/1.3 "Trebuchet MS",Arial,sans-serif; text-decoration:none; text-align:center; z-index:100;}
.tooltip span.top{padding:30px 8px 0 8px; background: url(i/bty.gif) no-repeat top; color: #036; font-weight:bold; font-family:"Trebuchet MS",Arial,sans-serif;}
.tooltip b.bottom{padding:3px 8px 8px 8px;color: #000; background: url(i/bty.gif) no-repeat bottom; font-weight:normal; font-family:"Trebuchet MS",Arial,sans-serif; font-size:smaller}

/* Headers */
h1, h2 {border-bottom:3px double #037; background:transparent; color:#037; font-size:110%; padding:0 0 3px 0; margin:5px 0 3px 0; text-align:left; text-decoration:none;}
h1 small {color:#037; font-size:75%; font-style:italic; display:block; margin-left:40px}
h2 {width:340px; padding:0 5px 2px 0; margin:10px 0px 3px 0px; border-bottom:1px solid #ccc;} 
h2 small {font-style:normal; font-size:0.6em} 

/*------------------------------*/
#pagina {position:relative; background:#ddd url(i/sfondopagina.jpg) repeat-y top center; color:#000; width:920px; text-align:center}

/* Fascia testa pagina */
#testa {background:#eee; color:#000; height:150px; width:920px; margin:0 auto; text-align:center;}
#testa img {width:920px; height:150px;}

/* Sezione TOP MENU */
#nav {background:#036 url(i/bg-nav.jpg) top left repeat-x; color:#000; padding:0 0 0 10px; margin:0 auto; text-align:left; width:890px; height:33px; vertical-align: middle; border-top:2px solid #257; border-bottom:5px solid #01366C}
#nav ul{background:transparent; color:#000; font-size:100%; list-style:none; line-height:1.4em; }
#nav li{float:left; background:transparent; color:#333; padding:0}
#nav ul a{padding:8px 8px 8px 8px; float:left; background:transparent; color:#fff; border-left:1px solid #257; border-right:none; text-decoration:none; line-height:1.4em;}
#nav ul a:hover,#nav ul a:focus,#nav ul a:active{background:#036 url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}

/* Fascia principale - contenuti*/
#corpo {background:transparent; color:#000; width:880px; margin:0 auto;}

#contenuto {background:transparent; width:710px; margin-right:174px; margin-left:0; min-height:620px; height:620px; padding:10px 5px 5px 0;}
html>body #contenuto {height:auto!important;} /* patchato per min-height con IE6 */
#contenuto p.centrato img {padding:3px; border:#ddd 1px solid;}

#colonnadx{float:right; width:344px; border-left:dashed 1px #ccc; padding:0 5px 0 7px; margin-left:7px}
#colonnasx{width:344px; float:left;}
#operadigitale{clear:both; margin-top:50px; color:#036; border-top:1px dashed #ccc}
#operadigitale small,kbd{color:#036; font-style:italic;}

/* Sezione SIDE MENU */
#colonnamenu {position:absolute; top:190px; right:10px; background-color:transparent; color:#111; width:164px; min-width:164px;}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

#colonnamenu ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none;}
#colonnamenu li{width:140px; background:transparent; color:#ffc}
#colonnamenu ul a{border-bottom:1px solid #036; background:transparent url(i/bg-nav.jpg) top left repeat-x; color:#fff; text-decoration: none; display:block; padding:4px; width:132px;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active{border-bottom:1px solid #ffc; background:#036 url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration: underline}

/* Fascia pič di pagina */
#piede {clear:both; width:880px; font-size:0.9em; background:#036 url(i/bg-basso.jpg) bottom left no-repeat; color:#fff; padding:5px 20px 15px 20px; text-align:left; margin:0 auto; }
#piede p {background:transparent; color:#fff; line-height:0;} 
#piede a, #piede a:link, #piede a:visited, #piede a:active  {background:transparent; color:#fff; text-decoration:underline;} 
#piede a:hover {background:transparent; color:#ffc;}

/* Lista icone foto */
.photos {background:#fff; color:#000; text-align:center;}
.photos img{background:#ccc; color:#000; border:1px solid #036; width:115px; height:94px; padding:3px; }
.photos ul{background:#fff; color:#000; font-size:95%; text-align:center; list-style:none; margin:10px 0 10px 10px; padding:1px 0 2px 0;}
.photos li{padding:0; float:left; background:#fff; color:#000; text-align:center; margin:0 0 14px 10px;}
.photos br {clear:both}
.photos ul a,.photos ul a:link{display:block; float:left; text-decoration:none;}
.photos ul a:hover,.photos ul a:focus,.photos ul a:active{ text-decoration:underline;}

ul#movimento{background:#fff; color:#000; list-style:none; margin:10px 0 10px 10px;}
ul#movimento li{padding:0; background:#fff; color:#000; margin:0 0 0 10px;}

/* Originale:by Lokesh Dhakar - http://www.huddletogether.com */
/* Modifiche:by Fabio Di Lupo http://www.operadigitale.it */
#lightbox{/*border:solid 3px #fff; */ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{background-color:#fff; /*background-color:#000;*/ position:relative; 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:transparent url(lightbox/blank.gif) no-repeat; display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(lightbox/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(lightbox/next.gif) right 15% no-repeat;}
#imageDataContainer{font:12px Cambria, Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;	overflow:auto;	width:100%;}
#imageData{	padding:0 10px; color:#333;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #etichetta{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em;}	
#overlay{background-color:#333; position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}
/*mobile device visualizzazione per schermo*/
p.mobile {display:none}

@media print {
body{background:#fff; color:#000;}
#pagina {background-color:#fff; background-image:none; color:#000; width:auto; text-align:left}
#testa, #nav, #colonnamenu, #piede {display:none}
#corpo{margin:0;width:100%;}
#contenuto {background:transparent; width:100%; height:auto; padding:0}
}

@media handheld {
body{background:#fff; color:#000; padding:3px; font:80% sans-serif;}
h1{margin:10px 0 1em 0; position:static;}
h2{margin:0 0 0.5em 0;}
.mobile{width:auto;position:static;height:auto;overflow:visible;}
img.sx, img.dx, img.sxbianco, img.dxbianco {float:none}

#pagina {position:static; background-color:#fff; background-image:none; color:#000; width:auto; text-align:left}
#testa {display:none}
#nav {width:auto; padding:0.5em;border:1px solid #888;background:#fff; color:#000; text-align:left; position:static; height:auto;}
#nav h2{margin:1em 0 0 0;background:#fff; color:#600;}
#nav ul{margin:0 0 0 1em;padding:0;list-style:none;background:#fff;color:#000;font-size:100%;font-weight:bold;height:auto;}
#nav li{float:none;background:#fff url(i/freccina.gif) 0 0 no-repeat;color:#000; padding:0 0 0 15px}

#nav ul a, #nav ul a:hover{padding:0;float:none;background:#fff;color:#139;height:auto; border:0;}

#corpo {margin:0;width:auto;}

#contenuto {background:transparent; width:auto; height:auto; padding:0}
html>body #contenuto {height:auto!important;} /* patchato per min-height con IE */
#contenuto p.centrato img {padding:3px; border:#ddd 1px solid;}

#colonnadx{float:none;width:344px; background:#fff; border-left:dashed 1px #ccc; padding:0 5px 0 7px; margin-left:0}
#colonnadx h2 {margin-top:0} 
#operadigitale {margin-top:10px;}

#colonnamenu {position:static; background-color:transparent; width:164px; min-width:164px; border:1px solid #888; text-align:left; padding-top:10px;}
#colonnamenu a {background-color:transparent; color:#036; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

#colonnamenu li {width:auto; background:#fff url(i/freccina.gif) 0 0 no-repeat; color:#036; padding:0 0 0 15px}
#colonnamenu ul a {border-bottom:0; background-image:none; color:#036; text-decoration: none; display:block; padding:0; width:auto;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active {border-bottom:0; background-color:#fff; background-image:none; color:#000; text-decoration: underline}

.photos img{margin:0 auto;}
.photos li, .photos ul a,.photos ul a:link {float:none;}

#piede{padding:0.5em; border:1px solid #666; width:auto; margin:1em 0;background:#fff;color:#000;}
#piede p {color:#000;} 
#piede a, #piede a:link, #piede a:visited, #piede a:active  {color:#036;} 
#piede a:hover {color:#000;}
}