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

#pagina {position:relative; margin:0 auto; background:#ffffe3 url(i/sfondopagina.jpg) center top repeat-y; color:#000; width:920px;}

/* 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:0; border-top:3px double #999;} 
#feedback p {line-height:1.0em; padding:2px 0; margin:2px auto;}
#feedback p.segue {margin-right:0;}

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

/* Fascia testa pagina */
#testa {background:#ffc url(i/portale.jpg) top left no-repeat; height:210px; width:920px; margin:0 auto; text-align:center;}
#testa object {position:absolute; left:10px; top:60px; width:450px; height:150px}

/* Image Menu */
#imageMenu {position:absolute; right:10px; top:60px; width:450px; height:150px; overflow:hidden;}
#imageMenu ul {list-style:none; margin:0; display:block; height:150px; width:1000px;}
#imageMenu ul li {float: left;}
#imageMenu ul li a {width:88px; height:150px; border-right:2px solid #777; text-indent:-600px; background:#fff none repeat scroll 0%; cursor:pointer; display:block; overflow:hidden;}
#imageMenu ul li.opera0 a {	background: url(ajaxmenu/00.jpg) repeat scroll 0%;}
#imageMenu ul li.opera1 a {	background: url(ajaxmenu/11.jpg) repeat scroll 0%;}
#imageMenu ul li.opera2 a {	background: url(ajaxmenu/22.jpg) repeat scroll 0%;}
#imageMenu ul li.opera3 a {	background: url(ajaxmenu/33.jpg) repeat scroll 0%;}
#imageMenu ul li.opera4 a {	background: url(ajaxmenu/44.jpg) repeat scroll 0%; width:310px;}
.clear {clear: both;}

#language-menu {float:right; width:160px; text-align:right; line-height:0; margin-top:6px; margin-right:10px}

