@charset "utf-8";
/* Mídia fluida simples
   Nota: a mídia fluida exige a remoção dos seus atributos de comprimento e largura do HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* O IE 6 não oferece suporte a largura máxima; por isso, o padrão de largura deve ser 100% */
.ie6 img {
	width:100%;
}


.Tex_Arial_10_Brana {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 13px;
	line-height: 31px;
	text-decoration:none;
}
.Tex_Arial_10_Brana:link {
	color:#fff;
	
}
.Tex_Arial_10_Brana:visited {
	color:#fff;
	
}
.Tex_Arial_10_Brana:hover {
	
	color:#fff;
}


@font-face {
    font-family: 'bebas_neueregular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html{ min-width:1120px}

body{  width: 100%;	
   color: #fff}


.titulosinternos{
  font-size: 30px !important;
  font-family: 'bebas_neueregular';
  font-weight: normal;
    font-style: normal;
  background: url(../images/colorbar.png) no-repeat; 
  float: left;
  width: 100%; 
    
}

.textotitulo{
  background: #100c11;
  float: left;
  margin: -5px 0 0 30px;
  padding: 0 10px;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:960px;
}

/*.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width:960px;
	padding-left: 1.82%;
	padding-right: 1.82%;
}*/
.centraliza {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.colorblock{
  background: url(../images/colorbar.png) no-repeat;
  width: 85%;
  height: 25px; 
  display: inline-block;
  margin: 0 0 0 10px;
}


header{
	background: url(../images/bgheader.png) repeat-x center top ;
	width: 100%;
	min-width: 960px;
  clear: both;
  border-bottom: 1px solid #e2b6e9;
}

#logo{
   text-indent:-9000px;
   background: url(../images/logomara.png) no-repeat;
   height: 152px;
   width: 488px;
   margin: 40px 0 0 -20px;
   padding: 0 ;
}

header  nav { font-family: bebas_neueregular; font-size: 18px; background: url(../images/bgmenu.png) repeat;  width: 100%; min-height: 38px; margin: 8px 0 0 0; }

header  nav ul{ margin: 2px 0 0 0; }

header  nav ul li{ float: left; margin:  0 ;}  

header  nav  ul .separadormenu { background: url(../images/separadormenu.png) no-repeat; width: 2px; height: 36px; margin: 0 3.4%; position: relative; top:2px;}

header  nav a{ color:#000; text-decoration: none; line-height: 36px;}


#menucel{display: none;}

#midias{ float: right; margin: -205px 0 0 0; background: transparent; }

#midias li{ float: right; list-style: none url(); margin: 0 0 0 -15px; }

#banner{ background: url(../images/bgbody.png) no-repeat #f5eef7; width: 100%;}


.centralizabanner{ float: left; height: 442px;}

.centralizabannermenor{ float: left; height: 147px;}

#telefonetop{ 
  font-family: bebas_neueregular; 
  color: #ffffff;
  font-size: 20px;
  float: right;
  margin: -135px 15px -7px 0;
  text-align: right;
  line-height: 16px;
}

#telefonetop > span{ font-size: 12px;}

#telefonetop > div{ font-size: 14px; margin: 2px 0 0 0;}


#sliderstatico img{ width: 100%;}

#sliderstatico li{list-style: none url();}

#prevBtn{display: block !important;}

#nextBtn{display: block !important;}

#bgconteudo{ background: url(../images/bgbgconteudo.png) repeat-y; width: 100%; float: left; display: table;}

#conteudo{ float: left; clear: both; width: 100%; background: #100c11; min-height: 540px; padding: 10px 10px 30px 10px;}

#conteudo > h3{ font-family: bebas_neueregular; font-size: 20px;}

#conteudo  h2{ font-family: bebas_neueregular; font-size: 24px;}

#conteudo > ul{
  float: left;
  padding: 0 1% ;
  width: 940px;
}

#conteudo > ul > li{
  list-style: none url();
  float: left;
  margin: 0 1% 3% 0;
  width: 450px;
}

#conteudo ul > li  h3{  font-family: bebas_neueregular;  font-size: 22px; margin: 0 0 15px 0;}

#conteudo ul >  #agenda{ width:100%}

#conteudo ul >  #agenda h3{ color:#ebc7d7;}

#conteudo ul >  #agenda > div ul{
  width: 47% !important;
  float: left;
}

