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

#pagina {position:relative; margin:0 auto; background:#F3EFE3 url(i/sfondopagina.jpg) center top repeat-y; color:#fff; 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 #ddd;} 
#feedback p {line-height:1.0em; padding:2px 0; margin:2px auto;}
#feedback p.segue {margin-right:0;}
#feedback fieldset {margin-right:5px;}
#feedbk label{width:50px; }
#feedbk button{padding:2px; font-size:10px}

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

/* Fascia testa pagina */
#testa {background:transparent; height:250px; width:920px; margin:0 auto; text-align:center;}

#language-menu {float:right; width:70px; text-align:right; line-height:0; margin-top:6px; margin-right:10px}
#language-menu img {background:transparent; margin-left:2px; height:20px;} 
#language-menu a, #language-menu a:link, #language-menu a:visited, #language-menu a:active {background:transparent; float:right; height:20px;}

/* Menu Orizzontale */
.menuorizzontale {background:#ddd url(i/bg-navbot.jpg) bottom left repeat-x; color:#000; margin:0 auto; text-align:left; width:900px; height:32px; vertical-align: middle; border-top:1px solid #222; border-bottom:1px solid #222; clear:both}
.menuorizzontale ul{background:transparent; color:#000; font-size:100%; list-style:none; }
.menuorizzontale li{float:left; background:transparent; color:#000; padding:8px; border-right:1px solid #99998D;}
.menuorizzontale li:hover, .menuorizzontale ul li#activelink {background:transparent url(i/bg-navbot-sel.jpg) bottom left repeat-x; color:#C40520;}
.menuorizzontale ul a{padding:0; float:left; color:#000; background:transparent; text-decoration:none; height:15px; text-shadow: 1px 1px 2px #000}
.menuorizzontale ul a:hover, .menuorizzontale ul li#activelink a{color:#C40520; text-decoration:underline;}
.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 #fff} 

/* Menu laterale  url(i/bg-nav-side-titolo.jpg) bottom left no-repeat*/
.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 #cFcCc5; width:215px; padding:0; margin:0;}
.colonnamenu ul li.titolo {background:transparent url(i/bg-nav-side-titolo.jpg) top left no-repeat; color:#000; margin-top:10px; border-bottom:4px solid #C40520; padding:6px 0; font-weight:bold; text-align:center}
.colonnamenu ul li a {background:#DFDCD5; color:#000; width:100%; display:block; text-decoration:none; text-align:left; padding:2px 0;}
.colonnamenu ul li a:hover, .colonnamenu ul li#activelink a {background:#cFcCc5; color:#C40520;}
.colonnamenu address {text-align:center; color:#ccc}

/* Fascia principale - contenuti url(i/bg-corpo.jpg) no-repeat bottom left*/
#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;}

.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 h2 {background:#eee url(i/helpdesk.gif) no-repeat 5px 50%; color:#036; border-left:10px solid #036; 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 {background:#ffd; color:#036; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {color:#d00;}
.aiuto acronym {background:#ffd; color:#333}

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

/* Pre-Basso */
.prebasso {background:#DEDBD4 url(i/bg-prebasso.jpg) top left repeat-x; color:#000; margin:0 auto; padding-top:15px; text-align:center; width:900px; height:50px; vertical-align: middle; clear:both}
.prebasso a{color:#000; background:transparent;}
.prebasso a:hover{color:#333; text-decoration:underline;}
.prebasso address{background:transparent; color:#000; text-shadow: 1px 1px 2px #fff}

#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:#000; 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:#000; font-size:100%; list-style:none; }
#validazioni li{float:left; background:transparent; color:#000; 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:#C40520; text-decoration:none;}
#validazioni ul a:hover{color:#000; text-decoration:underline;}
#validazioni acronym, #validazioni abbr{border-bottom:1px solid #C40520; 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{color:green;}
label strong{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;}

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

@media print {
body {background:#fff; font-size:8pt;}
#pagina {background:#fff; color:#000; width:100%;}
#menuriservato,#testa,.prebasso,.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;}
}

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

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

.menuorizzontale {width:auto; padding:0.5em; border:1px solid #888; position:static; height:auto;}
.menuorizzontale ul{margin:0 0 0 1em; padding:0; list-style:none; background:#fff; color:#000; height:auto;}
.menuorizzontale ul img{display:none}
.menuorizzontale 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}
.menuorizzontale ul a, .menuorizzontale 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;}

#lastupdate, #validazioni {display:none}

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