@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}
.simobile{display: none !important}

/*colori*/
.violet{ color:#914ba3 !important}
.blu{ color:#007fe0 !important}
.brown{ color:#8f4300 !important}
.orange{ color:#e07e00 !important}
.yellow{ color:#b4a500 !important}
.green{ color:#3f7a34 !important}
.red{ color:#BA1D38 !important}
.errore{ background-color:#FEC2C9 !important}

/*larghezze*/
.x100{ width:100%}
.x90{ width:90%}
.x80{ width:80%}
.x75{ width:75%}
.x70{ width:70%}
.x66{ width:66%}
.x65{ width:65% !important}
.x60{ width:60%}
.x50{ width:50%}
.x40{ width:40%}
.x35{ width:35% !important}
.x33{ width:33.33%}
.x30{ width:30%}
.x25{ width:25%}
.x20{ width:20%}
.x10{ width:10%}

/* CSS Document */
a{-webkit-transition: all 200ms ease-out;  
    -moz-transition: all 200ms ease-out;  
    -o-transition: all 200ms ease-out;  
    -ms-transition: all 200ms ease-out;  
    transition: all 200ms ease-out;}
a:link, a:visited{text-decoration:none; color:#173d64}
a:hover, a:focus{text-decoration:none; color:#666}
body{margin:0; padding:0; font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif;}
html, body{height:100%; width:100%; font-size:13px}
h1,h3{ font-family:'Merriweather', serif; font-family: 'Open Sans', sans-serif;}
p{ line-height:1.5em}
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: 40px;
	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-left: -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;
}
.rounded{ border-radius:5px}

#container{ width:100%; min-height:100%; background:#fff; padding-top:55px; margin:0 auto; max-width:2800px}
.content{ width:74em; width:100%; max-width:1150px; box-sizing:border-box; margin:0 auto;  display:block; position:relative}
#stage.home .content{ margin-top:-12em; margin-top:0; background:#fff; background:none}

#head{ height:55px; width:100%; position:fixed; left:0; top:0; z-index:1001;  background:#173d64; border-bottom:0px solid #173d64; 
/*border-bottom:4px solid #e7e3db;  box-shadow:0px 0px 6px rgba(0,0,0,0.4); background:#fff*/ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#173d64+1,0f2344+100 */
background: rgb(23,61,100); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(23,61,100,1) 1%, rgba(15,35,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(23,61,100,1) 1%,rgba(15,35,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(23,61,100,1) 1%,rgba(15,35,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173d64', endColorstr='#0f2344',GradientType=0 ); /* IE6-9 */

}
#head header{ height:100%; width:100%;  position:relative;}
#head .content{ height:100%; width:100%; max-width:none; max-width:1400px; }

#back{ position:absolute; top:0px; border-radius:0%; overflow:hidden; left:0%; width:300px;  height:90px; 
background:transparent; background:#173d64 url(elementi/logo.png) no-repeat center center; background-size:contain; cursor:pointer;
 border-right:0px solid #1b354f;}
#back img{ width:100%;}

/*sticky head*/
.compact #back{ width:200px; height:55px}
.compact #head{ height:55px; width:100%; }
.compact #head:before{ content:''; display:block; display:none; 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.05) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 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{}
.compact .menu-cart{ top:35px;}
.compact .menu-secondary{ top:0.5em; }
.compact .main-search{}
#slider{border-top:4px solid #e7e3db}



#stage, .slider{ max-width:1400px; margin:0 auto}

/*STAGE*/
#stage{ padding-bottom:1em;}
#stage p{font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif;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 .box{ min-height:12em;overflow:hidden; box-sizing:border-box}
#stage .box-cell:nth-child(3) .box { border-right:0}
#stage .box article{ height:100%; position:relative}
#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;}

.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:1.2em; text-align:center; padding:0.2em 10px 0.3em 10px; overflow:hidden; color:#999}
#stage .box p a{ color:#333; text-decoration:underline}
#stage .box p a.leggi{ display:block; font-weight:600}
#stage .box h1{ text-align:center; color:#333; font-size:1.6em; padding:1em 10px 0 10px; overflow:hidden;  font-weight:100}
#stage .box h1 a{ color:#333}
/*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:1400px }
#stage .box-cell{ display:table-cell; position:relative;}
#stage .box-cell .box{ padding-bottom:1.2em; padding-top:1.2em }
#stage .box-cell figure{ text-align:center}
#stage .box-cell img{  display:inline-block; }

/*box-cell intro home*/
#stage .intro { border-top:0px solid #f1f1f1; border-bottom:2px solid #f1f1f1; padding:1em 0}
#stage .intro .box-cell:nth-child(2){ background-image:url(elementi/bg-box-home-l.png), url(elementi/bg-box-home-r.png); background-repeat:no-repeat; 
background-position:center left, center right;}
#stage .intro .box-cell h1{ text-transform:uppercase; letter-spacing:0.1em; font-size:1.5em; padding:0; font-weight:600; margin:0.5em 0 0.5em 0}
#stage .intro .box-cell h1 a{ color:#173d64; text-decoration:underline; }
#stage .intro .box-cell p{color:#6898c9}

/*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-size:1.1em; 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:0em; height:100%; right:150px; letter-spacing:0.4px; }
.menu-up ul.topnav{ height:100%}
.menu-up li{ display:inline-block; margin-left:0.5em; height:100%;}
.menu-up li.lang{ margin-left:1em;}
.menu-up li.lang a{ padding-left:0em; padding:0; display:block; text-transform:none}
.menu-up li.lang a img{ border:0; height:25px}
.menu-up li a{ display:block; padding:1.5em 0.5em; text-transform:uppercase; font-size:1em;  color:#fff; letter-spacing:0.5px; box-sizing:border-box; height:100%}
.menu-up li.active a{ border-bottom:3px solid #eeeeee; color:#dbc039 }
.menu-up li a:hover{ color:#dbc039 }
.menu-up li.sales a{ font-weight:600}
.menu-up li span.flag-icon{display:inline-block;}

.menu-secondary{ position:absolute; top:0.5em; right:10px; letter-spacing:0.4px; }
.menu-secondary ul{ display:inline-block; padding-right:1em}
.menu-secondary li{ display:inline-block; margin-left:0.5em; float:left}
.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{ background:#fff; width:25px; height:25px; line-height:25px; text-align:center }
.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:5px 5px 5px 5px}
.menu-up.slidebar ul ul{ padding:0 0 10px 5px; background:#FFF}
.menu-up.slidebar li{ display:block; margin:0}
.menu-up.slidebar li a{ display:block; background:none; padding:0.9em 0.5em 0.5em 1em; letter-spacing:0.4px; font-size:1.15em; text-align:center}
.menu-up.slidebar li li a{ font-size:0.9em}
.sb-slidebar.sb-active{background-color:#173d64; border-left:0px solid rgba(0,0,0,0.01); box-sizing:border-box; width:80%; max-width:400px; min-width:300px;
}
.navbar{ position:absolute; right:0; top:0.4em; z-index:2000}
.navicon-line{ background-color:#fff !important}

/*Regole per motore ricerca interno allo slidebar*/
.sb-slidebar .main-search{ position:relative; top:auto; right:auto; overflow:hidden; padding:20px 0px 0 20px; text-align:center}
.sb-slidebar .main-search form{ margin-right:50px}
.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:20px; right:10px}

/*Menu social*/
.menu-social span{ display:none}
.menu-social ul{ margin:0.8em 4em 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 5px; vertical-align:top}
.menu-social li a{ width:2em; height:2em; border-radius:1em; background:#666; display:block; color:#fff; 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; color: #173d64}
.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} 

#social{ position:relative; margin-top:20px; border-top:2px solid #f1f1f1; padding-bottom:15px}
.connect{ width:120px; font-size:1.5em; position:relative; line-height:1em; padding-top:15px; font-weight:600; color:#173d64; text-align:right; font-family:'Merriweather', serif; font-family: 'Open Sans', sans-serif; }
.connect:before{ content:'}'; display:block; position:absolute; color:#dbc03a; top:12px; line-height:1em; right:-0.7em; font-weight:100; font-size:2.1em}

/*STILI PER MENU DONATE*/
.menu-donate{ position:absolute; top:0px; right:15px; right:0; z-index:950; width:120px;}
.menu-donate a{ display:block; background:#366492; padding:0.5em 0; font-size:1em; text-transform:uppercase; left:0.5px; color:#fff; 
position:relative; text-align:center; border-bottom:5px solid #173d64 }
.menu-donate a span{ display:block; padding:5px 0; font-size:1.5em; line-height:1em; color:#e63398}
.menu-donate a:hover{ padding:1.2em 0}

/*STILI PER MENU CART*/
.menu-cart{ position:absolute; top:35px; 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 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:43px; right:80px}
.main-search form{ padding:0; margin:0}
.main-search form input, input.input-text{ border:0; background:#f1f1f1; border-radius:5px; 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:#999; display:block;  font-size:18px; 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:#333;padding:10px 15px; border-radius:3px; letter-spacing:0.4px; text-align:center; display:inline-block; 
background:transparent; background:rgba(277,277,277,0.5); 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 a:hover, .pul a:focus{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: 80px; 
	text-indent: 0.01px; 
	text-overflow: ""; 
	color: #666; font-size:1em;
	box-sizing:border-box;
	border-radius: 5px;
	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;  background:#f3efe7; background:#e9f0f4; 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}
#box-info h2, #box-careers 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-info 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-info .mail, #box-careers .mail{ float:left; margin:0 0.5em 0 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: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-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%; padding:1em 0 1em 0;}
#box-info .pul, #box-careers .pul{ margin:0 0 0 0px;}
.campo{ background:#f1f1f1; font-size:1.2em; display:block; padding:0.5em; border:0;  border-radius:3px; width:100%; box-sizing:border-box}
#box-info .campo, #box-careers .campo{ width:100%;}
#box-info textarea, #box-careers textarea{ width:100%; height:4em;font-size:1.3em; background:#f1f1f1; 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;}
a.captcha{ display:block; padding:0; line-height:1.1em; height:1.1em; margin:0 0 0 0.4em; font-size:1em}

#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 NEWSLETTER*/
#box-newsletter { vertical-align:middle; background:#c6b459; border-left:20px solid #fff }
#box-newsletter h2{font-family:'Merriweather', serif; font-family: 'Open Sans', sans-serif; text-align:center; color:#fff; font-weight:600; margin:0; padding:20px 0;font-size:2em;  text-transform:none; position:relative}
#box-newsletter h2:before { content:''; display:block; width:100px; height:2px; position:absolute; bottom:5px; left:50%; margin-left:-50px; background:#173d64; z-index:2}
#box-newsletter p{ color:#fff; font-size:1.1em; text-align:center; padding:0 20px 10px 20px}
#box-newsletter form{ padding:20px}
#box-newsletter .blocco { padding:10px 0}
#box-newsletter .blocco .label{ height:auto; line-height:normal; font-size:10px; color:#fff; display:block; overflow:hidden}
#box-newsletter .checkboxFive{ display:block; float:left; margin-right:10px}
#box-newsletter .campo{font-family:'Merriweather'; font-family: 'Open Sans', sans-serif; font-size:1.5em; margin:10px 0}
#box-newsletter .pul{ padding:0.5em 1em; clear:both; height:auto}
#box-newsletter .pul a{ color:#fff; border:0; background:#173d64 }
#box-newsletter .pul a:hover{ background:#333; color:#FFF;}
#box-newsletter.upfooter { border-left:0; overflow:hidden}
#box-newsletter.upfooter .content{ max-width:1000px; margin-top:0}
#box-newsletter.upfooter form{ float:right; width:500px}
#box-newsletter .text-newsletter{ float:left; width:400px; width: 100%; max-width: 400px; padding-top:20px; box-sizing: border-box}

/*BOX SIGNUP*/
#box-signup { vertical-align:middle; background:#e4ebf2; padding:0 0 em 0; margin-bottom:3em }
#box-signup h2{font-family:'Merriweather', serif;font-family: 'Open Sans', sans-serif; text-align:center; color:#173d64; font-weight:600; margin:0; padding:20px 0 20px 0;font-size:2em;  text-transform:none; position:relative; float: left; width: 100%}
#box-signup h2:before { content:''; display:block; width:100px; height:2px; position:absolute; bottom:12px; left:50%; margin-left:-50px; background:#173d64; background: #d9bf35; z-index:2}
#box-signup p{ color:#4b4b4b; font-size:1em; text-align:left; margin:0; padding:10px}
#box-signup form{ padding:0 2em 20px 2em; overflow:hidden}
#box-signup .blocco { padding:10px; float:left; box-sizing:border-box; margin:0}
#box-signup .blocco .label{ height:auto; line-height:normal; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; }
#box-signup .blocco.allegato .label{ text-transform: uppercase; font-size: 10px; color: #657b90; font-weight: 600}
#box-signup .blocco .label a{ font-weight:600; text-decoration:underline}
#box-signup .checkboxFive{ display:block; float:left; margin-right:10px}
#box-signup .campo{font-family:'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif; font-size:1.1em; margin:10px 0; background:#fff}
#box-signup .combo{ font-family: 'Open Sans', sans-serif; font-size:1.1em; margin:10px 0; background-color:#fff; border: 0; padding: 0.5em; line-height: normal; border-radius: 3px; height: auto}
#box-signup textarea{ font-family: 'Open Sans', sans-serif; padding:10px 0.5em; box-sizing:border-box; width:100%;color:#4b4b4b; height:4em;font-size:1em; background:#fff; display:block; padding:3px 0.4em; border:0; border-radius:3px}
#box-signup .pul{ padding:0.5em 1em; clear:both; height:auto}
#box-signup .pul a{ color:#fff; border:0; background:#173d64 }
#box-signup .pul a:hover{ background:#333; color:#FFF;}
#box-signup .content{ margin:0 0 0px 0 !important; overflow:hidden}
#box-signup form{ }
#box-signup .text-newsletter{ padding-top:20px; padding:0 2em}
.eventInfo{ /*overflow:hidden;*/  background:rgba(0,0,0,0.05); margin:20px 10px}
.eventInfo ul{ margin:0; padding:0; list-style:none}
.eventInfo li{ margin:0; padding:15px 20px; box-sizing:border-box; float:left; width:50%; font-size:1.1em; color:#4b4b4b; border-bottom:1px dotted rgba(0,0,0,0.08)}
#box-signup.login { overflow: hidden}
#box-signup.login .content{ max-width: 600px; margin: 20px auto !important; background-color: rgba(277,277,277,0.45); border-radius: 10px }

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

/*BOX SUPPORT*/
#box-support{ background:#173d64; background-image:url(elementi/bg-section-donate.jpg); box-sizing:border-box; background-repeat:no-repeat; background-position:center center; background-size:cover; padding:20px 25px; vertical-align:middle;}
#box-support h1{  color:#e1c439; margin:0; padding:0.5em 0; font-size:2.3em; font-weight:600; line-height:1.1em}
#box-support p{ margin:0; padding:0; font-size:1.2em; color:#fff; line-height:1.4em}
#box-support .learn{ border-bottom-color:#e1c439}
#box-support .learn a{color:#e1c439;}
.pul.donate{ padding:1.5em 1em 1em 1em; clear:both; height:auto}
.pul.donate a{ color:#fff; border:0px solid #e1e1e1; background:#e63398; }
.pul.donate a:hover{ background:#333; color:#FFF;}

/*SEZIONI*/
h2.titolo-sezione{ position:relative; color:#999; text-align:center; font-size:1.7em; padding:2em 0 0.5em 0; font-weight:400; text-transform:uppercase; font-family: 'PT Sans Narrow', sans-serif;}
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;
}
/*numeri*/
.numeri{ overflow:hidden; margin-bottom:2em}
.numeri *{ box-sizing:border-box}
.numero{ width:25%; float:left; padding:1em}
.numero p{font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', 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: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-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:#f1f1f1; background:#fff; 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:#eafaff;}
.lista-prodotti li{ float:left; width:20%}
.lista-prodotti .foto-prodotto{ width:90%; background:#fff; margin:0 5% 0.5em 5%; height:250px; position:relative}
.lista-prodotti .foto-prodotto figure{ padding:10px 30px}
.lista-prodotti .foto-prodotto figure a{ display:inline-block; padding:10px; background:rgba(277,277,277,0.95)}
.lista-prodotti .foto-prodotto figure a:hover{ padding:0}
.lista-prodotti .foto-prodotto img{ display:block; max-height:200px}
.box-prodotto{ font-size:1.2em; padding-bottom:1em}
.box-prodotto h1{font-size:1em; text-align:center; margin:0 0 15px 0; padding:0 10px}
.box-prodotto p{ text-align:center; font-size:1.1em;}
#stage .box-prodotto .prezzo{ color:#0069b4; color:#333; font-size:1.4em;}

.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}

.title-section{ font-size:1.5em; text-transform:uppercase; color:#333333; letter-spacing:0.1em; padding:0 20px}
.all{ float:right; font-size:0.7em; line-height:1em; margin:0.5em 5px 0 0; color:#6d92b9}
.all a{color:#6d92b9}
.all a:hover{color:#333}
.correlati .title-section{ text-align:center; padding:20px; border-top:2px solid #f1f1f1}

.categoria{ text-align:left; font-size:1em; letter-spacing:0.1em; text-transform:uppercase; color:#c0b08b; padding:0 0 0.3em 0}
.categoria a{color:#c0b08b}
.foto-articolo{}
.box-text-content{ background:#fff; padding:20px; position:relative}
.events .box-text-content{ overflow:hidden; padding:0 0 0 20px}
.primopiano .box-text-content{ margin:-8em 0px 0 0px;}
.box figure{ display:block; width:100%}
.box figure img{ max-width:100%; width:100%}
.day{ width:4.9em; z-index:5; text-align:center; padding-bottom:0.2em; background:#173d64 }
.day .number{ font-size:2em; color:#dbc03a;}
.day .month{ font-size:0.75em; color:#fff; text-transform:uppercase; padding:0.1em 0}
.day .year{ font-size:0.7em; color:#8796a5;padding:0.1em 0}
/*News*/
#news{ width:70%; float:left; overflow:hidden; }
.home #news{width: auto; border-bottom: 2px solid #f1f1f1}
.home #news .primopiano{ width: 65%; float: left}
.home .side-content{ padding-top: 15px; padding-bottom: 30px}
#stage.home #news .box-container{ width: 35%; float: right; display: block}
#stage.home #news .box-container .box{ padding-top: 20px}
#stage.home #news .box-container .box-text-content{ padding-bottom: 0}
#stage.home #news .box-cell{ display: block}

.internal #news{ width:100%; float:none}
.internal #search-list #news{ width:70%; float:left}

#news .box, #stage .side-content .box{ text-align:left; padding:20px}
#news .box h1, #stage .side-content .box h1{ text-align:left; padding:0; line-height:1.2em; font-weight:600}
#news .box.primopiano h1{ font-size:2.5em}
#news .box h1 a, #stage .side-content .box h1 a{ color:#173d64}
#news .box .data, #stage .side-content .box .data, .box .data{ color:#9b9b9b; font-size:0.9em; padding:0.5em 0;}
#news .box .place, #stage .side-content .box .place, .box .place, #article header .place{ color:#9b9b9b; font-size:0.9em; padding:0.5em 0; padding-left:1.2em; position:relative; }
 #stage .side-content .box .place{ font-size:0.9em; padding:0.3em 0 0.3em 1.2em }
.box .place span{white-space: nowrap;}
#news .box .place:before, #stage .place:before, .place:before{ content:'\f041'; color:#c0b08b; display:block; font-size:1.2em; font-family:"FontAwesome"; position:absolute; top:0.35em; left:0}

#news .box .when, #stage .side-content .box .when, .box .when, #article header .when{ color:#9b9b9b; font-size:0.9em; padding:0.5em 0; padding-left:1.5em; position:relative; }
#news .box .when:before, #stage .when:before, .when:before{ content:'\f133'; color:#c0b08b; display:block; font-size:1.2em; font-family:"FontAwesome"; position:absolute; top:0.6em; left:0}

#news .box p, #stage .side-content .box p{ text-align:left; max-width:none; padding:0.5em 0; font-size:1em; color:#555555}
#news .box.primopiano p{ font-size:1.3em}
.home #news .box .day{ left:20px; top:-5px;  position:absolute;}
.internal #news .box .day, .side-content .day, .risultati-content .day { position:relative; top:auto; left:auto; float:left; font-size:0.95em}
.side-content .box-text-content, .risultati-content .box-text-content{ overflow:hidden; padding:0 0 0 10px; }
#stage .side-content .box{ margin-top:20px; padding-bottom:0}
#stage.home .side-content .box{ padding-left:10px; box-sizing: border-box; width: 33.3%; float: left}
#stage .side-content .box{border-top:1px dashed #bacadb}
#stage .side-content .box h1{ font-size:1.3em}
#stage .side-content .box p{ font-size:1em}

/*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{ background:#fff;/*border-bottom:2px solid #DBE6EC*/ margin-bottom:0px}
.path ul{ list-style:none; margin:0; padding:10px 0 10px 20px;}
.path ul li{ display:inline-block; padding:1em 0.5em; background:rgba(277,277,277,0.2); font-size:11px; text-transform:uppercase; color:#999; border-bottom:3px solid #fff}
.path ul li:hover{ background:#fff}
.path ul li a{}
#stage.internal{ background:#f3efe7; background:#fff; padding-bottom:1.5em}
#stage.internal .content{ margin-top:-4em}
/*testata*/
.testata{ height:8em; background:#4f86ac; background:#e7e3db; background:#dbe6ec; background:none; position:relative}
.testata.big{ height:25em}
.home .testata.big{ height:28em}
.home .testata.big::before{ content:''; position:absolute; width:100%; height:100%; top:0px; left:0; bottom:0; right:0; z-index:9; opacity:1; 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+49,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 49%, 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) 49%,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) 49%,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 */

}

.testata .foto-fissa{ position:absolute; top:0; left:0; right:0; bottom:0; background-color:#dae1e8; background-repeat:no-repeat; background-position:50% 50%; background-size:cover}
.testata .title-testata{ position:absolute; bottom:1em; font-size:3em; color:#fff; font-weight:600; letter-spacing:0.4px; z-index:10; width:100%; text-align:center}
#article{ background:#FFF; position:relative;  z-index:100; padding:0 20px 3em 0em; overflow:hidden}
.home #article{ padding-left:2em; padding-bottom:0.65em; background:none}
.home #article header{ background:none }

#article header{ background:#fff;  position:relative; padding:0 0 0em 3em}
#article .article-content header{ padding-left:0 }
#article article{ overflow:hidden}
#article.no-slider header{ margin-top:0; }
#article.no-slider{border-top:3px solid #000}
#stage #article  p{ font-size:1.3em; text-align:left; line-height:1.5em; padding:0 0 0.5em 0; overflow:hidden; max-width:none}
#article  p a{ color:#0069b4; text-decoration:underline;}
#article  p a.leggi{ display:block; font-weight:600}
#article  h1{ text-align:left; font-size:3.1em; padding:0.5em 0em 0 0; color:#173d64; overflow:hidden; text-transform:none; font-weight:400}
#article  h1 span{ display:inline-block; padding:0 0px; color:#0069b4}
#article  h1 a{ color:#999}
#article  .article-content header h1{ font-size:1.9em; text-transform:none; font-weight:600}
#article  h2{ text-align:left; font-size:1.6em; padding:0.5em 0 0.5em 0; overflow:hidden; text-transform:none; font-weight:400; color:#666;}
.internal #article  header{ padding-left:50px}
.internal #article  header h2{color:#b9a12f; font-size:1.6em}
.internal #article  header h1{ font-size:3.2em; padding:0.2em 0; line-height:1.1em}
.internal #article header .data{ color:#9b9b9b; font-size:1em; padding:0.5em 0; clear:both}
.internal #article header .place{ font-size:1.1em;  clear:both}
.internal #article header .day { position:relative; top:auto; left:auto; float:left; font-size:0.95em; margin:10px 20px 10px 0}

#article  h2 a{ color:#333}
#article  h2.marca{ padding:1em 0; text-transform:none; font-size:1em; color:#999}
.learn a, #article  h2 .learn a{ line-height:0.8em; font-style:italic;  margin-top:-0.2em; color:#173d64; font-weight:600;  font-family:'Merriweather', serif; font-family: 'Open Sans', sans-serif;
font-size:0.8em; display:inline-block; text-decoration:none}
.learn{ display:inline-block; border-bottom:2px solid #173d64; margin-left:0.2em}
.box-prezzo{ padding:1em 0 2em 0}
#article .box-prezzo h2{ font-size:2em; color:#333333; padding:0}
#article .box-prezzo h3{ font-size:0.9em; color:#999; padding:0 0 0.5em 0}
#article .box-prezzo h3 span{ text-decoration:line-through}
#article .box-prezzo h3 strong{ color:#666666; font-weight:600}
#stage #article .box-prezzo p{ font-size:1em; color:#666; padding:0.2em 0}
#stage #article .box-prezzo p .green{ color:#009900 }
.box-prezzo .pul{ text-align:left}
.box-prezzo .pul a{ background:#0069b4; color:#FFFFFF}

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

.risultati-content{ overflow:hidden; float:left; width:75%; }
.alert{ padding:20px}
#stage .alert p{ font-size:1.5em; max-width:none; text-align:center}
.side-content{ width:30%; width: auto; margin-left:0%; float:left; padding-bottom:1em; position:relative; z-index:20}
.side-menu{ width:25%; margin-right:0%; float:left; padding-bottom:1em; position:relative; z-index:20}
.side-menu form{ margin:0; padding:0 0 10px 0}
.side-menu form label{ padding:10px 20px; display:block; overflow:hidden}
.blocco{ display:block;  box-sizing:border-box; padding:10px 20px; margin:5px 0; overflow:hidden}
.blocco .label{ height:24px; line-height:24px; font-size:1em; display:inline-block; vertical-align:top; color:#333333}
.side-menu .blocco{ border-top:0px solid #f1f1f1;  border-bottom:1px solid #f1f1f1; padding:10px 5px; margin:5px 20px}

/*foto prodotto nell articolo*/
.side-foto{ float:left; width:35%; position:relative}
.side-foto .foto-prodotto{ width:100%; height:200px}
.side-foto .foto-prodotto .discount{ right:0; top:1em}


/*ARTICLE CONTENT*/
.article-content{ overflow:hidden; float:left; width:65%; width:auto; padding:0 0em; box-sizing:border-box}
.article-content ul{ margin:0.5em 0;  list-style:circle; list-style-position:outside; padding-left:5em;}
.article-content ol{ margin:0.5em 0; list-style:decimal; list-style-position:outside; padding-left:5em;}
.article-content li{font-size:1.25em; text-align:left; padding:0.2em 0; color:#4b4b4b; margin-left:1.2em; font-size:1.15em; line-height:1.6em; }

#stage #article .article-content p{position:relative; font-size:1.15em; line-height:1.6em; padding:0.5em 20px 0.5em 50px; color:#4b4b4b  }
#stage #article .article-content h2{position:relative; font-size:1.35em; line-height:1.6em; padding:0.5em 20px 0.5em 50px; color:#4b4b4b; font-weight:bold;}
#stage #article .article-content h3{position:relative; font-size:1.25em; line-height:1.6em; padding:0.5em 20px 0.5em 50px; color:#4b4b4b; font-weight:bold;}

#article .article-content blockquote{ clear:both; margin:1em 2em 0 0; position:relative; color:#676767; font-style:italic; border-right:0px solid #666; font-weight:100;font-family: 'Merriweather', serif; font-family: 'Open Sans', sans-serif;   font-size:1.3em; line-height:1.5em; 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:#366492}
#article .article-content blockquote footer{ display:block; padding:10px 0; font-size:14px;font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif;  line-height:1.3em; color:#333; 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:#366492}
#article .article-content .audio footer{ display:block; padding:10px 0; font-size:16px; color:#999999; 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: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, .gallery .dida{ display:block; padding:15px 0 10px 0; font-size:14px; line-height:1.4em; color:#999999;font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif; font-style:normal}
.article-content .video-box .dida{ max-width:600px; max-width:none }
.article-video{position: relative; }
.article-video iframe {
	with:100%; height:56%; display:block
}
.article-content figure{ overflow:hidden;position:relative; padding:0.5em 30px 0.5em 50px; margin:1em auto 0.5em auto; box-sizing:border-box; }
.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:14px; line-height:1.4em; color:#999999;font-family: 'Montserrat', sans-serif; font-family: 'Open Sans', sans-serif; font-style:normal; text-align:center;}
.article-content figure.x70, .article-content figure.x60, .article-content figure.x50, .article-content figure.x30{ float:left}

/*gallery nell article*/

.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%; margin:20px 0 20px 50px}
.gallery  ul{ padding:1em 0px; margin:0; list-style:none;text-align:left !important; }
.gallery  li{ width:150px;  padding:0 0 0px 0; height:auto;text-align:center !important; display:inline-block; vertical-align:middle; box-sizing:border-box; border:0px solid #fff; margin:0 10px 0px 0}
.gallery  li a{ display: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;}

.gallery  li a:hover{margin-top:-0px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
.gallery  li a:hover img{  }
.gallery  li.active a{ }
.gallery  li img{ max-width:200px; width:100%; max-height:150px; border:0; display:block; border:0px solid #fff;}
.gallery  li a:before{ content:''; display:block; background:#093; position:absolute;top:0%; left:0%; z-index:3; margin:0;}

#paging{  height:auto;  margin:50px 0px 10px 0px; position:relative; text-shadow:none; overflow:hidden; }
#paging ul{margin:0 auto; padding:0; width:350px; 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}
#paging li a{display:block; font-size:12px;line-height:2em; width:2em; border-radius:50%; background:#bccbd2;  text-align:center; margin:0; padding:0; text-decoration:none; color:#fff}
#paging li.attivo a:link, #paging li.attivo a:visited{  color:#fff; background:#333;}
#paging li a:hover, #paging li a:focus{background:transparent; text-decoration:underline;color:#bccbd2;}

#stage #article .side-content .box{ display:block; border:0; background:#fff; padding:0; width:100%; height:auto }
#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{ color:#333; font-size:1.1em }
#stage #article .side-content .box.gallery .foto-container li{ width:33.3%}
.tag-list{ text-align:center; padding-top:1em}
.tag{ display:inline-block; background:#f1f1f1; margin-bottom:3px; margin-right:1px; font-size:1.2em}
.tag a{ display:block;  border-radius:2px; padding:2px 5px}
.tag a:hover{ background:#000; color:#FFF }
.tag.active a{ background:#000}
.tag.active a{ color:#FFF !important}

#stage #article .box-list{ text-align:center}
#stage #article .box{ height:18em; background:#fff; width:25%; box-sizing:border-box; border:0; display:inline-block}
#stage #article .box .foto-container{ width:100%;}
#stage #article .article-content iframe{ width:100%; 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}

/*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:1em; max-width:none}
.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}

/*CARRELLO*/
.cart .risultati-content{ width:65%}
.cart .lista-tabella li{ padding-right:10px}
.cart .lista-tabella .blocco{ float:right}
.cart .box-feedback h1{ font-size:15px}

.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}
.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{ 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 }
.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}

.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 }
.box-search .blocco label img{ display:block; clear:both; width:auto; max-width:100%} /*per stilizzare immagine dentro checkbox*/
.box-search input[type=radio   ]:not(old) + label{ text-align:center}

.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}

/*OFFERTE*/
.testata-offerta{ position:relative; z-index:1; overflow:hidden; height:20em}
.testata-offerta .foto-fissa{ position:absolute; top:0px; z-index:-1; left:0; width:60%; height:100%; background-repeat:no-repeat; background-size:cover; 
background-position:center center; right:0; left:auto}
.testata-offerta .foto-fissa::before{ content:''; position:absolute; width:
100%; height:100%; background:#fff;background: rgba(277,277,277,0);
background: -moz-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(277,277,277,1)), color-stop(100%, rgba(277,277,277,0)));
background: -webkit-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -o-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: -ms-linear-gradient(left, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
background: linear-gradient(to right, rgba(277,277,277,1) 0%, rgba(277,277,277,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );}
.testata-offerta .testo-offerta{ height:20em; display:table; width:60%; box-sizing:border-box}
.testata-offerta h1{ display:table-cell; vertical-align:middle; padding-right:10%; font-size:2.2em; text-align:center}
.testata-offerta .foto-prodotto{ height:20em; width:40%; display:table; opacity:1; margin-top:0em; float:left}
.testata-offerta .foto-prodotto figure{ width:100%; height:20em; text-align:center; padding:0px; box-sizing:border-box; display:table-cell; vertical-align:middle}
.testata-offerta .foto-prodotto figure img{ max-height:100%; max-width:100%}

.box-prodotto p.data{ text-transform:uppercase; font-size:13px; font-weight:600}
#search-list .testata-offerta span.scadenza{ font-size:0.6em; display:block}
#search-list .lista-prodotti.offerte li{ width:33.3%}

/*RISULTATI*/
#search-list{ background:#fff; overflow:hidden; box-sizing:border-box; padding-right:20px}
.side-menu h2, #article .side-menu h2{ font-size:1em; font-weight:600; color:#666; text-transform:uppercase; margin:20px 0 0 0; padding:0 0 0 20px; letter-spacing:0.4px; overflow:hidden}
.side-menu ul{ padding:10px 10px 10px 20px;}
.side-menu li{ padding:5px 10px; margin-bottom:5px; font-size:1.3em; 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}
.side-menu li.active{ border-left:2px solid #1d66a5 }
.side-menu li.active a{ color:#1d66a5}

#search-list .lista-prodotti li{ width:25%}
#search-list .lista-prodotti.list li{ width:100%}
#search-list .lista-prodotti li:nth-child(4n+1){ clear:both;}

/*stili di box nei risultati*/
#search-list .lista-prodotti.list li .box .box-text-content{ padding:10px 20px; overflow:hidden}
#search-list .lista-prodotti.list li .box.events .box-text-content{ padding:0px 20px 0px 20px}
#search-list .lista-prodotti.list li .box figure{ width:30%; float:left; z-index:2; position:relative }
#search-list .lista-prodotti.list li .box h1{ text-align:left; padding:0; font-size:1.2em; font-weight:600}
#search-list .lista-prodotti.list li .box h1 a{ color:#173d64 }
#search-list .lista-prodotti.list li .box p{ text-align:left; padding:0; font-size:1em; font-weight:100; color:#555555}

#search-list .lista-prodotti .foto-prodotto figure{ padding:5px}
.risultati-content h2{ font-size:1.5em; font-weight:100; margin:0; overflow:hidden; padding:10px 20px; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; color:#666}
.risultati-content h2 span{ color:#333}
.risultati-content h2 span.number{ float:right; text-transform:uppercase; font-size:13px; line-height:2em}
.risultati-content h3{ padding:10px 20px; margin:0.8em 0 0 0; font-weight:600; font-size:1em; overflow:hidden}

.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%;
}

/*CALENDARIO*/
.calendar{ position:relative; padding:0 20px;}
.calendar h1, #box-calendario h1{ margin:0;  font-size:30px; font-weight:100; color:#173d64; background:#fff; padding:5px 10px 5px 10px; text-align:center; border-bottom:1px solid #f1f1f1;  border-top:1px solid #f1f1f1}
.side-menu .calendar { margin:20px 0 30px 0; min-height:0;}
.calendar h2, #article .side-menu .calendar h2{ text-align:center; color:#173d64; font-weight:200; font-size:1em; margin:0; padding: 10px 5px; background:#fbf1c1}
.calendar table{ width:100%;}
.side-menu .calendar table{ margin:0 0px; background:#fff;}
.calendar .giorno{ height:50px; width:100%;color:#999; text-align:right; 
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.calendar .giorno span{ padding:10px}

.side-menu .calendar .giorno{ height:auto; text-align:center; font-size:0.9em}
.side-menu .calendar .giorno span{ padding:0.5em 0; display:block}
.side-menu .calendar table th, .calendar table th{ padding:0.5em 0; background:#f1f1f1; color:#b29b2d; font-size:0.8em; border:1px solid #f1f1f1;}
.side-menu .calendar .pulsanti .sequence-next, .side-menu .calendar .pulsanti .sequence-prev{ height:auto; line-height:normal; font-size:15px; padding:0 0.5em}
.side-menu .calendar .pulsanti .sequence-next{ right:0}
.side-menu .calendar .pulsanti .sequence-prev{ left:0}

.calendar .on{ background:#f1f1f1; color:#3579be; cursor:pointer}
.calendar .on-your{ background:#afe8db; color:#7d7d7d}
.calendar .on-twin{ position:relative; background:#ebcc36; color:#333}
.calendar .on-twin::before{ content:''; position:absolute;  background:#2A80D9; top:0; left:0; right:50%; bottom:0 }
.calendar td{ padding:0px; border:1px solid #f1f1f1; background:#f1f1f1}
.calendar td:hover{}
.calendar td:hover .giorno{ background:#f1f1f1; color:#7d7d7d}
.calendar td:hover .on{background:#333;color:#3579be}
.calendar td:hover .on-your{ background:#333;color:#7d7d7d}
.calendar td:hover .on-twin{ color:#7d7d7d}
.calendar .cliccato{}

.calendar .sequence-prev{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:left; font-size:1em; font-weight:100; color:#173d64; display:inline-block; cursor:pointer}
.calendar .sequence-next{ height:auto; margin:0; padding:0; position:relative; top:auto; left:auto; float:right; font-size:1em; font-weight:100; color:#173d64; display:inline-block; cursor:pointer}

/*FOOTER*/
#footer{ clear:both;  margin:0px 0 0 0; padding:1em 0; background:#f1f1f1; border-top:1px solid #f1f1f1; overflow: hidden}
#footer .content{ width:100%; margin-top:0 }
#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}
.logo-footer{ width: 120px; margin-left: 10px}
#footer #social{ float: right; width: 300px}

#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; }

#menu-footer nav{ float: left}
#menu-footer .connect{ width: auto; float: right}

#footer p.credits{ text-align:left; font-size:0.9em; padding:0.2em 0 2em 10px; line-height:1.3em; margin:0; color:#7f7f7f}
#footer p.credits a{ text-transform:uppercase; color:#0069b4; font-weight:600; padding-right:5px }
#footer p.credits a:hover{ text-decoration:underline}
#footer p{ padding: 0 0 0 10px}

.extra-footer{ position:absolute; top:0; right:5px;}
.extra-footer .box{ overflow:hidden; float:left; width:150px; 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}
.extra-footer .box ul{ text-align:left; padding:5px 0 0 0}
.extra-footer .box li{ font-size:13px; padding:2px 0}
.extra-footer .box img{ max-width:100px; display:inline-block; margin-bottom:15px}

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

/*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}
.box-autore img{ float:left; width:50px; height:50px; margin:0 0.5em 0 0; border-radius:25px}

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

/*allegati nel fancy*/
#extraArticle .allegati, .allegati{ margin-top:1em;  padding:0 0 1em 50px;}
/*allegati nella colonna di dx*/
aside .allegati{ margin-top:0em; margin-bottom:1em !important}
aside .allegati h2, #stage .allegati h2{ padding-top:0 !important; padding: 10px 10px 10px 0px !important; color: #999 !important}

#extraArticle .allegati h2, .allegati h2{ }
#extraArticle .allegati .file-name, .allegati .file-name{ font-size:1em; font-weight:600}
#extraArticle .allegati .file-kb, .allegati .file-kb{ font-size:0.8em; line-height:1.1em}
#extraArticle .allegati ul, .allegati ul{ list-style:none; margin:0; padding:0; border-top:1px solid #e1e1e1;  }
#extraArticle .allegati li, .allegati li{  font-size:0.8em;  border-bottom:1px dotted #e1e1e1; 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; color: #1d66a5; overflow:hidden; padding:0.6em 0px; font-size: 1.3em;}
#extraArticle .allegati li a:hover, .allegati li a:hover{ padding-left:10px }
#extraArticle .allegati li a i, .allegati li a i{ float:left; display:block;  margin-right:5px; color:#666; color:#333; line-height:1.2em; }
.allegati li a i{ font-size: 1.8em}

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

/* Wide Layout: 1200px */
@media only screen and (min-width: 1500px) {
	.testata.big{ height:30em}
}

/* Wide Layout: 1200px */
@media only screen and (max-width: 1200px) {
	.content{ width:80em}
	.testata.big{ height:25em}
	.connect{width:100px}
	.menu-social ul{ margin-right:0}
}
/* Wide Layout: 1100px */
@media only screen and (max-width: 1100px) {
	.content{ width:65em; width:100%}
}
/* Tablet Layout: 1000px */
@media only screen and (max-width: 1000px) {
	body{ font-size:13px}
	.content{ width:100%}
	.menu-up{ display:none}
	.menu-up.slidebar{ display:block}
	.menu-secondary{ display:none}
	.menu-cart{ top:25px; right:55px; }
	.menu-cart a{font-size:32px}
	
	
	/*STILI PER MENU DONATE*/
	.menu-donate{width:90px; right:60px}
	.menu-donate a{ padding:0em 0; font-size:1em; height:55px; border-bottom:0px solid #173d64 }
	.menu-donate a span{ display:block; padding:5px 0; font-size:1.5em; line-height:1em; color:#e63398}
	.menu-donate a:hover{ padding:1.2em 0}
	
	.side-menu li ul{ display:none}
	#head .main-search{ top:28px; display:none}
	.main-search .pul-search a{ font-size:25px; color:#666}
	#stage.internal .content{ margin-top:-1em}
	
	/*article*/
	
	.team li{ float:left; width:50%; }
	/*lista prodotti*/
	.lista-prodotti .foto-prodotto{ height:200px; }
	.lista-prodotti .foto-prodotto img{ max-height:150px}
	.lista-prodotti .foto-prodotto figure{ padding:10px}
	
	.side-menu{ float:none; margin:0; width:100%; background:#fff;}
	.side-menu li{ display:inline-block}
	.risultati-content, .cart .risultati-content, .cart .side-content{ width:100%; float:none}
	.side-menu .calendar{ display:none}
	/*risultati*/
    .internal #search-list{ padding-right: 0}
    .internal #search-list #news{ width: 100%}
    .internal #search-list #news .box-text-content{ padding: 10px 20px}
    .side-menu form label.x30{ width: 50% !important }
    #news .box.primopiano h1{ font-size: 2em}
	#search-list .lista-prodotti li{ width:33.3%}
	#search-list .lista-prodotti li:nth-child(5){ clear:none;}
	#search-list .lista-prodotti li:nth-child(4){ clear:both;}
	
	#box-newsletter .text-newsletter{ width:auto}
}

/* Tablet Layout: 768px */
@media only screen and (max-width: 790px) {
	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;}*/
	.numero{ width:50%; padding:2%; box-sizing:border-box}
	.lista-prodotti.double .foto-prodotto .discount{ top:0.5em; right:0.5em}
	#stage .box-cell{ display:block; float:left;  width:50%}
	#stage.home .intro .box-cell{ width:100%; float:none}
	#stage .box-cell:last-child{ border:0}
	/*home*/
	.home #news.x65{ width:100% !important; float:none}
	.home .side-content.x35{ width:100% !important; padding:15px 0 0 0; float:none; border-top:2px solid #f1f1f1}
	#stage #box-support{ width:100% !important}
	#stage #box-newsletter{ width:100% !important}
    #stage.home .side-content .box{ width: 100%; float: none}

	/*article*/
	#article header{ padding-left:0}
	.article-content{  padding:20px 10px 0 0}
	#stage #article  p{  font-size:17px}
    .home #news .primopiano{ width: 100%;}
    .home .side-content{ padding-top: 15px; float: left}
    #stage.home .side-content .box{ margin-top: 0}
    #stage.home #news .box-container{ width: 100%; float: left; display: block}
    
    /*evento*/
	.eventInfo li{ width:100%}
	#box-signup .blocco{ padding:5px 2px}
	#box-signup .blocco.x33, #box-signup .blocco.x70, #box-signup .blocco.x50, #box-signup .blocco.x30{ width:100%}
    #box-signup .blocco.x25, #box-signup .blocco.x20{ width:50%}
	#box-signup .text-newsletter{ padding:20px 10px}
	#box-newsletter .text-newsletter{ width:auto}
}

/* Tablet Layout: 550px */
@media only screen and (max-width: 550px) {
    .nomobile{display: none !important}
    .simobile{display: block !important}
	body > *, body *{ box-sizing:border-box}
	#back{ width:200px; height:55px; left:0px; background-size:contain; top:0em}
	.pul{}
	#stage .box-container, #stage .box-cell{ display:block; width:100%}
	#stage .box-cell, #stage .box-cell:last-child{ border:0}
	#stage .intro .box-cell:nth-child(2){ background:none}
	.primopiano .box-text-content{ margin-top: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}
	.testata.big{ height:20em}
	.testata .title-testata{ font-size:2em}
	.home .testata.big{ height:15em}
	
	.all{ font-size:0.55em}
	
	/*menu*/
	.menu-donate{ width:70px}
	
	/*lista prodotti*/
	.lista-prodotti li{ width:100%}
	.lista-prodotti .foto-prodotto{ height:200px; }
	.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.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-list .lista-prodotti li{ width:50%}
	/*box search*/
	.box-search .blocco.x25{ width:50%}
	.risultati-content form{ padding-right:20px}
	/*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:20px 0; width:80px}
	#stage .box-feedback .prezzo{ margin-left:100px}
    
    /*allegati nel fancy*/
    #extraArticle .allegati, .allegati{ padding-left:20px;}
	
	/*carrello*/
	.cart .lista-tabella .blocco{ float:none}
	#stage .cart .box-feedback .prezzo{ margin-left:155px; clear:both}
	.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{ padding-right:0}
	#article header{ padding-left:0}
	.internal #article  header{ padding-left:20px; padding-right:20px}
	.internal #article  header h1{ clear:both}
	.internal #article header .day{ margin-right:5px}
	.article-content{ overflow:hidden; float:none; width:100%; margin-bottom:1em; padding:20px 0 0 0}
	.side-content{ width:100%; margin:0; float:none;}
	.side-foto{ width:100%; margin:0; float:none;}
	#stage #article .article-content p{ }
	#stage .side-content .box{ display:block; border:0 }
	.occhiello{ display:none}
	.box-prezzo .pul{ text-align:center }
	#article .box-prezzo{ font-size:1.2em}
	#stage #article .article-content p{ padding-left:20px}
    #stage #article .article-content h3{ padding-left:20px}
	.article-content .video-box, .video-box{ padding-left:20px}
	#article .article-content blockquote:before{ left:20px; font-size:20px}
	.gallery{ margin-left:20px}
	.gallery  li{ width:28%}
	#stage #article .box-cell .box p{ text-align:left}
	.article-content figure{ padding:0.5em 10px}
	.path{}
	.path ul li{ font-size:9px}
	/*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%;}
	
	
	/*posizioni lista*/
	.menu-lista{ position:relative; top:auto; right:auto; overflow:hidden; margin:0.5em 0 0 1.7em}
	
/*	footer*/
    #footer #social{ float: none; width: 100%; box-sizing: border-box; margin: 0;}
    .menu-social ul{ position: relative; top: auto; left: auto; right: auto; bottom: auto; text-align: center; margin: 0; padding: 0}

#box-newsletter.upfooter form{ width:auto}
    #footer { padding: 20px 10px}
    #footer .logo-footer{ display: none}
    #footer #menu-footer nav { float: none; text-align: center}
#footer p.credits{ text-align:center}
	.extra-footer{ display:block; float:none; position:relative; top:auto; right:auto}
	.extra-footer .box{ float:none; width:auto; background:#f1f1f1; text-align:center}
	.extra-footer .box ul{ text-align:center; padding-bottom:10px}
	.extra-footer .box p{ text-align:center}
}