/* Menu Orizzontale Mega Drop Down */
.menuorizzontale {background:#ccc url(i/bg-navtop.jpg) top left repeat-x; color:#fff; margin:0 auto; text-align:left; width:900px; height:32px; vertical-align: middle; border-top:2px solid #333; border-bottom:2px solid #333; clear:both}
ul.nav,ul.nav li,ul.nav ul{list-style:none}
ul.nav{width:100%; margin:0 auto;height:32px; border:0; background:#ccc url(i/bg-navtop.jpg) top left repeat-x;}
ul.nav a{display:block; text-decoration:none; line-height:32px; padding:0 10px; color:#FFF; border-right:1px solid #505050}
ul.nav>li:hover,ul.nav a:hover, ul.nav>li#activelink a{background:#ddd url(i/bg-navtop-sel.jpg) top left repeat-x; color:#ffc}
ul.nav h3{font-size:100%;margin:0; color:#333}
ul.nav h3 a{color:#333}
ul.nav h3 a:hover{text-decoration:underline}
ul.nav li{float:left;position:relative}
ul.nav li li{float: none;display: block !important;display: inline; /*IE6*/}
.menuorizzontale em{background:transparent; color:#ffc; margin-right:15px; float:right; margin-top:10px; font-family:Cambria, Georgia, Verdana, Sans-Serif; text-shadow: 1px 1px 2px #000} 

/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa*/
ul.nav div.mega{position: absolute;bottom: -9999px;left: -1px; width: 20em;padding: 0.7em;border: 1px solid #700; background: #FFF;overflow:hidden;line-height:1.5}
ul.nav li:hover div.mega,ul.nav li div.mega.open{bottom:32px;z-index: 100}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul.nav div.mega div{float:left;width:49%}
ul.nav div.mega.small{width:12em}
ul.nav div.mega.small div{float:left;width:99.9%}
ul.nav div.mega.wide{width:28em}
ul.nav div.mega.wide div{float:left;width:33%}
ul.nav div.mega.ultra{width:36em}
ul.nav div.mega.ultra div{float:left;width:24.9%}
ul.nav div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/
ul.nav div.mega li a{padding:0 5px; color:#a00; line-height:1.5em; background:#fff url(i/bullet.png) no-repeat left center; border:0}
ul.nav div.mega li a:hover{color:#900;text-decoration:underline}

/* Menu laterale */
.colonnamenu {position:absolute; top:0; left:0; width:225px; padding-left:5px}
.colonnamenu ul {list-style:none; padding:1px;}
.colonnamenu ul li {border-bottom:1px solid #bDaF94; width:215px; padding:0; margin:0}
.colonnamenu ul li.titolo {background:#fefee2 url(i/bg-nav-side-titolo.jpg) top left no-repeat; color:#ffb;  margin-top:10px; border-bottom:2px solid #999; padding:6px 0; font-weight:bold; text-align:center; text-shadow: 1px 1px 2px #000}
.colonnamenu ul li a {background:#9D8F74; color:#fff; padding:4px 8px; width:199px; display:block; text-decoration:none; text-align:left}
.colonnamenu ul li a:hover, .colonnamenu ul li#activelink a {background:#9D8F74; color:#000;}
.colonnamenu address {text-align:center; color:#ffc; margin-top:20px}
.colonnamenu div {color:#ffc; margin-top:5px; font-weight:bold; }

/* Fascia principale - contenuti*/
#corpo {position:relative; background:transparent; width:900px; min-height:450px;  margin:0 auto; /*border:solid 2px #d00*/ }

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

/* Fascia pič di pagina */
#audio {clear:both; width:950px; height:20px; line-height:20px; background:#fff; margin:0 auto;}

#lastupdate {background:#fff; color:#333; font-size:10px; padding:5px; text-align:left; width:890px;margin:0 auto;}
#lastupdate small {color:#333;}

.first {background:transparent; color:#fff; float:right; margin-right:5px; }
.first a{padding-left:0; background-image:none!important;}

#validazioni {background:transparent url(i/bg-validazioni.jpg) no-repeat bottom center; color:#444; min-height:30px; padding:10px 15px 20px 15px; text-align:left; width:890px; clear:both; font-size:0.9em; margin:0 auto} 
#validazioni ul{background:transparent; color:#444; font-size:100%; list-style:none; }
#validazioni li{float:left; background:transparent; color:#fff; padding:0 8px 0 0; /* border-left:1px solid #b44; */}
#validazioni ul a{background-position:0% 50%; background-repeat:no-repeat; background-image:url(i/ok2.png); padding-left:14px; float:left; color:#444; text-decoration:none;}
#validazioni ul a:hover{color:#000; text-decoration:underline;}
#validazioni acronym, #validazioni abbr{border-bottom:1px solid #d00; color:#333}

/* 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;}
label em{background:transparent; color:green;}
label strong{background:transparent; color:#f90;}

#FXTimer {background:#fff0ba url(i/i-attenzione.png) no-repeat 10px 50%; border:1px solid #e87c29; display:none; height:80px; width:500px; margin:0 auto; position:absolute; top:80px; left:205px; padding:0 10px 0 50px; visibility:hidden; z-index:15000;}

/* MultiBox	v1.2 Originale by: Samuel Birch */
/* Modifiche:by Fabio Di Lupo http://www.operadigitale.it */

.MultiBoxContainer {position: absolute;	border: 20px solid #000;background-color:#FFF; color:#ffc;	display: none;	z-index: 2;}
.MultiBoxLoading {	background: url(lightmultibox/loader.gif) no-repeat center;}
.MultiBoxContent {	position: relative;	width: 100%;height: 100%;	overflow: hidden;}
.MultiBoxClose {position: absolute;	top: -26px;	right: -26px;background: url(lightmultibox/closemulti.png) no-repeat;width: 24px;height: 24px;cursor: pointer;}
.MultiBoxControlsContainer {overflow: hidden;height: 0px;position: relative;}
.MultiBoxControls {	width: 100%;height: auto;position: relative;background-color: #000;}
.MultiBoxPrevious {	position: absolute;	background: url(lightmultibox/left.png) no-repeat;width: 24px;height: 24px;	left: 0px;	margin-top: 5px;cursor: pointer;}
.MultiBoxNext {	position: absolute;	background: url(lightmultibox/right.png) no-repeat;	width: 24px;height: 24px;right: 0px;margin-top: 5px;cursor: pointer;}
.MultiBoxNextDisabled {	cursor: default;background: url(lightmultibox/rightDisabled.png) no-repeat;}
.MultiBoxPreviousDisabled {	cursor: default;background: url(lightmultibox/leftDisabled.png) no-repeat;}
.MultiBoxTitle {position: relative;	margin: 10px 0 0 35px;float: left; font-size: 11px; color: #ffc; font-weight: bold;text-align: left;}
.MultiBoxNumber {position: relative;width: 50px;margin: 10px 35px 0 0;float: right;	font-size: 11px;color: #f63;text-align: right;}
.MultiBoxDescription {clear: left;position: relative;margin: 0 35px 0 35px;	padding-top: 5px;font-size: 11px;text-align: left;}

@media print {
body {background:#fff; font-size:8pt;}
#pagina {background:#fff; color:#000; width:100%;}
#menuriservato,#testa,.menuorizzontale,.colonnamenu,#menubasso,#audio,#feedback,.colonnadx,.colonnasx,#lastupdate,#validazioni,#OverlayContainer,.MultiBoxContainer,.tool-tip {display:none}
#contenuto {width:95%;margin:0; height:auto; min-height:0;background:#fff}
#corpo {width:100%;background:#fff;}
.testolungo {background-color:#fff; width:auto; height:100%; overflow:visible}
.saltopagina { display:block; page-break-before:always; }
td {overflow:visible; page-break-inside:avoid;}
}