#conteudo ul >  #agenda > div > ul li{ 
  list-style: none url();
  float: none;
  color: #ebc7d7;
  margin: 0 3px 10px 3px;
  font-size: 18px;
  font-family: bebas_neueregular;
}

.separadoragenda{ width: 940px; height: 2px; background: #ca50b0 ; float: left; margin: 0 0 20px 9px;}

#conteudo > ul >  #agenda > div > ul .separadoragenda{
  width: 100%;
  height: 1px;
  background: #eb68a4;
}

#conteudo > ul >  #agenda > div ul li > span{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
background: #2d232f;
font-size: 12px;
padding: 2px ;
font-family: arial, sans-serif;
}

#conteudo > ul >  #agenda > div ul li > p{
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #fff;
}

#conteudo > ul >  .agendapagina{ width:100%}

#conteudo > ul >  .agendapagina h3{ color:#ebc7d7;}

#conteudo > ul >  .agendapagina > div ul{
  width: 47% !important;
  float: left;
}

#conteudo > ul >  .agendapagina > div > ul li{ 
  list-style: none url();
  float: none;
  color: #ebc7d7;
  margin: 0 3px 10px 3px;
  font-size: 18px;
  font-family: bebas_neueregular;
}



#conteudo > ul >  .agendapagina > div > ul .separadoragenda{
  width: 100%;
  height: 1px;
  background: #eb68a4;
}

#conteudo > ul >  .agendapagina > div > ul{
  overflow: hidden;
  height: 240px;
  float: left;
  width: 450px;
}

#conteudo > ul >  .agendapagina > div > ul:hover{
  overflow-y: scroll;
}

#conteudo > ul >  .agendapagina > div ul li > span{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #fff;
background: #2d232f;
font-size: 12px;
padding: 2px ;
font-family: arial, sans-serif;
}

#conteudo > ul >  .agendapagina > div ul li > p{
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #fff;
}

.bannersmaiores{
  width: 100% !important;
}

#eventosbox{
  width: 450px ;
  float: left;
 }


#tituloagenda { background: url(../images/iconagenda.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulotudomara{ background: url(../images/icontudomara.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulovideo{ background: url(../images/iconvideos.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulovideosecular{ background: url(../images/iconvideossecular.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulofotos{ background: url(../images/iconfotos.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulodisco{ background: url(../images/icondiscog.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulodiscosecular{ background: url(../images/icondiscogsecular.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#tituloinsta{ background: url(../images/iconinsta.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}

#titulofamilia{ background: url(../images/iconfamilia.png) no-repeat; width: 100%; height: 25px; text-indent: -9000px;}




.lastli{ float: right !important; margin-right: 0 !important; }

#videos{ margin: 0; display: block; padding: 0 ;}

#videos li{ 
  list-style: none url();
  float: left;
  border: 1px solid #f28c31;
  margin: 0 4% 23px 0;
  }
  
#videocelular{display: none;}
  
.btacesse{ margin: 14px 0 0 0;}


.gallery { list-style: none; padding: 0; margin: 0; margin-bottom: 0px !important; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 25%; margin-bottom: 0px !important; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; margin-bottom: 0px !important; }
.gallery li img { display: block; width: 100%; height: auto; margin-bottom: 0px !important; }


.galeriainterna li{ width: 145px  !important; text-align: center; font-size: 11px; margin-bottom: 10px !important;}

.galeriamenor{width: 450px !important; float: left;}

.galeriamenor > a{ float: right; font-family: bebas_neueregular; font-size: 18px; text-decoration: none; color:#BD5790; width: 100%;
text-align: right; margin: 0 0 10px 0;}

.galeriamenor li{ width: 145px !important; text-align: center; font-size: 11px;}


.fotosbiografia{
         float: left;
         width: 428px;
         margin: 0 22px 10px 0;
}

.fotosbiografia > a{ float: right; font-family: bebas_neueregular; font-size: 18px; text-decoration: none; color:#BD5790; width: 100%;
text-align: right; margin: 0 0 10px 0;}

footer{
  background: url(../images/bgrodape.png) top center;
  height: 98px;
  width: 100%;
  float: left;
  margin: -33px 0 0 0;
position: relative;
}
	


