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

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

/* Menu CMS a tabella */
.menuCMS {background:#ddd; margin:0 auto; text-align:left; width:900px; border-radius:5px; clear:both}
.menuCMS table td{background:#ddd; border-bottom:none; padding:0; text-align:center}
.bottoni {background:#ddd;padding:0; margin:10px auto; text-align:left; width:200px; border:1px solid #aaa; border-radius:5px; box-shadow:0px 0px 5px #fff; }
.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:#dbd8d1; color:#333; 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:#ddd; color:#000; font-weight:normal; display:block; padding:1px; border-left:10px solid #aaa; text-decoration:none; width:186px;}
.bottoni ul li a:hover {color:#333; border-left:10px solid #C40520;}
.bottoni ul li#activelink a {background:#999; color:#fff; border-left:10px solid #C40520;}

/* Menu Feedback basso colonna centrale */
#feedback {clear:both; margin:5px 0; border-top:3px double #ddd;} 
#feedback p {line-height:1.0em; padding:2px 0; margin:2px auto;}
#feedback p.segue {margin-right:0;}

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

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

.bandiere { background: url(/cms/i/bandiere8.gif) no-repeat top left;}

.sprite-arabia-saudita{ background-position: 0 0; width: 30px; height: 20px; } 
.sprite-deutch{ background-position: 0 -21px; width: 30px; height: 20px; } 
.sprite-english{ background-position: 0 -42px; width: 30px; height: 20px; } 
.sprite-francais{ background-position: 0 -63px; width: 30px; height: 20px; } 
.sprite-giappone{ background-position: 0 -84px; width: 30px; height: 20px; } 
.sprite-italiano{ background-position: 0 -105px; width: 30px; height: 20px; } 
.sprite-russia{ background-position: 0 -126px; width: 30px; height: 20px; } 
.sprite-spanish{ background-position: 0 -147px; width: 30px; height: 20px; }

/* Menu Orizzontale */
.menuorizzontale {background:#dbd8d1; color:#000; margin:0 auto; text-align:left; padding:0 10px; width:880px; height:40px; vertical-align: middle; border-top:1px solid #333; border-bottom:1px solid #333; clear:both; position:relative}
.menuorizzontale ul{background:transparent; color:#000; font-size:100%; list-style:none;}
.menuorizzontale li{float:left; background:transparent; color:#000; padding:0; border-right:1px solid #dbd8d1; height:40px}
.menuorizzontale li:hover, .menuorizzontale ul li#activelink {background:transparent; color:#C40520;}
.menuorizzontale ul a{padding:0; float:left; color:#000; background:transparent; text-decoration:none; height:14px; padding:15px 8px; text-transform:uppercase; text-shadow: 1px 1px 2px #333;}
.menuorizzontale ul a:hover, .menuorizzontale ul li#activelink a{color:#C40520;}

/* AUTENTICAZIONE */
.autenticazione {float:right; width:400px; text-align:right; margin-top:5px; margin-right:20px; background:transparent; vertical-align:middle; padding-top:2px;}
.autenticazione div, .autenticazione form {text-align:right; display:inline-block; vertical-align:middle; color:#fff}
.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.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:300px; border:1px solid #ccc}

.didascalia {background:#eFeBe2 url(i/arricciatura.jpg) top right no-repeat; color:#C40520; padding:15px 15px 10px 5px; margin:5px 0 10px 10px; width:170px; border-left:2px solid #ccc; float:right; text-align:center;}
.didascalia img {background:#ccc; color:#000; padding:3px; margin:5px auto 5px auto; border:2px solid #646A5E;}
.didascalia img.video {border:0; padding:0px; }
.didascalia a.blank,.didascalia a.blank:link, .didascalia a.blank:visited {background-image:none; padding-left:0px}
.didascalia a.blank:hover, .didascalia a.blank:focus, .didascalia a.blank:active {background-color:#fff; color:#000; text-decoration:none;} 

.didascaliavideo {background:#eFeBe2 url(i/arricciatura.jpg) top right no-repeat; color:#C40520; padding:15px 15px 10px 5px; margin:5px 0 10px 10px; width:330px; border-left:2px solid #ccc; float:right; text-align:center;}
.didascaliavideo object {background:#ccc; color:#000; padding:3px; margin:5px auto 5px auto; border:2px solid #646A5E;}
.didascaliavideo a.blank,.didascaliavideo a.blank:link, .didascaliavideo a.blank:visited {background-image:none; padding-left:0px}
.didascaliavideo a.blank:hover, .didascaliavideo a.blank:focus, .didascaliavideo a.blank:active {background-color:#fff; color:#000; text-decoration:none;} 

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

/* ACCORDION 210px +10px ombra dx e sx */
#accordion {background:#dedcd4; width:213px; padding:10px 0; margin:0 auto 10px auto; border:1px solid #666; border-radius:10px; box-shadow:0px 0px 5px #333;}
#accordion h2 {background:#dedcd4 url(i/bg-pane.jpg) bottom left repeat-x; color:#333; text-shadow:1px 1px 2px #999; margin:0; padding:5px 5px; font-size:120%; cursor:pointer;  text-align:center; border-bottom:4px solid #C40520; }
#accordion h2.current {cursor:default; color:#C40520; text-shadow:1px 1px 2px #999;}
#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:#C40520; 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:center; border-bottom:1px solid #eeece4; padding:5px}

/* 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:#C40520}
div.image-desc {line-height:1.3em;padding-top:12px; color:#C40520}
/* 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:#C40520;}
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:#C40520;border-color:#C40520;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:#C40520; font-size:15px; margin:0 0 -10px 0;}

/* CSS per date */
div.cmsdata{float:right; width:50px; height:55px; margin:5px 0 3px 10px; background:#dedcd4;  box-shadow:0px 0px 5px #000; color:#666; 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:#C40520; padding-top:3px;}
div.cmsdata span.m{text-transform:uppercase}

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

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

/* Multimedia HTML 5 */
#musica {width:900px; height:30px; 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;}

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

footer {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} 
footer ul{background:transparent; color:#000; font-size:100%; list-style:none; }
footer li{float:left; background:transparent; color:#000; padding:0 8px 0 0; /* border-left:1px solid #b44; */}
footer 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;}
footer ul a:hover{color:#000; text-decoration:underline;}
footer address {clear:both; text-align:center; font-size:smaller}

/* 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 */
caption, .bottoni ul li.titolo, button, div.cmsdata, #accordion h2, .menuorizzontale, .handle {background:-moz-linear-gradient(top, #dbd8d1, #9a9a8e); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #dbd8d1), color-stop(1.0, #9a9a8e));}

.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, .slider, .handle, #calroot, .modal, div.cmsdata, .calweek a {-moz-border-radius:5px; -webkit-border-radius:5px;}

/* jQuery Nivo Slider v2.1 * http://nivo.dev7studios.com */
#slider {width:640px; position:relative; margin:0 0 40px 0;	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:0px;bottom:0px;background:#ddd;color:#000; opacity:0.7; width:100%; z-index:89;}
.nivo-caption p {padding:5px;margin:0; color:#000}
.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,.menubasso,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}
}