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

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

/* Fascia testa pagina */
#login {padding:5px 10px 0 0; background:transparent; color:#000; width:890px; margin:0 auto; text-align:right; height:15px; }
#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; padding:0px; height:190px; width:920px; 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;}

#menualto {background:#036 url(i/bg-menubasso.jpg) top left repeat-x; color:#fff; margin:0 10px 0 10px; text-align:left; width:900px; height:32px; vertical-align: middle; border-top:2px solid #F18C0E; border-bottom:2px solid #F18C0E; clear:both}
#menualto ul{background:transparent; color:#fff; font-size:100%; list-style:none; }
#menualto li{float:left; background:transparent; color:#fff; padding:0}
#menualto ul a{padding:8px 8px 8px 8px; float:left; color:#fff; background:transparent; border-right:1px solid #013564;  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:189px; width:190px; background:#ddd; 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;}

.clear {clear: both;}

/* Fascia principale - contenuti*/
#corpo {background:transparent url(i/sole-basso.gif) bottom right no-repeat; color:#000; width:880px; margin:0 auto; padding-bottom:95px}

.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:235px; left:10px; background-color:transparent; color:#fff; width:225px; min-width:225px;}
#colonnamenu a {background-color:transparent; color:#146b13; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

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

/* 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:#000; margin:0 auto; text-align:left; width:900px; height:33px; vertical-align: middle; border-top:2px solid #F18C0E; border-bottom:2px solid #F18C0E}
#menubasso ul{background:transparent; color:#000; font-size:100%; list-style:none; }
#menubasso li{float:left; background:transparent; color:#333; padding:0}
#menubasso ul a{padding:8px 8px 8px 8px; float:left; color:#fff; background:transparent; border-right:1px solid #013564;  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: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.gif) no-repeat bottom center;min-height:30px; padding:10px 15px 20px 15px; text-align:left; width:890px; clear:both; font-size:0.9em; margin:0 auto; color:#000} 
#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:#000; text-decoration:none;}
#validazioni ul a:hover{color:#333; text-decoration:underline;}

/* 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(c/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: 10pt;}
#pagina {background-color:#fff; color:#000; width:100%; background-image:none}
#login, #menuriservato, #testa, #menualto, #menubasso, #audio, #feedback, #colonnamenu, #colonnadx, #colonnasx,#lastupdate,#validazioni {display:none}
#contenuto {width:95%;margin:0; }
#corpo {width:100%; background-image:none; padding-bottom:0;}
}

@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;}
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; padding:5px; border:1px solid #888; height:auto; overflow:visible;}
#login ul{margin:0 0 0 1em; list-style:none; overflow:visible;}
#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, #FXTimer {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;}

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