footer  nav { font-family: bebas_neueregular; font-size: 18px;   width: 100%; min-height: 38px; margin: 0px 0 0 0; padding: 0 0 0 3% ; }

footer  nav ul{ margin: 2px 0 0 0; }

footer  nav ul li{ float: left; margin:  0 ;}  

footer  nav  ul .separadormenu { width: 2px; height: 36px; margin: 0 3.0%;}

footer  nav  a{ color:#ffffff !important; text-decoration: none; line-height: 36px;}

footer > div > span{
  color: #fff;
  font-family: bebas_neueregular; 
  font-size: 18px;
  float: left;
  margin: 2% 0 0 0%!important;
}
footer > div > span > a{
  color: #fff!important;
  font-family: bebas_neueregular; 
  text-decoration: none;
  font-size: 12px;
  float: right;
  margin: -3% 0 0 0%!important;
  padding-left: 79px;
}


#midiasrodape{ float: right; margin: -18px 0 0 0; background: transparent; }

#midiasrodape li{ float: right; list-style: none url(); margin: 0 0 0 -15px; }


/************* CONTATO ***************/

#formcontato{ width:453px; float:left;}

#formcontato > fieldset{ border:0; padding: 0 0 0 0!important; margin: 0 0 0 -37px; }

#formcontato fieldset ul li{ list-style:none; margin:0 0 15px 0;}

#formcontato fieldset ul li label{ font-family: bebas_neueregular; width:450px; font-size:1.4em; color:#fff; float: left; }

#formcontato fieldset ul li input{ width:433px; height:26px; margin: 0px 0 0 0; padding:0 10px; background: #fff ; border:0px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 1px 1px 6px 2px #ccc;
box-shadow: inset 1px 1px 6px 2px #ccc;
 }

#formcontato fieldset ul li textarea{ min-width:433px; min-height:70px; margin: 0px 0 0 0; background: #fff; border:0px; padding:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 1px 1px 6px 2px #ccc;
box-shadow: inset 1px 1px 6px 2px #ccc;
 }

#btenviar{ width:100px !important; margin: 0px 0 0 0 !important; height:30px !important; float: right; border:0; text-indent:-9000px; cursor:pointer; background:url(../images/btenviar.png) no-repeat !important; box-shadow: inset 0px 0px 0px 0px #ccc !important; -webkit-box-shadow:0px 0px 0px 0px #ccc !important;}

#telefonescontato{  width:400px; float:left; font-size:1.5em;}

#contribua{ float: right; width: 450px;}



/********************************Discografia**********************************/


#descricaoalbum{
   width: 630px;
   float: right;   
   margin: 0 0 30px 0;
}



#descricaoalbum img{
  float: left;
  margin: 0 5px 0 20px;
}

#descricaoalbum > ul li{
  list-style: none url();
}

#botoesalbum{
  width: 450px;
  float: left;
  margin: 15px 0 0 0;
}

#botoesalbum a{ float: left; margin: 0 20px 0 0;}

#videosalbum{ float: right; width: 450px; margin: 0 0 15px 0;}


/***************************************************************************/

/********************************** FOTOS ************************************/

.paginafotos{ 
width: 660px !important;
float: right !important;

}

.paginafotos li{ width: 140px !important; height: 150px; margin: 0px 3% 5% 0px!important;}
.vid { padding: 0px!important; margin: 0px!important;}
#titulocategoria{ font-family: bebas_neueregular; font-size: 24px;}

#categoriasmultimidia{
   float: left !important;
   width: 230px !important;
      font-size: 14px;
      border-right: 1px solid #666;
}

#categoriasmultimidia a{
  text-decoration: none;
  color:#fff;
}
 
#categoriasmultimidia li{
  list-style: none url();
  width: 230px !important;
}


/******************** NOTICIAS *************************************/

#noticiasmodulo{ padding: 0 ;}

#noticiasmodulo li{list-style: none url(); border-bottom: 1px solid #9f8e74; height: 75px; width: 100%;
float: left; margin: 0 0 5px 0;}

#noticiasmodulo img{ border: 1px solid #cbcbcb; margin: 0 10px 5px 0; float: left;}

#noticiasmodulo h4{ font-family: bebas_neueregular; font-size: 16px; margin: 0px 0 5px 0; color: #ebc7d7; float: left; width: 370px;}

#noticiasmodulo p{ font-size: 12px; margin: 5px 0 2px 0;}

