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

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

/* Menu CMS a tabella */
.menuCMS {background:#172357; margin:0 auto; text-align:left; width:900px; border-radius:5px; clear:both; border-bottom:1px solid #172357;}
.menuCMS table td{background:#172357; border-bottom:none; padding:0; text-align:center}
.bottoni {background:#60699D;padding:0; margin:10px auto; text-align:left; width:200px; border:1px solid #333; border-radius:5px; box-shadow:0px 0px 5px #000; }
.bottoni ul {list-style:none; margin:0; padding:1px; border:none;}
.bottoni ul li {border-bottom:1px solid #aaa; margin:0; width:198px; display:block;}
.bottoni ul li.titolo {background:#60699D; color:#fff; font-weight:bold; text-transform:uppercase; border-left:10px solid #555; border-bottom:1px solid #666; padding:1px; width:186px;}
.bottoni ul li a {background:#60699D; color:#F7BE31; font-weight:normal; display:block; padding:1px; border-left:10px solid #172357; text-decoration:none; width:186px;}
.bottoni ul li a:hover {color:#ffc; border-left:10px solid #ffc;}
.bottoni ul li#activelink a {background:#60699D; color:#fff; border-left:10px solid #F7BE31;}

/* Menu Feedback basso colonna centrale */
#feedback {clear:both; margin:5px 0; border-top:3px double #172357;} 

/* Fascia testa pagina */
header {background:transparent; height:118px; width:920px; margin:0 auto; text-align:center; position:relative}

/* Menu Orizzontale */
.menuorizzontale {background:#333; color:#fff; margin:0 auto; text-align:left;  width:900px; height:40px; vertical-align: middle; border-top:1px solid #ff0; border-bottom:1px solid #ff0; clear:both; position:relative}
.menuorizzontale ul{background:transparent; color:#fff; font-size:100%; list-style:none;}
.menuorizzontale li{float:left; background:transparent; color:#fff; padding:0; border-right:1px solid #616161; height:40px}
.menuorizzontale li:hover, .menuorizzontale ul li#activelink {background:transparent; color:#ffc;}
.menuorizzontale ul a{padding:0; float:left; color:#B0C7EF; background:transparent; text-decoration:none; height:14px; padding:13px 8px; text-transform:uppercase;  font-size:14px; font-weight:bold}
.menuorizzontale ul a:hover, .menuorizzontale ul li#activelink a{color:#000;text-decoration:underline;}

/* AUTENTICAZIONE */
.autenticazione {float:right; width:400px; text-align:right; margin-top:5px; margin-right:10px; background:transparent; vertical-align:middle; padding-top:2px}
.autenticazione div, .autenticazione form {text-align:right; display:inline-block; vertical-align:middle;}
.autenticazione div{padding-right:10px }

/* Fascia principale - contenuti */
.corpo {background:transparent; overflow:hidden; width:900px; min-height:400px; margin:0 auto; text-align:justify; padding:10px 0; /*border:solid 2px #d00*/ }
.corpo ul, ol, .modal ul {margin:10px; padding:2px 0}
.corpo ul, .modal ul {list-style:square; } 
.corpo li, .modal li {margin:0 0 5px 10px; text-align:left; }
.corpo ul li, .modal ul li {list-style-image:url(i/ok2-bianco.png);}

/* ARTICOLO */
article {width:653px; float:right; min-height:400px; height:400px; padding:0 10px; }
html>body article {height:auto!important;} /* patchato per min-height con IE6 */
.testolungo {background:#eee; width:628px; height:150px; overflow:auto; border:dashed 1px #777; padding:5px}
#mappagoogle {background:#eee; width:638px; height:500px; border:1px solid #ccc}

/* ARTICOLOLATO 230px */
aside {float:right; width:223px;  height:1%; /* Holly hack for Peekaboo Bug */ }

/* ACCORDION 210px +10px ombra dx e sx border-bottom:1px solid #60699D; background:#172357; color:#F7BE31 */
#accordion {background:#172357; width:213px; padding:10px 0; margin:0 auto 10px auto; border:1px solid #172357; border-radius:10px; box-shadow:0px 0px 5px #172357;}
#accordion h2 {background:#dd0 url(i/bg-pane.jpg) bottom left repeat-x; color:#036; text-shadow:1px 1px 2px #333; margin:0; padding:5px 5px; font-size:120%; cursor:pointer;  text-align:center; border-bottom:1px solid #333; }
#accordion h2.current {cursor:default; color:#000; text-shadow:1px 1px 2px #333;}
#accordion .pane {display:block; padding:10px; color:#fff; font-size:12px;}
#accordion .pane h3 {font-weight:normal;margin:0 0 5px 0;font-size:16px;color:#dddddd; text-align:center;}
#accordion ul {list-style:none; margin:2px 0; padding:1px; border:none; clear:both}
#accordion ul li {list-style-image:none; margin:0; text-align:left; border-bottom:1px solid #60699D; padding:5px;}
#accordion ul li a {color:#F7BE31; font-size:16px; text-decoration:none}
#accordion ul li a:hover{color:#fff; -webkit-transition:color .4s linear; -moz-transition:color .4s linear; transition: color .4s linear;}
#accordion ul li:hover{background-color:#60699D; -webkit-transition:background-color .4s linear; -moz-transition:background-color .4s linear; transition: background-color .4s linear;}

/* ACCORDION ORIZZONTALE */
#haccordion {background:#ddd; height:80px; padding:10px 0 10px 20px; width:618px; border:1px solid #aaa; }
#haccordion img {float:left; margin-right:10px; cursor:pointer; }
#haccordion img.current {cursor:default;}
/* 	accordion pane. should initially have zero width and display:none.	the first pane should override these with inline style */
#haccordion div {width:0px; float:left; display:none; margin-right:10px;}
/* content inside a pane should have fixed width */
#haccordion div h3 {color:#333; margin:0 0 -10px 0; width:210px; font-size:15px;}
#haccordion div p {	font-size:11px;	width:210px;}

/* GALLERIFFIC The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
div.content {display:none; float:right; width:430px; }
div.content a, div.navigation a {text-decoration:none;color:#555;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration:underline;}
div.controls {margin-top:5px;height:23px;}
div.controls a {padding:5px;}
div.ss-controls {float:left;}
div.nav-controls {float:right;}
div.slideshow-container {position:relative;clear:both; height:502px; /* This should be set to be at least the height of the largest image in the slideshow */ }
div.loader {position:absolute;top:0;left:0;background-image:url('c/loader.gif'); background-repeat:no-repeat;background-position:center;width:430px; height:502px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow { }
div.slideshow span.image-wrapper {display:block;position:absolute;top:0;left:0;}
div.slideshow a.advance-link {display:block;width:430px; height:502px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height:502px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align:center;}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration:none;}
div.slideshow img {vertical-align:middle;border:1px solid #ccc;}
div.download {float:right; margin-left:10px;}
div.caption-container {position:relative;clear:left;height:75px;}
span.image-caption {display:block;position:absolute;width:430px;top:0;left:0;}
div.caption {padding:12px;}
div.image-title {font-weight:bold; color:#616161}
div.image-desc {line-height:1.3em;padding-top:12px; color:#616161}
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
div.navigation { }
ul.thumbs {clear:both;margin:0;padding:0;}
ul.thumbs li {float:left;padding:0;margin:5px 10px 5px 0;list-style:none;}
a.thumb {padding:2px;display:block;border:1px solid #ccc;}
ul.thumbs li.selected a.thumb {background:#616161;}
a.thumb:focus {outline:none;}
ul.thumbs img {border:none;display:block;}
div.pagination {clear:both;}
div.navigation div.top {margin-bottom:12px;height:11px;}
div.navigation div.bottom {margin-top:12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display:block;float:left;margin-right:2px;padding:4px 7px 2px 7px;border:1px solid #ccc;}
div.pagination a:hover {background-color:#eee;text-decoration:none;}
div.pagination span.current {font-weight:bold;background-color:#616161;border-color:#616161;color:#fff;}
div.pagination span.ellipsis {border:none;padding:5px 0 3px 2px;}

/* Overlay */
.simple_overlay {display:none; z-index:10000; background-color:#333; width:800px; min-height:200px;	border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000;}
.simple_overlay .close {background-image:url(/cms/i/close.png);	position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.triggers {	text-align:center;}
.triggers img {cursor:pointer; margin:0 5px; background-color:#fff; border:1px solid #ccc; padding:3px;}
.details {position:absolute; top:15px; right:15px; font-size:11px; color:#fff; width:150px;}
.details h3 { color:#9cf; font-size:15px; margin:0 0 -10px 0;}

/* variante Pfolio */
.portfolio {height:1000px;  }
.portfolio div.slideshow-container {height:250px;  }
.portfolio div.loader {height:250px; }
.portfolio div.slideshow a.advance-link {height:250px; line-height:250px;}
#notepfolio {margin-top:20px}

/* CSS per date */
div.cmsdata{float:right; width:50px; height:55px; margin:5px 0 3px 10px; background:#eee;  box-shadow:0px 0px 5px #000; color:#fff; font-family:Georgia,verdana,Arial,sans-serif; text-align:center; padding-bottom:5px; border-radius:5px; }
div.cmsdata span.d{display:block; font-size:150%; font-weight:bold; color:#ffc; padding-top:3px;}
div.cmsdata span.m{text-transform:uppercase}

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

.aiuto {background:#40497D; color:#fff; padding:5px; margin:5px 0px 10px 0px; border-radius:5px;}
.aiuto h2 {background:#eee url(i/helpdesk.gif) no-repeat 5px 50%; color:#172357; border-left:10px solid #172357; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0}

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

/* Fascia piè di pagina */
#lastupdate {background:#ddd; color:#000; margin:0 auto; padding:10px; text-align:left; width:860px; border-radius:5px; clear:both }
#lastupdate small {color:#333;}

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

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

/* Per Sistema Gestione Contenuti */
#menuriservato {height:600px; width:65px; position:absolute; 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;}
#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;}

/* serve per la tendina dei filtri */
#boxnascosto {width:600px;	height:auto; display:none; }

/* Sfumature */
button, div.cmsdata, caption, .bottoni ul li.titolo, .handle, .menuorizzontale {background:-o-linear-gradient(top, #616161 0%, #000000 100%);background:-moz-linear-gradient(top, #616161, #000000); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #616161), color-stop(1.0, #000000));  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#000000',GradientType=0 );}

#accordion h2,.menuorizzontale ul a:hover, .menuorizzontale ul li#activelink a {background:-o-linear-gradient(top, #ffff00 0%, #9f9e5b 100%);background:-moz-linear-gradient(top, #ffff00, #9f9e5b); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ffff00), color-stop(1.0, #9f9e5b));  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff00', endColorstr='#9f9e5b',GradientType=0 );}

.modal, .handle, div.cmsdata, #calroot, .error {-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000;	}

/* Stondature */
input, select, textarea, .error, .handle, #calroot, .modal, div.cmsdata, .calweek a {-moz-border-radius:5px; -webkit-border-radius:5px;}

/* Calendario Notizie */
.calendario_heading {background-color:#eee;font-weight:bold; font-size:1.5em; padding:5px; text-transform:capitalize; border-top:1px solid #ddd;clear:both;}
.calendario_container {margin-bottom:5px;clear:both;}
.calendario_1, .calendario_2 {padding:0 5px; float:left; border-top:3px double #ddd}
.calendario_1 {width:60px; text-align:center;}
.calendario_1 i {font-size:2em; font-style:normal; color:#333;}
.calendario_1 em {font-size:1.1em; font-style:normal; color:#333; font-weight:normal; text-transform:capitalize}
.calendario_2 {width:560px;}
.calendario_2 strong {font-size:1.5em; font-style:normal; color:#f90;}

/* jQuery Nivo Slider v2.1 * http://nivo.dev7studios.com */
#slider {width:900px; position:relative; margin:0 auto;	background:#ccc url(c/loader.gif) no-repeat 50% 50%; }
#slider strong {color:#2895c7}
#slider img {position:absolute;	top:0px; left:0px; display:none;}
#slider a {	border:0;}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link @media print {*/
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%;}
.nivo-caption {position:absolute;left:10px;bottom:0px;background:#b1c1d1;color:#fff; opacity:0.5; width:900px; z-index:89;}
.nivo-caption p {padding:5px;margin:0; color:#fff; font-size:larger; text-align:right}
.nivo-caption p strong {color:#036}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;	display:block;	width:32px;	height:34px; background:url(c/arrows.png) no-repeat; text-indent:-9999px; border:0;}
a.nivo-prevNav {left:10px;}
a.nivo-nextNav {background-position:-32px 0;right:10px;}
.nivo-controlNav a.active {font-weight:bold; background-position:-10px 0;}
.nivo-controlNav {	position:absolute; left:47%; bottom:-30px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;
	display:block; width:10px; height:10px;	background:url(c/bullets.png) no-repeat;
	text-indent:-9999px; border:0; margin-right:3px; float:left;
}

@media print {
body {background:#fff; font-size:8pt;}
.noprint {display:none}
td, table {height:100%; }
#pagina {background:#fff; color:#000; width:100%;}
button,#accordion,#haccordion, #slider,#menuriservato,header,.menuorizzontale,.menuCMS,video,audio,#feedback,#lastupdate,footer {display:none}
#FXTimer {display:none}
article {width:95%; margin:0; padding:0; background:#fff; min-height:0; height:auto; border:0}
.testolungo {background-color:#fff; width:auto; height:100%; overflow:visible}
}