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

#pagina {position:relative; margin:0 auto; background:#7a7a7a url(i/sfondopagina.gif) center top repeat-y; color:#fff; width:970px; text-align:center}

/* Menu Feedback basso colonna centrale */
#feedback {clear:both; margin:5px 0;} 

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

/* Menu Orizzontale */
.menubasso {background:#444; color:#fff; margin:0 auto; text-align:left; width:950px; height:40px; vertical-align: middle; border-top:1px solid #000; border-bottom:1px solid #000; clear:both;
            background:#444; border-top:1px solid #000; border-bottom:1px solid #000; clear:both; background-image:none;
            background:-moz-linear-gradient(top, #777, #333); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #777), color-stop(1.0, #333));            
            }
.menubasso ul{background:transparent; color:#fff; font-size:100%; list-style:none; margin-left:10px}
.menubasso li{float:left; background:transparent; color:#fff; padding:0; border-right:1px solid #454446; height:40px}
.menubasso li:hover, .menubasso ul li#activelink {background:transparent; color:#f90;}
.menubasso ul a{padding:0; float:left; color:#fff; background:transparent; text-decoration:none; height:14px; padding:13px 8px; text-transform:uppercase; text-shadow: 1px 1px 2px #000;}
.menubasso ul a:hover, .menubasso ul li#activelink a{color:#f90;}
.menubasso em{background:transparent; color:#ffc; margin-left:15px; float:left; margin-top:10px; font-family:Cambria, Georgia, Verdana, Sans-Serif;}


/* AUTENTICAZIONE */
.autenticazione {float:right; width:400px; text-align:right; margin-top:4px; margin-right:5px; background:transparent; vertical-align:middle;}
.autenticazione div, .autenticazione form {text-align:right; display:inline-block; vertical-align:middle;}
.autenticazione label{width:25px; color:#fff; margin:3px 10px 0 0; border:0; float:none; display:inline-block; vertical-align:middle; }
.autenticazione input{width:80px;margin-top:4px;} 
.autenticazione input:focus{background:#2895c7;} 

/* Fascia principale - contenuti background:transparent url(i/bg-corpo.jpg) no-repeat bottom left;*/
.corpo {background:transparent url(i/bg-corpo.jpg) top left no-repeat; color:#000; width:950px; margin:0 auto;}

/* Primo Piano */
.notizie {width:245px; height:284px; float:right; background:#222; border:1px solid #555; border-radius:10px; box-shadow:0px 0px 5px #fff; margin:0 0 10px 10px; padding:10px; }
.notizie h2 {padding:0; margin:0 auto 10px auto; font-size:1.6em;}
.notizie ul {margin:0 0 0 -5px;}
.notizie img {border-top:10px solid #000; border-bottom:10px solid #000}
.notizie ul li {list-style-image:none; list-style:none; text-align:center}


/****************************** INIZIO Sezione SIDE MENU DX */
.contenuto {background:transparent url(i/logo-basso.gif) no-repeat bottom center; width:524px; margin:0 0 0 215px; min-height:1250px; height:1250px; padding:10px 0;}
html>body .contenuto {height:auto!important;} /* patchato per min-height con IE6
.contenuto p.centrato img {padding:3px; border:#ddd 1px solid;} */

.contenuto ul,ol { margin:10px 0 10px 10px; padding:1px 0 2px 0; } 
.contenuto ul { list-style:square; } 
.contenuto li { margin:0 0 0 10px; text-align:left; margin-bottom:14px; }
.contenuto ul li { list-style-image: url(i/ok2.png);}

.testo {background:#134792 url(i/bg-testo.jpg) bottom right no-repeat; color:#fff; margin:0 auto 90px auto; min-height:1080px; padding:5px;}
.testo p { text-align:justify; } 
.testo p.centrato {margin:0 auto; text-align:center}

#colonnamenu {position:absolute; top:215px; left:10px; background-color:transparent; color:#fff; width:200px; min-width:200px;}
#colonnamenu a {background-color:transparent; color:#fff; }
#colonnamenu p.centrato img {background-color:transparent; color:#fff}

#colonnamenu ul{background:#5288C6; margin:0 0 0 1em;padding: 0; list-style-type: none;}
#colonnamenu li{width:175px; background:#5288C6; color:#036; display: block; text-align:left}
#colonnamenu ul a{border-bottom:1px solid #72a8e6; background:transparent; color:#fff; text-decoration: none; display:block; padding:2px 4px 2px 4px; width:167px;}
#colonnamenu ul a:hover, #colonnamenu a:focus, #colonnamenu a:active{ background:transparent; color:#036; text-decoration: underline}
#colonnamenu ul li.titolo {width:162px; background:transparent url(i/bg-titolo.jpg) top left no-repeat; color:#fd5; margin-top:10px; border-bottom:0px; padding:3px 3px 3px 10px; font-weight:bold; font-style:italic; font-size:130%; font-family: Cambria; text-transform:uppercase }
#colonnamenu ul li#activelink a {background:#72a8e6; color:#036;}
#colonnamenu p.centrato img{background:#5288C6;}

/* Sezione SIDE MENU SX */
#colonnanews {position:absolute; top:475px; right:20px; background-color:#5288C6; color:#fff; width:185px; min-width:185px;}
#colonnanews a {background-color:transparent; color:#fff; }
#colonnanews p.centrato img {background-color:transparent; color:#fff}

#colonnanews ul{background:#5288C6; margin:0;padding: 0; list-style-type: none;}
#colonnanews li{width:170px; background:#5288C6; color:#036; display: block; text-align:left}
#colonnanews ul a{border-bottom:1px solid #72a8e6; background:transparent; color:#fff; text-decoration: none; display:block; padding:2px 4px 2px 4px; width:162px;}
#colonnanews ul a:hover, #colonnanews a:focus, #colonnanews a:active{ background:transparent; color:#036; text-decoration: underline}
#colonnanews ul li.titolo {width:162px; background:transparent url(i/bg-titolo.jpg) top left no-repeat; color:#fd5; margin-top:10px; border-bottom:0px; padding:3px 3px 3px 10px; font-weight:bold; font-style:italic; font-size:130%; font-family: Cambria;text-transform:uppercase }
#colonnanews ul li#activelink a {background:#72a8e6; color:#036;}
#colonnanews p.centrato img{background:#5288C6;}
/****************************** FINE Sezione SIDE MENU DX */


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

#prebottom {background:#aaa url(i/pre-bottom.jpg) top left no-repeat; color:#000; margin:0 auto; width:950px; height:17px; clear:both}

/*Tag effetti tabelletr:hover td{background: #ffc}*/
table.home td{background:#134792; color:#fff; border-bottom:none; padding:10px; text-align:justify}
table.home td strong {color:#fff;}
table.home td em {color:#fff;}
table.home td p {text-align:justify}

/* CSS per date */
div.data{float:right; width:60px; height:70px; margin-top:5px 0 3px 3px; background:transparent url(i/data.jpg) no-repeat top right; color:#333; font-family:Georgia,verdana,Arial,sans-serif; text-align:center; padding-bottom: 5px;}
div.data span.d{display:block; font-size: 150%; font-weight:bold; color:#000; padding-top:3px;}
div.data span.m{text-transform:uppercase}

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

.aiuto {background:#555; color:#fff; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #777; border-top:2px solid #777; clear:both}
.aiuto h2 {background:#eee url(i/helpdesk.gif) no-repeat 5px 50%; color:#f90; border-left:10px solid #f90; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0}

/* Multimedia HTML 5 */
.musica {width:900px; height:0; margin:0 auto; text-align:center; overflow:hidden}
audio {width:900px; height:0;}
video {height:320px; height:480px;}

/* Fascia pič di pagina */
#lastupdate {background:#555; color:#ddd; padding:5px; text-align:left; width:940px;margin:0 auto;}
#lastupdate small {color:#ddd;}

.first {background:transparent; color:#fff; float:right; }
.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:940px; clear:both; font-size:0.9em; margin:0 auto; color:#eee} 
#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; color:#000}
.menuriservato ul li.titolo{background:#036; color:#fff;}
.menuriservato img{background:#fff; color:#000; margin:0 auto;}
.menuriservato ul li a{color:#036; text-decoration:none;}
.menuriservato ul li a:hover{color:#000;}
/* label em{color:green;}
label strong{color:#f90;} */

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

#boxnascosto {
	width:600px;
	height:auto;
	display:none;
}

/* SLIDER */
#slider1 {
    width: 600px; /* important to be same as image width */
    height: 308px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	padding:0
}
#slider1Content { font-size:110%!important;
    width: 600px; /* important to be same as image width or wider */
    position: absolute;	top: 0;	left:-10px; margin-left: 0; padding:0 ; margin:0
}
.slider1Image { float:left; position: relative; display: none; padding:0 ; margin:0 }
.slider1Image span { position: absolute; padding:10px 13px; width: 694px; background-color:#000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #ffc; display: none; }
.clear { clear: both; }
.slider1Image span strong {color:#2895c7; text-transform:uppercase; font-weight:bold }
.left {	top:0; left:0; width: 600px !important; height: 100px; }
.right { right: 0; bottom:0; width: 580px !important; padding-left:20px; height: 100px; }
ul { list-style-type: none;}

@media print {
body {background:#fff; font-size:8pt;}
.noprint {display:none}
td, table { height:100%; }
div { display: inline; }
#pagina {background:#fff; color:#000; width:100%;}
button, .menuriservato,#testa,.menubasso,.menuCMS,#menubasso,video,audio,#feedback,#lastupdate,#validazioni {display:none}
#FXTimer {display:none}
.corpo {width:95%; margin:0; padding:0; background:#fff; min-height:0; height:auto;}
.testolungo {background-color:#fff; width:auto; height:100%; overflow:visible}
}