/* RESET */
html,body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,figcaption { font-size: 1em;  font-weight: normal; font-style: normal; display:inline-block; }
strong, em { display: inline; }
ul { list-style: none outside; }

html { -webkit-font-smoothing: antialiased; }
/* body { min-height:100%; font-family: 'Open Sans', sans-serif; text-align: center; background: #ffffff; color: #656d71; font-size: 1em; background-position: center top; } */
body { background:#fcfcfc;min-height:100%; font-family: 'Open Sans', sans-serif; text-align: center;color: #292f33; font-size: 1em; background-position: center top; }
/*@media only screen and (min-width: 0px) and (max-width: 1024px) {
	body { background-image: url(bg-1024.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	body { background-image: url(bg-1280.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
	body { background-image: url(dark-bg-1680.jpg); background-repeat: no-repeat; }
}
@media only screen and (min-width:1681px){
	body { background-image: url(dark-bg-2000.jpg); background-repeat: no-repeat; }
}*/

#container, #header-menu, #footer { background: #fff; width: 976px; margin: auto; text-align: left; padding: 25px 10px 15px 10px; position: relative; z-index: 1; border: 5px solid #f0f1f2; }
#container{padding:15px 10px 15px 10px;}

#header { width: 100%; }
#header-menu, #menu { background: #f0f1f2; padding: 0 10px 0 10px; }
#menu { width: 100%; margin-left: -10px; padding: 10px 10px 10px 10px; }
#header-menu #leonardo { float: left; width:60%; height:40px; background-image:url(http://static.leonardo.it/loghi/spettacoli/logo_leonardoit_white.png)!important; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; background-repeat: no-repeat; background-position: left center; }
#header-menu #leonardo a { display: block; width: 100%; height: 100%; }
#header-menu #leonardo a span { display: none; }
#header-menu ul { margin-top: 10px; }
#header-menu ul li { float: right; text-transform: uppercase; margin-left: 10px; padding-left: 10px; border-left: 1px solid #eaeaea; }
#menu ul li { float: left; text-transform: uppercase; margin: 7px 10px 0 0; padding-right: 10px; border-right: 1px solid #eaeaea; }
#menu ul li#search-desktop{float:right;}
#header-menu ul li a,#menu ul li a { color:#656d71; }
#header-menu ul li:hover a,#menu ul li:hover a { text-decoration: none; color: #2f2f2f; }
#header-menu ul li:last-child,#menu ul li:last-child { border: none; margin: 0; padding: 0; }
.logo { background-image: url(musictory_logo.png); background-repeat:no-repeat;background-size:contain;width:180px; text-align: center; margin: 0 auto 15px auto; position: relative; }
.logo a { display:block; height: 45px; margin-bottom: 10px; }
.logo a span { display: none; }
.leaderboard { width: 728px; height: 90px; float: right; margin-bottom: 10px; position: relative; }
.masthead{width:100%;margin:10px auto auto auto;text-align:center;}

#search { /*background: #1a67af;*/ width: 100%; height: 50px; position: relative; text-align: center; padding: 8px 10px 0 10px; margin: 0 0 10px -10px; z-index: 2; }
.search-content, ul.search-lettere, .search-text { width: 98%; margin: auto; position: relative; height: 55px; }
.search-content { height: 40px; }
.search-text { height: auto; color: #fff; margin-bottom: 10px; font-size: 14px;  }
ul.search-lettere { width: 70%; height: auto; }
ul.search-lettere li { float: left; margin: 0 15px 0 0; }
ul.search-lettere li a { color: #fff; }
.search-content input[type="text"], #search-desktop input[type="text"]{ background: #f0f1f2; width: 100%; border: none; padding: 10px; font-size: 22px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top:0; left: 0; z-index: 1; outline: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dddddd; }
.search-content input[type="image"],#search-desktop input[type="image"] { position: absolute; top: 9px; right: 7px; z-index: 2; } 
#search-desktop input[type="image"] { top:4px; }
#search-desktop { position: relative; margin: 0!important; padding: 0!important; border: none!important; }
#search-desktop input[type="text"] { background: #fff; width: 400px; position: static; font-size: 16px; padding: 8px 65px 8px 15px; font-weight: bold; }

#masthead { margin: 5px auto 10px auto; }

#main { width: 100%; margin-bottom: 20px; padding: 0 0 20px 0; }
#main h1 { display: block; color: #474e51; font-size: 24px; text-transform: uppercase; margin-bottom: 10px; font-weight: bold; }

.content { width: 661px; float: left; margin-right: 15px; padding: 10px 0 0 0; }
#slideshow { width: 100%; height: 440px; position: relative; }
#slideshow #slide { position: absolute; top:0; left: 0; }
#slideshow a { display: block; width: 100%; height: 100%; }
#slideshow img { width: 661px; height: 440px; position: relative; z-index: 1; }
#slideshow #descrizioneslide { position: absolute; background-image: url(slide-title-background.png); bottom: 0; width: 100%; z-index: 3; color: #fff; font-weight: bold; text-align: center; font-size: 25px; display: block; padding: 20px 0 20px 0; }
#slideshow #descrizioneslide a { color:#fff; }
#slideshow #sfondodescrizioneslide { position: absolute; bottom: 0; width: 100%; height: 100px; z-index: 2; opacity:.8; filter:alpha(opacity=80); filter:"alpha(opacity=80)"; background: #000; display: block; }
ul.top-home { margin-bottom: 25px; }
ul.top-home h2 { display: block; margin-bottom: 15px; font-weight: bold; font-size: 20px; color: #000; }
ul.top-home h2 a { color: #000; }
ul.top-home li { padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #f0f0f0; font-size: 17px; line-height: 20px; }
ul.top-home li i { font-size: 15px; }
ul.top-home li img { max-width: 50px; margin-right: 20px; vertical-align: middle; float: left; }
ul.top-home li a.first { padding-top: 5px; }
ul.top-home li.artista a { padding-top: 12px; }
ul.top-home li.artista img { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
ul.top-home li a { display: block; }
#thumbnails { width: 100%; height: 100px; margin: 10px 0 35px 0; padding: 0;}
#thumbnails ul { margin: 0; padding:0; text-align:center; width: 100%; height: 110px; overflow:hidden;}
#thumbnails ul li { width: 164px; height: 110px; margin:0 1px 0 0; padding:0 0 10px 0;display:block; float: left; position:relative; }
#thumbnails ul li:last-child { margin: 0; }
#thumbnails a img { width: 100%; max-width: 100%; height: 104px; display:block; }
ul.other-news li { float: left; width: 49%; margin: 0 2% 15px 0; position: relative; }
ul.other-news li:hover { background: #f4f4f4; }
ul.other-news li a img { float: left; width: 150px; height: 116px; }
ul.other-news li h2, ul.other-news li h3, ul.other-news li h4 { display: block; float: right; text-transform: uppercase; width: 161px; height: 80px; overflow: hidden; font-size: 12px; line-height: 21px; font-weight: bold; }
ul.other-news li h2 a, ul.other-news li h3 a, ul.other-news li h4 a { color: #2f2f2f; }
ul.other-news li .more-news { position: absolute; bottom: 0; left: 161px; text-transform: uppercase; font-size: 12px; }
ul.aggiornamenti h2 { font-weight: bold; color: #2f2f2f; margin-bottom: 20px; font-size: 22px; }
ul.aggiornamenti { font-size: 14px; }
ul.aggiornamenti li { margin-bottom: 10px; }
ul.aggiornamenti li h5 { margin-right: 5px; color: #2f2f2f; margin-bottom: 3px; font-weight: 600; }
ul.aggiornamenti li b { font-weight: normal; color: #2f2f2f; }
ul.menu-sezione { width: 100%; border: 1px solid #D5D5D5; border-left: none; border-right: none; }
ul.menu-sezione li { width: 162px; float: left; text-align: center; text-transform: uppercase; color: #555555; font-size: 14px; }
ul.menu-sezione li:hover { background: #f4f4f4; }
ul.menu-sezione li a { display: block; width: 100%; height: 100%; color: #555555; }
ul.menu-sezione li a:hover { text-decoration: none; }
.suoneria { text-align: center; color: red; margin: 0 0 10px 0; }
.suoneria a { color: red; font-weight: bold; font-size: 16px; }
.suoneria a img { vertical-align: middle; }
.content .foto-profilo, .content .cover { max-width: 49%; auto; float: left; margin-right: 2%; margin-bottom: 15px; }
.content .cover { width: 176px; font-size: 11px; margin: 0 20px 10px 0; }
.content .foto-profilo img, .content .cover img { float: left; webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 1px 2px 3px; box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; }
.content .cover img { float: none; }
ul.dati-artista { max-width: 49%; float: left; }
.biografia { line-height: 24px; font-size: 15px; margin-bottom: 15px; }
.biografia .fonte { display: block; text-align: right; margin-top: 10px; font-weight: bold; font-size: 12px; }
ul.correlati { margin: 0 0 15px 0; }
ul.correlati h2, ul.other-news h2.artista-news, ul.video h2,  ul.canzoni h2,  ul.album h2, ul.siti h2, ul.video h5 { display: block; float: none; color: #2f2f2f; font-size: 24px; text-transform: uppercase; margin-bottom: 10px; }
ul.correlati li, ul.video li, ul.canzoni li, ul.album li, ul.artisti-correlati li { width: 95px; margin: 0 18px 0 0; padding: 0; float: left; text-align: center; line-height: 16px; font-size: 12px; }
ul.correlati li:last-child { margin: 0; }
ul.correlati li img { width: 95px; max-width: 95px; }
ul.video li,ul.artisti-correlati li, .video-preview { width: 154px; margin: 0 15px 15px 0; position: relative; }
.video-preview { float: left; }
ul.video li img.video-img, .video-preview img.video-img { width: 154px; max-width: 154px; position: relative; z-index: 1; }
ul.video li img.videoplay, .video-preview img.videoplay { position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; }
ul.video li a.video-a { display: block; }
ul.canzoni li, ul.album li { width: 210px; margin: 0 15px 10px 0; text-align: left; }
ul.artisti-correlati li { width: 120px; text-align: center; }
ul.canzoni-lista li { float: left; width: 49%; margin: 0 2% 5px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #ccc; }
ul.album u { margin-bottom: 10px; display: block; }
ul.album li { text-align: center; }
ul.album li img { width: 100%; max-width: 100%; }
ul.canzoni li a, ul.canzoni-lista li a { color: #555555; font-size: 14px; }
ul.siti li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 12px; }
ul.siti li h3 { display: block; color: #2f2f2f; font-size: 16px; margin-bottom: 10px; }
ul.siti li h3 a { color: #2f2f2f; }
ul.siti li .foto-sito { width: 100px; float: left; margin: 0 15px 0 0; }
ul.siti li .foto-sito img.img-sito { width: 80px; height: 70px; }
ul.h-list li, ul.h-list li.anno { float: left; margin-right: 10px; }
ul.h-list li.anno { font-size: 24px; color: #2f2f2f; font-weight: bold; }
ul.h-list li.by { margin: 6px 15px 0 5px; }
ul.h-list li h2 { font-size: 24px; font-weight: bold; }
ol.tracklist { float: left; width: 465px; margin-bottom: 10px; }
ol.tracklist h4, ol.tracklist span.clicca { color: #7398c5; font-weight: bold; display: block; }
ol.tracklist span.clicca { font-weight: normal; font-size: 12px; margin-bottom: 10px; }
ol.tracklist li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; font-size: 14px; margin-left: 20px; }
ol.tracklist li a, ul.generi li a { color: #797a7b; }
.descrizione-album { background: #f4f4f4; padding: 10px; font-size: 13px; text-align: justify; margin-bottom: 10px; }
ul.foto li { width: 188px; height: 152px; float: left; margin: 0 15px 15px 0; text-align: center; }
.pagine { background: #f4f4f4; padding: 10px; margin-bottom: 20px; }
.pagine a { font-size: 12px; }
ul.generi { width: 99px; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #ccc; float: left; }
ul.generi h2 { color: #2f2f2f; margin-bottom: 10px; }
ul.generi li { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; font-size: 12px; }
ul.generi-artisti { float: left; width: 541px; }
ul.generi-artisti li { width: 124px; float: left; margin: 0 15px 10px 0; text-align: center; }
ul.generi-artisti li img, ul.artisti-correlati li img { display: block; margin: auto auto 5px auto; }
ul.generi-artisti li a { font-size: 13px; }
.scorrimento-generi { width: 100%; text-align: center; }
.scorrimento-generi ul { width: 300px;  float: none; margin: auto auto 10px auto; text-align: center; }
.scorrimento-generi ul li { width: auto; float: left; margin: 0 10px 0 0; text-align: left; font-size: 13px; }
ul.concerti h2, .concerto h3 { background: #0B6DE0; padding: 10px 20px 10px 10px; color: #fff; font-weight: bold; -webkit-border-top-right-radius: 30px; -moz-border-radius-topright: 30px; border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; margin-bottom: 10px; }
ul.concerti h3 { display: block; margin-bottom: 3px; }
ul.concerti h3 a { display: block; color: #2f2f2f; font-weight: bold; }
ul.concerti li { display: block; float: none; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; }
ul.performers { font-size: 13px; margin-top: 10px; }
ul.performers h5 { float: left; font-weight: bold; margin: 0 5px 0 0; }
ul.performers li { float: left; margin: 0 5px 2px 0; padding: 0; border: none; }
ul.performers li a { color: #555555; }
div.foto { width: 100%; text-align: center; margin: 0 0 20px 0; }
ul.scorrimento-foto li { width: 33%; float: left; text-align: center; }
ul.scorrimento-foto li a { width: 80%; display: block; background: #f4f4f4; padding: 5px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #2f2f2f; margin: auto; }
ul.scorrimento-foto li a.tutte { background: #fff; border: 2px solid #f4f4f4; }
ol.top-list li { float: left; width: 270px; margin: 0 21px 5px 30px; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }
ul.ricerca li { background: #f4f4f4; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; }
ul.ricerca li img.img-profile { margin: 0 15px 10px 0; float: left; }
ul.ricerca li a.title-ricerca { font-size: 20px; line-height: 20px; margin-bottom: 15px; display: inline-block; color: #2f2f2f; }
ul.ricerca li.white { background: #fff; }
.altri { position: relative; height: 18px; padding: 16px 0 0 0; margin: 0 0 15px 0; }
.altri b { background-color: #f0f1f2; background-image: url(more-arrow.png); background-repeat: no-repeat; background-position-x: 15px;	background-position-y: 12px; background-position: 15px 12px; padding: 5px 10px 5px 30px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top:0; left: 0; border-right: 4px solid #fff; }
.altri a { color: #474e51; }
.altri a:hover { text-decoration: none; }
ul.aggiornamenti h2 { font-weight: bold; color: #2f2f2f; margin-bottom: 20px; font-size: 22px; clear: both; display: block; }
ul.aggiornamenti { font-size: 14px; }
ul.aggiornamenti li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px 10px 0; margin-bottom: 15px; border-bottom: 1px dotted #ccc; float: left; }
ul.aggiornamenti li span { font-size: 12px; }
ul.aggiornamenti li img { max-width: 60px; float: left; margin-right: 20px; webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 1px 2px 3px; box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; }
ul.aggiornamenti li h5 { margin-right: 5px; color: #2f2f2f; margin-bottom: 3px; font-weight: 600; }
ul.aggiornamenti li b { font-weight: normal; color: #2f2f2f; }
.video-description{display:block;margin-bottom:10px;}

form #stileform { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
#stileform textarea { width: 342px;	height: 250px; border: 3px solid #BCBCBC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 18px; outline: 0 none; }
#stileform input[type="text"], #stileform input[type="password"] { background: url("/images/form/inputtext2.png"); border: 0 none; padding-left: 10px;	padding-right: 10px; width: 330px; height: 32px; outline: 0 none; font-size: 18px; margin: 0; }
#stileform input[type="text"].mini { background: url("/images/form/inputtext2mini.png"); border: 0 none; display: block; padding-left: 10px; padding-right: 10px; width: 128px; height: 32px; outline: 0 none; font-size: 18px; float: left; }
#stileform .campo {	background: none; width: 170px;	font-size: 18px; margin-right: 10px; padding-top: 5px; float: left; }
#stileform ul {	margin: 0; padding: 0; }
#stileform ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
.video-youtube { width: 660px; height: 400px; }
#video-container {position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;margin-bottom: 10px; }
#video-container iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%; }


.navigation { width: 300px; float: right; padding: 10px 0 0 0; }
.navigation h5, .navigation h5 a { display: block; font-size: 20px; text-transform: uppercase; color: #2f2f2f; font-weight: bold; }
.navigation h5 { margin-bottom: 10px; }
.navigation .link { width: 100%; margin-bottom: 20px; }
.navigation .link ul.social li { float: left; margin-right: 20px; }
.navigation .top-artisti, .navigation .top-canzoni { height: 381px; overflow: hidden; padding-bottom: 10px; position:relative; }
.navigation .link ul#top-artisti, .navigation .link ul#top-canzoni { position: relative; }
.navigation .link ul#top-artisti li, .navigation .link ul#top-canzoni li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; }
.navigation .link ul#top-artisti li a, .navigation .link ul#top-canzoni li a { font-size: 15px; }
.navigation .link ul#top-artisti li a img, .navigation .link ul#top-canzoni li a img { float: left; width: 60px; height: 60px; margin-right: 10px; webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 1px 2px 3px; box-shadow: rgba(0, 0, 0, 0.3) 1px 2px 3px; }
#href-top-canzoni, #href-top { display: block; width: 100%; text-align: center; }

#footer { background: #373a3b; padding: 0; color: #949597; border: 0; width: 1006px; margin-bottom: 35px; }
ul.categorie-footer, ul.centro-footer { width: 986px; background: #373a3b; padding: 10px; font-size: 12px; }
ul.centro-footer { background: #3f4243; }
ul.categorie-footer h5, ul.centro-footer h5 { color: #fff; float: left; margin-right: 20px; text-transform: uppercase; font-size: 12px; font-weight: bold; }
ul.categorie-footer li, ul.centro-footer li { float: left; margin-right: 20px; }
ul.categorie-footer li a, ul.centro-footer li a { color: #b2b8bf; font-size: 12px; }

#overlay { background: #ffffff;	width: 100%; height: 100%; position: fixed;	top: 0;	left: 0; z-index: 100000009; filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95; }
#overlay-facebook,#overlay-app  { background: #f0f1f2; width: 400px; height: 340px; position: fixed; top: 9%; left: 50%;z-index: 100000010; text-align: left; box-shadow: 0 2px 5px rgba(34,25,25,0.5); -moz-box-shadow: 0 2px 5px rgba(34,25,25,0.5); -webkit-box-shadow: 0 2px 5px rgba(34,25,25,0.5); margin: 0 0 0 -200px; padding: 10px; }
#overlay-facebook{top:190px;}
.title-overlay { font-size: 20px; }
.close-overlay { position: absolute; right: -15px; top: -15px; }
.close-overlay img { width: 30px; height: 30px; }

.adv-responsive{width:100%;text-align:center;margin:10px auto 10px auto;clear:both;display:block;}
.adv-overlay,.adv-overlay-right{position:fixed;top:40px;left:50%;margin:0 0 0 -680px;}
.adv-overlay-right{margin:0 0 0 520px;}

a { text-decoration: none; color: #0B3E7C; }
a:hover { text-decoration: underline; color: #0B3E7C; }
a img { border: none; }
a img:hover{ opacity:.8; filter:alpha(opacity=80); filter:"alpha(opacity=80)"; }

.clear { display: block; clear: both; }
.hidden { display:none; }

.left {display: inline; float: left;}
.right {display: inline; float: right;}
.relative { position: relative; }
.border-bottom, .border-bottom-dotted { border-bottom: 1px solid #D5D5D5; margin-bottom: 15px; }
.border-bottom-dotted { border-bottom: 1px dotted #D5D5D5; }

.spacer-5 { display: block; height: 5px !important; }
.spacer-10 { display: block; height: 10px !important; }
.spacer-15 { display: block; height: 15px !important; }
.spacer-20 { display: block; height: 20px !important; }
.spacer-25 { display: block; height: 25px !important; }
.spacer-30 { display: block; height: 30px !important; }
.spacer-35 { display: block; height: 35px !important; }
.spacer-40 { display: block; height: 40px !important; }
.spacer-50 { display: block; height: 50px !important; }
.spacer-60 { display: block; height: 60px !important; }
.spacer-70 { display: block; height: 70px !important; }
.spacer-80 { display: block; height: 80px !important; }
.spacer-90 { display: block; height: 90px !important; }
.spacer-100 { display: block; height: 100px !important; }

#cookies { position: fixed; padding: 5px 20px; width: 100%; top:0; left: 0; z-index:1000000; background: #000; color: #fff; opacity:.9; filter:alpha(opacity=90); filter:"alpha(opacity=90)"; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-size: 13px; }
#cookies a { color: #fff; text-decoration: underline; font-weight: bold; }
#cookies #close-cookie { display: block; width: 40px; float: right; opacity:1; }
#cookies #close-cookie a { display: block; padding: 5px 10px; background: #fff; color: #000; font-weight: bold; }