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

#pagina {background:#ddd url(i/sfondopagina.jpg) repeat-y top center; color:#000; width:920px; /*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;}

/*font-family:Cambria,Georgia,"Times New Roman",serif ;font-variant: small-caps; font-size:12px; letter-spacing:1px*/

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

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

/* Fascia testa pagina */
#login {background:#ddd url(i/sfondoalto.jpg) bottom center no-repeat; color:#000; width:910px; margin:5px auto 0 auto; text-align:right; height:1.5em; padding:0 10px 5px 0}
#login ul{list-style:none;}
#login li{float:right; background:transparent; color:#333;}
#login ul a{padding:1px 10px 1px 10px; border-right:dotted 1px #777; text-decoration:none;}
#login ul a:hover,#login ul a:focus,#login ul a:active{color:#333; text-decoration:underline;}

#testa {background:#ddd; color:#000; height:258px; width:900px; margin:0 auto 0 auto; text-align:center; clear:both;}
#testa img {width:900px; background:#fff; color:#000; height:258px;}

/* Sezione TOP MENU con BreadCrumb */
#menualto {clear:both; position:relative; width:900px; height:40px; line-height:40px; background:#fff url(i/menubreadcrumb.jpg); margin:0 auto 0 auto;}
#menualto a{float:left; height:40px; padding:0 9px 0 10px; background:url(i/bcbk1.png) no-repeat top right; color:#079; text-decoration:none; /*border-right:solid 1px #000*/}
#menualto a:hover{background-position:bottom right; color:#000; text-decoration:underline;}
#menualto em{font-style:normal; background:transparent; color:#444; margin-left:10px; float:right; margin-right:10px; font-family:Cambria, Georgia, Verdana, Sans-Serif;} 
#menualto a#activelink {color:#000;}

#language-menu {position:absolute; top:10px; right:5px; width:150px; background:transparent; color:#000; text-align:right; line-height:0}
#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;}
/*
#menualto {background:#ccc url(i/bg-topnav.jpg) top left repeat-x; color:#000; padding:0 0 0 10px; margin:0 auto 0 auto; text-align:left; width:890px; height:32px; vertical-align: middle; border-bottom:10px solid #09f}
#menualto ul{margin:0;padding:0; background:transparent; color:#000; font-size:100%; list-style:none; line-height:1.4em; }
#menualto li{float:left; background:transparent; color:#333; padding:0}
#menualto ul a{padding:8px 4px 8px 4px; float:left; background:transparent; color:#000; border-left:1px solid #ffc; border-right:none; text-decoration:none; line-height:1.4em;}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{ background:#ddd url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}
*/

/* Fascia principale - contenutimargin-left:220px;*/
#corpo {position:relative; background:transparent url(i/logopetitofedele.jpg) no-repeat left bottom; color:#000; width:900px; /*min-height:450px; padding-bottom:10px;border:solid 2px #d00*/}

#contenuto {background:transparent; width:680px; margin-left:214px; min-height:940px; height:940px;padding:10px 5px 5px 0}
html>body #contenuto {height:auto!important;} /* patchato per min-height con IE */
#contenuto ul { list-style:square; margin:10px 0 10px 10px; padding:1px 0 2px 0; } 
#contenuto li { margin:0 0 0 10px; text-align:left; margin-bottom:14px; list-style-image: url(i/iconamenu.png);}
#contenuto ul.eventi { margin:10px 0 10px 10px; } 
#contenuto ul.eventi li { margin:0 0 0 10px; list-style-image: url(i/i-freccia-dx.png); }

