@import url('https://fonts.googleapis.com/css?family=Oswald:500');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('resize.css');
@import url('componentmenu.css');

@charset "utf-8";
/* CSS Document */

body {font-size: 12px; font-family: verdana; background: #e2e2e2 top center; margin: auto; overflow-x: hidden;}

img {border: 0;}

.luz-topo-cima {width: 100%; height: auto; float: left; position: absolute; z-index: 2;}
.luz-topo-baixo {width: 100%; height: auto; float: left; position: relative; z-index: 2; margin-top: -40px;}

#titulos-links {width: 100%; float: left; margin: 50px 0 50px 0;}
.titulos-links-icon {width: 235px; float: left; overflow: hidden;}
.titulos-links-icon-dvd {width: 700px; float: left; overflow: hidden;}
.titulos-links-icon-assista {width: 370px; float: left; overflow: hidden;}
.titulos-links-icon-contratante {width: 400px; float: left; overflow: hidden;}
.titulos-links-icon-instagram {width: 320px; float: left; overflow: hidden;}
.titulos-links-icon-contato {width: 290px; float: left; overflow: hidden;}

.cut1 :nth-child(2n){margin-right: 0!important;}
.cut2 :nth-child(3n){margin-right: 0!important;}

.alinha1 {float: left; color: #3b3b3b; font: 110px 'Oswald';}
.alinha2 {width: 50%; float: left; color: #3b3b3b; font: 30px 'Oswald'; border-bottom: 5px #3b3b3b solid; margin-top: 30px;}
.alinha3 {width: 180px; float: left; color: #3b3b3b; font: 14px 'Quicksand'; margin-top: 10px; font-weight: bold;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px;}
.alinha5 {float: left; color: #fff; font: 14px 'Quicksand'; font-weight: bold;}
.alinha6 {width: 100%; float: left; color: #202020; font: 35px 'Quicksand'; margin-bottom: 20px;}
.alinha7 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; margin-bottom: 20px; text-align: center;}
.alinha8 {width: 100%; float: left; color: #fff; font: 20px 'Quicksand'; text-align: center; margin-top: 10px;}
.alinha9 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin: 40px 0 20px 0;}
.alinha10 {float: left; color: #fff; font: 18px 'Quicksand'; font-weight: bold; padding: 10px 0 0 10px;}
.alinha11 {float: left; color: #3b3b3b; font: 18px 'Quicksand'; font-weight: bold; padding-left: 10px;}
.alinha12 {float: left; color: #3b3b3b; font: 15px 'Quicksand'; font-weight: bold; padding-left: 10px;}

#grid0 {float: left;}
#grid1 {width: 6.2%; margin-right: 20px;}
#grid2 {width: 14.2%; margin-right: 20px;}
#grid3 {width: 23.1%; margin-right: 20px;}
#grid4 {width: 31.7%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}
#grid4A {width: 31.7%; height: auto; float: left; margin-right: 20px;}
#grid4B {width: 31.7%; height: auto; float: left; margin: 0 20px 50px 0; border-bottom: 1px #ccc solid; padding-bottom: 10px;}
#grid5 {width: 40.1%; height: auto; float: right; margin-top: 15px;}
#grid6 {width: 48.1%; height: auto; float: left; margin: 20px 20px 0 0;}
#grid6A {width: 48.1%; height: auto; float: left; margin: 20px 20px 0 0;}
#grid6B {width: 48.1%; height: auto; float: left; margin: 20px 20px 0 0; overflow: hidden;}
#grid6C {width: 45%; height: auto; float: left; margin: 20px 20px 0 0; background: #534d4f; padding: 15px 10px 15px 10px;}
#grid6D {width: 45%; height: auto; float: left; margin: 20px 20px 0 0; background: #35292d; padding: 15px 10px 15px 10px;}
#grid6E {width: 48%; height: 100%; float: left; padding-bottom: 20%; overflow: hidden;}
#grid7 {width: 57.1%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold;}
#grid7A {width: 57.1%; height: auto; float: left; padding-top: 13%;}
#grid7B {width: 57.1%; height: auto; float: right; padding-top: 13%;}
#grid8 {width: 65%; margin-right: 20px;}
#grid9 {width: 74%; margin-right: 20px;}
#grid10 {width: 80%; height: auto; float: none; margin: 0 auto 0 auto;}
#grid11 {width: 91%; margin-right: 20px;}
#grid12 {width: 100%; height: auto; float: left;}
#grid12AAA {width: 100%; height: auto; float: left; margin: 50px 0 50px 0;}
#as {float: left;}
#asas {float: left;}

a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover  {text-decoration: none; color: #000;}

.logo-midias-mobiles {display: none;}

#logo-midias-dvd {width: 100%; height: 100%; float: left; position: static; z-index: 3; margin-top: 40px;}
.logo {width: 390px; height: auto; float: left; overflow: hidden;}

#midias {float: left;}
.midias-icon {width: 60px; height: auto; float: left; margin: 50px 5px 0 0; overflow: hidden;}

.DVD {width: 280px; height: auto; float: left; margin-top: 10%; overflow: hidden;}

#topo {width: 100%; height: 100%; float: left; margin-top: -15px;}
#topo2 {width: 100%; height: 450px; float: left; margin-top: -15px; overflow: hidden;}
.banner {width: 100%; height: 100%; float: left; position: relative; z-index: 1; overflow: hidden;}
.banner01 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.bbannerMobile1 {display: none;}
.bbannerMobile2 {display: none;}
.bbannerMobile01 {display: none;}
.bbannerMobile02 {display: none;}

#menu {width: 100%; height: 50px; float: left; position: absolute; z-index: 10; margin-top: 50px;}
#menu2 {width: 100%; height: 50px; float: left; position: absolute; z-index: 10; margin-top: 50px;}
#menu-center {width: 40%; height: 50px; float: left; margin: 0 0 0 0;}
.menu-icon {width: 50px; height: 50px; float: left; margin: 0 0 0 0; background:url(img/menu.png); display: block;}
.dl-menuwrapperr {
	width: 100%; height: 51px; margin: 0 auto 0 auto;
	float: none;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px; text-align: center;}
.dl-menuwrapperr .dl-menu.dl-menuopen {
	opacity: 1; margin-top: 10px;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px); background: #211f21; position: relative; z-index: 99999; overflow: hidden;}
	
#musicas-agenda {width: 100%; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/discografia.jpg) no-repeat center;}
#agenda {width: 85%; height: 215px; float: none; margin: -7% auto 0 auto; background: url(img/agenda.png) no-repeat center;}	
#agenda { position: relative; z-index: 6;}		
#ageendas {width: 100%; float: left;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:100%;
	height:200px;}
.ca-item{
	position:relative;
	float:left;
	width:50%;
	height:100%; margin-left: 10px;}

#playlist-desktop {width: 100%; float: left;}		
#playlist-mobile {width: 100%; float: left; display: none;}		
#musicas {width: 100%; float: left; margin-top: 2.5%;}	
.musicas-capa-cd {width: 100%; float: left; overflow: hidden;}		
.musicas-download {width: 174px; float: right; margin-top: 10px; overflow: hidden;}			
.musicas-nome {width: 95%; float: left; margin-bottom: 4px; background: #000; padding: 0 0 1px 10px;}	
#musicas-play {width: 100%; height: 50px; float: left; overflow: hidden;}		
.baixarCD {width: 174px; float: none; margin: 15px auto 0 auto; overflow: hidden;}			
#ouvirOnline {display: none;}				
	
#videos {width: 100%; height: auto; float: left; margin-top: -3px; padding: 10px 0 30px 0; background: url(img/videos.jpg) no-repeat center;}	
#video-grande {width: 100%; height: 100%; float: left; margin-bottom: 30px; overflow: hidden;}		
.subscribe {width: 198px; height: 100%; float: none; margin: 15px auto 0 auto; overflow: hidden;}			
	
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release.jpg) no-repeat center;}		
#release {-webkit-box-shadow: 0px 10px 13px -8px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 13px -8px rgba(0,0,0,0.75);
box-shadow: 0px 10px 13px -8px rgba(0,0,0,0.75);}			

.release-sombra {width: 100%; height: 15px; float: left; overflow: hidden;}			
	
#instagram {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; margin-top: -3px;}			
#instagram-mobiles {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; display: none; margin-top: -3px;}				
	
#contato {width: 100%; float: left; padding: 50px 0 50px 0; background: url(img/contato.jpg) no-repeat center;}	
.contato-icon {width: 51px; float: none; margin: 0 auto 0 auto;}		
	
#footer {width: 100%; height: 100%; float: left; background: #030102; padding: 20px 0 20px 0}
.copyright {float: left; color: #fff; font-size: 12px; margin-top: 14px;}
.logoas {width: 18px; height: auto; float: right; margin: 15px 0 0 10px; overflow: hidden;}
.padoo {width: 68px; height: auto; float: none; margin: -20px auto 0 auto; overflow: hidden; padding-left: 20%;}

.menu-release-text-up {width: 100%; float: left; color: #302f2f; font: 16px 'Quicksand'; padding-bottom: 50px; font-weight: bold;}
#menu-release-racyne {width: 100%; height: 526px; float: left; background: url(img/racyne.png) no-repeat center;}
#menu-release-rafael {width: 100%; height: 526px; float: left; background: url(img/rafael.png) no-repeat center; margin: -70px 0 50px 0;}
.menu-release-titulos {width: 100%; float: left; color: #fff; font: 45px 'Quicksand'; font-weight: bold;}
.menu-release-desc {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; margin-top: 30px;}
.menu-release-text-down {width: 100%; float: left; color: #302f2f; font: 16px 'Quicksand'; padding: 0 0 50px 0; font-weight: bold;}
.menu-release-mobile-foto {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

.menu-agenda-dia-vermelho {float: left; color: #8e0126; font: 120px 'Oswald'; padding-right: 10px;}
.menu-agenda-mes-vermelho {width: 160px; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: 13%}
.menu-agenda-hoje {width: 100px; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 5px; margin-top: -4px;}
.menu-agenda-cidade-vermelho {width: 160px; float: left; color: #8e0126; font: 15px 'Quicksand';}
.menu-agenda-dia-black {float: left; color: #3b3b3b; font: 120px 'Oswald'; padding-right: 10px;}
.menu-agenda-mes-black {width: 160px; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: 13%}
.menu-agenda-traco {width: 100px; height: 5px; float: left; color: #fff; font: 18px 'Quicksand'; background: #3b3b3b; margin: 7px 0 7px 0}
.menu-agenda-cidade-black {width: 160px; float: left; color: #3b3b3b; font: 15px 'Quicksand';}

#menu-dvd-video {width: 100%; height: 100%; float: left; padding-bottom: 100px; margin-top: -20px; overflow: hidden;}
#menu-dvd-playlist {width: 100%; height: 100%; float: left; background: magenta; padding: 30px 0 30px 0; overflow: hidden;}
.dvd-playlist-capa {width: 470px; height: 100%; float: none; margin: 0 auto 0 auto; overflow: hidden;}

#menu-video {width: 100%; height: 100%; float: left; padding-bottom: 100px; display: none;}

#menu-contrataante {width: 100%; height: 100%; float: left; margin: 50px 0 50px 0;}
.menu-contrataante-baixar {width: 37px; height: 100%; float: right; overflow: hidden;}
#menu-contrataante-instagram {width: 100%; height: 100%; float: left; margin: 0 0 50px 0;}

.enviar {width: 100%; height: 60px; float: right; border: none; color: #fff; background: #312f55;}
.form1 {width: 100%; height: 55px; border: 0px; background-color: #b9b9b9; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #312f55 solid; margin-bottom: 10px;}
.form2 {width: 100%; height: 180px; border: 0px; background-color: #b9b9b9; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #312f55 solid; margin-bottom: 10px;}

.menu-contato-tel-icon {width: 24px; height: 24px; float: left; overflow: hidden;}
.menu-contato-localiza-icon {width: 25px; float: left; margin-top: 3px; overflow: hidden;}
.menu-contato-localizacao-icon {width: 58px; float: left; position: relative; z-index: 9; overflow: hidden;}
.menu-contato-mapa {width: 100%; height: auto; float: left; margin-top: -45px; overflow: hidden;}

.pplayer {width: 30px; height: 30px; float: right; margin-top: -23px;}



/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1600px){
	/*! BANNEER */
.bbannerMobile1 {display: none;}
.bbannerMobile2 {display: none;}
.banner01 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {display: none;}

	/*! LOGO */	
.logo {width: 250px; height: auto; float: left; overflow: hidden;}

	/*! REDES SOCIAIS */
.midias-icon {width: 45px; height: auto; float: left; margin: 30px 5px 0 0; overflow: hidden;}

	/*! DVD */
.DVD {width: 250px; height: auto; float: left; margin-top: 5%; overflow: hidden;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}		
#grid7 {width: 100%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold;}

	/*! MÚSICAS */
#playlist-desktop {width: 100%; float: left;}		
#playlist-mobile {width: 100%; float: left; display: none;}	
#ouvirOnline {display: none;}			

	/*! INSTAGRAM */
#instagram {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; margin-top: -5px;}			
}





/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
	/*! MENU */
#menu {width: 100%; height: 50px; float: left; position: absolute; z-index: 10; margin: 50px 0 0 0;}

	/*! BANNEER */
.bbannerMobile1 {display: none;}
.bbannerMobile2 {display: none;}
.banner01 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {display: none;}

	/*! LOGO */	
.logo {width: 180px; height: auto; float: left; overflow: hidden; margin-top: 1.5%;}

	/*! REDES SOCIAIS */
.midias-icon {width: 40px; height: auto; float: left; margin: 20px 5px 0 0; overflow: hidden;}

	/*! DVD */
.DVD {width: 200px; height: auto; float: left; margin-top: 2%; overflow: hidden;}

	/*! INSTAGRAM */
#instagram {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; margin-top: -5px;}	

	/*! AGENDA */
.alinha3 {width: 55%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; margin-top: 10px; font-weight: bold;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}

	/*! MÚSICAS */
#playlist-desktop {width: 100%; float: left;}		
#playlist-mobile {width: 100%; float: left; display: none;}	
#musicas-agenda {width: 100%; float: left; margin-top: -8px; padding: 30px 0 30px 0; background: url(img/discografia.jpg) no-repeat center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
#ouvirOnline {display: none;}			

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -5px; padding: 30px 0 30px 0; background: url(img/videos.jpg) no-repeat center;}	
}





/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width:960px){
	/*! MENU */
#menu {width: 100%; height: 50px; float: left; position: absolute; z-index: 10; margin: 50px 0 0 0;}

	/*! TOPO */
#topo2 {width: 100%; height: 100%; float: left; margin-top: -15px; overflow: hidden;}

	/*! BANNEER */
.bbannerMobile1 {display: none;}
.bbannerMobile2 {display: none;}
.banner01 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {display: none;}

	/*! LOGO */	
.logo {width: 120px; height: auto; float: left; margin-top: -20px; overflow: hidden;}

	/*! REDES SOCIAIS */
.midias-icon {width: 30px; height: auto; float: left; margin: 10px 5px 0 0; overflow: hidden;}

	/*! DVD */
.DVD {width: 170px; height: auto; float: left; margin-top: 2%; overflow: hidden;}

	/*! INSTAGRAM */
#instagram {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; margin-top: -5px;}	

	/*! AGENDA */
#grid6 {width: 47%; height: auto; float: left; margin: 10px 20px 0 0;}
.alinha1 {width: 100%; float: left; color: #3b3b3b; font: 70px 'Oswald'; margin: 0 0 0 0; text-align: center;}
.alinha2 {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; border-bottom: none; margin-top: -10px; text-align: center;}
.alinha3 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; margin-top: 0px; font-weight: bold; text-align: center;}
#ageendas {width: 100%; float: left; margin-top: -15px;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:100%;
	height: 210px;}
.ca-item{
	position:relative;
	float:left;
	width: 48.5%;
	height:100%; margin-left: 10px;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}

	/*! MÚSICAS */
#playlist-desktop {width: 100%; float: left;}		
#playlist-mobile {width: 100%; float: left; display: none;}	
#musicas-agenda {width: 100%; float: left; margin-top: -13px; padding: 30px 0 30px 0; background: url(img/discografia.jpg) no-repeat center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
#ouvirOnline {display: none;}			

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -10px; padding: 30px 0 30px 0; background: url(img/videos.jpg) no-repeat center;}
#grid4 {width: 31%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}

	/*! CONTATO - SHOWS */
#grid4A {width: 31%; height: auto; float: left; margin-right: 20px;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; text-align: center; margin-top: 10px;}

	/*! MENU RELEASE */
.titulos-links-icon {width: 235px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.menu-release-text-up {width: 100%;float: left; color: #302f2f; font: 16px 'Quicksand'; padding-bottom: 50px; font-weight: bold; text-align: center;}
.menu-release-text-down {width: 100%; float: left; color: #302f2f; font: 16px 'Quicksand'; padding: 0 0 50px 0;font-weight:bold; text-align: center;}
#grid7A {width: 100%; height: auto; float: left; padding: 30px 0 30px 0;}
#grid7B {width: 100%; height: auto; float: right; padding: 30px 0 30px 0;}
#menu-release-racyne {width: 100%; height: auto; float: left; background: #e2e2e2}
#menu-release-rafael {width: 100%; height: auto; float: left; background: #e2e2e2; margin: 0 0 50px 0;}
.menu-release-titulos {width: 100%; float: left; color: #302f2f; font: 45px 'Quicksand'; font-weight: bold; text-align: center;}
.menu-release-desc {width: 100%; float: left; color: #302f2f; font: 15px 'Quicksand'; margin-top: 30px; text-align: center;}
.menu-release-mobile-foto {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}

	/*! MENU AGENDA */
#grid4B {width: 31.1%; height: auto; float: left; margin: 0 20px 50px 0; border-bottom: 1px #ccc solid; padding-bottom: 10px;}
.menu-agenda-dia-vermelho {width: 100%; float: left; color: #8e0126; font: 120px 'Oswald'; padding: none; margin-top: -20px; text-align: center;}
.menu-agenda-mes-vermelho {width: 100%; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-hoje {width: 100%; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 0; margin-top: -4px;}
.menu-agenda-hoje {text-align: center; margin-bottom: 10px;}
.menu-agenda-cidade-vermelho {width: 100%; float: left; color: #8e0126; font: 15px 'Quicksand'; text-align: center;}
.menu-agenda-dia-black {width: 100%; float: left; color: #3b3b3b; font: 120px 'Oswald'; padding:none;text-align: center; margin-top: -20px;}
.menu-agenda-mes-black {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-traco {width: 100%; height: 5px; float: left; background: #3b3b3b; margin: 15px 0 15px 0}
.menu-agenda-cidade-black {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; text-align: center;}
}





/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
	/*! TOPO */
.bbannerMobile01 {width: 100%; height: auto; float: left; overflow: hidden; display: block;}
.bbannerMobile02 {width: 100%; height: auto; float: left; overflow: hidden; display: none;}

	/*! MENU */
#menu {width: 100%; height: 75px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 5px 0 5px 0; display: block;}
#menu2 {width: 100%; height: 50px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 10px 0 15px 0; display: block;}
#menu-center {width: 100%; height: 50px; float: left; margin: 0 0 0 0;}
.menu-icon {width: 50px; height: 47px; float: none; margin: 0 auto 0 auto; background: url(img/menu.png) no-repeat;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {display: none;}

	/*! BANNEER */
.banner {width: 100%; height: 100%; float: left; position: relative; z-index: 1; margin-top: 75px; overflow: hidden;}
.bbannerMobile1 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.bbannerMobile2 {display: none;}
.banner01 {display: none;}

	/*! LOGO */	
.logo {width: 200px; height: auto; float: left; margin-top: 5%; overflow: hidden;}

	/*! REDES SOCIAIS */
.midias-icon {width: 40px; height: auto; float: left; margin: 10px 5px 0 0; overflow: hidden;}

	/*! DVD */
.DVD {width: 170px; height: auto; float: left; margin-top: 2.5%; overflow: hidden;}

	/*! AGENDA */
.alinha1 {width: 100%; float: left; color: #3b3b3b; font: 70px 'Oswald'; margin: 0 0 0 0; text-align: center;}
.alinha2 {width: 100%; float: left; color: #3b3b3b; font: 25px 'Oswald'; border-bottom: none; margin-top: -10px; text-align: center;}
.alinha3 {width: 100%; float: left; color: #3b3b3b; font: 11px 'Quicksand'; margin-top: 0px; font-weight: bold; text-align: center;}
#ageendas {width: 100%; float: left; margin-top: -15px;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:100%;
	height: 210px;}
.ca-item{
	position:relative;
	float:left;
	width: 48.5%;
	height:100%; margin-left: 10px;}

	/*! MÚSICAS */
#playlist-desktop {width: 100%; float: left;}		
#playlist-mobile {width: 100%; float: left; display: none;}	
#musicas-agenda {width: 100%; float: left; margin-top: -15px; padding: 30px 0 30px 0; background: url(img/discografia.jpg) no-repeat center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
#ouvirOnline {display: none;}			

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -13px; padding: 30px 0 30px 0; background: url(img/videos.jpg) #000 no-repeat center;}
#grid4 {width: 100%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}
.alinha9 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin: 40px 0 20px 0; text-align: center;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}	
#grid7 {width: 100%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold; text-align: center;}
.alinha6 {width: 100%; float: left; color: #202020; font: 35px 'Quicksand'; margin-bottom: 20px; text-align: center;}

	/*! CONTATO - SHOWS */
#contato {width: 100%; float: left; padding: 50px 0 50px 0; background: url(img/release-mobile.jpg)no-repeat center;}	
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 14px; text-align: center; padding-bottom: 10px;}
.logoas {width: 18px; height: auto; float: none; margin: 15px auto 0 auto; overflow: hidden;}
.padoo {display: none}

	/*! MENU AGENDA */
#grid4B {width: 31%; height: auto; float: left; margin: 0 20px 50px 0; border-bottom: 1px #ccc solid; padding-bottom: 10px;}
.menu-agenda-dia-vermelho {width: 100%; float: left; color: #8e0126; font: 120px 'Oswald'; padding: none; margin-top: -20px; text-align: center;}
.menu-agenda-mes-vermelho {width: 100%; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-hoje {width: 100%; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 0; margin-top: -4px;}
.menu-agenda-hoje {text-align: center; margin-bottom: 10px;}
.menu-agenda-cidade-vermelho {width: 100%; float: left; color: #8e0126; font: 15px 'Quicksand'; text-align: center;}
.menu-agenda-dia-black {width: 100%; float: left; color: #3b3b3b; font: 120px 'Oswald'; padding:none;text-align: center; margin-top: -20px;}
.menu-agenda-mes-black {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-traco {width: 100%; height: 5px; float: left; background: #3b3b3b; margin: 15px 0 15px 0}
.menu-agenda-cidade-black {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; text-align: center;}

	/*! MENU DVD */
.titulos-links-icon-dvd {width: 450px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! MENU CONTRATANTE */
#grid6C {width: 44%; height: auto; float: left; margin: 20px 20px 0 0; background: #534d4f; padding: 15px 10px 15px 10px;}
}





/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width:640px) and (min-width: 481px){
	/*! TOPO */
#topo2 {width: 100%; height: 100%; float: left; margin-top: -15px; overflow: hidden;}
.luz-topo-cima {display: none;}
.luz-topo-baixo {display: none;}
.bbannerMobile01 {display: none;}
.bbannerMobile02 {display: none;}

	/*! MENU */
#menu {width: 100%; height: 75px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 5px 0 5px 0; display: block;}
#menu2 {width: 100%; height: 50px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 10px 0 15px 0; display: block;}
#menu-center {width: 100%; height: 50px; float: left; margin: 0 0 0 0;}
.menu-icon {width: 50px; height: 47px; float: none; margin: 0 auto 0 auto; background: url(img/menu.png) no-repeat;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {width: 100%; height: 100%; float: left; padding: 30px 0 20px 0; display: block; background: #11003c;}
.logo-midias-icon-logo {width: 150px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#logo-midias-float {width: 141px; float: none; margin: 10px auto 10px auto;}
.logo-midias-float-icon {width: 30px; float: left; margin: 0 2px 0 2px; overflow: hidden;}

	/*! BANNEER */
.banner {width: 100%; height: 100%; float: left; position: relative; z-index: 1; margin-top: 53px; overflow: hidden;}
.bbannerMobile1 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.bbannerMobile2 {display: none;}
.banner01 {display: none;}

	/*! LOGO */	
.logo {display: none;}

	/*! REDES SOCIAIS */
.midias-icon {display: none;}

	/*! DVD */
.DVD {display: none;}

	/*! AGENDA */
#agenda {width: 85%; height: auto; float: none; margin: 0 auto 0 auto; background: #fff; padding: 30px 0 10px 0}	
#grid6 {width: 100%; height: auto; float: left; margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #3b3b3b; font: 95px 'Oswald'; margin: 0 0 0 0; text-align: center;}
.alinha2 {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; border-bottom: none; margin-top: -10px; text-align: center;}
.alinha3 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; margin-top: 0px; font-weight: bold; text-align: center;}
#ageendas {width: 100%; float: left; margin-top: -15px;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:100%;
	height: 240px;}
.ca-item{
	position:relative;
	float:left;
	width: 95%;
	height:100%; margin-left: 10px;}

	/*! MÚSICAS */
#playlist-desktop {display: none;}		
#playlist-mobile {width: 100%; float: left; display: block;}	
#musicas-agenda {width: 100%; float: left; margin-top: -15px; padding: 30px 0 30px 0; background: url(img/agenda2.jpg)#000 no-repeat top center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
.musicas-nome {width: 100%; float: left; margin-bottom: 4px; background: #000; padding: 0 0 1px 0; overflow: hidden;}	
.musicas-capa-mobile {width: 50%; float: none; margin: 0 auto 10% auto; overflow: hidden;}		
.baixarCD {display: none;}			
#ouvirOnline {width: 285px; float: none; margin: 10px auto 0 auto; display: block;}			
.ouvirOnlineIcon {width: 60px; height: 60px; float: left; margin: 0 5px 0 5px;}			

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -13px; padding: 30px 0 30px 0; background: url(img/videos.jpg) #000 no-repeat center;}
#grid4 {width: 100%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}
.alinha9 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin: 40px 0 20px 0; text-align: center;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}	
#grid7 {width: 100%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold; text-align: center;}
.alinha6 {width: 100%; float: left; color: #202020; font: 35px 'Quicksand'; margin-bottom: 20px; text-align: center;}

	/*! INSTAGRAM */
#instagram {display: none;}			
#instagram-mobiles {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; display: block; margin-top: -3px;}	

	/*! CONTATO - SHOWS */
#contato {width: 100%; float: left; padding: 50px 0 50px 0; background: url(img/release-mobile.jpg)no-repeat center;}	
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 14px; text-align: center; padding-bottom: 10px;}
.logoas {width: 18px; height: auto; float: none; margin: 15px auto 0 auto; overflow: hidden;}
.padoo {display: none}

	/*! MENU AGENDA */
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; border-bottom: 1px #ccc solid; padding-bottom: 30px;}
.menu-agenda-dia-vermelho {width: 100%; float: left; color: #8e0126; font: 120px 'Oswald'; padding: none; margin-top: -20px; text-align: center;}
.menu-agenda-mes-vermelho {width: 100%; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-hoje {width: 100%; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 0; margin-top: -4px;}
.menu-agenda-hoje {text-align: center; margin-bottom: 10px;}
.menu-agenda-cidade-vermelho {width: 100%; float: left; color: #8e0126; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}
.menu-agenda-dia-black {width: 100%; float: left; color: #3b3b3b; font: 120px 'Oswald'; padding:none;text-align: center; margin-top: -20px;}
.menu-agenda-mes-black {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-traco {width: 100%; height: 5px; float: left; background: #3b3b3b; margin: 15px 0 15px 0}
.menu-agenda-cidade-black {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}

	/*! MENU DVD */
.dvd-playlist-capa {width: 410px; height: 100%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-dvd {width: 410px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! MENU VÍDEOS */
#grid6B {width: 100%; height: auto; float: left; margin: 20px 0 0 0; overflow: hidden;}

	/*! MENU CONTRATANTE */
.titulos-links-icon-contratante {width: 370px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-instagram {width: 320px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid6C {width: 95%; height: auto; float: left; margin: 20px 20px 0 0; background: #534d4f; padding: 15px 10px 15px 10px;}
#grid6D {width: 95%; height: auto; float: left; margin: 20px 20px 0 0; background: #35292d; padding: 15px 10px 15px 10px;}

	/*! MENU CONTATO */
.titulos-links-icon-contato {width: 290px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; margin: 15px 0 0 0; padding: none;}
#grid6E {width: 100%; height: 100%; float: left; padding-bottom: 20%; overflow: hidden;}
.menu-contato-tel-icon {width: 24px; height: 24px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.menu-contato-localiza-icon {width: 25px; float: none; margin: 0 auto 0 auto;; overflow: hidden;}
.menu-contato-localizacao-icon {width: 58px; float: none; position: relative; z-index: 9; margin: 0 auto 0 auto; overflow: hidden;}
.alinha11 {width: 100%; float: left; color: #3b3b3b; font: 25px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
.alinha12 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
#as {width: 100%; float: left; margin: 10px 0 10px 0;}
#asas {width: 100%; float: left; margin: 10px 0 10px 0;}
}






/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
	/*! TOPO */
#topo2 {width: 100%; height: 100%; float: left; margin-top: -15px; overflow: hidden;}
.luz-topo-cima {display: none;}
.luz-topo-baixo {display: none;}
.bbannerMobile01 {display: none;}
.bbannerMobile02 {display: none;}

	/*! MENU */
#menu {width: 100%; height: 75px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 5px 0 5px 0; display: block;}
#menu2 {width: 100%; height: 50px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 10px 0 15px 0; display: block;}
#menu-center {width: 100%; height: 50px; float: left; margin: 0 0 0 0;}
.menu-icon {width: 50px; height: 47px; float: none; margin: 0 auto 0 auto; background: url(img/menu.png) no-repeat;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {width: 100%; height: 100%; float: left; padding: 30px 0 20px 0; display: block; background: #11003c;}
.logo-midias-icon-logo {width: 150px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#logo-midias-float {width: 141px; float: none; margin: 10px auto 10px auto;}
.logo-midias-float-icon {width: 30px; float: left; margin: 0 2px 0 2px; overflow: hidden;}

	/*! BANNEER */
.banner {width: 100%; height: 100%; float: left; position: relative; z-index: 1; margin-top: 53px; overflow: hidden;}
.bbannerMobile1 {display: none;}
.bbannerMobile2 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.banner01 {display: none;}

	/*! LOGO */	
.logo {display: none;}

	/*! REDES SOCIAIS */
.midias-icon {display: none;}

	/*! DVD */
.DVD {display: none;}

	/*! AGENDA */
#agenda {width: 100%; height: auto; float: none; margin: 0 auto 0 auto; background: #fff; padding: 30px 0 30px 0}	
#grid6 {width: 100%; height: auto; float: left; margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #3b3b3b; font: 95px 'Oswald'; margin: 0 0 0 0; text-align: center;}
.alinha2 {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; border-bottom: none; margin-top: -10px; text-align: center;}
.alinha3 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; margin-top: 0px; font-weight: bold; text-align: center;}
#ageendas {width: 100%; float: left; margin-top: -15px;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:95%;
	height: 240px;}
.ca-item{
	position:relative;
	float:left;
	width: 95%;
	height:100%; margin-left: 10px;}

	/*! MÚSICAS */
#playlist-desktop {display: none;}		
#playlist-mobile {width: 100%; float: left; display: block;}	
#musicas-agenda {width: 100%; float: left; margin-top: -15px; padding: 30px 0 30px 0; background: url(img/agenda2.jpg)#000 no-repeat top center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
.musicas-nome {width: 100%; float: left; margin-bottom: 4px; background: #000; padding: 0 0 1px 0; overflow: hidden;}	
.musicas-capa-mobile {width: 60%; float: none; margin: 0 auto 10% auto; overflow: hidden;}	
.baixarCD {display: none;}			
#ouvirOnline {width: 285px; float: none; margin: 10px auto 0 auto; display: block;}			
.ouvirOnlineIcon {width: 60px; height: 60px; float: left; margin: 0 5px 0 5px;}	

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -13px; padding: 30px 0 30px 0; background: url(img/videos.jpg) #000 no-repeat center;}
#grid4 {width: 100%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}
.alinha9 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin: 40px 0 20px 0; text-align: center;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}		
#grid7 {width: 100%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold; text-align: center;}
.alinha6 {width: 100%; float: left; color: #202020; font: 35px 'Quicksand'; margin-bottom: 20px; text-align: center;}

	/*! INSTAGRAM */
#instagram {display: none;}			
#instagram-mobiles {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; display: block; margin-top: -3px;}	

	/*! CONTATO - SHOWS */
#contato {width: 100%; float: left; padding: 50px 0 50px 0; background: url(img/release-mobile.jpg)no-repeat center;}	
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 14px; text-align: center; padding-bottom: 10px;}
.logoas {width: 18px; height: auto; float: none; margin: 15px auto 0 auto; overflow: hidden;}
.padoo {display: none}

	/*! MENU AGENDA */
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; border-bottom: 1px #ccc solid; padding-bottom: 30px;}
.menu-agenda-dia-vermelho {width: 100%; float: left; color: #8e0126; font: 120px 'Oswald'; padding: none; margin-top: -20px; text-align: center;}
.menu-agenda-mes-vermelho {width: 100%; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-hoje {width: 100%; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 0; margin-top: -4px;}
.menu-agenda-hoje {text-align: center; margin-bottom: 10px;}
.menu-agenda-cidade-vermelho {width: 100%; float: left; color: #8e0126; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}
.menu-agenda-dia-black {width: 100%; float: left; color: #3b3b3b; font: 120px 'Oswald'; padding:none;text-align: center; margin-top: -20px;}
.menu-agenda-mes-black {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-traco {width: 100%; height: 5px; float: left; background: #3b3b3b; margin: 15px 0 15px 0}
.menu-agenda-cidade-black {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}

	/*! MENU DVD */
.dvd-playlist-capa {width: 330px; height: 100%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-dvd {width: 330px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! MENU VÍDEOS */
#grid6B {width: 100%; height: auto; float: left; margin: 20px 0 0 0; overflow: hidden;}

	/*! MENU CONTRATANTE */
.titulos-links-icon-contratante {width: 300px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-instagram {width: 280px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid6C {width: 93%; height: auto; float: left; margin: 20px 20px 0 0; background: #534d4f; padding: 15px 10px 15px 10px;}
#grid6D {width: 93%; height: auto; float: left; margin: 20px 20px 0 0; background: #35292d; padding: 15px 10px 15px 10px;}

	/*! MENU CONTATO */
.titulos-links-icon-contato {width: 290px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; margin: 15px 0 0 0; padding: none;}
#grid6E {width: 100%; height: 100%; float: left; padding-bottom: 20%; overflow: hidden;}
.menu-contato-tel-icon {width: 24px; height: 24px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.menu-contato-localiza-icon {width: 25px; float: none; margin: 0 auto 0 auto;; overflow: hidden;}
.menu-contato-localizacao-icon {width: 58px; float: none; position: relative; z-index: 9; margin: 0 auto 0 auto; overflow: hidden;}
.alinha11 {width: 100%; float: left; color: #3b3b3b; font: 25px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
.alinha12 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
#as {width: 100%; float: left; margin: 10px 0 10px 0;}
#asas {width: 100%; float: left; margin: 10px 0 10px 0;}
}





/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width:384px){
	/*! TOPO */
#topo2 {width: 100%; height: 100%; float: left; margin-top: -15px; overflow: hidden;}
.luz-topo-cima {display: none;}
.luz-topo-baixo {display: none;}
.bbannerMobile01 {display: none;}
.bbannerMobile02 {display: none;}

	/*! MENU */
#menu {width: 100%; height: 75px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 5px 0 5px 0; display: block;}
#menu2 {width: 100%; height: 50px; float: left; position: absolute; z-index: 9999999; margin: 0 0 0 0; background: #000; padding: 10px 0 15px 0; display: block;}
#menu-center {width: 100%; height: 50px; float: left; margin: 0 0 0 0;}
.menu-icon {width: 50px; height: 47px; float: none; margin: 0 auto 0 auto; background: url(img/menu.png) no-repeat;}

	/*! LOGO-MIDIAS- */
.logo-midias-mobiles {width: 100%; height: 100%; float: left; padding: 30px 0 20px 0; display: block; background: #11003c;}
.logo-midias-icon-logo {width: 150px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#logo-midias-float {width: 141px; float: none; margin: 10px auto 10px auto;}
.logo-midias-float-icon {width: 30px; float: left; margin: 0 2px 0 2px; overflow: hidden;}

	/*! BANNEER */
.banner {width: 100%; height: 100%; float: left; position: relative; z-index: 1; margin-top: 53px; overflow: hidden;}
.bbannerMobile1 {display: none;}
.bbannerMobile2 {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.banner01 {display: none;}

	/*! LOGO */	
.logo {display: none;}

	/*! REDES SOCIAIS */
.midias-icon {display: none;}

	/*! DVD */
.DVD {display: none;}

	/*! AGENDA */
#agenda {width: 100%; height: auto; float: none; margin: 0 auto 0 auto; background: #fff; padding: 30px 0 30px 0}	
#grid6 {width: 100%; height: auto; float: left; margin: 0 0 0 0;}
.alinha1 {width: 100%; float: left; color: #3b3b3b; font: 95px 'Oswald'; margin: 0 0 0 0; text-align: center;}
.alinha2 {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; border-bottom: none; margin-top: -10px; text-align: center;}
.alinha3 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; margin-top: 0px; font-weight: bold; text-align: center;}
#ageendas {width: 100%; float: left; margin-top: -15px;}		
.ca-container{
	position:relative;
	margin: 0 auto 20px auto;
	width:90%;
	height: 250px;}
.ca-item{
	position:relative;
	float:left;
	width: 95%;
	height:100%; margin-left: 10px;}

	/*! MÚSICAS */
#playlist-desktop {display: none;}		
#playlist-mobile {width: 100%; float: left; display: block;}	
#musicas-agenda {width: 100%; float: left; margin-top: -15px; padding: 30px 0 30px 0; background: url(img/agenda2.jpg)#000 no-repeat top center;}
.alinha4 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin-bottom: 20px; text-align: center;}
.musicas-nome {width: 100%; float: left; margin-bottom: 4px; background: #000; padding: 0 0 1px 0; overflow: hidden;}	
.musicas-capa-mobile {width: 60%; float: none; margin: 0 auto 10% auto; overflow: hidden;}	
.baixarCD {display: none;}			
#ouvirOnline {width: 285px; float: none; margin: 10px auto 0 auto; display: block;}			
.ouvirOnlineIcon {width: 60px; height: 60px; float: left; margin: 0 5px 0 5px;}	

	/*! VÍDEOS */
#videos {width: 100%; height: auto; float: left; margin-top: -13px; padding: 30px 0 30px 0; background: url(img/videos.jpg) #000 no-repeat center;}
#grid4 {width: 100%; height: auto; float: left; margin: 30px 20px 0 0; overflow: hidden;}
.alinha9 {width: 100%; float: left; color: #fff; font: 35px 'Quicksand'; font-weight: bold; margin: 40px 0 20px 0; text-align: center;}

	/*! RELEASE */
#release {width: 100%; height: auto; float: left; margin-top: -3px; padding: 30px 0 30px 0; background: url(img/release2.jpg) no-repeat center;}		
#grid7 {width: 100%; height: auto; float: left; color: #000; font: 15px 'Quicksand'; font-weight: bold; text-align: center;}
.alinha6 {width: 100%; float: left; color: #202020; font: 35px 'Quicksand'; margin-bottom: 20px; text-align: center;}

	/*! INSTAGRAM */
#instagram {display: none;}			
#instagram-mobiles {width: 100%; float: left; overflow: hidden; padding: 10px 0 20px 0; background: #c2c1c1; display: block; margin-top: -3px;}	

	/*! CONTATO - SHOWS */
#contato {width: 100%; float: left; padding: 50px 0 50px 0; background: url(img/release-mobile.jpg)no-repeat center;}	
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha8 {width: 100%; float: left; color: #fff; font: 15px 'Quicksand'; text-align: center; margin-top: 10px;}

	/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 14px; text-align: center; padding-bottom: 10px;}
.logoas {width: 18px; height: auto; float: none; margin: 15px auto 0 auto; overflow: hidden;}
.padoo {display: none}

	/*! MENU AGENDA */
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0; border-bottom: 1px #ccc solid; padding-bottom: 30px;}
.menu-agenda-dia-vermelho {width: 100%; float: left; color: #8e0126; font: 120px 'Oswald'; padding: none; margin-top: -20px; text-align: center;}
.menu-agenda-mes-vermelho {width: 100%; float: left; color: #8e0126; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-hoje {width: 100%; float: left; color: #fff; font: 18px 'Quicksand'; background: #8e0126; padding: 3px 0 3px 0; margin-top: -4px;}
.menu-agenda-hoje {text-align: center; margin-bottom: 10px;}
.menu-agenda-cidade-vermelho {width: 100%; float: left; color: #8e0126; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}
.menu-agenda-dia-black {width: 100%; float: left; color: #3b3b3b; font: 120px 'Oswald'; padding:none;text-align: center; margin-top: -20px;}
.menu-agenda-mes-black {width: 100%; float: left; color: #3b3b3b; font: 30px 'Oswald'; margin-top: -30px; text-align: center;}
.menu-agenda-traco {width: 100%; height: 5px; float: left; background: #3b3b3b; margin: 15px 0 15px 0}
.menu-agenda-cidade-black {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; text-align: center; font-weight: bold;}

	/*! MENU DVD */
.dvd-playlist-capa {width: 280px; height: 100%; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-dvd {width: 280px; float: none; margin: 0 auto 0 auto; overflow: hidden;}

	/*! MENU VÍDEOS */
#grid6B {width: 100%; height: auto; float: left; margin: 20px 0 0 0; overflow: hidden;}

	/*! MENU CONTRATANTE */
.titulos-links-icon-contratante {width: 280px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.titulos-links-icon-instagram {width: 280px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid6C {width: 92%; height: auto; float: left; margin: 20px 20px 0 0; background: #534d4f; padding: 15px 10px 15px 10px;}
#grid6D {width: 92%; height: auto; float: left; margin: 20px 20px 0 0; background: #35292d; padding: 15px 10px 15px 10px;}

	/*! MENU CONTATO */
.titulos-links-icon-contato {width: 270px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
#grid5 {width: 100%; height: auto; float: left; margin: 15px 0 0 0; padding: none;}                                                                                                                                                                                                                                
#grid6E {width: 100%; height: 100%; float: left; padding-bottom: 20%; overflow: hidden;}
.menu-contato-tel-icon {width: 24px; height: 24px; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.menu-contato-localiza-icon {width: 25px; float: none; margin: 0 auto 0 auto;; overflow: hidden;}
.menu-contato-localizacao-icon {width: 58px; float: none; position: relative; z-index: 9; margin: 0 auto 0 auto; overflow: hidden;}
.alinha11 {width: 100%; float: left; color: #3b3b3b; font: 25px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
.alinha12 {width: 100%; float: left; color: #3b3b3b; font: 15px 'Quicksand'; font-weight: bold; padding: none; text-align: center;}
#as {width: 100%; float: left; margin: 10px 0 10px 0;}
#asas {width: 100%; float: left; margin: 10px 0 10px 0;}
}