@charset "UTF-8";

/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; text-shadow: none; }
::selection { background: #fe57a1; text-shadow: none; }

a { color: #00e; word-break: break-word; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }


abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ===== Initializr Styles =====================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body{ 
	font:16px/26px Helvetica, Helvetica Neue, Arial;
	background-color: #2f302e;
	overflow-y: scroll; 	/* Show vertical scrollbar */	/* aggiunto da Paolo - novembre 2023 */
}

.wrapper{
	width:90%;
	margin: auto;
	max-width: 1024px;
	min-width: 320px;
	background-color: #fff;
}

/* ===================
    ALL
   =================== */

#main-title-wrapper{ float: left; width: 100%; text-align: center; margin-top: 40px; }
#main-title-wrapper img{ max-width: 374px; min-width: 300px; width: 80%; margin: auto;} /*270*/

#main-social-wrapper {
  background-color: #2f302e;
  height: 38px;
  padding-top: 4px;
}

.description a { color: #555; text-decoration: none; border-bottom: 1px dotted #555; }
.description a:visited { text-decoration: none; border-bottom: 1px dotted #555;}
.description a:hover { background-color: #FDFF00; color: #555; border-bottom: 1px dotted #555;}
.description a:focus { outline: thin dotted; }
.description a:hover, a:active { outline: 0; }

a.fancybox {
  border-bottom: none;
}

a.fancybox:hover {
  border-bottom: none;
  background-color: white;
}

a.fancybox:focus {
  border-bottom: none;
  background-color: white;
}

/* aggiunto da Paolo */ 
.description a.fancybox_text { color: #555; text-decoration: none; border-bottom: 1px dotted #555 !important; }
.description a.fancybox_text:visited { text-decoration: none; border-bottom: 1px dotted #555;}
.description a.fancybox_text:hover { background-color: #FDFF00 !important; color: #555; border-bottom: 1px dotted #555 !important;}
.description a.fancybox_text:focus { outline: thin dotted; background-color: transparent !important; border-bottom: 1px dotted #555 !important; }
.description a.fancybox_text:hover, a:active { outline: 0; }

.share-title-contact {   /* modificato da Paolo */
  display: block;
  font-size: 16px;
  color: white;
  float: right;
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 3px;
}

.share-title-newsletter {  /* aggiunto e modificato da Paolo */
  display: block;
  font-size: 16px;
  color: white;
  float: right;
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

hr{
  clear: both;
  width: 90%;
  height: 1px;
  margin: auto;
  border-width: 0;
  color: #d4d4d4;
  background-color: #d4d4d4;
}

#intro
{
  width: 92%; 
  margin: 20px auto 20px auto; 
  color: #555555; 
  font-size: 105%; 
  line-height: 19px; 
  text-align: center; 
  font-family: 'Goudy Bookletter 1911', serif;
}

#main
{
  margin-top: -1px;
  padding-top: 1px;
  padding-bottom: 45px;
}

#main-subtitle{
font-family: 'Goudy Bookletter 1911', serif;
font-size: 130%;
font-weight: 200;
color: #2f302e;
margin: 3px 0 15px 0;
}

#main-footer{ 
  text-align: center; 
  font-size: 70%;
  letter-spacing: 3px;
  color: white;
  padding-bottom: 5px;
  padding-top: 7px;   /* aggiunto da Paolo */ 
  background-color: #2f302e;
  line-height: 13px;   /* aggiunto da Paolo */ 
}

#main article img{
  display: block;   
  margin: auto;
  margin-top: 10px;  
  max-width: 190px; 
}

#main article img.left{
  display: block;
  margin-left: 12%;
  margin-top: 10px;
  margin-bottom: 10px;
}

#main article img.inline{
  display: inline;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#main article img.inline_big{   /* aggiunto da Paolo */
  display: inline;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-width: 100%; 
}

#main article img.inline_small{   /* aggiunto da Paolo */
  display: inline;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 81px;
}

.description {
  clear: both;
  padding: 10px;
  background-color: white;
  margin: 8px 10px 8px 10px;
}

#main article p {
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  color: #555555;
  font-size: 86%;
  line-height: 17px;
}

.dida {   /* aggiunto da Paolo */ 
 text-align: center !important;
 padding-right: 1%;
}

.center {
  float: left;
  width: 77.732%;
  margin-left: 11.134%;
}

.indented {
  padding-left: 12%;
}

.no_marginbottom {   /* aggiunto da Paolo */ 
  margin-bottom: 0 !important;
}

#main article ul   /* aggiunto da Paolo */ 
{
  list-style-type: none;
  margin: 0;
}

#main article li {   /* aggiunto da Paolo */ 
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
  color: #555555;
  font-size: 86%;
  line-height: 17px;
  background-image: url(../img/ul_bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px; 
  padding-left: 7px;
}

.hr-footer {
  width: 30%;
  margin-left: 0px;
  margin-top: 30px;
  margin-bottom: -5px;
  color: #999;   /* aggiunto da Paolo */ 
  background-color: #999;   /* aggiunto da Paolo */ 
}

#main article p.article-footer {
  font-size: 96%;
  font-family: 'Goudy Bookletter 1911', serif;
}

#main article h2, article h3, article h4{
  font-family: 'CopseRegular', serif;
  font-size: 166%;
  letter-spacing: 0px;
  margin: 0 0 0 0;
  font-weight:normal;
}

