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

body { padding-bottom: 60px; }

#container { width: 100%; margin: 0 auto 0 auto; -webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box; }

#header, #header .logo, #search, #main, #content, .lyrics-nav, .cover, #content .col-left, #content .col-right, #navigation, #footer, #footer .footer-bottom, #footer .footer-partners, #footer .footer-nav, #footer .footer-network, .footer-tool, #content-extra { width: 100%; margin: 0; padding: 0 5px 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; }

#header { height:70px!important; text-align: center; border: none; background-size: 100% 100%;}
#header .logo { padding-top: 10px; }
#header .logo img { max-width:160px; }

#search { padding-top: 10px; display: none; }
#search input[type="text"] { width: 80%; margin: 0; }
#search .search-image { width: 10%; display: block; float: right; text-align: right; }
#search-button { position: absolute; top: 45px; right: 25px; }
#search-button a { color: #fff; text-decoration: none; }
#search-button a img { width: 15px; height: 15px; vertical-align: middle; }

#content-extra { margin-top: 20px; }

.discography .album {width: 100%; float: none !important; margin: 0 0 40px 0 !important; }
.discography .album a h2 { font-size: 18px; margin: 0 0 15px 0 }
.discography .album ul li a { padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 15px; }
.albums .col-left ul li { padding: 0 0 5px 0; margin: 0 0 5px 0; font-size: 15px; font-family: tahoma,helvetica,arial,sans-serif; display: block; }
.lyrics-body { font-size: 14px; line-height: 24px; }

.lyrics .col-right, .discography .col-right, .updates .col-right, .elenco .col-right, .albums .col-right { display: none; }

.cover ul li { width: 48%; margin-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.album ul.elenco li { padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 13px; }.lyrics-nav { padding-top: 10px; padding-bottom: 10px; }
.lyrics-nav ul li { float: left; }
#content .lyrics-nav .col-left, #content .lyrics-nav .col-right { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; text-align: left; display: block; }
.lyrics-nav .col-left ul { float:left; width: 65%; }
.lyrics-nav .col-left ul.function-nav { width: 100%; margin-top: 5px; }
.lyrics-nav .col-left ul.function-nav li { width: 33%; padding: 10px 0 0 0; margin: 0; text-align: center; }
.lyrics-nav .col-left ul.album-nav { width: 65%; }
.lyrics-nav .col-left ul.album-nav li { margin: 0; }
.lyrics-nav .col-right ul li, #content .lyrics-nav .col-right ul li { width: 33%; padding: 15px 0 0 0; margin-right: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }

#video-musictory { position: static; float: none; display: block; width: 100%; text-align: center; margin: 0; }
#video-musictory h5 { text-align: left; }
#video-musictory .a-video { width: 100%; height: auto; }
#video-musictory .thumb-video { width: auto; height: auto; max-width: 100%; }
#video-musictory .play-video { border: none; position: absolute; right: 50%; top:50%; margin-top: -20px; margin-right: -20px; }

#navigation { padding-bottom: 10px; }

#footer { margin-top: 20px; padding-bottom: 10px; }
#footer h5 { border-top: 1px solid #aaaaaa; padding: 10px 0 0 0; display: block; width: 100%; margin-top: 10px; }
#footer, #footer .footer-partners, #footer .footer-nav, #footer .footer-network, .footer-tool { height: auto; border: none; }
#footer .footer-network { display: block; }
#footer .footer-nav ul, .footer-tool ul, #footer .footer-partners ul { list-style: circle; list-style-position: inside; overflow: hidden; }
#footer .footer-nav ul li, .footer-tool ul li, #footer .footer-partners ul li { float: left; list-style: circle; list-style-position: inside; margin-right: 5px; }
#footer .footer-bottom { margin-top: 10px; text-align: center; }
#footer .footer-bottom a { color: #fff; }
/*
#overlay-facebook { width: 100%; height: 100%; top:0; left: 0; margin: 0; }
@media screen and (orientation:portrait) {
	.close-overlay { top: 87%; right: 35px; bottom: 0px !important; font-size: 50px; }
	.close-overlay a#text-close { display:block; text-align:center; font-size: 25px; }
}
@media screen and (orientation:landscape) {
	.close-overlay { top: 75%; right: 35px; bottom: 0px !important; font-size: 50px; }
	.close-overlay a#text-close { display:block; text-align:center; font-size: 25px; }
}

@media only screen and (min-width: 768px) {
	.close-overlay { right: 50%; margin-right: -30px; }
}
*/
#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: 5%; 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; }
#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:}
}

#overlay-facebook iframe, #overlay-facebook object, #overlay-facebook embed { width: 100% important!; overflow:hidden; border: none; z-index: 100000; }

h1 { position: absolute; top: 0; z-index: 10; width: 100%; }

#content .lyrics-nav .width-222 { width: 100%; }
#content .lyrics-nav .width-400 { width: 100%; }

/* METTO MAX HEIGHT 19/10/15 */
#ad-mobile {
	width: 100%;
	background: transparent;
	max-height: 50px;
	position: fixed;
	bottom: 0;
	text-align: center;
	z-index: 99; 
	display: block;
}
#div-gpt-ad-1383259478593-0 { width: 100%; text-align: center; margin: auto; }

.mobile-display, #mobile-display, .video-container, #video-player, #video-musictory {
	display: none;	
}
.site-display { display: block; }

#mobile-banner { text-align: center; width: 100%; margin: 15px 0 15px 0; }

#sponsor-overlay { background-image: url(logo-sponsor.png); background-repeat: no-repeat; background-position: 20px 20px; background-size: 30px 30px; background-color: #fff; width: 100%; height: 140px; -webkit-box-shadow: rgba(0,0,0,0.3) 0 -2px 3px; -moz-box-shadow: rgba(0,0,0,0.3) 0 -2px 3px; box-shadow: rgba(0,0,0,0.3) 0 -2px 3px; position:fixed; bottom:0; left: 0; z-index: 1000000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: left; }
@media screen and ( max-height: 480px ){
#sponsor-overlay { height: 120px; }	
}
#sponsor-overlay h6, #sponsor-overlay h7 { display: block; clear: both; font-weight: bold; font-size: 14px; font-family: helvetica, arial, sans-serif; margin: 20px 0 5px 70px; }
#sponsor-overlay h7 { font-weight: normal; margin: 0 0 0 70px; }
#sponsor-overlay .download, #sponsor-overlay .no-download { background: #196bb5; color: #fff;padding: 8px 10px; font-weight: bold; font-size: 14px; font-family: helvetica, arial, sans-serif; position: absolute; bottom: 15px; right: 25px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#sponsor-overlay .no-download { background: none; color: #196bb5; right: 150px; }