/* Autore:Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
@import url(comune.css); 

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

.contestuale {background-image:url(i/box-contestuale.jpg);} 
.contestuale h2{background-image:url(i/boxtopdeepred50.png); color:#ffc;} 
.contestuale a{color:#036;} 
.contestuale a:hover{color:#000;} 

.risalto {background-image:url(i/box-contestuale.jpg);} 
.risalto h2{background-image:url(i/boxtopnero.jpg); color:#ffc;} 
.risalto a{color:#036;} 
.risalto a:hover{color:#000;} 

.stacco {margin:5px;}
.stacco ul {list-style:square; margin:10px 0 10px 10px; list-style-image:url(i/i-utente.png);} 
.stacco li {margin:0 0 0 10px; text-align:left; list-style-image:url(i/i-utente.png);}

/* Menu Stato Navigazione */
#navigazione {font-size:0.9em; margin-bottom:1.0em}
#navigazione p {line-height:0.5em; padding:2px 0; margin:2px auto; }

/* Menu Feedback basso colonna centrale */
#feedback { clear:both; margin:5px; padding:5px 0; border-top:3px double #ccc;}
#feedback p {line-height:1.5em; padding:2px 0; margin:2px auto;}
#feedbk label{width:50px;}

/* Utilitā */
.spaziatesto {padding:5px;}

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

/* Sezione TOP MENU */
#nav {background:#fbad03 url(i/bg-nav.jpg) top left repeat-x; color:#000; margin:0 auto; text-align:left; width:900px; height:31px; vertical-align: middle; border-top:2px solid #3e3d28; border-bottom:5px solid #3e3d28}
#nav ul{background:transparent; color:#000; font-size:100%; list-style:none; }
#nav li{float:left; background:transparent; color:#333; padding:0}
#nav ul a{padding:8px 8px 8px 8px; float:left; background:transparent; color:#3e3d28; border-left:1px solid #db8d00; border-right:none; text-decoration:none; height:15px;}
#nav ul a:hover,#nav ul a:focus,#nav ul a:active{background:transparent url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}

#language-menu {float:right; width:90px; background:transparent; color:#000; text-align:right; line-height:0; margin-top:5px}
#language-menu img {background:transparent; padding:0 5px 0 0; height:20px;} 
#language-menu a, #language-menu a:link, #language-menu a:visited, #language-menu a:active {background:transparent; float:right; padding:0 5px 0 0; height:20px;} 
#language-menu a:hover {background:transparent; color:#fff;}

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

.privacy {background:#eee; border:#000 1px solid; padding:3px; font-size:0.9em; width:auto}
.privacy textarea{height:80px; width:auto;}

/* Sezione SIDE MENU */
#colonnamenu {position:absolute; top:190px; left:10px; background-color:transparent; color:#fff; width:165px; min-width:165px;}
#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:#000}
#colonnamenu ul a{border-bottom:1px solid #ffcd23; background:transparent url(i/bg-nav.jpg) top left repeat-x; color:#000; text-decoration: none; display:block; padding:4px; width:132px;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active{border-bottom:1px solid #006; background:transparent url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#000; text-decoration: underline}
#colonnamenu ul li.titolo {background:transparent url(i/bg-nav-side-titolo.jpg) bottom left no-repeat; color:#000; margin-top:10px; border-bottom:0px; padding:3px 5px 3px 5px; font-weight:normal; font-style:italic; font-size:100%; font-family: Georgia; }

/* Fascia pič di pagina 
#login {background:#fbad03 url(i/bg-nav.jpg) top left repeat-x; color:#000; margin:0 auto; text-align:left; width:900px; height:33px; vertical-align: middle; border-top:2px solid #3e3d28; border-bottom:5px solid #3e3d28}
#login ul{background:transparent; color:#000; font-size:100%; list-style:none; line-height:1.4em; margin-left:165px; }
#login li{float:left; background:transparent; color:#333; padding:0}
#login ul a{padding:8px 8px 8px 8px; float:left; background:transparent; color:#3e3d28; border-left:1px solid #3e3d28; border-right:none; text-decoration:none; line-height:1.4em;}
#login ul a:hover,#login ul a:focus,#login ul a:active{background:#036 url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}
*/
#navbasso {background:#fbad03 url(i/bg-nav.jpg) top left repeat-x; color:#000; margin:0 auto; text-align:left; width:900px; height:31px; vertical-align:middle; border-top:2px solid #3e3d28; border-bottom:5px solid #3e3d28}
#navbasso ul{background:transparent; color:#000; font-size:100%; list-style:none; margin-left:165px; }
#navbasso li{float:left; background:transparent; color:#333; padding:0}
#navbasso li:hover{background:transparent url(i/bg-nav-selezionato.jpg) top left repeat-x}
#navbasso ul a{padding:8px; float:left; background:transparent; color:#3e3d28; border-left:1px solid #db8d00; border-right:none; text-decoration:none; height:15px;}
#navbasso ul a:hover,#navbasso ul a:focus,#navbasso ul a:active{background:transparent; color:#ffc; text-decoration:underline;}
#navbasso ul li#activelink a {background:transparent url(i/bg-nav-selezionato.jpg) top left repeat-x; color:#fff;}
#navbasso b {color:#fff}

#audio {clear:both; width:900px; height:20px; line-height:20px; background:#fff; margin:0 auto;}

#piede {background:#fbad03; color:#333; padding:5px 10px; margin:0 auto; text-align:center; width:880px; vertical-align: middle; border-bottom:5px solid #3e3d28}
#piede address{background:#fbad03; color:#333;}

#lastupdate {background:#fff; color:#333; padding:5px; text-align:left; width:890px;}
#lastupdate small {color:#333;}

#validazioni {background:#ECEAE7; padding:10px 5px 2px 5px; text-align:left; width:890px; height:50px; clear:both; font-size:0.9em;} 
#validazioni img.first {background:transparent; color:#000; float:right; margin-right:5px;}

/* Per Sistema Gestione Contenuti */
#menuriservato {height:600px; width:65px; position:fixed; border:0; top:0; left:0;}
#menuriservato ul{background:#fff; color:#000; list-style:none;}
#menuriservato ul li{text-indent:0; font:100% "Arial Narrow",Arial,sans-serif; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #ccc; text-align:center; width:65px}
#menuriservato ul li.titolo{background:#036; color:#fff;}
#menuriservato img{background:#fff; color:#000; margin:0 auto;}

/*
.aiuto {background:#ffd; color:#000; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #ccc; border-top:2px solid #ccc;}
.aiuto h1 {background:#eee url(i/helpdesk.gif) no-repeat 15px 50%; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #aaa; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0 5px 0;  vertical-align:middle;}
.aiuto em {background:#ffd; color:#036;}
.aiuto a, .aiuto a:link, .aiuto a:visited, .aiuto a:active {background:#ffd; color:#1e2A74; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {background:#ffd; color:#d00;}
.aiuto acronym {background:#ffd; color:#333}
*/

/* 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:#345; /*background-color:#000;*/ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}