/* per pagina con due colonne nel contenuto */
.colonnasx {width:230px; float:left; border-right:1px dashed #ddd; padding:0 5px 0px 0; }
.colonnadx {width:435px; margin-left:245px;/*border:1px solid #ddd; */}

.privacy {background:#eee; color:#000; border:#000 1px solid; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; font-size:90%; width:95%}
.privacy textarea{height:80px; width:90%;}

/* Sezione SIDE MENU */
#colonnamenu {position:absolute; top:0; left:0; background-color:transparent; color:#111; width:209px; min-width:209px; /*border-right:solid 1px #000 */}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}
#colonnamenu address {text-align:center; color:#146b13}

#menulaterale {background:transparent; color:#000; padding:0 0 0 0; margin:0 3px 30px 3px; text-align:left; border:0; width:195px; }
#menulaterale ul {background:transparent; color:#079; list-style:none; list-style-image:none; margin:0 auto 0 auto; padding:0; border:0;}
#menulaterale ul li {background:transparent; color:#079; line-height:1.5em; margin:0 auto 0 auto; padding:0; width:195px; text-align:left; border-bottom: 1px solid #ccc;}
#menulaterale ul li.titolo {background:transparent url(i/bg-nav-side-titolo.jpg) bottom left no-repeat; color:#079; margin-top:10px; 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:#079; 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; color:#079; line-height:1.5em; padding:3px 5px 3px 5px; font-weight:normal; display:block; text-decoration:none; width:100%; text-transform:uppercase;}
#menulaterale ul li#activelink { border-bottom: 1px solid #079;}
#menulaterale ul li#activelink a, #menulaterale ul li#activelink a:visited, #menulaterale ul li#activelink a:active {background:#eef url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#000; 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:#ddf url(i/bg-topnav-selezionato.jpg) top left repeat-x; color:#000; text-decoration:underline;}
html>body #menulaterale {width:auto;}

/* Fascia piè di pagina */
#piede {clear:both; width:900px; height:30px; font-size:0.9em; background:#fff url(i/menubreadcrumb.jpg) bottom left no-repeat; color:#000; padding:8px 0 5px 0; text-align:center; margin:0 auto 0 auto; border-top:solid 3px #ccc }
#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;}

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

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

#validazioni {background:#ECEAE7; color:#000; 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:#000;} 
#validazioni a:hover {background:transparent; color:#000;  text-decoration:underline;}
#validazioni acronym, #validazioni abbr{background-color:transparent; color:#333;}
#validazioni img.first {background:transparent; color:#000; 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;} 

#fondopagina {background:#ddd url(i/sfondobasso.jpg) top left no-repeat; color:#000; width:920px; height:10px;}

/* 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;}

/*Catalogo Elettronico*/
table.catalogo td {background:#fff; color:#000; width:100%; padding:5px 5px 5px 5px; margin:0; font:10px Verdana, Arial, sans-serif; text-align:left; border-top:1px dotted #eee;} 
table.cat {width:130px;}
table.cat td {background:#fff; color:#000; padding:2px; text-indent:0; font:11px "Arial Narrow",Arial,sans-serif; border-bottom:1px solid #ccc; text-align:center;}
table.cat th {background:#036; color:#fff; padding:2px; text-indent:0; font:11px "Arial Narrow",Arial,sans-serif; border-bottom:1px solid #ccc; text-align:center;}
table.cat img{background:#fff; color:#000;}

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

/* Catalogo */
.prodotto {border:1px solid #008bff; padding:5px; margin:1em 0 10px 10px; width:200px; overflow:auto; height:200px; min-height:150px; float:right; text-align:center}
.prodotto h2 {background:#aaa; color:#f60; padding-left:10px; border-left:3px solid #d00;}
.prodotto em {background:#fff; color:#f60;}
.prodotto a.blank,.prodotto a.blank:link, .prodotto a.blank:visited {background-image:none; background-color:#fff; color:#036; padding-left:0px}
.prodotto a.blank:hover, .prodotto a.blank:focus, .prodotto a.blank:active {background-image:none; background-color:#fff; color:#036; text-decoration:underline;} 

.icona {background:#383E3E; color:#ffc; padding:0; margin:0 0 5px 5px; float:right; width:200px; text-align:center;}
.icona img {cursor: pointer; margin:0 auto 0 auto}

/* Ecommerce */
.carrello {background:#fff; color:#333; margin-left:200px; text-align:justify;}
table.numerica td {border-bottom:1px solid #777; background:#fff; color:#333; padding:2px 0 2px 0; text-align:right; background-image: none; }
	table.numerica td.titolo {border-bottom:1px solid #ccc; background:#ffc; color:#000; text-align:center; font-weight: bold; }
	table.numerica td.sx {text-align:left; }
	table.numerica td.cx {text-align:center;}
	table.numerica td input {background:#ffc; color:#000;}
	table.numerica td input.chiaro {background:#fff; color:black;}
table.numerica th {border-bottom:1px solid #444; border-top:1px solid #444; border-left:0; border-right:0; background:#20abff; color:#000; font-weight:normal; text-align:right;}
	table.numerica th.sx {text-align:left;}
	table.numerica th acronym,abbr{background-color:#20abff; color:#333; }
table.numerica em {background:transparent; color:#0d0}
table.numerica strong {background:transparent; color:#d00}
table.numerica a, table.numerica a:link, table.numerica a:visited, table.numerica a:active {background-color:transparent; color:#036; font-weight:bold; text-decoration:underline;}
table.numerica a:hover {background-color:transparent; color:#000;}