#main article h2{
font-size: 170%;
color: #2f302e;
line-height: 24px;
}

.no_sottotitolo{   /* aggiunto da Paolo */ 
margin-bottom: 28px !important;
}

#main article h3{
font-size: 125%;
color: #2f302e;
line-height: 21px;   /* modificato da Paolo: era 28px */ 
margin-top: 4px;   /* aggiunto da Paolo */
}

.foglia{   /* aggiunto da Paolo */ 
margin-bottom: 28px;
}

#main article h4{
font-size: 100%;
color: #555555;
line-height: 18px;   /* modificato da Paolo: era 29px */ 
margin-bottom: 5px;   /* aggiunto da Paolo */
margin-top: 6px;   /* aggiunto da Paolo */
}

.social-wrapper{
  width: 140px;
  height: 34px;
  margin: 0px auto 10px auto;
}
.social-wrapper span{
  text-align: left;
  font-size: 80%;
  text-shadow: 1px 0px #fff, -1px 0px #fff, 0px 1px #fff, 0px -1px #fff;
  line-height: 53px;
  margin-left: -20px;
  color: #2f302e;
}

.social-wrapper a.email{
  margin-right: 16px;
}

a.twitter{
  float: right;
  display: block;
  height: 34px;
  width: 34px;
  text-decoration: none;
  background-image: url("../img/share_twitter.png");
  background-size:34px 34px;
  background-repeat: no-repeat;
  margin: 0 0 0 0;
}

a.twitter:hover{
  text-decoration: none;
  background-image: url("../img/share_twitter.png");
  background-repeat: no-repeat;
}

a.facebook{
  float: right;
  display: block;
  height: 34px;
  width: 34px;
  text-decoration: none;
  background-image: url("../img/share_facebook.png");
  background-size:34px 34px;
  background-repeat: no-repeat;
  margin: 0 0 0 0;
}

a.facebook:hover{
  text-decoration: none;
  background-image: url("../img/share_facebook.png");
  background-repeat: no-repeat;
}

a.email{
  float: right;
  display: block;
  height: 34px;
  width: 34px;
  text-decoration: none;
  background-image: url("../img/share_email.png");
  background-size:34px 34px;
  background-repeat: no-repeat;
}

a.email:hover{
  text-decoration: none;
  background-image: url("../img/share_email.png");
  background-repeat: no-repeat;
}

.share {
  float: right;
  display: block;
  height: 34px;
  width: 34px;
  text-decoration: none;
  background-size:34px 34px;
  background-repeat: no-repeat;
  padding-right: 3px;
}

.share:hover {
  text-decoration: none;
  background-repeat: no-repeat;
}

#share-email{
  background-image: url("../img/contact_email.png");
}
/*
#share-email:hover{
  background-image: url("../img/contact_email_hover.png");
}*/

#share-twitter{
  background-image: url("../img/contact_twitter.png");
}

/*#share-twitter:hover{
  background-image: url("../img/contact_twitter_hover.png");
}*/

#share-facebook{   /* aggiunto da Paolo */ 
  background-image: url("../img/contact_facebook.png");
}

#share-youtube{   /* aggiunto da Paolo */ 
  background-image: url("../img/contact_youtube.png");
}

#share-newsletter{
  background-image: url("../img/contact_newsletter.png");
}
/*
#share-newsletter:hover{
  background-image: url("../img/contact_newsletter_hover.png");
}*/

img.moreinfo_button{
  float: right;
  width: 21px;
  
}

