* {margin: 0; padding: 0; font-family: 'Commissioner', sans-serif;  font-size: 18px; color: #555; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
.clearfix::after {content: ""; clear: both; display: table}
.testo_allargato {letter-spacing: 0.5px; line-height:28px}
body {background: #FFF}
a {text-decoration: none}
ul {font-size:0; list-style: none}
hr {color: #1F334E; background: #1F334E; border: 1px solid #1F334E}

.hspace {width: 100%; min-width:320px; height: 30px; display: block; background: #FFF}

#vismenu {display:block; width:50px; height:50px; cursor: pointer; position: absolute; top:0; left:0; z-index: 200}
.show {display:inline-block!important;} 

#line-1, #line-2, #line-3 {display:block; position:absolute; width:30px; height:4px; border-radius:30px; right:0; margin-right:10px; background:#494036; -webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease}
#line-1 {top:13px}
#line-2 {top:23px}
#line-3 {top:33px}
#line-1.open, #line-2.open, #line-3.open {-webkit-transition:.2s ease; -ms-transition:.2s ease; -moz-transition:.2s ease; -o-transition:.2s ease; transition:.2s ease; transform-origin:50% 50%; background:#B18B2F}
#line-1.open {top:23px; margin-right:5px; width:40px; transform:rotate(45deg);-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg)}
#line-2.open {opacity:0}
#line-3.open {top:23px; margin-right:5px; width:40px;transform:rotate(-45deg);}

#menu {display: none; padding: 0px 10px 10px 60px; width: 300px; position:absolute; left:0; top: 0; background:#FFF; z-index: 100}
#menu ul li {padding: 7px 0 7px 0; display: block; width: 100%; position:relative; text-align: left; border-bottom: 1px solid #AAA}
#menu ul li:last-child {border-bottom: none}
#menu ul li a {display: block; color: #494036; font-size: 18px}
#menu ul li a:hover{color: #B18B2F}
#menu ul li.attivo {color: #B18B2F; font-size: 18px}

#testata {width: 100%; min-width: 320px; text-align: center; background:#EEEEE0; position:relative}
#testata img {margin: 0 auto; width: 180px; height:80px}

#ss {width: 1800px; height: 800px; min-width: 320px; position:relative; font-size:0; overflow: hidden}
.img_hp {width: 1800px; height: 800px; display:block; top:0; left:0}
.hidden {width: 1800px; height: 800px; position:absolute; top:0; left:0}

#wrapper_footer {width: 100%; min-width: 320px; height:auto; background: #EEEEE0;}
#footer {margin: 0px auto; padding: 30px; width: 100%; min-width: 320px; max-width: 960px; text-align: center; font-size: 15px; color: #494036}
#footer a {font-size: 15px; color: #494036}
#footer a:hover {color: #1F334E}

#social {margin: 0; width: 100%; list-style: none; font-size: 0}
#social li {margin: 0; width:70px!important; display:inline-block!important; border-bottom: none!important}
#social li a {width: 50px; font-size: 40px!important;  transition: 0.4s}
.icon_facebook:hover {color: #3b5999!important}
.icon_youtube:hover {color: #cd201f!important}

#social li a {width: 50px; font-size: 40px!important;  transition: 0.4s}
.icon_facebook:hover {color: #3b5999!important}
.icon_youtube:hover {color: #cd201f!important}

.wrapper_960px {margin:0 auto; padding: 0 10px 0 10px; display:block; width:100%; max-width: 960px; min-width: 320px; text-align:center}
.wrapper_1080px {margin:0 auto; padding: 0 10px 0 10px; display:block; width:100%; max-width: 1080px; min-width: 320px; text-align:center}
.wrapper_100p {margin:0 auto; padding: 0 10px 0 10px; display:block; width:100%; max-width: 100%; min-width: 320px; text-align:center}
.wrapper_hp {display:block; width:100%; min-width: 320px}
.giustificato {text-align: justify!important}

@media screen and (max-width:640px)
{
  .vwrapper_100p {background-color: #cd201f;}
}



#cartelloni {margin: 0; width: 100%; list-style: none; font-size: 0}
#cartelloni li {padding:20px; display:inline-block!important; text-align: center}
#cartelloni li img {width: 100%; max-width:300px}

.titolo {padding: 30px 10px 20px 10px; color: #B18B2F; font-size: 44px; text-align:center}
.sottotitolo {padding: 30px 10px 20px 10px; color: #555; font-size: 33px; text-align:center}

.tabella {width:100%}
.tabella td {padding: 10px; border: 1px solid #CCC}
.td_label {background: #eee; font-weight: 700}
.td_download {background: #FFF6E0}
#img_francesco {width:100%; max-width:580px; min-width: 300px}
#img_gianni{width:100%; max-width:400px; min-width: 300px}

.td_download ul {list-style: none; font-size: 0; text-align: left}
.td_download ul li {display:inline-block!important}  
.disco_img {padding:10px!important; border: none!important; vertical-align: middle}
.disco_titolo {padding:10px!important; border: none!important; vertical-align: middle}

@media screen and (max-width:640px)
{
  .disco_img, .disco_titolo {width:100%!important; text-align: center!important}
}

.album {margin: 0; width: 100%; list-style: none; font-size: 0}
.album_img {margin: 0; width: 100%; max-width:500px}
.album li {padding:20px; display:inline-block!important; text-align: center; font-size: 18px; vertical-align: top}
.album_Arrangiamenti {width: 33%}
.album_canzoni {width: 67%}
.album_divisorio {margin:0 auto; padding: 20px 0 20px 0; width: 100%; max-width:560px}


@media screen and (max-width:800px)
{
 .album_Arrangiamenti {width: 50%}
 .album_canzoni {width: 50%}
}

@media screen and (max-width:500px)
{
 .album_Arrangiamenti {width: 100%}
 .album_canzoni {width: 100%}
}

.video {margin: 0 auto; font-size: 0; display: flex; align-items: center; justify-content: space-around; flex-direction: row; flex-wrap: wrap}
.video_item {padding:10px}
.video_item iframe {width:640px; height:360px}

@media screen and (max-width:1280px)
{
  .video_item {width:50%}
  .video_item iframe {width:100%; min-width:280px}
}

@media screen and (max-width:660px)
{
  .video_item {width:100%}
}

#cprgt_wrapper {min-width:320px; width: 100%; font-size: 10px; background: #FFF; text-align: center}
#loghi_chiusura {width: 100%; max-width:450px}
#cprgt {margin: 0 auto; padding: 0 2% 2% 2%; width: 96%; color:#555; font-size: 10px}
#cprgt a {color:#555; font-size: 10px}

#topcontrol, #goback {margin: 0; padding: 0; z-index: 300}
#topcontrol {z-index:10000}