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

#pagina {background:#67899F url(i/sfondoalto.jpg) no-repeat top left; color:#000; width:920px; padding-top:10px; /*margin-top:25px; border-right:solid 1px #000;border-left:solid 1px #000;*/}

/* Riquadri arrotondati menù laterali */
.box{position:relative; width:184px; background:#e7e7e7 url(i/boxbotebebeb.png) no-repeat bottom left; margin-top:10px; padding:0 0 5px 0; text-align:left} 
.box h2{font:bold 1.15em Cambria,Georgia,"Times New Roman",serif; background:transparent url(i/boxtopblue.png) no-repeat top left; color:#ffc; margin:0; padding:3px 5px 3px 5px; border:none; position:relative;} 
.box div{background:transparent; text-align:left;}
.box ul, .box li{list-style:none; margin:5px}
.box li{margin:0.5em auto 0 auto;}
.box p {margin:5px}
.box p.centrato{margin:5px auto 5px auto; padding:0}
.box fieldset {margin:5px; border:solid 1px #999}
.box legend {background:transparent;}
.box a.blank, .box a.blank:link, .box a.blank:visited, .box a.blank:hover, .box a.blank:active, .box a.blank:focus {background-image:none; padding-left:0px; text-decoration:none;}

.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);}

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

#feedback { background:transparent /*url(i/h1-rigaa180-530.png) top center no-repeat*/; clear:both; margin:5px; padding-top:15px; border-top:3px double #ccc;}
#feedback p {line-height:1.5em; padding:2px 0; margin:2px auto; font-family:Cambria,Georgia,"Times New Roman",serif;}
#feedback a {font-family:Cambria,Georgia,"Times New Roman",serif;}
#feedbk {background:#fff; color:#000; height:65px;}
#feedbk label{width:50px;}

#inviacommento {background:#fff; color:#000; height:420px;}

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

/* Fascia testa pagina 
#login {background:transparent; color:#ffc; width:910px; margin-top:-20px; text-align:right; height:20px; padding:0 10px 5px 0}
#login ul{list-style:none;}
#login li{float:right; background:transparent; color:#ffc;}
#login ul a{padding:1px 10px 1px 10px; border-right:dotted 1px #ffc; text-decoration:none; color:#fff;}
#login ul a:hover,#login ul a:focus,#login ul a:active{color:#ffc; text-decoration:underline;}*/

#testa {background:#952300; color:#000; height:160px; width:900px; margin:0 auto; text-align:center; clear:both;}
#testa img {background:transparent; height:160px; width:900px; float:right}

/* Sezione TOP MENU */
#menualto {clear:both; position:relative; background:#952300 url(i/sfondomenualto.jpg) top left repeat-x; color:#ffc; margin:0 auto; text-align:left; width:900px; height:35px; line-height:35px; border-bottom:solid 5px #750300}
#menualto ul{margin:0;padding:0; background:transparent; list-style:none; line-height:35px; margin-left:230px }
#menualto li{float:left; background:transparent; padding:0}
#menualto ul a{padding:8px 6px 8px 6px; float:left; background:transparent; color:#ffc; border-right:solid 1px #750300; text-decoration:none; line-height:19px; font-size:14px}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{ background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff; text-decoration:underline;}
#menualto ul li#activelink a {background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff;}

#language-menu {position:absolute; top:9px; right:5px; width:180px; background:transparent; color:#000; text-align:right; line-height:0}
#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;}

/* Sezione SIDE MENU */
#colonnamenu {position:absolute; top:0; left:0; background-color:#952300; color:#fff; width:230px; min-width:230px; /*border-right:solid 1px #000 */}
#colonnamenu a {background-color:transparent; color:#ffc; padding-left:0; background-image:none }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}
#colonnamenu address {text-align:center; color:#ffc}

#menulaterale {background:transparent; color:#fff; padding:0; margin:0 5px 30px 5px; text-align:left; border:0; width:220px; }
#menulaterale ul {background:transparent; color:#ffc; list-style:none; list-style-image:none; margin:0 auto; padding:0; border:0;}
#menulaterale ul li {background:transparent; color:#ffc; line-height:1.5em; margin:0 auto; padding:0; width:220px; text-align:left; border-bottom: 1px solid #750300;}
#menulaterale ul li.titolo {background:transparent url(i/bg-nav-side-titolo.jpg) bottom left no-repeat; color:#ffc; margin-top:5px; border-bottom:0px; padding:3px 5px 3px 5px; font-weight:normal; font-style:italic; font-size:120%; font-family: Georgia; }
#menulaterale ul li.titolo small{background:transparent; color:#ffc; font-weight:normal; font-size:90%; font-family: Georgia; }
#menulaterale ul li a, #menulaterale ul li a:visited, #menulaterale ul li a:active {background:transparent url(i/sfondomenualto.jpg) top left repeat-x; color:#ffc; line-height:1.5em; padding:3px 5px 3px 5px; font-weight:normal; display:block; text-decoration:none; width:100%;}
#menulaterale ul li#activelink { border-bottom: 1px solid #ffc;}
#menulaterale ul li#activelink a, #menulaterale ul li#activelink a:visited, #menulaterale ul li#activelink a:active {background:#dfc url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#ffc; line-height:1.5em; font-weight:normal; display:block; text-decoration:none; width:100%;}
html>body #menulaterale ul, html>body #menulaterale ul li a, html>body #menulaterale ul li a:visited, html>body #menulaterale ul li a:active, html>body #menulaterale ul li a:hover {width:auto;} 
html>body #menulaterale ul li.titolo {width:auto;}
html>body #menulaterale ul li#activelink a, html>body #menulaterale ul li#activelink a:visited, html>body #menulaterale ul li#activelink a.active, html>body #menulaterale ul li#activelink a:hover {width:auto;}
#menulaterale ul li a:hover {background:transparent url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}

/* Fascia piè di pagina */
/* Sezione BOTTOM MENU */
#menubasso {clear:both; position:relative; background:#952300 url(i/sfondomenualto.jpg) top left repeat-x; color:#ffc; margin:0 auto; text-align:left; width:900px; height:35px; line-height:35px; border-top:solid 5px #750300}
#menubasso ul{margin:0;padding:0; background:transparent; list-style:none; line-height:35px; }
#menubasso li{float:left; background:transparent; padding:0}
#menubasso ul a{padding:8px 6px 8px 6px; float:left; background:transparent; color:#ffc; border-right:solid 1px #750300; text-decoration:none; line-height:19px; font-size:14px}
#menubasso ul a:hover,#menubasso ul a:focus,#menubasso ul a:active{ background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff; text-decoration:underline;}
#menubasso ul li#activelink a {background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff;}
#menubasso b {color:#fff}

#piede {width:900px; height:30px; font-size:0.9em; background:#b4421d url(i/sfondomenualto.jpg) top left repeat-x; color:#ffc; padding:8px 0 5px 0; text-align:center; margin:0 auto; border-top:solid 2px #750300 }
#piede a, #piede a:link, #piede a:visited, #piede a:active  {background:transparent; color:#fff; text-decoration:underline;} 
#piede a:hover {background:transparent; color:#000;}
#piede address {text-align:center; color:#ffc}
#piede b {color:#fff}

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

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

#validazioni {background:#952300; color:#fff; padding:10px 5px 2px 5px; text-align:left; width:890px; height:40px; clear:both; font-size:0.9em;} 
#validazioni a, #validazioni a:visited, #validazioni a:active  {background:transparent; color:#fff;} 
#validazioni a:hover {background:transparent; color:#fff;  text-decoration:underline;}
#validazioni acronym, #validazioni abbr{background-color:transparent; color:#fff;}
#validazioni img.first {background:transparent; color:#fff; float:right; margin-right:5px;}
#validazioni a.lm,#validazioni a.lm:link, #validazioni a.lm:visited {text-decoration:none;}
#validazioni a.lm:hover, #validazioni a.lm:focus, #validazioni a.lm:active {text-decoration:underline; cursor:help;} 

/* Per Sistema Gestione Contenuti */
#menuriservato {background:transparent; color:#000; 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;}

.aiuto {background:#ffd; color:#000; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #ccc; border-top:2px solid #ccc; clear:both}
.aiuto h1 {background:#eee url(../../obj/image/ico/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;}
.aiuto em {background:#ffd; color:#036;}
.aiuto a, .aiuto a:link, .aiuto a:visited, .aiuto a:active {background:#ffd; color:#036; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {background:#ffd; color:#d00;}
.aiuto acronym {background:#ffd; color:#333}

table.prezzi {background:#ffc; color:#ccc;}
table.prezzi td {background:#ffc; color:#000; font-size:smaller; text-align:right; border-top:#999 1px solid}
table.prezzi td.sx {text-align:left}
table.prezzi th {background:#eee; color:#B5431E; font-size:smaller; text-align:center; border-top:#999 1px solid}