html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { padding-bottom: 60px; }

#container, #header-menu, #footer { width: 100%; margin: 0 auto 0 auto; padding: 10px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#header-menu, .leaderboard, #thumbnails, .video-news  { display: none; }
.logo { width: 100%; height: 50px; background-size: contain; -moz-background-size: contain;	-webkit-background-size: contain; background-position: center; margin-top: 5px; }

.content, .content .foto-profilo, ul.dati-artista, .content .cover, ol.tracklist, ul.article-news ul.social, .article ul.social { width: 100%; float: none; margin: 0; }
.navigation { width: 100%; float: none; padding: 10px 0 0 0; text-align: center; }

.search-content input[type="text"] { font-size: 1em; }
.search-content input[type="image"] { top: 4px; }
.search-content { height: 45px; } 
ul.search-lettere { display: none; }
ul.search-lettere li { margin: 0 1% 0 0; font-size: 11px; }
#slideshow { height: auto; margin: 0 0 10px 0; }
#slideshow img { width: auto; height: auto; max-width: 100%; display: block; position: static; }
#slideshow #descrizioneslide { overflow: hidden; height: 80px; bottom: 0; font-size: 20px; padding: 5px 0 5px 0; }
#slideshow #sfondodescrizioneslide { height: 80px; }
ul.other-news { width: 100%; }
ul.other-news li { width: 100%; float: none; margin: 0 0 15px 0; display: block; }
ul.other-news li .more-news { left: auto; right: 0; }
.content .foto-profilo, .content .cover { text-align: center; }
.content .foto-profilo img, .content .cover img { margin: auto; float: none; }
.content .foto-profilo, ul.dati-artista, .content .cover { max-width: 100%; margin-bottom: 10px; }
.video-youtube { width: 100%; height: auto; }
div.foto img { max-width: 100%; }
.anteprima-article { float: none; margin: 0 0 15px 0; }
.anteprima-article img { max-width: 100%; }
.fb-comments, .fb-social-plugin { width: 100% !important; }
ul.article-news li .data, .article .data { width: 10%; }
ul.article-news li .data .day, .article .data .day { margin: 5px 5px 5px 0; }
ul.article-news li .more { float: none; margin-bottom: 10px; }
ul.article-news ul.social li, .article ul.social li { width: 32%; margin: 0 1% 10px 0; }
ul.article-news li img { width: auto !important; }
ul.correlator-articles li img { float: left; max-width: 40%; margin-right: 2%; }
ul.correlator-articles li h3 { width: 58% !important; font-size: 14px; }

.navigation h5, .navigation h5 a, .navigation .link ul li, .ctc { text-align: left; }