#noticiasmodulo li > a{ font-family: bebas_neueregular; float: right; background: #100c11; color: #d65b91; padding: 5px ; margin: 0; margin: -16px 0 0 0;
font-size: 18px;}

#noticias li{ width: 450px ; display: block;}

#noticias img{ float: left; margin: 0 10px 10px 0;}

#noticias h2{ margin-top: 0;}

#noticias li > a{ float: right; font-family: bebas_neueregular; font-size: 18px; text-decoration: none; color:#BD5790;}

.clearnovidades{ clear: both !important; width: 100% !important; height: 10px !important;}

/*****************/
.zip{ border: 0 !important; float: left; line-height: 24px; width: 75px; margin: 0 0 0 34px !important;}

.zip > img{width: 26px !important; float: left; margin: 0 15px 0 0 ;}

#download a{ color: #fff !important;}

/*******************/


/************** POP UP *********************/


#fundo-popup {
	background-color: rgba(0, 0, 0, 0.85);
	width: 100%;
	height: 10267px;
	position: absolute;
  z-index: 9000;
}

#popup {
	background-repeat: no-repeat;
	width: 100%;
	height: 445px;
	top: 100px;
	margin: 0;
	position: absolute;
	background-position: center -1px;
	min-width: 960px;
}
body{margin: 0px;}

#fechar-img {
	width: 960px;
	margin: 0 auto;
	top: 100px;
	position: relative;
}

#fechar-img img {float:right;}


/********************************

@media only screen and (min-width: 320px) {

.gridContainer {
   	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0; 
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header{ height: 363px;}

header  nav  ul .separadormenu {  margin: 0 1.4%;}

header  #menudesktop {display: none;}

#menucel{display: block; : width: 100%;   margin: 0px 0 0 0; background: #180D15; border-top: 1px solid #4B3041;}

#midias{  display: none; }

#midias ul{ padding: 0 10px ;}

#midias li{    }

#midias ul{ margin: 0 15px 0 0; width: 200px;}

#midiascel{  margin: -11px 0 0 0; background: transparent; display: block; }

#midiascel ul{  width: 251px; margin: 12px 4em 0 0;}

#midiascel li{ float: right; list-style: none url(); margin: 0 0 0 -15px; }

#telefonetop{ display: none;}

#slider{display: none;}

#prevBtn{display: none !important;}

#nextBtn{display: none !important;}

#sliderstatico{ display: block;}

#sliderstatico img{ }

#conteudo > ul > li{
  width: 100%;
}

#conteudo ul >  #agenda > div ul{
  width: 96%;
  float: left;
}

#videocelular{display: block;}

#videos{display: none;}




}  

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 960px;
	padding-left: 1.125%;
	padding-right: 1.125%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header  #menudesktop {display: block; float: left;}

#menucel{display: none; }

header  nav  ul .separadormenu {  margin: 0 1.6%;}

#midiascel{ display: none;}

#midias{ display: block; position: relative;
left: 80px;}

#midias ul{ margin: 0 15px 0 0; width: 251px;}

#slider{display: none;}

#sliderstatico{ display: block; margin: -422px 0 0 0;
float: left;}

#conteudo > ul > li{
  width: 450px;
}

#videocelular{display: none;}

#videos{  display: block;}



}




@media only screen and (min-width: 769px) {
.gridContainer {
	width: 960px;
	max-width: 960px;
	padding-left: 0.8%;
	padding-right: 0.8%;
	margin: auto;  
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

header  nav ul{ margin: 2px 0 0 0; }

header  nav  ul .separadormenu { background: url(../images/separadormenu.png) no-repeat; width: 2px; height: 36px; margin: 0 2.8%;}

header  #menudesktop {display: block; }

#menucel{display: none;}

#telefonetop{ display: block;}

#midias{ width: 251px; display: block; float: right; margin: -92px 0 0 0; background: transparent; }

#midias ul{ width: 251px;}

#midias li{ float: right; list-style: none url(); margin: 0 0 0 -15px; }

#midiascel{ display: none; }

#slider{ display: block;}

#sliderstatico{ display: none;}

#conteudo > ul > li{
  width: 47%;
}

#prevBtn{display: block !important;}

#nextBtn{display: block !important;}

#videocelular{display: none;}

#videos{  display: block;}

#videos li img{ }



}  ***/