@charset "ISO-8859-1";
/*accelleratori*/
.clearer{ clear:both;}
.invisible{ display:none;}
.hide{display:none;}
.pointer{cursor:pointer !important}
.no-pointer{cursor:default !important}
.no-margin{margin:0 !important}
.no-padding{padding:0 !important}
.no-min-width{min-width:0px !important}
.italic{font-style:italic !important}
.underline{text-decoration:underline !important}
.rounded{ border-radius:5px}

/*colori*/
/*.violet{ color:#914ba3 !important}
.blu{ color:#007fe0 !important}
.brown{ color:#8f4300 !important}
.orange{ color:#e07e00 !important}
.yellow{ color:#b4a500 !important}
.green{ color:#4dc247 !important}*/
.red{ color:#e20075 !important; padding:20px !important; background:rgba(277,277,277,0); font-weight:600 !important }

/*larghezze*/
.x100{ width:100%}
.x95{ width:95%}
.x90{ width:90%}
.x80{ width:80%}
.x70{ width:70%}
.x66{ width:66%}
.x60{ width:60%}
.x50{ width:50%}
.x40{ width:40%}
.x33{ width:33%}
.x30{ width:30%}
.x25{ width:24%}
.x20{ width:20%}
.x15{ width:15%}
.x10{ width:10%}
/* CSS Document */
a{-webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;}
a:link, a:visited{text-decoration:none; color:#0069b4; color:#005285}
a:hover, a:focus{text-decoration:none; color:#666}
body{margin:0; padding:0; font-family: 'Cabin', sans-serif;}
body *{ box-sizing:border-box}
html, body{height:100%; width:100%; font-size:15px; background:#231f20;}
#sb-site{ height:100% !important;}
.transform{  -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;}
.transformSlow{  -webkit-transition: all 800ms ease-out;  
    -moz-transition: all 800ms ease-out;  
    -o-transition: all 800ms ease-out;  
    -ms-transition: all 800ms ease-out;  
    transition: all 800ms ease-out;}
.transformVerySlow{  -webkit-transition: all 1800ms ease-out;  
    -moz-transition: all 1800ms ease-out;  
    -o-transition: all 1800ms ease-out;  
    -ms-transition: all 1800ms ease-out;  
    transition: all 1800ms ease-out;
	-webkit-transition-delay: 1s; /* Safari */
    transition-delay: 1s;}
.invisible{ display:none}
a{ text-decoration:none}
figure{ margin:0; padding:0;}
hr{ border:1px solid #e1e1e1; margin:2em 0}
.arrowed:after, .arrowed:before {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}
.arrowed:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:  rgba(0,0,0,0.2);
	border-width: 9px;
	margin-left: -9px; margin-top:10px
}

.arrowed-down:after, .arrowed-down:before {
	top: 100%;
	right: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed-down:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrowed-down:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color:  rgba(0,0,0,0);
	border-width: 10px;
	margin-right: -10px; margin-top:0px
}
.arrowed-r:after, .arrowed-r:before {
	bottom: 100%;
	right: 8%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrowed-r:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrowed-r:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color:  rgba(0,0,0,0.2);
	border-width: 11px;
	margin-left: -10px;
}
#container{ width:100%; min-height:100%; background:#231f20; padding-top:0px}
#container.home{ height:100%}
.content{ width:74em; width:100%; max-width:1400px; box-sizing:border-box; margin:0 auto; display:block; position:relative}

#head{ height:100px; width:100%; position:fixed; left:0; top:0; z-index:1001; background:none; /*border-bottom:4px solid #e7e3db;  box-shadow:0px 0px 6px rgba(0,0,0,0.4); background:#fff*/ }
#head header{ height:100%; width:100%; position:relative;}
#head .content{ height:100%; max-width:1400px}
#back{ position:absolute; top:0px; border-radius:0%; overflow:hidden; left:20px; width:100px; height:100%; 
background:transparent; background:transparent url(elementi/logo-vivi.png) no-repeat left center; background-size:contain; 
cursor:pointer; border-right:0px solid #f1f1f1;width:200px}
#back.slim{background:transparent url(elementi/vivi.png) no-repeat left center; width:110px; background-size:contain;  }
#back img{ width:100%;} 

/*sticky head*/
.compact #head{ height:65px; width:100%; background:#231f20; }
.compact #head:before{ content:''; display:block; position:absolute; left:0; right:0; bottom:-10px; height:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.compact .menu-up{top:2.5em;}
.compact .menu-cart{ top:35px;}
.compact .menu-secondary{ top:0.5em; }
.compact .main-search{}
.compact .navbar{ top:10px}
#slider{border-top:4px solid #e7e3db}

#stage, .slider{ max-width:1800px; margin:0 auto}
#container.home #stage, #container.home .slider, #container.home .sequence-theme, #container.home #sequence{ height:100%}
#container.home .slider{ width:100%; position:relative}

/*HOME NAME LIST*/
.name-container{ width:100%; height:100%; overflow:hidden; position:relative; z-index:110}
.name-container:before{ display:block; content:''; position:absolute; width:100%; height:100%; z-index:100;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.65+100 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.name-container ul{ margin:0; padding:0; display:block; font-size:1.2em; list-style:none; text-align:center; overflow:hidden; width:100%; height:100%;}
.name-container ul li{ font-family: 'Merriweather', serif; display:inline-block; opacity:0; color:#231f20; white-space:nowrap;/* text-shadow:0 0 5px rgba(0,0,0,0.5)*/}

.animTitle { position:absolute; z-index:150; bottom:48%; left:0; width:100%; height:auto;  box-sizing:border-box;
  font-weight:600; margin-bottom:30px; 
  overflow:hidden;
  height:60px;
  padding:0 0px;  font-family: 'Merriweather', serif;
}
.animTitle ul {
  margin: 0px !important; padding:0 !important;
  text-align:center;
  list-style:none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 16s;
  /*-webkit-animation-iteration-count: infinite;*/
  animation-name: change;
  animation-duration: 16s;
  /*animation-iteration-count: infinite;*/
  -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
    animation-delay: 2s;
}
.animTitle ul li {
  line-height:60px; font-size:40px; color:#fff;
  margin:0;
}
.home #video{ display:none }
#search-home{ position:absolute; display:none; z-index:150; bottom:50%; left:0; width:100%; height:auto; padding:0 20px;  box-sizing:border-box; text-align:center}
#search-home form{ display:none;  max-width:450px;  box-shadow:0 0 20px rgba(0,0,0,1); margin:-0px auto 0 auto; font-size:22px; position:relative; padding-right:50px;}
#search-home .pul-search{ position:absolute; top:0; right:0px; }
#search-home .pul-search a{ color:#FFFF00; background:#fff; color:#333333; text-align:center; font-size:1em; line-height:2.5em; height:2.5em; width:50px; display:inline-block}
#search-home .pul-search a i{ font-size:1.5em}
#search-home .pul-search a:hover{ background:#000; color:#fff}

.logo-vivi{ width:250px; height:200px; display:inline-block; vertical-align:middle; background:transparent url(elementi/logo-vivi.png) no-repeat center center; background-size:contain;}
.logo-libera{ width:150px; height:100px; display:inline-block; vertical-align:middle; background:transparent url(elementi/logo-footer.png) no-repeat center center; background-size:contain;}

/*SLIDER*/
.slider{ font-family: 'Merriweather', serif; height:40em; height:100%; margin-top:5%; padding-top:65px;  position:relative; overflow:hidden; background:#231f20}

/*VIDEO HOME*/
#container.home .pixelate{display:block; background:transparent url(elementi/bg-pixelate.png); width:100%; 
height:100%; position:absolute; left:0; top:0; z-index:110; opacity:0.5}

/*SEARCH RESULT*/
.lista-nomi form{   max-width:450px; background:#231f20; padding:20px 20px 20px 20px; overflow:hidden;  margin:0% auto 0 auto; font-size:22px; position:relative; }
.compact .lista-nomi form{ margin-top:0px }
.lista-nomi .pul-search{ position:absolute; bottom:0px; right:0px; }
.lista-nomi .pul-search a{ color:#FFFF00; background:#322f30; color:#ccc; text-align:center; font-size:0.7em; line-height:2em; height:2em; width:40px; display:block}
.lista-nomi .pul-search a i{ font-size:1.1em}
.lista-nomi .pul-search a:hover{ background:#000; color:#fff}
#stage .lista-nomi input.input-text{ border:0; color:#333; color:#fff; background:#322f30; border-radius:0px; height:2em; line-height:2em; font-size:0.7em; text-indent:10px; width:100%; float:left}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
.lista-nomi label{ text-transform:uppercase; overflow:hidden; width:100%; margin:0; padding:0; display:block; position:relative}

.search-result{ font-family: 'Merriweather', serif; height:40em; height:100%; margin-top:10%; margin-top:50px;  position:relative; overflow:hidden; background:#231f20}
.compact .search-result{ }
 .search-result form{ margin-top:15px}
.compact .search-result form{ padding-top:65px}
.search-result li{ padding:10px 0; border-top:0px solid #fff;  margin-bottom:1px}
.search-result ul{ list-style:none; margin:0; padding:0% 0 0 0; width:100%;  max-height:40em; max-height:90%; overflow:scroll; overflow:hidden }
.search-result li .more-text{ overflow:hidden; height:0px; padding-bottom:0; padding-top:0;  font-size:1em; opacity:0;
-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.search-result li.open .more-text{ display:block; opacity:1; height:auto; padding:5px 0 }
.search-result li .more-text .pul a.archivio{ background: #333; color: #fff; text-transform: none; }
ul.name-list li{ cursor:pointer}
#stage #article.lista-nomi .search-result h1, #article .lista-nomi .search-result h1{ color:#fdf101; margin:0; padding:0.2em 0; font-size:2.2em; text-align:center; max-width:none}
#stage .search-result li:hover { background:rgba(0,0,0,0.2);}
#stage .search-result h1 a{color:#fdf101;}
#stage .search-result p{ margin:0; padding:0; color:#FFFFFF !important; font-size:1em; text-align:center;  max-width:none}
#stage #article.lista-nomi .search-result , #stage #article .lista-nomi .search-result p{ font-size:0.9em; text-align:center; color:#ccc !important; font-family:'Cabin', sans-serif; background:transparent}
#stage #article.lista-nomi .search-result p strong, #article .lista-nomi .search-result p strong{ color:#fff}
#stage #article.lista-nomi .search-result p .orange, p .orange, #article .lista-nomi .search-result p .orange{ color:#ff8b00} 
#article .lista-nomi .search-result{ margin-top:0; margin-bottom:20px}
#article aside .lista-nomi{ font-size:0.85em}

/*Lista Nomi*/
#article.lista-nomi{ height:100%; background:#fa8501; background:transparent;
	-webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
#article.lista-nomi h1, #article.marzo h1{ margin:0; padding:0.5em 1em 0.5em 1em; font-size:3em}
#article.lista-nomi article{ height:100%}
.compact #article.lista-nomi { }
#stage #article.lista-nomi p{max-width:900px; margin:0 auto; text-align:center; color:#ccc;}
#stage #article.lista-nomi p strong{ color:#fff}
/*21marzo*/
#article.marzo{ height:100%; background:#fa8501; background:transparent;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
#article.marzo h1{ margin:0;  font-size:3em}
#article.marzo h2{ padding: 0.5em 0 1em 0 }
#article.marzo article{ height:100%}
#article.marzo .video-box, #article.lista-nomi .video-box { max-width:800px; margin:20px auto; text-align:center; padding:0 20px}
#article.marzo .video-box iframe, #article.lista-nomi .video-box iframe{ display:inline-block}
.compact #article.marzo { margin-top:-100px}
#stage #article.marzo p{max-width:800px; margin:0 auto; text-align:center; color:#ccc;}
.title, #article.marzo .slider h2.title{ margin-top:60px}

#article.marzo audio{ display:block; width:100%; max-width:600px }
#article.marzo .audio{ position:relative;font-size:1.22em; line-height:1.5em; margin:1.5em auto; max-width:600px; padding:0em 20px 0em 50px}
#article.marzo .audio:before{ content:'\f028'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.1em; display:inline-block; color:#e20075}
#article.marzo .audio footer{ display:block; padding:10px 0; font-size:16px; text-align:center; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}



/*SPINNER*/
.spinner{ width:100px; position:absolute; top:3%; left:0; z-index:90; height:40em; height:97%; overflow:hidden}
.spinner.right{ left:auto; right:0}
.spinner.top{ width:100%; left:0; height:60px; top:60px; padding:0 100px}
.spinner.top ul{ padding:0 0x; overflow:hidden; margin:0 auto; width:100%; white-space: nowrap}
.spinner ul, .spinner ol{ list-style:none; text-align:center; margin:0; padding:0 0; height:40em; height:100%; overflow:hidden; position:relative}
.spinner ul:before, .spinner ol:before{ display:block; content:''; width:100px; height:100px; position:absolute; bottom:0; z-index:300; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0+0,1+56 */
background: -moz-linear-gradient(top,  rgba(35,31,32,0) 0%, rgba(35,31,32,1) 56%, rgba(35,31,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 56%,rgba(35,31,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 56%,rgba(35,31,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
 }
 .spinner.top ul:before, .spinner.top ol:before{ display:block; display:none; content:''; width:100px; height:60px; position:absolute; bottom:0; right:0; z-index:300; background:#231f20  }
.spinner li{ display:block;   font-family:'Cabin', sans-serif; padding:0;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.spinner.top li{ display:inline-block; height:60px;}
.spinner li a{color:#CCCCCC; padding:10px 20px; font-size:20px; display:block}
.spinner.top li a{ padding:0 20px !important; line-height:60px; display:block}
.spinner li a:hover{ color:#fff; background:transparent}
.spinner li.active, .spinner li.current{ background:rgba(0,0,0,0.2);}
.spinner li.active a, .spinner li.current a{color:#e20075; background:#e20075; color:#333; font-size:20px}
.spinner li.active a:hover, .spinner li.current a:hover{ color:#fff; background:#e20075}

.spinner .container{ position:relative; height:100%; box-sizing:border-box;}
#elenco-lettere .container, #elenco-anni .container{ padding:105px 0}
.arrow-up, .arrow-down, .arrow-left, .arrow-right{ z-index:500; position:absolute; width:100px}
.arrow-up a, .arrow-down a, .arrow-left a, .arrow-right a{ display:block; font-size:50px; color:#ccc; text-align:center; line-height:20px; color:#e20075}
.arrow-up a:hover, .arrow-down a:hover{ color:#fff}
.arrow-up{ top:65px}
.arrow-down{ bottom:65px}
.arrow-left{ left:-100px}
.arrow-right{ right:-100px}

/*STAGE*/
#stage{ padding-bottom:1em; padding-top:0px}
.home #stage{ height:100%; padding-bottom:0; padding-top:0}
#stage p{ font-family: 'Merriweather', serif; max-width:500px; margin:0 auto; color:#333}
#stage .box{ padding:1.5em 1em}
.foto-fissa{ background-repeat:no-repeat; background-size:cover; background-position:50% 50%}
#stage .foto-fissa{height:100%; width:100%; position:absolute; top:0; left:0 }
#stage .box{overflow:hidden; box-sizing:border-box; text-align:left;}
#stage .box-cell:nth-child(3) .box { border-right:0}
#stage .box article{ height:100%}
#stage .box .foto-container{ height:100%; width:50%; float:left; position:relative;}
#stage .box .foto-fissa{ height:100%; width:100%; cursor:pointer}
#stage .box .pul{ margin-top:1em;}
#stage .box figure{ margin:0; padding:0;}
#stage .box figure img{ width:100%; display:block}
#stage .box h1{ text-align:inherit;   font-family: 'Merriweather', serif; font-size:1.2em; padding:1em 20px; overflow:hidden;  font-weight:600; letter-spacing: -0.3px }
#stage .box p a.leggi{ display:block; font-weight:600}
#stage .box h1 a{ color:#333}
#stage .box footer{ margin:0; background:#231f20; background:#191617; background:#f1efef; padding:10px 20px 10px 20px; font-size:0.9em; display:block; letter-spacing:0.5px}
#stage .box footer a{ color:#666; display:block; padding:0.2em 0; font-weight:800 }
#stage .box footer a:hover{ color:#000}
#stage .box footer a i{ color:#e20075; color:#333;}
#stage .box.sr{ text-align:right; overflow:hidden}/* box side right*/
#stage .box.sr h1{ float:left; width:60%}
#stage .box.sr figure{ margin:0; padding:0px; float:right; width:40%}
#stage .box.sr figure img{}
#stage .box.sr footer{ clear:both}

#stage .box.sl{ text-align:left; overflow:hidden}/* box side left*/
#stage .box.sl h1{ float:left; width:60%}
#stage .box.sl h1 a strong{ color:#FFF}
#stage .box.sl figure{ margin:0; padding:0px; float:left; width:40%}
#stage .box.sl figure img{}
#stage .box.sl footer{ clear:both}

#stage .box.sl.map, .box.sl.map{ border:0; }
#stage .box.sl.map figure, .box.sl.map figure{ width:30%; display:inline-block; vertical-align:middle; float:none}
#stage .box.sl.map h1, .box.sl.map h1{font-family: 'Cabin', sans-serif; padding:20px 0; width:65%;  display:inline-block; vertical-align:middle; float:none}
#stage .box.sl.map h1 span, .box.sl.map h1 span{ color:#FFFFFF; font-style:italic; display:block; font-size:0.9em; padding-top:3px}

.foto-container:hover .more{  top:40%; opacity:1}
.foto-container ul{ margin:0; padding:0; height:100%;}
.foto-container li{ width:33.3%; overflow:hidden; float:left; box-sizing:border-box; border:0px solid #fff}
.foto-container li img{ width:100%; display:block}
.more a{ display:inline-block; background:rgba(0,0,0,0.2); padding:5px 5px; color:#fff; border-radius:2px}
.more a i{ display:block; font-size:2em}
#stage .box p{ font-size:17px; text-align:center; padding:0.2em 10px 0.3em 10px; overflow:hidden; color:#999}
#stage .box p a{ color:#333; text-decoration:underline}

/*box gallery*/
#stage .box.gallery h1{ text-align:center; font-size:1.1em; padding:0.5em 10px 0.5em 10px; overflow:hidden; text-transform:uppercase; font-weight:100}
#stage .box.gallery .foto-container{ width:100%;}
#stage .box.gallery .foto-container ul{ padding:0 5px}
#stage .box.gallery .foto-container li{ width:25%;border:2px solid #fff}

#stage .box-container{ display:table; width:100%; table-layout:fixed; margin:0 auto 1em auto; max-width:1200px }
#stage .box-cell{ display:table-cell; position:relative; border-left:0px solid #fff; width:33%; width:25%}
#stage .box-cell:last-child{border-right:10px solid #fff}
#stage .box-cell .box{ padding-bottom:0em; padding-top:2em }
#stage .box-cell figure{ text-align:center}
#stage .box-cell img{ max-width:80%; display:inline-block; max-height:150px }
/*box-cell nell article*/
#stage #article .box-container{ display:block; overflow:hidden; margin-top:2em }
#stage #article .box-cell{ display:block; float:left; box-sizing:border-box}
#stage #article .box-cell .box{ height:auto;}
#stage #article .box-cell .box{ width:100%; text-align:center}
#stage #article .box-cell .box img{ border:0; max-width:90%; max-height:150px; display:inline-block}
#stage #article .box-cell .box h1{ text-transform:none;  padding:10px 0; color:#333}
#stage #article .box-cell .box h1 a{ color:#333}
#stage #article .box-cell .box h1 a:hover{ color:#000}
#stage #article .box-cell .box p{ font-size:17px; color:#999; text-align:center}
#stage #article .box-cell .box .pul{ font-size:0.8em; margin-top:0}
#stage #article .box-cell .box .pul a{ border-color:rgba(0,0,0,0.1); color:#333}
#stage #article .box-cell .box .pul a:hover{ color:#FFFFFF; background:#333}
/*box mappa*/
.box-map{ position:relative; width:100%;}
.box-map iframe{ width:100%; height:400px; padding:0; display:block}
#stage #article .box-map p{font-family: 'Cabin', sans-serif;  font-size:1.25em; text-align:center; padding:1em 0}
/*box text*/
#stage .box.text{ height:auto}
#stage .box.text h1{ font-size:1.2em; font-weight:600; text-align:left; padding:0.2em 0px}
#stage .box.text h1 i{color:#ccc }
#stage .box.text h2{ font-size:1em; font-weight:600; text-align:left; padding:0.5em 0px 0 0}
#stage .box.text p{ font-size:0.9em}
#stage .box.text p i{ color:#ccc}
#stage .box iframe{ width:100%; height:18em; margin-bottom:1em}
#stage .box.text .pul{ position:static; bottom:auto; left:auto; width:auto; margin-top:0.5em; color:#4f86ac; font-size:0.9em}
#stage .box.text .pul a{ background:#4f86ac; color:#fff !important; border-radius:3px; border:0 !important}
#stage .box.text .pul a:hover{ background:#333; color:#fff}

#stage #article .side-content .box.candidate{ padding:0.5em 1em; background:#f3efe7; margin-bottom:1.2em}

/*TEAM*/
.team{ border-top:3px solid #f1f1f1; margin-top:1em}
.team ul{ overflow:hidden}
.team li{ float:left; width:33.3%; overflow:hidden; text-align:center; padding:0 0.5em; box-sizing:border-box; margin-bottom:1.5em}
.team li img{ width:100%}
#stage .team h3{ font-size:1.2em;}
#stage .team p{ margin:0; padding:0; font-size:0.9em; text-align:center}
/*Menu dell header*/
.menu-up{ position:absolute; top:3.5em; left:140px; letter-spacing:0.4px; }
.menu-up li{ display:inline-block; margin-left:0.5em}
.menu-up li.lang{ margin-left:1em; border-left:2px solid #e1e1e1}
.menu-up li.lang a{ padding-left:0em; padding:0}
.menu-up li.lang a img{ border:0; height:25px}
.menu-up li a{ display:block; padding:0.5em; text-transform:none; font-size:1em;  color:#656565}
.menu-up li a:hover{ color:#333 }
.menu-up li.sales a{ font-weight:600}

.menu-secondary{ letter-spacing:0.4px; text-align:left; padding-left:30px !important }
.menu-secondary ul{ display:inline-block; padding-right:1em; text-align:center}
.menu-secondary li, .menu-up.slidebar .menu-secondary li{ display:inline-block; margin-right:0.5em;}
.menu-secondary li.lang{}
.menu-secondary li.lang a{ padding-left:0em; padding:0}
.menu-secondary li.lang a img{ border:0; height:25px; display:block}
.menu-secondary li a span{ display:none}
.menu-secondary li a{ display:block; font-size:1em; height:25px; line-height:25px;}
.menu-secondary li a:hover{ color:#666 }
.menu-secondary li.social a, .menu-up.slidebar .menu-secondary li.social a{ background:none; width:25px; height:25px; line-height:25px; text-align:center; padding:0 }
.menu-secondary li.social.first{margin-left:2em}
html ul.topnav li .subnav li a { font-size:1em; text-transform:none;
	 display:block; color:#4f86ac; padding:0; background:#fff}
.subnav-container.unocol{ width:300px}

/*Menu dello slidebars*/
.menu-up.slidebar{ position:static; top:auto; right:auto}
.menu-up.slidebar ul{ padding:20px 0px}
.menu-up.slidebar ul ul{ padding:0 0 10px 5px; background:#FFF}
.menu-up.slidebar li{ display:block; margin:0}
.menu-up.slidebar li.home{ margin-bottom:10px}
.menu-up.slidebar li a{ letter-spacing:0px; font-size:1.25em; display:block; color:#FFFFFF; background:none; padding:0.9em 0.5em 0.5em 30px; text-align:left}
.menu-up.slidebar li a:hover{color:#f5f000}
.menu-up.slidebar li li a{ font-size:0.9em}
.sb-slidebar.sb-active{background-color:#191617; border-left:3px solid rgba(0,0,0,0.01); box-sizing:border-box; width:80%; max-width:400px; min-width:300px;
}
.menu-up.slidebar li.violet a{ color:#e20075; }
.menu-up.slidebar li.violet a:hover{ color:#fff; }
.menu-up.slidebar .menu-secondario{ text-align:left; font-family:'Merriweather', serif}
.menu-up.slidebar .menu-secondario li{ display:iblock; margin:0; font-size:11px; }
.menu-up.slidebar .menu-secondario li a{color:#f5f000}

.navbar{ position:absolute; right:20px; top:25px; z-index:2000; background:#fff}
.navicon-line{ background-color:#333 !important}
/*Regole per motore ricerca interno allo slidebar*/
.sb-slidebar .main-search{ position:relative; top:auto; right:auto; overflow:hidden; padding:33px 0px 0 30px; text-align:center}
.sb-slidebar .main-search form{ margin-right:60px}
.sb-slidebar .main-search form input{ width:100%; display:inline-block; float:none; font-size:13px}
.sb-slidebar .main-search .pul-search{ float:none; display:block; width:40px; position:absolute; top:29px; right:15px}

/*Menu social*/
.menu-social span{ display:none}
.menu-social ul{ margin:0px 0 0 0; padding:0.5em 0 0 0; list-style:none; position:absolute; top:0.2em; right:25px; z-index:300; font-size:9px}
.menu-social li{ display:inline-block; margin:0 0 0 0px; vertical-align:top}
.menu-social li a{ width:2em; height:2em; border-radius:1em; background:#fff; display:block; color:#000; font-size:2em; line-height:2em; text-align:center}
.menu-social li.ita a, .menu-social li.eng a{ background:#FFF; width:auto; color:#0e71b4; text-transform:uppercase; font-size:1.3em; padding:0 0 0 1.5em}
.menu-social li.ita a:hover, .menu-social li.eng a:hover{ background:#fff; color:#333}
.menu-social li a:hover{ background:#000; color:#fff; }
.menu-social li.log{ background:#FFF; height:4em; padding:0 1em; margin-left:20px}
.menu-social li.log a{ background:none; width:auto; height:auto; color:#8c161b; line-height:1em; text-transform:none; font-size:1.8em; padding:2px 0; border-radius:0; text-align:right}
.menu-social li.log .sign a{ font-size:1em; display:inline}
.menu-social li.log a:hover{ color:#333; text-decoration:underline}
#footer .menu-social ul{ font-size:8px; top:1.5em} 

/*STILI PER MENU CART*/
.menu-cart{ position:absolute; top:45px; right:25px; z-index:950}
.menu-cart a{ display:block; font-size:40px; color:#666; position:relative; text-align:center; padding:0; }
.menu-cart li a.searchOpen { color:#0098c4; background:#fff; display:none}
.pop-number{ position:absolute; top:0.2em; right:-0.5em; height:1.5em; width:1.5em; line-height:1.5em; box-shadow:-1px 1px 0px #fff; 
text-align:center;  font-size:10px; background:#0069b4; color:#FFF; border-radius:7px}

.sub-menu{ position:absolute; right:-1em; top:3.5em; width:310px; box-sizing:border-box; background:#fff; border-radius:5px; padding:10px 10px; 
box-shadow:0px 0px 4px rgba(0,0,0,0.15); display:none}
.title-sub-menu{ font-size:10px; letter-spacing:0.4px; color:#999999; padding:5px 0 10px 0; text-transform:uppercase; text-align:center; border-bottom:1px solid #f1f1f1}
.sub-menu table{ width:100%; border-bottom:1px solid #f1f1f1}
.sub-menu table td{ vertical-align:middle; text-align:center; border-bottom:1px solid #ecf3f9}
.sub-menu table tr:nth-child(even) td {    background: #fff}
.sub-menu table td.foto { padding:5px 0}
.sub-menu table td.foto img{ max-height:40px; max-width:50px}
.sub-menu table td.desc{ font-size:11px; color:#999999; padding:5px 5px}
.sub-menu table td.desc a{font-size:11px; color:#0069b4;}
.sub-menu table td.qta{ font-size:11px; color:#666; padding:0 10px 0 0; text-align:left}
.sub-menu table td.qta span{ font-size:14px; font-weight:600; color:#666666}
.sub-menu table td.prezzo{ text-align:right; font-weight:600; color:#666666; font-size:14px; padding:0 2px}
.sub-menu table td.totalone{ text-align:right; font-weight:600; color:#333; font-size:14px; padding:8px 2px}
.sub-menu .pul{ margin:0; padding:10px 0 0 0;  }
.sub-menu .pul a{ padding:8px; font-size:10px; background:#67a6d3; color:#FFFFFF}
/*STILI PER SEARCH*/
.main-search{ position:absolute; top:13px; right:10px}
.main-search form{ padding:0; margin:0}
.main-search form input, input.input-text{ border:0; color:#333; background:#fff; border-radius:0px; height:2.5em; line-height:2.5em; font-size:1em; text-indent:10px; width:250px; float:left}
.main-search .pul-search{ float:left}
.main-search .pul-search a{ color:#fff; display:block;  font-size:25px; height:35px; line-height:35px; padding:0 10px}

/*PULSANTI*/
.pul{ display:block;padding:25px 0; height:3em; height:auto; position:relative; text-align:center; clear:both}
.pul span{display:none;}
.pul a{ text-shadow:none; color:#fff;padding:10px 15px; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
background:transparent; background:rgba(277,277,277,0); background:#e20075; border:1px solid rgba(0,0,0,0.09); border-bottom:2px solid rgba(0,0,0,0.07); text-decoration:none; font-size:1em; font-size:12px; text-transform:uppercase; font-weight:400} 
.pul a:hover, .pul a:focus{color:#fff;background:rgba(0,0,0,0.7);}

.pul.acquista a{ text-shadow:none;  color:#FFFFFF; padding:1em 1.5em; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
background:transparent;background:#0069b4; border:0px; border-bottom:2px solid rgba(0,0,0,0.07); text-decoration:none; 
font-size:1em; font-size:12px; text-transform:uppercase; font-weight:400} 
.pul.acquista a:hover{color:#fff;background:rgba(0,0,0,0.7);}


.pul-dona{ text-align:center}
/**
 * STILE PERSONALIZZATO PER SELECT
 */
.combo{
	/*border: 0 !important; */ 
	-webkit-appearance: none;  
	-moz-appearance: none; 
	background: #f1f1f1 url(elementi/select-arrow.png) no-repeat right center;
	min-width: 50px; 
	text-indent: 0.01px; 
	text-overflow: ""; 
	color: #666; font-size:1em;
	box-sizing:border-box;
	border-radius: 0px;
	padding: 0 25px 0 5px; line-height:2.5em; height:2.5em;
	/*box-shadow: inset 0 0 1px rgba(185,223,223, 1);*/
	text-transform:none; width:100%; display:block; border:1px solid #f1f1f1;
}
/**
 * tolgo la freccia default della select in IE10
 */
select::-ms-expand {
display:none;
}
/**
 * tolgo la freccia default della select in IE8 e 9
 */
.combo {
    padding: 0 0px 0 5px\0/IE8+9; /* IE8+9  */
}
/**
 * Checkbox Five
 */
input[type=checkbox] {
	visibility: hidden;
}
.checkboxFive {
	width: 24px; height:24px;
	margin:0 2px 0 0; display:inline-block;
	position: relative;
}
/**
 * Create the box for the checkbox
 */
.checkboxFive label, .side-menu .checkboxFive label{
	cursor: pointer;
	position: absolute;
	width: 22px;
	height: 22px;
	top: 0;
  	left: 0; padding:0;
	background: #fff;
	border:1px solid #ddd; border-radius:3px;
}
.checkBox{ font-size:0.8em; color:#666}
.checkBox a{ color:#0098c4 }
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 6px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
/*STILI PER RADIO BUTTON*/
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}
input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 10px 0.25em 0em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.35em;
  height           : 0.35em;
  margin           : 0.21em;
  border           : 0.0625em solid #333;
  border-radius    : 0.125em;
  background       : #333;
}
/*BOX INFO*/
#box-info, #box-careers{ position:relative; padding:1.2em 1em;  box-sizing:border-box;}
#box-info .content{ background:#fff; padding:1.2em 1em; box-sizing:border-box}
#box-info label a, #box-info legend a, #box-careers label a, #box-careers legend a{color:#009ee0; color:#000; text-decoration:underline}
#col-dx #box-info, #col-dx #box-careers{ min-width:30.6em}
#stage #box-info h2, #box-careers h2{ margin:0; padding:0.5em 0; clear:both; font-size:1.4em}
#box-info p, #box-careers p{  padding:0 0 1.5em 0;}
#box-info .categoria-sml-blu, #box-careers .categoria-sml-blu{ top:-1.3em; left:1em}
#box-info h1, #box-careers h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2em; font-weight:100; color:#999; text-transform:none}
#box-info label, #box-careers label{  float:left; width:100%; display:block; font-size:1em; text-transform:none;color:#999; margin:0 0em 0em 0; padding:0 0em 0 0; box-sizing:border-box}
#box-info label.long, #box-careers label.long{ width:100%; padding:0 1.8em 0 0}
#box-info legend, #box-careers legend{margin:0 0 1em 0em;color:#999;font-size:1em; padding:1.5em 0 0 0 }
#box-info form, #box-careers form{ margin:0 auto; width:100%; max-width:800px; padding:1em 0 1em 0; font-size:1em}
#box-info .pul, #box-careers .pul{ margin:0 0 0 0px;}
.campo{ background:#322f30; color:#fff; font-size:1.2em; display:block; padding:0.5em; box-sizing:border-box; border:0;  border-radius:0px}
.campo.bianco{ background: #fff; color: #333; width: 100%; font-size: 1em; padding: 0 5px; height: 2.5em; line-height: 2.5em}

#box-info .campo, #box-careers .campo{ width:100%; font-size:20px}
#box-info textarea, #box-careers textarea{ width:100%; min-height:6em;font-size:1em; background:#322f30; color:#fff; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-info ul, #box-careers ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-info li, #box-careers li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-info li a, #box-careers li a{ color:#760d21; text-decoration:none}
#box-info li a:hover, #box-careers li a:hover{ background:#faf7de}
#box-info .combo-medio, #box-careers .combo-medio{ width:20em;}
#box-info .blocco{ float:left}
a.captcha{ display:block; padding:0; line-height:1.1em; height:1.1em; margin:0 0 0 0.4em; font-size:1em}
.attachment{ text-align:center; padding:20px}
input[type="file"] { color:#fff; font-size:1em; display:inline-block
}
#box-info section{ display:block; padding:20px 0; overflow:hidden; border-top:2px dashed rgba(277,277,277,0.1); border-bottom:2px dashed rgba(277,277,277,0.1)}
#box-info .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
#box-info .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
#box-info .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}

/*BOX CV*/
#box-cv{ position:relative; padding:0;  background:#fff; box-sizing:border-box;}
#box-cv .content{ background:#fff; padding:0 !important; box-sizing:border-box; margin-top:0 !important; width:100% !important}
#box-cv label a, #box-cv legend a{color:#009ee0; color:#000; text-decoration:underline}
#box-cv h2{text-shadow:1px 1px #fff;  color:#000; margin:0; padding:0.5em 0; font-size:2em; font-weight:normal; line-height:1.1em}
#box-cv p, #box-careers p{ text-shadow:1px 1px #fff; margin:0; padding:0 0 1.5em 0; font-size:1.4em; color:#4c4c4c; line-height:1.4em}
#box-cv .mail{ float:left; margin:0 0.5em 0 0}
#box-cv .categoria-sml-blu{ top:-1.3em; left:1em}
#box-cv h1{ margin:0; padding:0 0 0.2em 0; display:block; text-align:center; font-size:2em; font-weight:100; color:#999; text-transform:none}
#box-cv label{  float:left; width:50%; display:block; font-size:1em; text-transform:none;color:#999; margin:0 0em 0.5em 0; padding:0 0.9em 0 0; box-sizing:border-box}
#box-cv label.long{ width:100%; padding:0 1.8em 0 0}
#box-cv legend{margin:0 0 1em 0em;color:#999;font-size:1em; padding:1.5em 0 0 0 }
#box-cv form{ margin:0 auto; width:100%; padding:1em 0 1em 0;}
#box-cv .pul{ margin:0 0 0 0px;}
#box-cv .campo{ width:100%;}
#box-cv textarea{ width:100%; height:4em;font-size:1.3em; background:#f1f1f1; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-cv ul{ margin:0; padding:0px 0 1em 0; list-style:none}
#box-cv li{ line-height:1.8em; height:1.8em; padding:0 0 0 1em; font-size:1.5em; border-bottom:1px dashed #e5e5e5;}
#box-cv li a{ color:#760d21; text-decoration:none}
#box-cv li a:hover{ background:#faf7de}
#box-cv .combo-medio{ width:20em;}

#box-cv .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
#box-cv .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
#box-cv .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}


/*SEZIONI*/
h2.titolo-sezione{ font-family: 'Merriweather', serif;position:relative; color:#698fb0; text-align:center; font-size:1.7em; padding:2em 0 1em 0; font-weight:100; font-style:italic}
h2.titolo-sezione span{ background:#fff; padding:0 1em; position:relative }
h2.titolo-sezione span i{ opacity:0.2}
h2.titolo-sezione::before {
    content: '';
    border-bottom: 2px solid rgba(0,0,0,0.05);
    width: 100%;
    position: absolute;
    right: 0;
    top: 2.5em;
}
.preview h2.titolo-sezione{ padding-top:0}
.preview h2.titolo-sezione::before {
    content: '';
    border-bottom: 2px solid rgba(0,0,0,0.05);
    width: 100%;
    position: absolute;
    right: 0;
    top: 0.5em;
}
/*numeri*/
.numeri{ overflow:hidden; margin-bottom:2em}
.numeri *{ box-sizing:border-box}
.numero{ width:25%; float:left; padding:1em}
.numero p{ font-family: 'Cabin', sans-serif; padding:0; margin:0; text-align:center; color:#666; text-transform:uppercase; font-size:1.05em; background:#f3efe7; height:13em; width:13em; border-radius:50%;}
.numero p span{ display:block; font-size:4em; color:#8da6b6; font-weight:600; padding-top:0.8em; font-family: 'Merriweather', serif;}
.numero:hover{-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);}
.numeri .pul a{ color:#aa7d2c; border:1px solid #e1e1e1 }
.numeri .pul a:hover{ background:#aa7d2c; border-color:#aa7d2c; color:#FFF;}

/*Lista prodotti*/
.lista-prodotti{ background:none; padding-bottom:2em}
.lista-prodotti ul{ display:block; margin:0 auto; width:100%; max-width:1400px; overflow:hidden }
.lista-prodotti h2.titolo-sezione span{ background:#f1f1f1; background:#e8ecf0;}
.lista-prodotti li{ float:left; width:20%}
.lista-prodotti .foto-prodotto{ width:90%; background:none; margin:0 5% 0.5em 5%; height:220px; position:relative}
.lista-prodotti .foto-prodotto figure{ padding:10px 30px; background:transparent url(elementi/bg-libro-sml.png) no-repeat center center; }
.lista-prodotti .foto-prodotto figure:before{ content:''; display:block; background:#093; position:absolute; width:141px; height:199px; top:50%; left:50%; z-index:3; margin:-101px 0 0 -70px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+37,0.3+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.lista-prodotti .foto-prodotto  figure{
	-webkit-perspective: 200px; /* Chrome, Safari, Opera  */
    perspective: 200px;}
.lista-prodotti .foto-prodotto figure img, .lista-prodotti .foto-prodotto  figure:before{    
-webkit-transform: rotateY(-3deg); /* Chrome, Safari, Opera  */
    transform: rotateY(-3deg);}
.lista-prodotti .foto-prodotto .discount{ top:2%; right:0; z-index:50}
.lista-prodotti .foto-prodotto figure a{ display:inline-block; padding:0px;}
.lista-prodotti .foto-prodotto img{ display:block; height:200px; width:141px; margin-top:0}
.box-prodotto{ font-size:1.2em; padding-bottom:1em}
.box-prodotto h1, #article .side-foto .box-prodotto h1{ text-transform:none;font-family: 'Merriweather', serif; font-size:1em; text-align:center; margin:0 0 15px 0; padding:0 15px}
.box-prodotto h1 a{ color:#666666}
.box-prodotto p{ text-align:center; font-size:1.1em;}
.box-prodotto .autore{ text-align:center; font-size:0.9em; padding:10px 0; font-style:italic}
/*.autore{ font-style:italic}*/
#stage .box-prodotto .prezzo, #stage #article .box-prodotto .prezzo{ text-align:center; color:#0069b4; color:#333; font-size:0.9em;font-family: 'Cabin', sans-serif; }

.lista-prodotti.sea{ /*background-image:url(elementi/bg-section.jpg); */background-repeat:repeat-x; background-position:top center}
.lista-prodotti.white{ background:#fff; padding-bottom:2em}
.lista-prodotti.white h2.titolo-sezione span{ background:#fff}
/*lista prodotti double*/
.lista-prodotti.double li, .lista-prodotti.white.double li{}
.lista-prodotti .foto-prodotto figure:before{ display:none }
.lista-prodotti.double li figure, .lista-prodotti.white.double li figure{ background:rgba(277,277,277,0.2)}
.lista-prodotti.double li img, .lista-prodotti.white.double li img{ height:auto; max-height:150px; width:auto; max-width:100% }
.lista-prodotti.double .foto-prodotto, .lista-prodotti.white.double .foto-prodotto{ height:200px}
.lista-prodotti.double .box-prodotto h1{ font-size:0.8em}
.lista-prodotti.double .foto-prodotto figure img, .lista-prodotti.double .foto-prodotto  figure:before{    
-webkit-transform: none; /* Chrome, Safari, Opera  */
    transform: none;}
/*lista prodotti autore*/
.lista-prodotti.autore { padding-left:30%}
.lista-prodotti.autore li{ width:25% }

/*NEWS E CLASSIFICA*/
.multi-clm{ display:table; width:100%; max-width:1400px; margin:0px auto; margin-bottom:20px; }
#container.home .multi-clm{ height:100%; max-width:none}
#container.home .clm{ padding:0}
.white{ background:#fff; overflow:hidden}
.clm{ display:table-cell; vertical-align:top; padding:0 10px; overflow:hidden; height:100%} 

.lista-news{ height:100%}
.lista-news ul { overflow:hidden; height:100%}
.lista-news li{ width:100%; margin:0 0 0em 0; overflow:hidden; padding:0 0 0em 0; display:block; float:left; height:33.3%; overflow:hidden; display:table}
.lista-news li:last-child{ height:33.7%}
.lista-news article{ height:100%; z-index:0; position:relative; display:table-cell; vertical-align:bottom; padding:1.5em 1.5em}
.lista-news .foto-fissa{ position:absolute; top:0px; z-index:-1; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; 
background-position:center center; opacity:1; right:0; left:auto}
.lista-news .foto-fissa::before{ content:''; position:absolute; bottom:0; width:100%; height:80%; 
-webkit-transition: all 100ms ease-out;  
    -moz-transition: all 100ms ease-out;  
    -o-transition: all 100ms ease-out;  
    -ms-transition: all 100ms ease-out;  
    transition: all 100ms ease-out;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.lista-news li:hover .foto-fissa::before{ background:rgba(0,0,0,0.4);  height:100%; }
.lista-news figure img{ max-width:100%; max-height:200px}
.lista-news .data, #stage .lista-news p.data, #stage #article .lista-news p.data{font-family: 'Merriweather', serif; font-size:1em; color:#fff; padding:10px 0 5px 0; max-width:none; text-align:left; font-weight:600; font-family: 'Cabin', sans-serif; }
.lista-news .categoria{font-family: 'Merriweather', serif; font-size:1em; font-style:normal; font-weight:600; color:#386993; padding:10px 0; text-align:left}

.lista-news .place{ color:#fff; font-size:13px; letter-spacing:0.5px; line-height:1.1em;font-family: 'Cabin', sans-serif; margin-top:10px; overflow:hidden }
.lista-news .place i{ color:#c0b08b}
.lista-news h1, #stage #article .lista-news h1{font-family: 'Merriweather', serif; font-weight:400; font-size:1.5em; text-align:left}
 #stage #article aside .lista-news h1{ font-size:1.2em; padding-top: 0}
.lista-news h1 a, #stage #article .lista-news h1 a{ color:#fdf101}
.lista-news h1 a:hover,  #stage #article .lista-news h1 a:hover{ color:#fff}
.lista-news .categoria a{ color:#c0b08b}

.appint_date{ width:110px; position:absolute; top:10px; right:10px; font-family: 'Cabin', sans-serif;}
.appint_date span{ width:50px; background:#FFFFFF; background:rgba(215,207,189,0.8); min-height:55px; display:inline-block; padding:2px; text-align:center; font-size:10px;font-weight:300;  float:right; text-transform:uppercase;}
.appint_date span strong{ font-size:26px; display:block; font-family: 'Merriweather', serif; color:#173d64 }
.appint_date span small{ font-size:13px; display:block; color:#333; font-weight:600}
.lista-news .pul{ padding-top:0}

/*variante call*/
.lista-news li.call{ text-align:center; background:#c6b459; }
.lista-news li.call article{vertical-align:middle}
.lista-news li.call h1{ color:#FFFFFF; font-weight:600; padding-bottom:10px; position:relative; margin-bottom:10px; font-size:1.8em}
.lista-news li.call h1:before { content:''; display:block; width:100px; height:2px; position:absolute; bottom:0px; left:50%; margin-left:-50px; background:#173d64; z-index:2}
.lista-news li.call p, #stage li.call p{ color:#FFFFFF}
.lista-news li.call .pul{ padding-top:10px; padding-bottom:0}
.lista-news li.call .pul a{ background:#173d64; color:#fff}

.classifica{}
.classifica table{ width:90%; margin:10px auto}
.classifica table td{ vertical-align:middle; text-align:center; padding:0 0 10px 0}
.classifica table img{ height:70px; border:0; border:5px solid #fff}
.position{font-family: 'Merriweather', serif; display:inline-block; width:30px; height:30px; line-height:30px; font-size:16px; font-weight:800; text-align:center; border-radius:50%; 
color:#005285; background:#e1e1e1}
.classifica h1{font-family: 'Merriweather', serif; font-size:1.1em; text-align:left; margin:0 0 15px 0; padding:0 10px}
.classifica h1 a{ color:#666666}
.classifica .autore{ text-align:left; font-size:0.9em; padding:5px 10px}
.classifica .prezzo{ font-size:13px; line-height:1.5em}
/*FAQ*/
.faq{overflow:hidden; margin-bottom:2em}
.faq *{ box-sizing:border-box}
.faq-list{ width:50%; margin-right:0; border-right:10px solid #fff; float:left; padding:0 0 0 1em}
.faq-list ul{ text-align:center; text-transform:uppercase}
.faq-list li{ border-bottom:2px solid #e9f0f4; position:relative}
.faq-list li:last-child{ border:0}
.faq-list li a.active::after{ content:'\f105'; content:'\f053'; position:absolute; left:0; height:1em; line-height:1em; margin-top:-0.4em; top:50%;font-family: FontAwesome; color:#999; font-size:1.2em;}
.faq-list li a{ display:block; font-weight:600; font-size:1.05em; padding:0.5em 0;color:#0069b4;}
.faq-list li a:hover, .faq-list li a.active{ color:#333 }

.faq-answer{ width:50%; margin-left:5%; margin-left:0px; border-left:10px solid #fff; float:left; padding:2.5em 0 2.5em 1em; text-align:center; background:#e9f0f4;}
.faq-answer h1{ margin:0; padding:0; text-transform:uppercase; color:#0069b4; font-size:1.6em}
.faq-answer p{ margin:0; padding:0; color:#666; font-size:1.1em}
.faq-answer article.hidden{ display:none; }
.faq-answer article.visible{ display:block;}
.faq .pul{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
.faq .pul a{ color:#0069b4; border:1px solid #e1e1e1 }
.faq .pul a:hover{ background:#0069b4; border-color:#0069b4; color:#FFF;}

/*ARTICLE*/
.path{ margin:0px 0 0em 0; padding:0px 0px;}
.path{ position:relative  }
.path ul{ list-style:none; margin:0; padding:0px; text-align:left}
.path ul li{ display:inline-block; padding:1em 0em 1em 0; letter-spacing:0.5px; background:rgba(277,277,277,0); font-size:13px; text-transform:uppercase; color:#c0b08b; 
border-bottom:0px solid #fff; margin:0}
.path ul li:hover{ background:none}
.path ul li a{ color:#c0b08b; color:#ff8b00}
#stage.internal{ background:#f3efe7; background:#e9f0f4; background:none; padding-bottom:1.5em}
#stage.internal .content{ z-index:100; max-width:none}
/*citazione*/
p.citazione, #stage #article .article-content p.citazione{font-family: 'Merriweather', serif; font-style:italic; font-size:1.1em; line-height:1.5em; margin-top:20px; text-align:left; color:#5a6774; position:relative; padding-left:2em !important; padding-right:1em !important}
p.citazione::after{ content:'\f105'; content:'\f10e'; position:absolute; left:0px; height:1em; line-height:1em; margin-top:0em; top:0%;font-family: FontAwesome; color:#000; opacity:0.2; font-size:1.7em; font-style:normal}
p.citazione .who{ display:block; padding:10px 0;font-family: 'Cabin', sans-serif; font-size:1em; font-weight:800}
p.citazione .who em{ font-weight:100 }
/*testata*/
.testata{ min-height:10em; padding-top:100px; background:#4f86ac; background:#e7e3db; background:#dbe6ec; background:none; position:relative}
#stage.internal .testata .content{ height:100%; z-index:1200; max-width:1400px}
.testata.big{ height:46em}
@media only screen and (min-width: 1200px) {
	.testata.big{ height:50em}
	#stage .lista-nomi input.input-text{ font-size:1em}
	.lista-nomi .pul-search a{ font-size:1em}
}
.testata.big::before{ content:''; position:absolute; width:100%; height:100%; top:1px; left:0; bottom:0; right:0; z-index:1200; opacity:0.9; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0+0,1+91 */
background: -moz-linear-gradient(top,  rgba(35,31,32,0) 0%, rgba(35,31,32,1) 91%, rgba(35,31,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 91%,rgba(35,31,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 91%,rgba(35,31,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */

}
.testata .foto-fissa{ position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.testata .title-testata{font-family: 'Merriweather', serif; padding:40px 20px 20px 20px; font-size:2.5em; border-bottom: 1px solid #333;  color:#666; font-weight:600; text-align:right; }
.testata .title-testata.smallText{/* padding:40px 20px 0 20px*/}
#stage.internal .testata .title-testata{ max-width:1420px; margin:0 auto}
.testata .text-container{ position:absolute; bottom:0; top:50%; height:50%; right:0; left:0%; z-index:101; width:100%}
.testata .titoletto{ padding-bottom:30px}
.testata .categoria{ text-transform:uppercase}
.testata .clm.foto-storia{ width:220px; vertical-align:middle; padding:0 20px; width:60px}
.testata .clm.foto-storia img{ width:100%; padding:0; display:none}
#article header .data{ display:inline-block; text-align:left; padding-right:0.5em; font-family: 'Cabin', sans-serif; color:#fdf101; font-size:1.1em; letter-spacing:0.5px; text-transform:uppercase }
#article header .luogo{ display:inline-block; text-align:left; border-left:1px solid #fff; padding-left:0.5em; font-family: 'Cabin', sans-serif; color:#fff; font-size:1.1em; letter-spacing:0.5px; text-transform:uppercase }

.videoWall { 
  position: absolute;
  bottom: 0px; 
  right: 0px; 
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto; 
  z-index: 100; 
  overflow: hidden;
  object-fit:fill;
}
.playIcon{ width:100px;  margin:-45px 0 0 -50px; position:absolute; top:30%; left:50%;z-index:2200; text-align:center}
.playIcon a{ display:block; color:#FFF; font-size:11p; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none}
.playIcon a img{ width:100%; height:100%; border:0; }

/*SHARE ARTICLE*/
.share{ width:40px; position:absolute; top:25px; left:10px; z-index:200}
.share ul{ margin:0; padding:0}
.share li{ display:block; text-align:center; font-size:15px; margin-bottom:5px}
.share li a{ display:block; color:#191617; background:#ccc;  height:40px; line-height:40px; border-radius:50%}
.share li a:hover{ background:#333; color: #ccc }
.share.inline{ position: relative; top: auto; left: auto; padding: 5px 0; width: auto; background: none; margin-right: 0; float: none}
.share.inline ul:after{ content: 'condividi'; display: inline-block; color: #666; font-size: 10px; text-transform: uppercase; font-family: 'Cabin', sans-serif;}
.share.inline li{ display: inline-block; font-size: 11px}
.share.inline li a{ width: 2em; height: 2em; line-height: 2em}
#article .share.inline{ text-align: center; padding-bottom: 10px }

#article{ background:#231f20; position:relative;  z-index:200; padding:0;}
#article header{ position:relative; padding:0 0 2em 0em}
#article.no-slider header{ margin-top:0; display:block }
#article.no-slider{}
#stage #article  p{ color:#fff; font-size:1.1em; font-weight:200; text-align:left; line-height:1.4em; padding:0 20px 0.7em 20px; 
 max-width:none}
#stage #article.lista-nomi  p{ padding-bottom:1em; max-width:1200px}
#stage #article.lista-nomi .more-text  p{ max-width:900px; font-family: 'Cabin', sans-serif;}
#article  p a{ color:#fff; color:#ff8b00; text-decoration:underline;}
#article  p a.leggi{ display:block; font-weight:600}
#article  p.note,  #sequence p.note{ font-size:0.9em; font-family: 'Cabin', sans-serif; padding:1em 0 !important; font-weight:600}
#article header .testata.big h1{ text-align:left;   color:#dadbda; font-family: 'Cabin', sans-serif; font-size:3.7em; padding:0; margin:0}
#article header .testata h1, #article .article-content h1{color:#fdf101; max-width:1000px; padding:20px 20px 20px 50px; text-align:left;font-family: 'Merriweather', serif; font-weight:600; 
font-size:2.2em}
#article header .testata figure{ text-align:center}
#article header .testata img{ max-width:100%; max-height:300px; display:inline-block}
#article header .testata .path{max-width:1420px; margin:0 auto; padding:0 20px}
#article  h1{ text-align:center; font-size:2em; padding:0.5em 0em 0 0; color:#fff; overflow:hidden;font-family: 'Merriweather', serif; font-weight:800}
#article  h1 span{ display:inline-block; padding:0 0px; color:#6685a6; font-style:italic}
#article  h1 a{ color:#999}
#article  h2{ text-align:center; font-size:1.6em; padding:1em 0 1em 0; overflow:hidden; font-weight:600; color:#fdf101}
#article  aside h2{ padding:0; color:#ff8b00; font-family: 'Merriweather', serif; font-weight:100; font-size:0.9em; text-transform:uppercase}
#article  .testata h2{ margin:0; font-size:1.5em; text-align:left; line-height:1.4em; color:#fff; text-transform:none; max-width:1100px; max-width:1400px; font-weight:400; font-style:italic; padding:0.5em 0}
#article .article-content .data{ overflow:hidden; letter-spacing:0.5px; font-size:1.1em; color:#fff; padding:0px 20px 0px 50px; text-transform:uppercase; font-weight:600}

/*Mappa italia*/
.italy-map{ float:right; display:block; width:200px; height:auto; margin-top:2em; padding:20px; position:relative}
.italy-map img, .italy-map #svgobject{ width:100%; height:auto}
/*ARTICLE CONTENT*/
#stage.internal article .content{ max-width:1400px; overflow: hidden}
.article-content{ overflow:hidden; float:left; width:70%; padding:20px 20px 20px 20px; box-sizing:border-box}
#article .article-content header{ padding-left:0; display:block }
#article  .article-content header h1{ font-size:1.9em; text-transform:none; font-weight:600;}
#stage #article .article-content p{position:relative;font-family: 'Merriweather', serif; font-size:1.1em; line-height:1.6em; padding:0.5em 20px 0.5em 50px  }
#stage #article .article-content p img{ max-width: 100% !important; height: auto !important}
#article .article-content h2{ margin:0;position:relative;text-transform:none; text-align:left; font-family: 'Merriweather', serif; color:#fdf101; padding:0.5em 20px 0.5em 50px}
#article .article-content header h2{ font-size:1.5em; padding:0.5em 20px}
#article .article-content blockquote{ clear:both; margin:1em 0 0 0; position:relative; color:#fdf101; font-style:italic; border-right:0px solid #666; font-weight:100;font-family: 'Merriweather', serif;   font-size:1.6em; line-height:1.3em; padding:0em 20px 1em 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,ffffff+66&0.08+0,0+66 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.08) 1%, rgba(255,255,255,0) 66%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 66%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.08) 1%,rgba(255,255,255,0) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
#article .article-content blockquote:before{ content:'\f10d'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0em; display:inline-block; color:#e20075}
#article .article-content blockquote footer{ display:block; padding:10px 0; font-size:16px; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}
#article .article-content audio{ display:block; width:100%; max-width:600px }
#article .article-content .audio{ position:relative;font-size:1.22em; line-height:1.5em; margin:1.5em 0; padding:0em 20px 0em 50px}
#article .article-content .audio:before{ content:'\f028'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.1em; display:inline-block; color:#e20075}
#article .article-content .audio footer{ display:block; padding:10px 0; font-size:16px; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}

/*video article content*/
.article-content .video-box, .video-box{ position:relative;margin:1em auto; width:100%; padding:0.5em 20px 0.5em 50px; box-sizing:border-box;clear:both}
.article-content .video-box .video-box, .video-box .video-box{ padding: 0}
.article-content .video-boxxxx:before{ content:'\f03d'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.5em; display:inline-block; color:#e20075}
.article-content .dida, .video-box .dida{ display:block; padding:15px 0 10px 0; font-size:16px; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}
.article-content .video-box .dida{ max-width:600px }
.article-video{position: relative; }
.article-video iframe {
	with:100%; height:56%; display:block;  max-width: none;
}

.box-prezzo{ padding:1em 0 2em 0; text-align:center; font-family: 'Cabin', sans-serif; }
#article .box-prezzo h2, .box-prezzo h2{ font-size:2em; color:#fff; padding:0; font-weight:100}
#article .box-prezzo h3, .box-prezzo h3{ font-size:0.9em; color:#999; padding:0 0 0.5em 0}
#article .box-prezzo h3 span, .box-prezzo h3 span{ text-decoration:line-through}
#article .box-prezzo h3 strong, .box-prezzo h3 strong{ color:#666666; font-weight:600}
#stage #article .box-prezzo p, .box-prezzo p{ font-size:11px; color:#fff; padding:0.2em 0}
#stage #article .box-prezzo p .green, .box-prezzo p .green{ color:#009900 !important }
.box-prezzo .pul{ text-align:left}
.box-prezzo .pul a, #sequence .box-prezzo .pul a{ background:#0069b4; color:#FFFFFF; padding:1em 1.5em}

#stage .side-content .box-cell{ width:100%}
#stage #article .side-content .box-cell .box img{ max-height:150px}

.risultati-content{ overflow:hidden; }

.side-content{ width:30%; margin-left:0%; float:right; padding-bottom:20px 0;}
.side-menu{ width:20%; margin-right:0%; float:left; padding-bottom:1em;}
.side-menu form{ margin:0; padding:0 0 10px 0}
.side-menu form label{ padding:10px 20px; display:block}
.blocco{ display:block;  box-sizing:border-box; padding:10px 20px; margin:5px 0; overflow:hidden; color:#ccc}
.blocco a{ color:#fff; font-weight:600; text-decoration:underline}
.blocco .label{ height:24px; line-height:24px; font-size:1em; display:inline-block; vertical-align:top; color:#ccc}
.side-menu .blocco{ border-top:1px solid #000;  border-bottom:1px solid #000; padding:10px 5px; margin:5px 20px}

.article-content ul{color:#fff; margin:0.5em 20px 0.5em 60px; list-style:circle; list-style-position:outside}
.article-content ol{color:#fff;  margin:0.5em 20px 0.5em 60px; list-style:decimal; list-style-position:outside}
.article-content li{font-family: 'Merriweather', serif;font-size:1.22em; text-align:left; padding:0.2em 0;  margin-left:1.2em}

.article-content figure{ overflow:hidden;position:relative; padding:0.5em 30px 0.5em 50px; margin:1em auto 0.5em auto  }
.article-content figure img{ max-width:100%; max-height:800px; margin:0 auto; border:0; display:block}
.article-content figcaption{ display:block; padding:15px 0 10px 0; font-size:16px; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}
.article-content figure.x70, .article-content figure.x60, .article-content figure.x50, .article-content figure.x30{ float:left}

#stage #article .side-content .box, #stage #search-list .box{ display:block; background:#fff; padding:0; width:100%; height:auto; border:10px solid #231f20; border-right:20px solid #231f20}
#stage #article .side-content .box.yellow, #stage #search-list .box.yellow{ background:#f8ec02}
#stage #article .side-content .box.yellow h1, #stage #search-list .box.yellow h1{ color:#333}
#stage #article .side-content .box.orange, #stage #search-list .box.orange{ background:#fa8501}
#stage #article .side-content .box.violet, #stage #search-list .box.violet{ background:#e20075}
#stage #article .side-content .box.text img{ width:100%}
#stage #article .side-content .box.text a{ color:#000}
#stage #article .side-content .box.text a:hover{ color:#999}
#stage #article .side-content .box p, #stage #search-list .box p{ color:#333; font-size:1.1em }
#stage #article .side-content .box.gallery .foto-container li{ width:33.3%}
#stage #article .side-content .box .data, #stage #search-list .box .data{ overflow:hidden; font-size:13px; padding:1.5em 20px 0 20px; text-transform:uppercase; font-weight:600}

#stage #article .side-content .box.map{ background:none; color:#fff}
#stage #article .side-content .box.map h1{ font-size:1.1em}

.tag-list{ text-align:left; padding:0 0 0 50px; position:relative }
.tag-list ul{ margin:0}
.article-content .tag-list ul li{ margin:0 0.2em 0 0; font-family:'Cabin', sans-serif}
.side-content .tag-list{ text-align:center; float:none; padding:1em 1em 2em 1em;}
.tag{ display:inline-block; font-size:1em; margin-bottom:5px; font-weight:600}
.tag a{ display:block;  background:#e20075; background:#fff; font-weight:600;  padding:5px 5px; color:#333; font-size:12px; text-transform:uppercase}
.tag a:hover{ background:#333; color:#FFF }
.tag.active a{ background:#000}
.tag.active a{ color:#FFF !important}
#article .article-content .tag-list h2{ padding-left:0}
.article-content .tag-list:before{ content:'\f02b'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.5em; display:inline-block; color:#e20075}

#stage #article .box-list{ text-align:center}
#stage #article .box{ height:18em; border:5px solid #231f20; background:#fff; width:25%; box-sizing:border-box;  display:inline-block}
#stage #article .box .foto-container{ width:100%;}
#stage #article .article-content iframe,  .video-box iframe{ width:100%; max-width:600px; max-width: none; margin-left:0%; height:26em}

.occhiello{ position:absolute; z-index:300; width:100% }
.balloon{ position:absolute; right:1em; top:2em; background:#FFF; background:rgba(255,255,255,0.3); border-bottom:2px solid #fff; max-width:30%; display:inline-block; box-sizing:border-box; padding:1.5em; font-family:'PT Serif', serif; display:none;}
.balloon p{ color:#FFF; text-shadow:1px 1px 1px #000; font-size:1.7em; font-style:italic; text-align:right}
#stage .side-content .box{ height:auto}


/*RICERCA NELLE NEWS*/
#search{margin:0 auto; max-width:1400px; overflow:hidden;  border-top:0px solid #333; padding:0px; font-size: 0.9em; text-align: center; border-bottom:1px solid #333;}
#search form{ display:inline-block;  width:450px;  box-shadow:0 0 20px rgba(0,0,0,1); margin:-0px auto 0 auto; font-size:15px; position:relative; padding-right:50px; text-align: left; vertical-align: top}
#search .search-container{ padding: 20px}
#search input.input-text{ color: #333}
#search input.input-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

#search input.input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

#search input.input-text::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}
#search .pul-search{ position:absolute; top:0; right:0px; }
#search .pul-search a{ color:#FFFF00; background:#fff; color:#333333; text-align:center; font-size:1em; line-height:2.5em; height:2.5em; width:50px; display:inline-block}
#search .pul-search a i{ font-size:1.5em}
#search .pul-search a:hover{ background:#000; color:#fff}

#search .pul-archivio{ display: inline-block; font-size: 15px}
#search .pul-archivio a{ color:#fff;  text-align:center; font-size:1em; line-height:2.5em; height:2.5em; display:inline-block; vertical-align: top; margin-left: 20px; padding: 0 0.8em; background: #333; border-radius: 3px}
#search .pul-archivio a i{}
#search .pul-archivio a:hover{ color:#fff}

/*PRIMO PIANO*/
.primo-piano{ margin:0 auto 10px auto; max-width:1400px; overflow:hidden;  border-top:1px solid #333; padding:20px 0; border-bottom:1px solid #333;}
.primo-piano .multi-clm{ width:66.6%; float:left}
.primo-piano .clm{ vertical-align:middle}
.primo-piano figure{ width:100%; margin:20px auto 0 auto}
.primo-piano figure img{ width:100%}
.primo-piano h1{ margin:0; padding:0 20px;  font-family: 'Merriweather', serif; color:#fff; font-size:2em}
.primo-piano h1 a{ color:#fdf101 }
#stage .primo-piano .data{ overflow:hidden; letter-spacing:0.5px; font-size:1.1em; color:#fff; padding:20px 20px 20px 20px; text-transform:uppercase; font-weight:600}

/*CALENDARIO*/
.primo-piano .calendario{ width:33.3%;  box-sizing: border-box; float:right; padding:10px 0 0 20px; border-left:0px solid #666;}
.calendario h2, #stage .calendario h2{ margin:0; padding:0 20px;  font-family: 'Merriweather', serif; color:#fff; font-size:1.5em; text-align:center}
.calendario h3, #stage .calendario h3{ margin:0; padding:10px 20px;  color:#fff; font-size:20px; text-transform:uppercase; letter-spacing:0.5px; text-align:center;  font-family:'Cabin', sans-serif; border-bottom: 3px solid #333;}
.calendario h3 a, #stage .calendario h3 a{ color: #fff}
.calendario h3 a i, #stage .calendario h3 a i{ color: #fdf101}
.calendario h3 a .prev-day{ display: block; float: left}
.calendario h3 a .next-day{ display: block; float: right}

.calendario .select-month, #stage .calendario .select-month{ margin:0; padding:10px 20px;  color:#fff; font-size:20px; text-transform:uppercase; letter-spacing:0.5px; text-align:center;  font-family:'Cabin', sans-serif; border-bottom: 3px solid #231f20;}
.calendario .select-month a, #stage .calendario .select-month a{ color: #fff}
.calendario .select-month a i, #stage .calendario .select-month a i{ color: #fdf101}
.calendario .select-month a .prev-day{ display: block; float: left}
.calendario .select-month a .next-day{ display: block; float: right}
.calendario .select-month form{ padding: 0; margin: 0; display: inline-block}
.calendario .select-month form input{ background: none; color: #333; text-align: center; border: 0; font-size: 19px; font-family:'Cabin', sans-serif; font-weight: 600; cursor: pointer; text-transform: uppercase; padding: 0 20px 0 0; background: transparent url(elementi/calendar.svg) no-repeat right center; background-size: 20px}

.calendario p, #stage .calendario p{ margin:0; padding:1em 20px;  color:#ccc; font-size:0.95em; line-height: 1.3em; text-align:center; margin: 0 auto; font-family: 'Cabin', sans-serif}
.primo-piano .calendario h1{ font-size:1.5em; text-align:center}
#stage .calendario .search-result{ position:relative; margin-top:0; border-top:3px solid #404040; padding:0 0 5px 0; max-width:600px; margin:0 auto; background: #353535; min-height: 260px}
#stage .calendario .search-result ul{ overflow:visible; height:200px }
 #stage .calendario .search-result .arrow-left,  #stage .calendario .search-result .arrow-right { top:5px; width:30px}
 #stage .calendario .search-result .arrow-left a,  #stage .calendario .search-result .arrow-right a{ font-size:30px; line-height:25px; color: #fdf101 }
#stage .calendario .search-result p{ font-size:13px; padding:2px; font-family:'Cabin', sans-serif;}
#stage .calendario .search-result p.no-result{ padding: 20px 0; font-size: 18px}
#stage .calendario .search-result .arrow-left{ left: 0}
#stage .calendario .search-result .arrow-right{ right: 0}

/*ARCHIVIO NEWS*/
.lista-news .side-menu{ width: 100%}
.side-menu-container{ border-right: 1px solid #333;
      
}
.lista-news.archivio{ border-top: 1px solid #333;  border-bottom: 0px solid #333}
.lista-news.archivio .multi-clm{ margin-bottom: 0}
.lista-news .side-menu .pul{ padding: 20px 0}
.side-menu label{ display: block; float: left;}
#stage .lista-news .box{ padding: 0; border-bottom:1px dotted #333;}
#stage .lista-news .box article { min-height: 120px; padding: 20px; box-sizing: border-box; overflow: hidden; display: block}
#stage .lista-news .box figure{ margin: 0 20px 0 0; padding: 0; float: left; text-align: center; width: 150px; height: auto; overflow: hidden; max-height: 120px}
#stage .lista-news .box figure img{ display: inline-block; max-height: 100%; max-width: 100%; width: auto; height: auto}
#stage .lista-news .box h1{ display: block; padding: 5px 0}
#stage .lista-news .box h1 a{ color: #fdf101; font-weight: 600; font-size: 1.5em; }
#stage .lista-news h2{ font-size:1.2em; font-weight:100; margin:0px 0 0 0; overflow:hidden; padding:10px 20px 10px 0; border-top:0px solid #f1f1f1;border-bottom:1px solid #333; color:#999}
#stage .lista-news  h2 span{ color:#999}
#stage .lista-news  h2 span.number{ float:right; text-transform:uppercase; font-size:13px; line-height:2em}
#stage .lista-news  h3{ padding:10px 20px; margin:0.8em 0 0 0; font-weight:600; font-size:1em; overflow:hidden}

/*PAGING*/
#paging{  height:auto;  margin:30px 0px 10px 0px; position:relative; text-shadow:none; overflow:hidden; }
#paging ul{margin:0 auto; padding:0; width:300px; height:30px; text-align:center}
#article #paging li, #paging li{display:inline-block; float:none; margin:0 5px 0 0; padding:0; border:0; background:none; width: auto; height: auto}
#paging li a{display:block; font-size:12px;line-height:2em; width:2em; border-radius:50%; background:#333;  text-align:center; margin:0; padding:0; text-decoration:none; color:#fff}
#paging li.attivo a:link, #paging li.attivo a:visited{  color:#333; background:#fdf101;}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:underline;color:#ccc;}

/*MAPPA MEMORIA E IMPEGNO*/
#map{ width:100%; height:100%; background:none}
.mapSearch{ position:absolute; top:120px; right:20px; z-index:200; width:450px; font-family: 'Merriweather', serif; background: rgba(0,0,0,0.2); padding:10px  }
.mapSearch h1{ margin:0 0 0.5em 0; padding:0; color:#FFFFFF; font-size:30px; font-weight:600}
#stage .mapSearch p{ color:#ccc; font-size:0.85em; line-height:1.5em; margin:0; padding:0 10px 0 0}
.mapSearch form{   max-width:450px; background:#231f20; padding:0 20px 20px 20px; overflow:hidden;  margin:20px auto 0 auto; font-size:22px; position:relative; }
#stage .mapSearch .pul-search{ position:absolute; bottom:0px; right:0px; }
#stage .mapSearch .pul-search a{ color:#FFFF00; background:#322f30; color:#ccc; text-align:center; font-size:0.7em; line-height:1.8em; height:1.8em; width:40px; display:block}
#stage .mapSearch .pul-search a i{ font-size:1.1em}
#stage .mapSearch .pul-search a:hover{ background:#000; color:#fff}
#stage .mapSearch input.input-text{font-family:'Cabin', sans-serif; border:0; color:#333; color:#ccc; background:#322f30; border-radius:0px; height:1.8em; line-height:1.8em; font-size:0.7em; text-indent:10px; width:100%; float:left}
#stage .mapSearch .combo{font-family:'Cabin', sans-serif; font-size:0.7em;color:#333; margin:5px 0 0 0;  border-radius:0px; height:1.8em; line-height:1.8em; border:0}
.mapSearch label{ text-transform:uppercase; overflow:hidden; margin:0; padding:0; display:block; position:relative}
span.label{ font-size:10px; text-transform:uppercase; display:block; padding:20px 0 5px 0; font-family:'Cabin', sans-serif; color:#999;letter-spacing:0.5px;}
.mapSearch .checkboxFive label{ position:absolute}
.mapSearch .checkboxFive{ vertical-align:middle}
.label.check{ font-size:15px; text-transform:none; display:inline-block; vertical-align:middle; padding:0px 0 0px 0;font-family: 'Merriweather', serif; color:#fff;letter-spacing:0px;}
.label.check span{ font-size:0.8em; color:#666666}
.label.check .yellow{ color:#f8ec02}
.label.check .orange{ color:#fa8501}
.label.check .violet{ color:#e20075}
.mapSearch .clearer{ height:5px}

#stage .mapSearch .pul a{font-family:'Cabin', sans-serif;}
#no-name{ position:fixed; top:40%; left:40%; width:300px; margin-left:-150px; background:rgba(0,0,0,0.5); text-align:center; padding:20px; border-radius:5px; color:#fff}

/*FEEDBACK*/
.lista-tabella li{ overflow:hidden; border-bottom:1px solid #f1f1f1; padding-top:10px}
.box-feedback{ padding-bottom:1em}
.box-feedback .rat{ float:left; padding:20px}
.box-feedback .user{ font-size:13px; color:#666666; padding:10px 0 0 0; overflow:hidden}
.box-feedback .user strong{ color:#333 }
.box-feedback h1{ font-size:1.2em; padding:0.2em 0; overflow:hidden}
#stage .box-feedback .data{ padding:0 20px 0 10px; float:right; font-size:0.85em; color:#666666; text-align:left; max-width:none}
.rat img{ width:20px}
#stage .side-menu img{ max-width:150px; margin:10px auto; border:0; display:block}

#stage .side-menu p{ padding:5px 20px; font-size:0.9em; max-width:none; font-family: 'Cabin', sans-serif;}
.box-feedback .foto-prodotto{ float:left; padding:20px; display:block; width:auto; padding:0}
.box-feedback .foto-prodotto figure{ width:100px; display:block}
.box-feedback .foto-prodotto img{ height:60px; width:auto}

/*CARRELLO*/
.cart .risultati-content{ width:65%}
.cart .lista-tabella li{ padding-right:10px; overflow:hidden}
.cart .lista-tabella .blocco{ float:right}
.cart .box-feedback h1{ font-size:18px; padding-top:1em}

.cart .lista-tabella .pul-elimina{ float:left; padding:10px 0 10px 10px}
.cart .lista-tabella .pul-elimina a{ display:inline-block; padding:10px; color:#FF3300; font-size:30px}

.table-cart{ width:100%; margin:10px 0; background:#f1f1f1; background:#e9f8ff}
.table-cart td{ padding:15px 10px; text-transform:uppercase; font-size:0.9em; color:#666666}
.table-cart tr:last-child td{ border-top:1px dotted #e1e1e1}
.table-cart td strong{ color:#333333}
.table-cart td .info{ font-size:11px; color:#666; display:block; text-transform:none}
.table-cart td.price{ text-align:right; text-transform:none; font-size:1em}
.cart .side-content h2{ padding:0 10px; text-align:center; color:#5fbae4}
.cart .side-content .blocco{ padding:5px}
.cart .side-content .blocco input{ margin-top:5px}
#stage .cart .intro-text p{font-family: 'Cabin', sans-serif;  padding:11px; font-size:14px; color:#666666; text-align:center}
.cart .side-content .pul{ padding:0}

#stage .cart p{ max-width:none; padding:0em 20px 0.5em 20px; font-size:1.1em; font-family: 'Cabin', sans-serif;}
.box-address{  background:#fbfbe7; border:20px solid #fff}
.cart .box-address h3{ padding:0.5em 0 5px 0; margin:0em 20px 0 20px; font-size:1.2em; font-weight:600 }
.risultati-content form{ overflow:hidden;}
.risultati-content form .blocco{ float:left; padding:10px 0 10px 20px}
.cart .risultati-content .blocco input, .cart .risultati-content .blocco select{ margin-top:5px}
.risultati-content form { overflow:hidden; padding:0 20px 20px 0}
.risultati-content form .pul-procedi{ clear:both; padding:20px 20px 20px 0}
.risultati-content h3{ padding:10px 20px; margin:0.8em 0 0 0; font-weight:600; font-size:1em; overflow:hidden}

.pul-procedi{ text-align:center; padding-bottom:20px}
.pul-procedi a{ text-shadow:none; color:#fff;padding:10px 15px; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
 background:#33CC66; border:1px solid rgba(0,0,0,0.07); border-bottom:2px solid rgba(0,0,0,0.07); text-decoration:none; font-size:1em; font-size:12px; text-transform:uppercase; font-weight:400} 
.pul-procedi a:hover{color:#fff;background:rgba(0,0,0,0.7);}


/*CATALOGO*/
.intro-text{ padding:10px 20px 20px 20px}
.side-menu .intro-text{ padding:0}
.intro-text h1{ margin:0 0 10px 0; padding:0; font-weight:100; font-size:1.6em}
#stage .intro-text p{ text-align:left; font-size:1.1em; max-width:none}

#stage .box-feedback .prezzo{ overflow:hidden; padding:0 20px 0 0px; margin-top:0.2em; font-size:17px; color:#333; text-align:left; max-width:none}
#stage .box-feedback .prezzo span{ font-size:0.7em; color:#999999; text-decoration:line-through;}

/*BOX SEARCH*/
.box-search{}
.box-search .blocco{ font-size:1.2em}
input.input-text{ width:100%}
.risultati-content .box-search h2{ font-size:1.1em; border-bottom:0; clear:both }
.box-search .pul{ text-align:left; padding:15px 20px}
.box-search .pul a{ display:inline-block; padding:10px 15px; letter-spacing:0.4px; font-weight:100; text-transform:uppercase; color:#fff; background:#fff; background:#67a6d3; border:0; border-bottom:3px solid rgba(0,0,0,0.05); border-radius:5px;   font-size:12px;}
.box-search .pul a:hover{ color:#FFF;  text-decoration:none; background:#333 }

.risultati-content .blocco label img{ display:block; clear:both; width:auto; max-width:100%} /*per stilizzare immagine dentro checkbox*/
.risultati-content input[type=radio   ]:not(old) + label{ text-align:center}


#stage .box-prodotto p.data{ text-transform:none; font-size:13px; font-weight:600; color:#386993; font-style:italic; margin-bottom:5px}
#search-list .testata-offerta span.scadenza{ font-size:0.6em; display:block}
#search-list .lista-prodotti.offerte li{ width:33.3%}
.lista-prodotti.double.offerte li img, .lista-prodotti.white.double.offerte li img{ max-height:200px}
.lista-prodotti.double.offerte .box-prodotto h1{ font-size:1.1em; font-weight:400}
.lista-prodotti.double.offerte .box-prodotto h1 a{ color:#333333}
/*RISULTATI*/
#search-list{ background:#fff; background:none; max-width:1400px; margin:0 auto}
#stage #search-list.masonry .box{ box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; border-right:0; border:10px solid #231f20; display:inline-block;}
.masonry {
	-moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    column-gap: 0px;
}
#stage #search-list.masonry .box h1{ padding-bottom:30px}
	
.side-menu h2{ font-size:1em; color:#ccc; text-transform:none; font-weight:100;  margin:0; padding:0 0 0 20px; letter-spacing:0.4px;}
.side-menu ul{ padding:10px}
.side-menu li{ padding:5px 10px; font-size:1.1em; color:#999}
.side-menu li a{ display:inline}
.side-menu li ul{ padding:5px 0 10px 0;}
.side-menu li ul li{ font-size:0.9em; padding-left:5px}
#search-list .lista-prodotti li{ width:25%}
#search-list .lista-prodotti .foto-prodotto{ height:170px}
#search-list .lista-prodotti .foto-prodotto .discount{ right:15%; z-index:10 }
#search-list .lista-prodotti .foto-prodotto figure{ padding:20px 0 0 0}
#search-list .lista-prodotti li:nth-child(4n+1){ clear:both;}
.risultati-content h2{ font-size:1.5em; font-weight:100; margin:0; overflow:hidden; padding:10px 20px; border-top:1px solid #666;
border-bottom:1px solid #666; color:#fff}
.risultati-content h2 span{ color:#fff}
.risultati-content h2 span.number{ float:right; font-size:13px; line-height:2em}
.cart .risultati-content h2 span.number{ font-size:15px}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*box gallery di article*/
.gallery{ border:0; height:auto; width:100%; padding:0.5em 20px 0.5em 50px; position:relative; margin:1em 0  }
.slider .gallery{ padding:10px}
.article-content .gallery:before{ content:'\f030'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.5em; display:inline-block; color:#e20075}
.article-content .slider .gallery:before{ display:none}

.gallery h1{ text-align:center; font-size:1.1em; padding:0.5em 10px 0.5em 10px; overflow:hidden; text-transform:uppercase; font-weight:100}
.gallery { width:100%;}
.slider .gallery{ max-width:900px}
.gallery  ul{ padding:1em 5px; margin:0; list-style:none;text-align:center !important; }
.slider .gallery  ul{ text-align:left !important }
.gallery  li{ width:200px; width:auto; padding:0 0 10px 0; height:auto;text-align:center !important; display:inline-block; vertical-align:middle; box-sizing:border-box; border:0px solid #fff; margin:0}
.gallery  li a{ display:inline-block; padding:0 2px; vertical-align:middle; position:relative; 
-webkit-transition: all 100ms ease-in-out;  
    -moz-transition: all 100ms ease-in-out;  
    -o-transition: all 100ms ease-in-out;  
    -ms-transition: all 100ms ease-in-out;  
    transition: all 100ms ease-out;}
.slider .gallery  li{ width:150px; height:100px}
.slider .gallery li a{ display:block; width:150px}
.slider .gallery li a img{ max-width:100%; max-height:160px}

.gallery  li a:hover{margin-top:-0px;box-shadow:10px 10px 20px rgba(0,0,0,0.8);}
.gallery  li a:hover img{  }
.gallery  li.active a{ }
.gallery  li img{ max-width:200px; max-height:200px; border:0; display:block; border:2px solid #fff;}
.gallery  li a:before{ content:''; display:block; background:#093; position:absolute;top:0%; left:0%; z-index:3; margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+37,0.3+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.gallery li:nth-child(odd) a{
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
    transform: rotate(-1deg);
}

.gallery li:nth-child(even) a{
     -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}
.gallery li:nth-child(even) a:hover, .gallery li:nth-child(odd) a:hover{
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}


/*MAPPA*/
#map{ width:100%; height:100%; background:#ccc}

/*STATISTICHE*/
.stats{ padding:100px 470px 20px 20px; max-width:1400px; margin:0 auto; position:relative}
.stats .title-testata{font-family: 'Merriweather', serif;  margin:0 0 0.5em 0; padding:20px 0; color:#999; font-size:30px; font-weight:600; border-bottom:1px solid #333}
.stats .mapSearch{ position:absolute; position:fixed; top:120px; right:0px; z-index:200; width:440px; font-family: 'Merriweather', serif;  }
.stats .mapSearch form{ padding:0 20px 20px 0; background:none }
.stats .mapSearch .pul{font-family: 'Cabin', sans-serif;}
.stats .mapSearch label{ float:left; padding-left:10px}
.stats .italy-map{ width:auto; float:none; margin:0; padding:20px}

.stats canvas{ padding:10px}
.stats .multi-clm{ display:block; overflow:hidden}
.stats .clm{ display:block; float:left; box-sizing:border-box}
#stage p.numerone{ padding:0; margin:0; text-align:center; font-size:5em; font-weight:600; color:#f8ec02 }
.stats h2{ color:#ccc; font-size:0.8em; text-align:center; text-transform:uppercase; padding:20px 20px 0 20px; letter-spacing:0.8px;}
.doughnut-legend { text-align:center}
.doughnut-legend li{ display:inline-block; font-size:0.75em; margin-right:10px; color:#ccc}
.doughnut-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

/*FOOTER*/
#footer{ clear:both;  margin:0px 0 0 0; padding:20px 0 0 0; background:#191617; border-top:0px solid rgba(0,0,0,0.02)}
#footer .content{ width:100%;   }
#up-footer{background:#fff; border-bottom:4px solid #e1e1e1; border-top:1px solid #e1e1e1; padding:0px 0 0 0; }
#up-footer .content{background:#fff; height:79px; 
line-height:79px;color:#bec9d0; font-size:11px; text-transform:uppercase; padding:0 0 0 20px; width:990px}
#up-footer .content li{ display:none}
#up-footer .content ul.partner{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.competenze{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}
#up-footer .content ul.certificazioni{ background:transparent url(elementi/partners.png) no-repeat; display:block; height:70px; width:800px;  margin:0; padding:0; float:left}

#up-footer .content span{ height:79px; line-height:79px; display:inline-block; width:130px;float:left;}

#logo-footer{ width:19em; height:13.5em; background:transparent url(elementi/logo-footer.png) no-repeat; float:left; margin:0 2em 0 0}
#menu-footer{min-height:10em; }
#menu-footer .colonna{ width:18em; float:left;padding:7em 0 2em 0; }
#menu-footer .riga{ position:absolute; top:3em; left:21em}

#menu-footer .colonna h2 a{ color:#6f818b; text-decoration:none; }
#menu-footer .colonna h2 a:hover{ color:#fff; text-decoration:none; }

#footer .logo-footer{ float:left; width:60px; margin:0 20px}
#footer .logo-footer img{ width:100%; display:block; border:0}
#footer p.credits{ text-align:left; font-size:0.9em; padding:1em 0 2em 20px; line-height:1.3em; margin:0; color:#7f7f7f}
#footer p.credits a{ text-transform:uppercase; color:#fff; font-size:0.8em; font-weight:600; padding-right:5px }
#footer p.credits a:hover{ text-decoration:underline}

.extra-footer{ position:absolute; top:0; right:5px;}
.extra-footer .box{ overflow:hidden; float:left; width:180px; text-align:left; padding-top:1em }
.extra-footer .box span{ font-size:10px; color:#666; display:block}
.extra-footer .box img{ width:60%; display:inline-block }
.extra-footer .box p{ color:#999; font-size:13px; padding:7px 0 0 0}
.extra-footer .box ul{ text-align:left; padding:5px 0 0 0}
.extra-footer .box li{ font-size:13px; padding:2px 0}

/*STILI PER FANCYBOX*/
#head-fancybox{ height:3em; width:100%; border-bottom:2px solid #e1e1e1; position:fixed; box-shadow:none; background:#fff;  top:0; left:0; z-index:200}
.pul-closeFancybox{ position:absolute; top:0; right:15px}
.pul-closeFancybox a{ height:3em; line-height:3em; font-size:1em; color:#e1e1e1; text-transform:uppercase; letter-spacing:1px}
.pul-closeFancybox a:hover{ text-decoration:none }
.pul-closeFancybox a i{ color:#009680; font-size:1.6em}

.pulFancybox{ position:absolute; bottom:0; left:0; width:100%; padding-bottom:15px}
.pulFancybox a{ min-width:60%}

#container.popUp { position:relative; padding-top:3em; background:#effaf8; box-sizing:border-box}
#container.popUp #head{ position:absolute; height:3em; background:#fff}

.singlePage{ color:#FFF; text-align:center; padding:0px; width:100%; height:100%; background:#000; overflow:hidden}
.singlePage h1{font-family: 'Roboto Slab', serif;vertical-align:top; font-size:26px; font-weight:100}
.singlePage p{ font-size:15px; font-weight:400; margin:10px 0 0 0; color:#286c75}
.singlePage p strong{ color:#FFF; font-size:17px}
.singlePage p span strong{ color:#FFF; font-size:20px}

.singlePage p.white{ color:#FFF; font-size:18px; font-weight:100; text-align:left}
.singlePage p.white.occhiello, .singlePage p.white.occhiello strong{ font-size:23px; line-height:1.2em;color:#286c75; font-weight:600 }
.singlePage p.white strong{ color:#FFF; font-size:18px; font-weight:600}

.singlePage iframe{ background:#000; height:100%; width:100%; border:20px solid #000; overflow:hidden }

/*EXTRA ARTICLE STYLE*/
#extraArticle
{
    display:none;
    vertical-align:top;
    width:96%;
    color: white;
    padding: 0px; margin:0 2% 1em 2%; opacity:0; text-align:left; position:relative
}
#extraArticle.active{ display:inline-block; opacity:1}
#extraArticle article{ width:100%; height:100%; display:block}
#extraArticle .box-foto{ width:40%; position:relative; overflow:hidden; text-align:center; float:left; margin-right:20px;
border:10px solid #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); margin-top:1em}
#extraArticle .box-foto img{  width:100%; display:block;}
#extraArticle .box-foto.horizontal{ width:100%; position:relative; overflow:hidden; text-align:center; float:none; margin-right:10px; max-height:300px}

#extraArticle h1, #extraArticle h2, #extraArticle h3{ color:#009680; padding:0 20px}
#extraArticle h1{ font-size:2.3em; margin:0em 0; padding:0.5em 0}
#extraArticle h1 i{ color:#666}
#extraArticle h2{ font-size:1.8em; font-weight:100; margin:0 0 0.2em 0; padding:0 }
#extraArticle p{ color:#666; font-size:1.1em; font-weight:100; padding:0 20px 0.5em 0; margin:0; font-family:'PT Serif', serif}
#extraArticle .pul-close{ right:1.5em; top:1.5em; z-index:auto }
.box-autore{ color:#666; font-size:0.9em; padding:0 0px; overflow:hidden; margin-bottom:1em}
.box-autore strong{ color:#333}
.box-autore span{ display:block; }
.box-autore span.autore{padding:0.4em 0 0 0}

#extraArticle .addthis_sharing_toolbox{ padding:1em 0}
.content-testo{ overflow:hidden}

/*ALLEGATI*/

#extraArticle .allegati h2, .allegati h2{ }
#extraArticle .allegati .file-name, .allegati .file-name{ font-size:1.3em; font-weight:600}
#extraArticle .allegati .file-kb, .allegati .file-kb{ display:block; padding:5px 0 10px 0; font-size:16px; color:#999999;font-family: 'Cabin', sans-serif; font-style:normal}
#extraArticle .allegati ul, .allegati ul{ list-style:none; margin:0; padding:0; }
#extraArticle .allegati li, .allegati li{  font-size:1em;  padding-bottom:0em; overflow:hidden}
.allegati li{  font-size:1em;margin-left:0 !important; padding-top:0 !important}
#extraArticle .allegati li a, .allegati li a{ display:block; overflow:hidden; padding:7px 0px;; color:#fdf101}
#extraArticle .allegati li a i, .allegati li a i{ float:left; display:block;  margin-right:5px; color:#333; color:#fff; }

.article-content .allegati, .allegati{ position:relative;margin:1em auto; width:100%; padding:0.5em 20px 0.5em 50px; box-sizing:border-box;clear:both}
.article-content .allegati:before{ content:'\f0c6'; font-style:normal; font-size:30px; font-family:FontAwesome; position:absolute; left:5px; top:0.5em; display:inline-block; color:#e20075}

/*link nel fancy*/
#extraArticle .link, .link{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .link h2, .link h2{ }
#extraArticle .link .file-name, .link .file-name{ font-size:1em; font-weight:600}
#extraArticle .link .file-kb, .link .file-kb{ font-size:0.8em; line-height:1.1em; font-style:italic}
#extraArticle .link ul, .link ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .link li, .link li{  font-size:0.8em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.link li{  font-size:1em; margin-left:0 !important; padding-top:0 !important}
#extraArticle .link li a, .link li a{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .link li a:hover, .link li a:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .link li a i, .link li a i{ float:left; display:block; font-size:2em; margin-right:10px; color:#333 }

/*posizioni nel fancy*/
#extraArticle .lista-posizioni, .lista-posizioni{ margin-top:1em;  padding:0 0 1em 0;}
#extraArticle .lista-posizioni h2, .lista-posizioni h2{ }
#extraArticle .lista-posizioni .file-name, .lista-posizioni .file-name{ font-size:1em; line-height:1.1em; font-weight:600}
#extraArticle .lista-posizioni .file-kb, .lista-posizioni .file-kb{ font-size:0.65em; text-transform:uppercase; line-height:1.1em; color:#999; padding:0.5em 0 0 0}
#extraArticle .lista-posizioni .file-desc, .lista-posizioni .file-desc{ font-size:0.8em; line-height:1.1em; color:#333; padding:0.5em 0}

#extraArticle .lista-posizioni ul, .lista-posizioni ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1; }
#extraArticle .lista-posizioni li, .lista-posizioni li{  font-size:0.9em;  border-bottom:1px solid #e1e1e1; padding-bottom:0em; overflow:hidden}
.lista-posizioni li{  font-size:1.15em; position:relative; margin-left:0 !important; }
#extraArticle .lista-posizioni li, .lista-posizioni li{ display:block; overflow:hidden; padding:7px 0px;}
#extraArticle .lista-posizioni li:hover, .lista-posizioni li:hover{ background:#e9f0f4; padding-left:10px }
#extraArticle .lista-posizioni li i, .lista-posizioni li i{ float:left; display:block; font-size:2.2em; margin-right:10px; color:#4f86ac }
/*aside*/
#extraArticle aside .lista-posizioni, aside .lista-posizioni{ margin-top:0 }
#extraArticle aside .lista-posizioni h2, aside .lista-posizioni h2{ padding-top:0 !important }
#extraArticle aside .lista-posizioni li, aside .lista-posizioni li{ padding-left:5px }
#extraArticle aside .lista-posizioni li:hover, aside .lista-posizioni li:hover{ background:#e9f0f4; padding-left:5px }

#extraArticle .lista-posizioni .pul, .lista-posizioni .pul{ text-align:left; height:auto}
#extraArticle .lista-posizioni .pul a, .lista-posizioni .pul a{ font-size:0.6em; background:#fff; color:#4f86ac; border-color:#4f86ac}
#extraArticle .lista-posizioni .pul a:hover, .lista-posizioni .pul a:hover{  background:#333; color:#fff; border-color:#333}

.menu-lista{ position:absolute; top:0.7em; right:0;}
.menu-lista .pul{ float:left; font-size:0.7em; margin-left:1em; clear:none}
.menu-lista .pul a{ color:#4f86ac; border-color:#e1e1e1; background:#fff; font-size:1em}
.menu-lista .pul a:hover{ color:#fff; border-color:#4f86ac; background:#4f86ac;}
/*posizioni lista aside*/
aside .menu-lista{ position:relative; top:auto; right:auto; overflow:hidden; margin:0.5em 0 0 0}
aside .menu-lista .pul{ padding-bottom:0.5em; margin-left:10px}
aside .menu-lista .pul:first-child{ margin-left:0}
aside .menu-lista .pul a{ font-size:0.8em}

/*gestione lista nel testo di extraarticle*/
#extraArticle ol{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0}
#extraArticle ul{ padding-left:1em; font-size:1em; margin:0 0 0.5em 0; list-style:circle}
#extraArticle li{ font-size:1em; color:#666; font-weight:300; padding:0 20px 0.2em 0; font-family: 'PT Sans Narrow', sans-serif; }


@media only screen and (min-width: 1200px) {
	#back{ height:150%}
	.compact #back{ height:100%}
}
/* Wide Layout: 1200px */
@media only screen and (max-width: 1300px) {
	#stage #article.marzo .slider p{ font-size:0.9em}
	#stage #article.marzo .slider h2.title{ font-size:1.5em}
	 .spinner.top { height:40px}
	 .spinner.top ul:before, .spinner.top ol:before{ width:100px; height:40px;  }
.spinner li{ display:block;   font-family:'Cabin', sans-serif}
.spinner.top li{ display:inline-block; height:40px;}
.spinner.top li a{ padding:0 10px !important; line-height:40px; }
.slider .gallery li, .slider .gallery li a{ width:100px}
}
/* Wide Layout: 1100px */
@media only screen and (max-width: 1100px) {
	
	.main-search form input{ width:180px}
	#container.home #stage{}
	#container.home .multi-clm{ margin-bottom:0}
	/*news e classifica*/
	.clm.col-sx{ display:block; width:100%; height:500px}
	.clm.col-dx{ display:block; width:100%}
	/*testata*/
	#article header h1{ font-size:3em}
	#article .testata h2{ font-size:1.3em}
	.italy-map{ width:150px; height:200px; margin-top:2em;}

	.lista-news .categoria { font-size:12px}
	.lista-news h1{ font-size:20px; }
	.lista-news li{}
	.classifica table td{ padding:0}
	
	/*Mappa*/
	.mapSearch{  width:350px;  }
	.mapSearch h1{ font-size:25px }
	#stage .mapSearch p{ font-size:13px}
	#no-name{ position:relative; top:auto; left:auto; width:300px; margin: 20px auto; background:rgba(0,0,0,0.5); text-align:center; padding:20px; border-radius:5px; color:#fff}

	/*Statistiche*/
	.stats{ padding-right:350px}
	.stats .mapSearch{ width:350px}
}
/* Tablet Layout: 1000px */
@media only screen and (max-width: 1024px) {
	body{ font-size:14px}
	.content{ width:100%}
	.menu-up{ display:none}
	.menu-up.slidebar{ display:block}
	.menu-secondary{ display:none}
	.menu-cart{  right:55px; }
	.menu-cart a{font-size:32px}
	.side-menu li ul{ display:none}
	
	
	.main-search .pul-search a{ font-size:25px; color:#666}
	/*article*/
	.article-content{ /*width:70%*/}
	#article header h1{ font-size:3em}
	.team li{ float:left; width:50%; }
	#stage .box.sr h1, #stage .box.sl h1{ float:left; width:100%}
	#stage .box.sr figure, #stage .box.sl figure{ margin:0; padding:0; float:right; width:100%}
	#stage #article.lista-nomi p{ max-width:700px}
	
	/*risultati*/
	.primo-piano{ padding-bottom:20px}
	.primo-piano .multi-clm{ width:100%}
	.primo-piano .calendario{ width:100%; max-width:1000px; margin:0 auto; padding:20px 0 0 0; border-top:1px solid #333}
	.calendario p, #stage .calendario p{margin:0 auto}
	/*pagina autore*/
	.side-foto .foto-prodotto figure{ background:none}
	.side-foto .foto-prodotto figure img{ height:auto; max-width:120px; width:100%; box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
	.side-foto .foto-prodotto figure img, .side-foto .foto-prodotto  figure:before{    
-webkit-transform:none; /* Chrome, Safari, Opera  */
    transform: none;}
	
	.side-menu{ float:none; margin:0; width:100%}
	.side-menu li{ display:inline-block}
	
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	#container.home{ height:auto} /* era nelle regole 1100px*/
	body{ font-size:12px}
	/*#back{ width:180px; height:5.5em; background:transparent url(elementi/back-sml-sml.png) no-repeat center left;}
	.compact #back{ width:180px; height:4em; background:transparent url(elementi/back-sml-sml.png) no-repeat center left;}*/
	#head .main-search{ top:28px; display:none}
	.numero{ width:50%; padding:2%; box-sizing:border-box}
	.lista-prodotti.double .foto-prodotto .discount{ top:0.5em; right:0.5em}
	.lista-prodotti.autore { padding-left:0%}
	#stage .box-cell{ display:block; float:left;  width:50%}
	#stage .box-cell:last-child{ border:0}
	
	
	/*article*/
	#article header{ padding-left:0}
	.article-content{  padding:20px 0px 20px 20px}
	#stage #article  p{ }
	#stage #article.lista-nomi p{ max-width:600px}
	#stage #article  p.testo{  font-size:13px}
	#article .article-content audio{ width:100%}
	.text-container .clm img{ margin:0 auto; width:80%}
	.slider .gallery  li, .slider .gallery  li a{ width:120px}
    .article-content .video-box, .video-box{ padding: 0 20px 0 0 }
	
	/*news*/	
	.lista-news figure{ display:none}
	
	.classifica table img{ height:60px}
	
	/*mappa*/
	#map{ height:500px}
	 .mapSearch{ width:auto; position:relative; top:auto; right:auto; max-width:none; padding:120px 20px 20px 20px;}
	 .mapSearch form{ max-width:none; padding:0 0 20px 0}
	 #stage .mapSearch p{ max-width:none}
	
	/*Statistiche*/
	.stats{ padding-right:0px}
	.stats h2{ text-align:left; padding-left:0}
	.stats .clm h2{ text-align:center; padding:20px 0 0 0}
	.stats .mapSearch{ width:auto; position:relative; top:auto; right:auto; max-width:none; padding:20px}
	.stats .mapSearch form{ max-width:none; padding:0}
	#stage .stats .mapSearch p{ max-width:none}
}

/* Tablet Layout: 550px */
@media only screen and (max-width: 550px) {
	body > *, body *{ box-sizing:border-box}
	#container{}
	/*heade*/
	#search-home{  bottom:30%;}
	#head, .compact #head{}
	/*#back{ width:250px; height:50px; left:auto; right:10px; background-size:cover; top:5px}*/
	.menu-cart, .compact .menu-cart{ top:20px}
	.navbar, .compact .navbar{}
	.pul{}
	#stage .box-container, #stage .box-cell{ display:block; width:100%}
	#stage .box-cell, #stage .box-cell:last-child{ border:0}
	#stage .box-cell .box{ padding-bottom:1em}
	#stage .box .pul{ margin-top:1em; position:relative; bottom:auto; width:100%; left:auto}	
	.menu-up.slidebar{ display:block}
	
	/*news classifica*/
	.multi-clm{ display:block}
	.clm, .clm.x50{ width:100%; padding:0; display:block}
	.lista-news li, .lista-news li:last-child{ width:100%; float:none}
	
	/*lista prodotti*/
	.lista-prodotti li{ width:100%}
	.lista-prodotti .foto-prodotto{ height:15px; }
	.box-prodotto{ padding-bottom:40px}
	.box-prodotto h1{ font-size:1.1em; padding:0 30px; margin:0 0 5px 0}
	.box-prodotto p.prezzo{ font-size:1.3em}
	
	.lista-prodotti .foto-prodotto img{ width:90px; margin:0 auto}
	
	.lista-prodotti.double li, .lista-prodotti.white.double li{ width:50%; padding-bottom:10px}
	.lista-prodotti.double .foto-prodotto{ height:200px; }
	.lista-prodotti.double .foto-prodotto figure a{ padding:5px}
	.lista-prodotti.double .box-prodotto h1{ font-size:1em; padding:0 20px; margin:0 0 5px 0}
	.lista-prodotti.double .box-prodotto p.prezzo{ font-size:1.1em}
    
    #search form{ width: 100%}
    #stage .lista-news h2{ padding: 10px; border-top: 1px solid #333}
    #stage .lista-news h2 span.number{ font-size: 10px}
	
	#search-list .lista-prodotti li{ width:50%}
	#search-list .lista-prodotti li:nth-child(4){ clear:none;}
	.masonry {
	-moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
}
	
	/*lista feedback*/
	.box-feedback .rat{ float:none; padding:10px 20px}
	.box-feedback .user{ font-size:13px; color:#666666; padding:5px 20px 0 20px}
	.box-feedback .user strong{ color:#333 }
	.box-feedback h1{ font-size:18px; padding:0.2em 20px; }
	#stage .box-feedback .data{ padding:5px 20px 0 20px; float:none; font-size:11px; color:#666666; text-align:left; max-width:none}
	.rat img{ width:20px}
	.piccoletta{ width:100px; margin:10px auto}
	#stage .side-menu p{ padding:5px 20px; font-size:15px;}
	#stage .side-menu img{ display:none}
	
	.box-feedback .foto-prodotto{ height:100px}
	.box-feedback .foto-prodotto figure{ padding:0px 0; width:80px}
	#stage .box-feedback .prezzo{ margin-left:100px}
	
	/*carrello*/
	.cart .lista-tabella .blocco{ float:none; width:100%}
	#stage .cart .box-feedback .prezzo{ /*margin-left:155px; clear:both*/ padding-left:20px}
	.box-feedback .foto-prodotto img{ height:80px}
	.cart .box-feedback h1{ padding-top:5px}
	.risultati-content .blocco.x25{ width:50%}
	
	/*box search*/
	.box-search .blocco.x60{ width:100%}
	
	/*offerte*/
	.testata-offerta{ height:15em}
	.testata-offerta .testo-offerta{ height:15em}
	.testata-offerta h1{ padding-right:10%; font-size:1.7em; text-align:center}
	.testata-offerta .foto-prodotto{ height:15em}
	.testata-offerta .foto-prodotto figure{ height:15em}
	
	#search-list .lista-prodotti.offerte li{ width:100%} 
	#search-list .testata-offerta span.scadenza{ margin-top:3px; font-size:0.6em; display:block}
	
	/*article*/
	#article header h1{ font-size:3em}
	#article header{ padding-left:0; padding-bottom:0}
	.article-content{ overflow:hidden; float:none; width:100%; margin-bottom:1em;}
	.side-content{ width:100%; margin:0; float:none; padding:0 15px}
	.side-foto{ width:100%; margin:0; float:none; display:none}
	#stage .side-content .box{ display:block; border:0 }
	#stage #article .box{}
	.article-content figure.x70, .article-content figure.x60, .article-content figure.x50, .article-content figure.x30{ width:100%; padding-left:0}
	.gallery  li{ width:100%; padding-right:50px }
	#stage #article .article-content p{ padding-left:0px}
	#article .article-content h2{ padding-left:0}
	.article-content ul, .article-content ol{ margin-left:0}
	.testata.big{ height:auto; background:#231f20;}
	.testata.big::before{ height:450px; opacity:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#231f20+0,231f20+100&0+0,1+91 */
background: -moz-linear-gradient(top,  rgba(35,31,32,0) 0%, rgba(35,31,32,1) 91%, rgba(35,31,32,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 91%,rgba(35,31,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(35,31,32,0) 0%,rgba(35,31,32,1) 91%,rgba(35,31,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00231f20', endColorstr='#231f20',GradientType=0 ); /* IE6-9 */
}
	.home .videoWall{ height:auto; min-height:100%}
	.videoWall{ height:450px; min-height:0; top:0; right:-70%}
	.testata .foto-fissa{ bottom:auto; height:450px}
	.testata .text-container{  display:block; padding-top:300px; position:relative; top:auto; height:auto; right:auto; left:auto}
	.testata .text-container .clm.foto-storia{ display:none}
	.testata .text-container .clm{ display:block; padding:0 20px}
	#article header .testata h1, #article .article-content h1{ padding-left:0px}
	#article .article-content h1{ font-size:1.8em}
	#article .article-content .data{ padding-left:0}
	.italy-map{ display:none}
	
	#stage #article .box-cell .box p{ text-align:left}
	.path{ display:none}
	.path ul li{ font-size:9px}
	/* SHARE*/
	.share{ margin:10px 0 0 20px; position:relative; left:auto; top:auto; width:auto}
    .share.inline{ margin: 0}
    .share li{ display:inline-block; width:40px}
    .share.inline li{ display:inline-block; width:auto}
	/*numeri*/
	.numero p{height:11em; width:11em; font-size:1em}
	.numero p span{ padding-top:0.6em}
	/*faq*/
	.faq-list, .faq-answer{ width:90%; margin:0 5%;}
	
	/*nomi*/
	#stage #article.lista-nomi .search-result p{ font-size:13px}
	/*21 marzo*/
	.marzo .text-container{ display:block;}
	.marzo .text-container .clm.image-container, .marzo .text-container .clm{ display:block; width:100% !important; height:auto; padding-top:50px}
	.marzo .text-container .title{ margin-top:0 !important}
	.marzo .text-container .clm img{ height:200px}
	
	/*SPINNER*/
	.spinner{ width:40px}
	.spinner li a, .spinner li.active a{ padding:5px 0; font-size:11px}
	
	.search-result ul{ padding:0 40px}
	#stage #article.lista-nomi .search-result h1{ font-size:20px}
	.compact .search-result form{ margin-top:45px}
	.lista-nomi form{ padding:10px 40px}
	
	/*posizioni lista*/
	.menu-lista{ position:relative; top:auto; right:auto; overflow:hidden; margin:0.5em 0 0 1.7em}
	
	/*Primo Piano*/
	.primo-piano figure { max-width:none; padding:0 20px; text-align:center}
	.primo-piano figure img{ width:auto; max-width:100%; max-height:250px; display:inline-block}
	
	/*BOX INFO*/
	#box-info .blocco.x50{ width:100%}
	
/*	footer*/
#footer{ padding:0; border:0}
#footer p.credits{ text-align:center; padding:1em 20px}
	.extra-footer{ display:block; float:none; position:relative; top:auto; right:auto}
	.extra-footer .box{ float:none; width:auto; background:#f1f1f1}
	.extra-footer .box ul{ text-align:center; padding-bottom:10px}
	.extra-footer .box p{ text-align:center}
	#footer .logo-footer{ float:none; width:60px; margin:0px auto; padding-top:10px}
}