ul.categorie-footer, ul.centro-footer { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* TOLGO COLORE SFONDO 13/10/15 #ad-mobile { background: #fff; width: 100%; height: 60px; position: fixed; bottom: 0; text-align: center; z-index: 99; } */

/* TOLGO COLORE SFONDO 19/10/15 */ #ad-mobile { background: #fff; width: 100%; position: fixed; max-height: 50px; bottom: 0; text-align: center; z-index: 99; }


#overlay-facebook, #overlay-app { width: 100%; height: 100%; top:0; left: 0; margin: 0; z-index: 100000000; }
#overlay-app { background: #f3f3f3; overflow: hidden; position: fixed; z-index: 100000000; text-align: center; }
#overlay-app img { max-width: 110%; position: absolute; z-index: 111; top: 0; left: 0; }
@media screen and (orientation:portrait) {
	#overlay-app .title-app { background-image: url(../images/title-app.png); background-size: contain;  background-position: center; background-repeat: no-repeat; width: 90%; height: 15%; position: absolute; z-index: 112; top: 2%; left: 50%; margin-left: -45%; text-align: center; }
	#overlay-app .title-app img { max-height: 100% !important; max-width: 100%; }
	#overlay-app .phone, #overlay-app .phone-ios, #overlay-app .phone-ios7 { background-image: url(../images/iphone-android-app.png); background-size: contain;  background-position: center; background-repeat: no-repeat; width: 80%; height: 55%; text-align: center; position: absolute; z-index: 112; top: 20%; left: 50%; margin-left: -40%; }
	#overlay-app .phone-ios { background-image: url(../images/iphone-app.png); }
	#overlay-app .phone-ios7 { height: 45%; }
	#overlay-app .phone img, #overlay-app .phone-ios img { max-height: 100% !important; max-width: 100%; }
	#overlay-app .button, #overlay-app .button-ios7 { width: 100%; position: absolute; z-index: 112; bottom: 12%; left: 0; color: #ffffff; text-align: center; }
	#overlay-app .button a, #overlay-app .button-ios7 a { display: block; background: #286EE5; width: 65%; padding: 3%; border: 1px solid #286EE5; margin: auto; }
	#overlay-app .button-ios7 { bottom: 23%; }
	#overlay-app .button-blank, #overlay-app .button-blank-ios7 { width: 100%; position: absolute; z-index: 112; bottom: 6%; left: 0; color: #000000; text-align: center; }	
	#overlay-app .button-blank a, #overlay-app .button-blank-ios7 a { display: block; width: 65%; padding: 0; margin: auto; }
	#overlay-app .button-blank-ios7 { bottom: 17%; }
	#overlay-app .close-random { position: absolute; width: 30px; height: 30px; right: 10px; top: 10px; z-index: 115; }
	#overlay-app .close-random img { width: 30px; height: 30px; }
	#overlay-app .close-random span { display: none; }
}
@media screen and (orientation:landscape) {
	#overlay-app .title-app { background-image: url(../images/title-app.png); background-size: contain;  background-position: center; background-repeat: no-repeat; width: 50%; height: 30%; position: absolute; z-index: 112; top: 2%; left: 50%; margin-left: -45%; text-align: center; }
	#overlay-app .title-app img { max-width: 50%; }
	#overlay-app .phone, #overlay-app .phone-ios, #overlay-app .phone-ios7 { background-image: url(../images/iphone-android-app.png); background-size: contain;  background-position: center; background-repeat: no-repeat; width: 40%; height: 85%; position: absolute; z-index: 112; top: 5%; left: 55%; text-align: center; }
	#overlay-app .phone-ios{ background-image: url(../images/iphone-app.png); }
	#overlay-app .phone img, #overlay-app .phone-ios img { max-height: 80%; }
	#overlay-app .button, #overlay-app .button-ios7 { width: 40%; background: #286EE5; position: absolute; z-index: 112; bottom: 42%; left: 5%; padding: 2%; color: #ffffff;}
	#overlay-app .button-blank, #overlay-app .close-random, #overlay-app .button-blank-ios7 { width: 40%; position: absolute; z-index: 112; bottom: 29%; left: 5%; padding: 2%; color: #000000; }
	#overlay-app .close-random span { display: block; }
	#overlay-app .close-random img { display: none; }
}
#overlay-app .button a { color: #ffffff; font-weight: normal; text-decoration: none; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; }
#overlay-app .button-blank a { color: #000000; font-weight: normal; text-decoration: none; }

@media screen and (orientation:portrait) {
	#overlay-facebook img.screen-app { max-width: 40%; margin: 2% 0 0 5%; }
	@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {
		#overlay-facebook img.screen-app { max-width: 30%; margin: 2% 0 0 10%; }
	}
	#overlay-facebook a.a-screen { display: block; text-align: center; margin-top: 7%; height: 20%; }
	#overlay-facebook img.sponsor-app { max-height: 13%; }
}
@media screen and (orientation:landscape) {
	#overlay-facebook .left-overlay, #overlay-facebook .right-overlay { text-align: center; float: left; width: 50%; }
	#overlay-facebook img.screen-app { max-height: 60%; margin: 2% 0 0 5%; }
	#overlay-facebook a.a-screen { display: block; text-align: center; margin-top: 20%; height: 20%; }
	#overlay-facebook img.sponsor-app { max-width: 80%; }
}

.title-overlay-app { width: 80%; font-size: 1.4em; padding: 10px; text-align: center; }

@media screen and (orientation:portrait) {
	.close-overlay { top: 1%; right: 20px; bottom: 0px !important; font-size: 50px; }
	.close-overlayy { width: 100%; top: 88%; right: 0; bottom: 0px !important; font-size: 50px; }
	.close-overlay a#text-close, .close-overlayy a#text-close { display: block; text-align:center; font-size: 20px; text-decoration: underline; width: 100%; color: #000; }
}
@media screen and (orientation:landscape) {
	.close-overlay, .close-overlayy { top: 75%; right: 35px; bottom: 0px !important; font-size: 50px; }
	.close-overlay a#text-close { display:block; text-align:center; font-size: 25px; text-decoration: underline; width: 100%; color: #000:}
}

.video-container {position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookies #close-cookie {margin-top:-12px; }