::-moz-selection { background: #fdff00; text-shadow: none; }
::selection      { background: #fdff00; text-shadow: none; }

/* Video */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-left: 12%;
	margin-right: 1%;    /* aggiunto da Paolo */
	margin-bottom: 10px;    /* aggiunto da Paolo */
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* mailinglist */

#mc_embed_signup {
  background:#fff; 
  clear:left; 
  font:12px Helvetica, Helvetica Neue, Arial;; 
  width: 50%;
}

#mc_embed_signup form {display:block; position:relative; text-align:left; padding:5px 0 10px 0}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #666; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 22px; line-height: 22px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#999;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:20px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; color: #555;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:3px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:150%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:23px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em 0em 0em 0em; overflow:hidden; width:100%;margin: 0 0; clear: both;}
#mc_embed_signup div.response {color:#C60; margin:0em 0; padding:0em 0em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:100%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#C60; display:none;}
#mc_embed_signup label.error {display:block; color:#C60; float:none; width:auto; margin-left:0em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}


/* ============
    MOBILE: Social
   ============ */
     
/*#main-social-wrapper{ width: 125px; float: right; margin: 0 0 20px 0; }
#main-social-wrapper p{ text-align: right; margin: -2px 0px -2px 0; display: inline; font-size: 80%; color: #2f302e;}*/


/* ==============
    MOBILE: Menu
   ============== */

nav li{
  font-size: 12px;
	font-weight: 300;
	display:block;
	float:left;
	width: 85px;
	margin-bottom:0;
	padding:1px 3px 1px 3px; 
	background: #2f302e;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

nav li a{
	display:block;
	float:left;
	width: 85px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

nav li a:hover, nav li a:visited{
	color:#fff;
}

nav li:hover{
	background:#5f5f62;
}

.current {
  background:#5f5f62;
}

#main-navigation{
  width: 290px;
  margin: auto;
  margin-top: -1px;
  padding-top: 18px;
}

nav li:first-child { margin-left:0; }
nav li  { margin-left:8px; }

/* ==============
    MOBILE: Main
   ============== */

#nav-container{
  padding-bottom: 19px;
}

#main article{
  background-color: #fdff00; /*ffde00*/ 
  background-image: url('../img/box_pattern.png');
  background-size:2px 2px;
  background-repeat: repeat;
  background-position: left top;
  margin-top: 16px;
}

.rightside{
    float: right;
    width: 90%;
    margin-right: 5%;
  }

.leftside{
    float: left;
    width: 90%;
    margin-left: 5%;
  }
  
.center{
  float: left;
  width: 90%;
  margin-left: 5%;
}
  
.indented {
  padding-left: 0%;
}

.indented-video {
  padding-left: 0%;
  padding-right: 0%;
}

.video-container {
    margin-left: 0%;
	margin-right: 0%;    /* aggiunto da Paolo */
}

#mc_embed_signup {
  width: 100%;
}




/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ 
  padding-top:20px; 
}




/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

/* ========================
    INTERMEDIATE: Main
   ======================== */	
	
	.wrapper{
   	max-width: 450px;
  }
	
	#main{
    padding-top: 0px;
  }
  
  .indented {
    padding-left: 0%;
  }

  
/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */

	nav ul li{
		display:inline;
	}	
	.oldie nav a{
		margin:0 0.7%;		
	}

}

@media only screen and (min-width: 768px) {

  .wrapper{
   	max-width: 1024px;
  }

/* ============
    WIDE: Main
   ============ */
   
	 .rightside{
      float: right;
      width: 38.085%;
      margin-right: 11.134%; /*1,562*/
    }
	
	 .rightside_clear{      /* aggiunto da Paolo */
      float: right;
      width: 38.085%;
      margin-right: 11.134%; /*1,562*/
	  clear:both;
    }

    .leftside{
      float: left;
      width: 38.085%;
      margin-left: 11.134%;
    }
    
    .center {
      float: left;
      width: 77.732%;
      margin-left: 11.134%;
    }
    
    .indented {
      padding-left: 12%;
    }
    
    .indented-video {
      padding-left: 12%;
      padding-right: 1%;
    }
    .video-container {
        margin-left: 12%;
		margin-right: 1%;    /* aggiunto da Paolo */
    }
    
    
    #main-subtitle{
    font-size: 146%;
    margin: 10px 0 15px 0;
    }
    
    #intro{
      width: 76.170%; 
      margin: 30px auto 20px auto;
    }
    
    #mc_embed_signup {
      width: 45%;
    }

/* ==============
    WIDE: Menu
   ============== */

    nav li{
      font-size: 16px;
    	width:100px;
      padding:3px 5px 3px 5px;
    }
    
    nav li a{
      font-size: 16px;
    	width:100px;
    }
    
    #main-navigation{
      width: 348px;
    }
   
}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* =========================================================================
   Fonts
   ====================================================================== */
   
@font-face {
   font-family: 'CopseRegular';
   src: url('../fonts/Copse-Regular-webfont.eot');
   src: url('../fonts/Copse-Regular-webfont.svg#CopseRegular') format('svg'),
        url('../fonts/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Copse-Regular-webfont.ttf') format('truetype'),
        url('../fonts/Copse-Regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}