body {   font-family:Merriweather;        }
h3 { font-family:Merriweather; font-weight:700; font-size:18px; margin-top:12px;  }
h3.sfondo { font-family:Merriweather; font-weight:700; font-size:18px; margin-top:12px; padding: 16px 12px;
background: #e40410; }
h3.sfondo:before {content: url(img_provv/freccia.png); width:24px; height:24px; margin-right:6px;  }
h2.icon-news:before { 
 background-image: url(img_provv/icon-news.png);
    background-size: cover;
    display: inline-block;
    width:44px; 
    height: 43px;
    content:"";
	margin-right:8px;
	vertical-align: middle;
 }
h2.icon-news-evid:before { 
 background-image: url(img_provv/icon-news-evid.png);
    background-size: cover;
    display: inline-block;
    width:44px; 
    height: 43px;
    content:"";
	margin-right:8px;vertical-align: middle;
 }
 h2.secondari { font-size:16px; padding-bottom:4px; border-bottom:1px solid #bbb; margin-top:12px; margin-top:12px; }
 h2.secondari fb:before {   }
 
 
a { font-family:Merriweather;  }
a:hover {color:#555;}
#artist-menu > div { font-family:Merriweather; font-size:16px; margin-left:60px; margin-right:60px; color:#000;    }


.blu-itaca-bg { background-color:#0e70b7  }
.blu-itaca { color:#0e70b7  }
.bg-rosso { background-color:#e40410 }
.border-sx { border-left:1px solid #ccc;   }

img.logo { width:auto!important; height:auto!important; }

.menu-i ul li a { 
font-family: 'Roboto Condensed', serif;  
font-weight:400; 
font-size:16px; 
letter-spacing:-0.5px; 
color:#fff; 
padding-top:12px; 
padding-bottom:12px; }

.menu-i ul li a:hover { color:#aaa;} 

.menu-i ul li:last-child  a{ /*font-style:italic;*/ font-weight:700; border-bottom:3px solid #fff; padding-bottom:1px;  }


.menu-i  { 
padding-top:12px; 
padding-bottom:12px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;}



.menu-icon img {width:36px; height:36px;   }
.img-barralaterale img { max-height: 160px;
width: auto !important;
max-width: 160px; 
padding-bottom:12px;
padding-top:12px;  }

.blocco-titolo-principale h1 { font-family:Merriweather; font-weight:700; font-size:32px; color:#fff; margin-bottom:12px; }
.blocco-titolo-principale h2 { font-family:Merriweather; font-weight:700; font-size:22px; color:#eaca4c; margin-top:12px; }

h2 { font-family:Merriweather; font-weight:700; font-size:32px; margin-top:12px; }

a.metatag-i, .metatag-i a, a.metatag-ii, a.titolo-colonna, a.titolo-colonna-ii, p.contenuto-colonna, .contenuto-colonna p, a.metatag-iii, .titolo-colonna-iv, .metatag-ii, .entry-content p { font-family:Merriweather;  }
.metatag-14, a.metatag-14, .metatag-14 a {font-size:14px; font-weight:700;}
a.metatag-i, .metatag-i a {text-transform:uppercase; font-size:12px; font-weight:700;}
a.metatag-i:hover, .metatag-i a:hover, .metatag-14 a:hover, li.cat-item a:hover {color:#222;}
a.titolo-colonna { font-size:24px; font-weight:700; margin-top: 6px; line-height:26px;}
a.titolo-colonna-i { font-size:32px; font-weight:700; margin-top: 6px; line-height:36px;}
a.titolo-colonna-ii  { font-size:24px; font-weight:700; margin-top: 6px; line-height:26px;}
a.metatag-ii, .metatag-ii { font-size:14px;  font-weight:700; margin-top: 6px;}
p.contenuto-colonna, .contenuto-colonna p { font-size:18px;  font-weight:400; margin-top: 10px;   }
a.metatag-iii, li.cat-item a {text-transform:none; font-size:15px; font-weight:700;}
.entry-content p { font-size:18px;  font-weight:400; margin-top: 10px;   } 
.entry-content { margin-top:24px;   }
li.cat-item a, li.cat-item { list-style:none; color:#666; padding-top: 6px;
padding-bottom: 6px  }

footer { padding-top:24px; font-family:Merriweather; font-size:14px;  }


.titolo-colonna-iv { font-size: 46px;
font-weight: 700;
margin-top: 6px;
line-height: 50px;
padding-right: 18px;
box-sizing: border-box;}

.imgintesto img {width:220px!important; float:left; padding-left: 12px;
padding-bottom: 12px;
padding-top: 16px;
padding-right: 18px;}

.sharedaddy {
    padding: 12px 0;
    position: relative;
}

.sharedaddy::before, .sharedaddy:last-child::after {
    background-color: none;
    content: "";
    height: 1px;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100% }
	.sd-content ul li a.sd-button::before {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font: normal 12px/1 social-logos;
    vertical-align: top;
    text-align: center;
	}



blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}

blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}

blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}

blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}


a.tag-cloud-link {  

border-radius: 6px;
padding:6px ;
color: #333;
background: #ddd;
display: inline-block;
margin-bottom: 4px;


 }
 
 a.tag-cloud-link:hover {  

border-radius: 6px;
padding:6px ;
color: #bbb;
background: #333;


 }
 
.lfloat {font-family: Merriweather!important; }


.clickme { font-size: 18px;
cursor: pointer;
display: inline-block;
padding-bottom: 12px;
border-bottom: 1px solid #aaa;
/*border: 1px solid black;*/
border-radius: 8px;
padding: 12px;
background:#0e76bd;
color:white;
}
.clickme:hover { color: #aaa;}

label[for="simpay-360-text-6"] {
display:none;}
label[for="simpay-372-text-5"] {
display:none;}
#simpay-360-text-6 {
    display: none;
}

#simpay-372-text-5 
{
    display: none;
}



#artist-menu-toggle {
    right: 0;
}
.menu-toggle {
    background: #fff;
    cursor: pointer;
    height: 100%;
    line-height: 50px;
    margin: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 50px;
    z-index: 50;
    -moz-transition: color 0.2s linear,opacity 0.3s ease-in-out,background-color 0.15s linear;
    -o-transition: color 0.2s linear,opacity 0.3s ease-in-out,background-color 0.15s linear;
    -webkit-transition: color 0.2s linear,opacity 0.3s ease-in-out,background-color 0.15s linear;
    transition: color 0.2s linear,opacity 0.3s ease-in-out,background-color 0.15s linear;
}
	elemento {
}
#artist-menu-toggle strong {
    right: 25px;
    -moz-transform: translateX(50%) rotate(90deg);
    -ms-transform: translateX(50%) rotate(90deg);
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg);
}


.menu-toggle .bg-color {
    -o-animation: fade 7s ease-in-out;
    -moz-animation: fade 7s ease-in-out;
    -webkit-animation: fade 7s ease-in-out;
    animation: fade 7s ease-in-out;
}
.menu-toggle strong {
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear;
    height: 50px;
    font-size: 11px;
    line-height: 50px;
    margin: 0;
    padding: 0 35px 0 20px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    white-space: nowrap;
	font-family: 'Roboto Condensed', serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.5px;
  color:#e40410;
   /* padding-top: 12px;
    padding-bottom: 12px;*/

}
.menu-toggle {
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
}

.menu-toggle strong i {
    display: inline-block;
    height: 32px;
    margin: 0 20px 0 0;
    padding: 0;
    width: 32px;
	
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

body.show-artist-menu #artist-menu {
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
}
#artist-menu {
    padding-right: 100px;
    right: 0;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.menu {
    background-color: #ddd;
    color: #fff;
    height: 100%;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 750px;
    z-index: 49;
    -webkit-overflow-scrolling: touch;
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: -o-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

body.show-artist-menu #artist-menu-toggle strong i svg {
    -moz-transform: translateY(5px) rotate(-180deg);
    -ms-transform: translateY(5px) rotate(-180deg);
    -webkit-transform: translateY(5px) rotate(-180deg);
    transform: translateY(5px) rotate(-180deg);
}
.menu-toggle strong i svg {
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
	
	body.show-artist-menu #artist-menu-toggle {
    background-color: #ddd;
    color: #fff;
    -moz-transition: color 0.2s linear,opacity 0.3s ease-in-out;
    -o-transition: color 0.2s linear,opacity 0.3s ease-in-out;
    -webkit-transition: color 0.2s linear,opacity 0.3s ease-in-out;
    transition: color 0.2s linear,opacity 0.3s ease-in-out;
}

body.show-artist-menu #artist-menu-toggle {
    color: #999;
}


body.show-artist-menu .menu-overlay, body.show-main-menu .menu-overlay {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.menu-overlay {
    background: #fff;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 7;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
    -o-transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0s linear;
    -webkit-transition-delay: 0s, 0.3s;
    transition: opacity 0.3s ease-in-out, visibility 0s linear 0.3s;
}




	@-o-keyframes fade {
			0% {
				color: #fff;
				fill: #fff;
			}
			40% {
				background-color: #e40410;
				color: #fff;
				fill: #fff;
			}

			70% {
				background-color: rgba(255, 255, 255, 0.5);
				color: #e40410;
				fill: #e40410;
			}
			85% {
				fill: $color-green;
			}
			100% {
				background-color: rgba(255, 255, 255, 0);
				color: #e40410;
				fill: #e40410;
			}
		}
		@-moz-keyframes fade {
			0% {
				color: #fff;
				fill: #fff;
			}
			40% {
				background-color: #e40410;
				color: #fff;
				fill: #fff;
			}

			70% {
				background-color: rgba(255, 255, 255, 0.5);
				color: #e40410;
				fill: #e40410;
			}
			85% {
				fill: #e40410;
			}
			100% {
				background-color: rgba(255, 255, 255, 0);
				color: #e40410;
				fill: #e40410;
			}
		}
		@-webkit-keyframes fade {
			0% {
				color: #fff;
				fill: #fff;
			}
			40% {
				background-color: #e40410;
				color: #fff;
				fill: #fff;
			}

			70% {
				background-color: rgba(255, 255, 255, 0.5);
				color: #e40410;
				fill: #e40410;
			}
			85% {
				fill: #e40410;
			}
			100% {
				background-color: rgba(255, 255, 255, 0);
				color: #e40410;
				fill: #e40410;
			}
		}
		@keyframes fade {
			0% {
				color: #fff;
				fill: #fff;
			}
			40% {
				background-color: #e40410;
				color: #fff;
				fill: #fff;
			}

			70% {
				background-color: rgba(255, 255, 255, 0.5);
				color: #e40410;
				fill: #e40410;
			}
			90% {
				fill: #e40410;
			}
			100% {
				background-color: rgba(255, 255, 255, 0);
				color: #e40410;
				fill: #e40410;
			}
		}





#fade,
#fade_wrapper,
#fade_background {
  color:#000;}
.well { background:none; max-width:450px; }
.well img { max-width:450px; height:auto; width:100%;    }