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

#pagina {position:relative; margin:0 auto; background:#ddd url(i/sfondopagina.jpg) repeat-y top left; color:#000; width:970px; /*border-right:solid 1px #000;border-left:solid 1px #000;*/}

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

#inviacommento {height:420px;}

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

/* Fascia testa pagina */
#login {background:transparent; color:#000; width:950px; margin:5px auto 0 auto; text-align:right; height:20px; }
#login ul{list-style:none;}
#login li{float:right; color:#333;}
#login ul a{padding:1px 10px 1px 10px; border-right:dotted 1px #777;}
#login ul a:hover {color:#333;}

#testa {background:transparent url(i/portale.gif) no-repeat top center; padding-top:35px; height:90px; width:970px; margin:0 auto; text-align:center; clear:both;}
#testa h1 {margin-top:-19px; margin-left:20px; color:#ffc; font-size:12px; border:0; height:20px; padding:0;}
/*#testa p {position:absolute; left:20px; top:184px; color:#fff;padding:0;border:0;font-size:12px; height:28px;}*/

#logo {position:absolute; left:10px; top:35px; background:transparent; width:222px; height:90px}
#skyscraper {position:absolute; right:10px; top:35px; background:transparent; width:728px; height:90px}

/* Menu Alto */
#menualto {background:#036 url(i/bg-menubasso.jpg) top left repeat-x; color:#fff; margin:0 auto; text-align:left; width:950px; height:35px; vertical-align: middle; border-top:1px solid #258; border-bottom:1px solid #258; clear:both}
#menualto ul{background:transparent; color:#fff; font-size:100%; list-style:none; }
#menualto li{float:left; background:transparent; color:#ffc; padding:0}
#menualto ul a{padding:8px 8px 8px 8px; float:left; color:#fff; background:transparent; border-right:1px solid #258;  text-decoration:none; height:15px;}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{background:transparent url(i/bg-menubasso-sel.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}
#menualto ul li#activelink a {background:transparent url(i/bg-menubasso-sel.jpg) top left repeat-x; color:#ffc;}

#language-menu {position:absolute; right:10px; top:194px; width:150px; 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:950px; 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:150px; left:10px; background-color:transparent; color:#fff; width:222px; min-width:222px;}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

#colonnamenu ul{margin: 1em 0 1em 0.8em;padding: 0; list-style-type: none;}
#colonnamenu li{width:200px; background:#ddd; color:#fff; display: block;}
#colonnamenu ul a{border-bottom:1px solid #bbb; background:transparent; color:#000; text-decoration: none; display:block; padding:4px; width:189px;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active{ background:transparent; color:#333; text-decoration: underline}
#colonnamenu ul li.titolo {background:transparent url(i/bg-titolo.jpg) no-repeat bottom left; color:#333; margin-top:10px; border-bottom:0px; padding-bottom:6px; font-weight:normal; font-style:italic; font-size:110%; font-family: Georgia; }
#colonnamenu ul li#activelink a {background:#eee; color:#000;}
#colonnamenu p.centrato img{background:#ddd;}

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

/* Menu Basso */
#menubasso {background:#aaa url(i/bg-menubasso.jpg) top left repeat-x; color:#fff; margin:0 auto; text-align:left; width:950px; height:31px; vertical-align: middle; border-top:1px solid #328; border-bottom:1px solid #328; clear:both}
#menubasso ul{background:transparent; color:#fff; font-size:100%; list-style:none; }
#menubasso li{float:left; background:transparent; color:#ffc; padding:0}
#menubasso ul a{padding:8px 8px 8px 8px; float:left; color:#fff; background:transparent; border-right:1px solid #ffc;  text-decoration:none; height:15px;}
#menubasso ul a:hover,#menubasso ul a:focus,#menubasso ul a:active{background:transparent url(i/bg-menubasso-sel.jpg) top left repeat-x; color:#ffc; text-decoration:underline;}
#menubasso em{background:transparent; color:#ffc; margin-right:15px; float:right; margin-top:10px; font-family:Cambria, Georgia, Verdana, Sans-Serif;} 

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

#validazioni {background:#555 url(i/bg-validazioni.jpg) no-repeat bottom center;min-height:30px; padding:10px 15px 20px 15px; text-align:left; width:940px; clear:both; font-size:0.9em; margin:0 auto; color:#fff} 
#validazioni img.first {background:transparent; color:#fff; float:right; margin-right:5px; }
#validazioni a{color:#ffc;}
#validazioni a:hover{ color:#fff;}
#validazioni acronym, #validazioni abbr{color:#ffc}

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

#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;}
#FXTimer p {position:static}

/* 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: 10pt;}
#pagina {background-color:#fff; color:#000; width:100%;}
#login, #menuriservato, #testa, #language-menu, #menualto, #menubasso, #audio, #feedback, #colonnamenu ,#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, .icone {display:none}
.box{position:static;} 

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

#colonnamenu {width:auto; padding:0.5em; position:static; height:auto;}
#colonnamenu ul{margin:0 0 0 1em; padding:0; list-style:none; height:auto;}
#colonnamenu ul img{display:none}
#colonnamenu li{float:none; padding:0 0 0 15px; width:auto; text-align:left}
#colonnamenu ul a, #colonnamenu ul a:hover{padding:0; float:none; height:auto; border:0;}

#language-menu {width:auto; padding:0.5em; position:static; height:auto; text-align:center}
#language-menu ul{margin:0 0 0 1em; padding:0; list-style:none; height:auto;}
#language-menu ul img{display:none}
#language-menu li{float:none; padding:0 0 0 15px; width:auto; text-align:left}
#language-menu ul a, #language-menu ul a:hover{padding:0; float:none; 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 */
#menubasso {width:auto; padding:0.5em; border:1px solid #888; position:static; height:auto; background-image:none; background-color:#fff}
#menubasso ul{margin:0 0 0 1em; padding:0; list-style:none; background:#fff; color:#000; height:auto;}
#menubasso ul img{display:none}
#menubasso 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}
#menubasso ul a, #menubasso ul a:hover{padding:0;float:none;background:#fff;color:#139;height:auto; border:0;}

#lastupdate, #validazioni {display:none}

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