/*mobile device visualizzazione per schermo*/
.mobile {display:none}

@media print {
body {background:#fff; font-size: 10pt;}
#pagina {background-color:#fff; color:#000; width:100%;}
#login, #menuriservato, #testa, #colonnamenu, #nav, #navbasso, #audio, #feedback, #colonnadx, #colonnasx,#lastupdate,#validazioni {display:none}
#contenuto {width:95%;margin:0; }
#corpo {width:100%;}
}

@media handheld {
body{background:#ccc; padding:3px; font:80% sans-serif; }
p.segue {float:none; text-align:left}
blockquote {float:none; width:auto}
h1{margin:10px 0 1em 0; position:static;}
h2{margin:0 0 0.5em 0;}
input, textarea {width:auto; height:auto; clear:both;}
label{ background:#ddd; color:#333; padding:1px; border-left:3px solid #079; border-top:none; width:180px; float:none; clear:both;}
fieldset p { margin:0;}
.mobile{width:auto;position:static;height:auto;display:block; overflow:visible;}
img.sx, img.dx, img.sxbianco, img.dxbianco {float:none}
.privacy textarea {width:180px; height:auto; clear:both}

#pagina {background-color:#fff; background-image:none; width:200px; text-align:left}

#login {background:#fff; width:190px; margin:0 auto; text-align:left; height:auto; padding:5px; border:1px solid #888;}
#login ul{margin:0 0 0 1em; list-style:none;}
#login li{float:none;background:#fff url(i/ok2.png) 0 0 no-repeat; color:#000;}
#login ul a, #login ul a:hover{padding:0; border:0; padding:0 0 0 15px; text-align:left}

#testa, #audio {display:none}
.box{position:static;} 

#nav {width:auto; padding:0.5em; border:1px solid #888; position:static; height:auto;}
#nav ul{margin:0 0 0 1em; padding:0; list-style:none; background:#fff; color:#000; height:auto;}
#nav ul img{display:none}
#nav li{float:none;background:#fff url(i/ok2.png) 0 0 no-repeat;color:#000; padding:0 0 0 15px; width:auto; text-align:left}
#nav ul a, #nav ul a:hover{padding:0;float:none;background:#fff;color:#139;height:auto; border:0;}

#corpo {margin:0;width:auto; background-image:none}

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

#colonnadx{position:static; width:auto; border:0; padding:0;}
#colonnasx{position:static; width:auto; border:0; padding:0;}

/* Menu Basso con BreadCrumb */
#navbasso {position:static; width:auto; height:auto; background-color:#fff; background-image:none; margin:0 auto; border:1px solid #888; margin-bottom:40px}
#navbasso a, #navbasso a:hover{position:static; float:none; height:1.1em; padding:3px; background-image:none; text-decoration:underline;}
#navbasso em{margin-left:2px; float:none; margin-right:auto;} 

#lastupdate, #validazioni {display:none}

/* Per Sistema Gestione Contenuti */
#menuriservato {height:auto; width:200px; position:static;}
#menuriservato ul li{width:auto}
}