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

#pagina {margin:0 auto; background:transparent url(i/sfondopagina.jpg) top left 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:#9cf; 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 #9cf;}
.bottoni ul li#activelink a {background:#999; color:#fff; border-left:10px solid #9cf;}

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

/* Fascia testa pagina */
header {background:transparent url(i/portale.jpg) top left no-repeat; height:210px; width:920px; margin:0 auto; text-align:center; position:relative;}

/* Menu Orizzontale */
.menuorizzontale {background:#F2C375 url(i/bg-menuorizzontale.jpg) top left no-repeat; color:#000; margin:0 auto; text-align:left; padding:0 10px; width:880px; height:40px; vertical-align: middle; border-top:1px solid #999; border-bottom:1px solid #999; 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-top:15px;  height:20px}
.menuorizzontale li:hover, .menuorizzontale ul li#activelink {background:transparent; color:#000;}
.menuorizzontale ul a{padding:0; float:left; color:#000; background:transparent; text-decoration:none; height:14px; padding:0 8px; text-transform:uppercase; text-shadow: 1px 1px 2px #888; border-right:1px solid #F2C375;}
.menuorizzontale ul a:hover, .menuorizzontale ul li#activelink a{color:#000; text-decoration:underline}
.menuorizzontale div {color:#000;}

#language-menu {position:absolute; top:10px; right:10px; width:200px; text-align:right; line-height:0;}
#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:right; 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; }

/* 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;}
.autenticazione div{padding-right:10px }

.bookingonline {text-align:left;}
.bookingonline form {clear:none; margin-top:5px}
.bookingonline select {background:#ddd; color:#000;}

/* Fascia principale - contenuti */
.fasciacorpo {background:transparent url(i/bg-corpo-alto.jpg) top left no-repeat; overflow:hidden; width:900px; margin:0 auto; }
.corpo {background:transparent url(i/bg-corpo.jpg) bottom left no-repeat; overflow:hidden; width:900px; min-height:600px; margin:0 auto; text-align:justify; /*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:650px; float:right; min-height:600px; height:600px; padding: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:648px; height:300px; border:1px solid #ccc}

/* ARTICOLOLATO 230px */
aside {float:right; width:223px; margin-bottom:100px; height:1%; /* Holly hack for Peekaboo Bug */ }
.corpo aside ul {list-style:none;}
.corpo aside ul li{list-style-image:none; margin:0 0 5px 0; padding:2px 0}
.corpo aside ul li.titolo{text-align:center; font-weight:bold; font-size:larger; text-shadow:1px 1px 3px #fff; border-top:1px solid #c9c4b8; border-bottom:1px solid #c9c4b8; padding:5px 0 }
aside a {color:#000; text-decoration:none; font-size:larger; text-shadow:1px 1px 1px #fff; }
aside a:hover { text-decoration:underline; color:#000;  }

.prenotazioni {text-align:right; padding:10px}
.prenotazioni p {text-align:center; margin:0 auto; color:#000; font-weight:bold; font-style:normal}
.prenotazioni input {color:#000; font-size:11px; padding:1px}
.prenotazioni select {background:#ddd; color:#000;  padding:1px; border:double 3px #ddd;}
.prenotazioni label{color:#000; text-align:left; margin:0 0 0 20px; padding:0; border:0; width:62px; font-size:10px;}
.prenotazioni fieldset {border:solid 1px #999;}
.prenotazioni legend { background:transparent; color:#000; text-align:center; }

/* 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 Versione Menù navigazione TOP - The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
div#container {overflow: hidden;}
div.content {display: none;	clear: both;}
div.content a, div.navigation a {text-decoration: none;}
div.content a:hover, div.content a:active {text-decoration: underline;}
div.navigation a.pageLink {height: 77px;line-height: 77px;}
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,
div.loader,
div.slideshow a.advance-link {width: 650px; /* This should be set to be at least the width of the largest image in the slideshow with padding */}
div.loader,
div.slideshow a.advance-link {height: 712px; /* This should be set to be at least the height of the largest image in the slideshow with padding */}
div.caption-container {height: 20px;color: #111;}
div.slideshow-container {position: relative;clear: both;float: left;height: 742px;}

div.loader {position: absolute;top: 0;left: 0;background-image: url(c/loader.gif);background-repeat: no-repeat;background-position: center;}
div.slideshow span.image-wrapper {display: block ;position: absolute;top: 50px;left: 0;}
div.slideshow a.advance-link {display: block;line-height: 712px; /* This should be set to be at least the height of the largest image in the slideshow with padding */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 a.advance-link:focus {outline: none;}
div.slideshow img {border:1px solid #ccc;}
div.caption-container {position: relative; top:10px; left:0}
span.image-caption {display: block;position: absolute;top: 0;left: 0;}
div.caption-container, span.image-caption {width: 650px;}
div.caption {padding:5px}

div.download {margin-top: 8px;}
div.photo-index {float:right;padding: 0 12px; z-index:1000;color: #777;}
div.navigation-container {float: left;position: relative;left: 50%;}
div.navigation {float: left;position: relative;left: -50%;}
div.navigation a.pageLink {display: block;position: relative;float: left;margin: 2px; width:16px;background-position:center center;background-repeat:no-repeat;}
div.navigation a.pageLink:focus {outline: none;}
div.navigation a.prev {background-image: url(c/prevPageArrow.gif);}
div.navigation a.next {background-image: url(c/nextPageArrow.gif);}
ul.thumbs {position: relative;float: left;margin: 0;padding: 0;}
ul.thumbs li {float: left;padding: 0;margin: 2px;list-style: none;}
ul.thumbs li.selected a.thumb {background: #000;}
a.thumb {padding: 1px;display: block;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}
div.pagination {clear: both;position: relative;left: -50%;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {position: relative;display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
div.pagination a:hover {text-decoration: none; background-color: #eee;}
div.pagination span.current {background-color: #000;border-color: #000;color: #fff;font-weight: bold;}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}
div.gallery-gutter {clear: both;padding-bottom: 20px;}
div#notepfolio {color:#b6b4a8; text-shadow: 1px 1px 2px #fff;}

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

/* 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:#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:#9cf; 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:#9cf; border-left:10px solid #9cf; 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:#fff; min-height:30px; padding:10px 35px 30px 35px; text-align:left; width:850px; clear:both; margin:0 auto} 
footer ul{background:transparent; color:#333; font-size:100%; list-style:none; }
footer li{float:left; background:transparent; color:#333; 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:#333; text-decoration:none;}
footer ul a:hover{color:#ffc; text-decoration:underline;}
footer a, footer a.email{color:#333}
footer address {text-align:left; display:inline; clear:left; color:#333}

/* 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 {background:-moz-linear-gradient(top, #9cf, #69c); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #9cf), color-stop(1.0, #69c));}
button, div.cmsdata, #accordion h2, .handle {background: #f6e6b4; 
background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6e6b4), color-stop(100%,#ed9017)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* ie */
}

.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 */
#menu-contenitore {position:absolute; top:60px; left:510px;}
#slider-contenitore {position:absolute;	top:60px; left:10px;}
#slider {width:500px; position:relative; margin: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:#333;color:#fff; opacity:0.7; width:500px; z-index:89;}
.nivo-caption p {padding:5px;margin:0; color:#fff; font-size:larger; font-family:Times New Roman; text-shadow:1px 1px 2px #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,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}
}