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

/*----------------------------------------------------------------------------//
  DEFINIÇÕES DE ESTILOS DA ESTRUTURA DO LAYOUT DO SITE
//----------------------------------------------------------------------------*/

body {
    margin:0;
    padding:0;
    text-align:center;
    font-family:Verdana;
    font-size: 10pt;
    color: white;
    background-color:#390a02;
    background-image: url(../img/fundo.jpg);
    background-repeat:no-repeat;
    background-position: top center;
}

/* ID PAGINA */
#pagina {
  margin:0 auto;
  position: relative;
  width:1129px;
  min-width:1129px;
  /*min-height:100%;*/
  text-align:left;
  /*border:1px solid #fff;*/
}
/* hack para IE6 que trata height como min-height */
/** html #pagina {height:100%;}*/

#bannerMusicos, #menuHorizontal, #videoAgenda, #socialLinks, #rodape, #rodape2, #tabelaMenu{
  margin-left: auto;
  margin-right: auto;
  text-align:center;
}

#socialLinks{
    background-image: url(../img/social.png);
    background-repeat:no-repeat;
    background-position: top center;
    width: 992px;
    height: 76px;

}

#imgSocial{
    padding: 15px 15px 0 15px;
}

#bannerMusicos{
    background-image: url(../img/topBannerFundo.png);
    background-repeat:no-repeat;
    background-position: top center;
    width: 1129px;
    height: 468px;
}

#login{
    background-image: url(../img/login.png);
    background-repeat:no-repeat;
    background-position: top center;
    width: 1129px;
    height: 468px;
}


#conteudoBanner{
    color:black;
    display:block;
    text-align:left;
    margin-left: 180px;    
}

#logoSA{
    position: absolute;
    margin: 27px 0 0 650px;
}



#menuHorizontal{
    background-image: url(../img/menu.png);
    background-repeat:no-repeat;
    background-position: top center;
    width: 1129px;
    height: 183px;
}

#noticias{
  margin: -130px 0 0 120px;/* margin: superior direita inferior esquerda */
  text-align:left;
}

#textoNoticia{
    margin: -25px 0 0 52px;/* margin: superior direita inferior esquerda */
    width: 825px;
}

#videoAgenda{
    margin-top: -30px;
    width: 992px;
    height: 459px;
    background-image: url(../img/fundoVideo.png);
    background-repeat:no-repeat;
    background-position: top center;
    color: black;
    text-align: left;
}

#conteudoVideo{
    width: 500px;
    height: 350px;
    padding-top: 80px;
    padding-left: 100px;
    float:left;
    position: absolute;;
}

#videosTexto{
    position: absolute;
    margin: 0 0 0 460px;
    font-size: 10px;
}

#proximoShow{
    padding-left: 645px;
    padding-top: 135px;
    font-size: 9pt;
}


#dataShow, #dataShow2,  #localShow, #localShow2, #horaShow, #cidadeShow{
    float: left;
    position:relative;
}

 #cidadeShow{
     width: 260px;
     height: 25px;
 }
#dataShow{ width: 60px; }
#localShow{ width: 160px; }

#dataShow2{ 
    width: 80px; 
}
#localShow2{ width: 235px; }


#rodape{
    margin-top: -15px;
    text-shadow: 5px 5px 7px #000000;
}
#rodape2{
    margin-top: -120px;
    text-shadow: 5px 5px 7px #000000;  
}

#tabelaContato{
    margin: 50px 0 0 50px;/* margin: superior direita inferior esquerda */
    display: inline-block;
}
#contatoFofo{
    float: left;
    position: absolute;
    margin: -200px 0 0 500px;/* margin: superior direita inferior esquerda */

}
#botoes{ margin-left: 75px;}

#downloadIMGs{
   float: left;
   position:relative;
   width: 150px;
   margin: 0 0 0 30px;
   text-align: center;
   
}



#textos {
    width: 780px;
    text-align: justify;
}

#bandaIMG{
   float: left;
   position:relative;
   width: 117px;
   margin: auto;
   text-align: center;
}

#textoMusicos{
    margin-left: -15px;
}

#foto, #foto2{
   float: left;
   position:relative;
   width: 144px;
   margin: 10px 0 0 10px;
   text-align: center;
}

#foto2{
    width: 120px;
    margin: 5px 0 0 10px;
}

#albuns{
    height: 138px;
    margin: auto;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

#voltar{
    float: left;
    position:absolute;
    margin: 350px 0 0 750px;
}
#limpa{ clear:both; }
/*----------------------------------------------------------------------------*/
/*formatando linhas div*/
/*----------------------------------------------------------------------------*/

#row1, #row2, #row3, #row4{
    width: 360px;
    height: 52px;
    position: absolute;
    padding: 5px 0 0 7px;
}
#row1, .rowVideo1{
    background-color: #f3f3f3;
}



#row2{
    background-color: #f3f3f3;
    margin-left: 400px;

}

#row3{
    background-color: #fff;

}

#row4{
    background-color: #fff;
    margin-left: 400px;
}

#row1 table, #row2 table, #row3 table, #row4 table{  margin: 7px 0 0 6px; }

.rowVideo1, .rowVideo2{
    margin-bottom: 10px;
    width: 330px;
    padding: 5px 0 5px 7px;
    
}

.rowVideo3{
    background-color: #f3d084;
    margin-bottom: 10px;
    width: 330px;
    padding: 5px 0 5px 7px;
}

/*----------------------------------------------------------------------------*/
/*estilo com para textos*/
/*----------------------------------------------------------------------------*/

#size7{
    font-size: 7pt;
    font-weight: bold;
}

#tituloAlbum{
    font-size: 10px;
    font-family: verdana;
}

#tituloAutor{
    font-size: 7pt;
}


#tabelaMenu, #tabelaMenu a, #tabelaMenu a:link {
     font-size: 13pt;
     font-weight: bold;
     text-decoration: none;
     text-shadow: 5px 5px 7px #a7a7a7;
     color: #6a221f;
}

#tabelaMenu, #tabelaMenu a:hover {color: #ff8e05;}

#tabelaMenu a:active{  color: #6a221f; }

.colorShow{
    color: #a91c00;
    font-weight: bold;
}

.Alerta{
	margin: 0 0 0 70px;
	color: #ff0000;
	padding: 3px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	background-color:#fff;
	border:1px dashed #ff0000;
	width:300px;
	display: none;
}

a,  a:link{
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
#conteudoBanner a, #conteudoBanner a:link{color: #ec252a;}
#conteudoBanner a:hover{color: #744647;}
#rodape a, #rodape a:link { color: #fff;}
#rodape2 a, #rodape2 a:link { color: #fff;}

a:hover {color: #781118;}
a:active {  color: #781118; }
#rodape a:hover, #rodape2 a:hover{color: #fdc93c;}
#rodape a:active,  #rodape2 a:active{  color: #fdc93c; }


/* --------------------------------------------------------- */
/*              Formatando input, textarea, etc              */
/* --------------------------------------------------------- */
#downloadIMGs img, #bandaIMG img, #foto img, #foto2 img{
	border: 1px solid #734040;
	padding: 2px;
	vertical-align: top;
}

#tabela_login{ margin: 50px 0 0 233px; }
#formLogin{
    margin: auto;
    padding: 0;
    text-align: left;
}

.logar{
     margin: 0 0 0 423px;
}

#select{
	width:150px;
	font: 10px verdana;
}
input, textarea{
        background-color: #e9cfbe;
	font: 10px verdana;
	color:#313131;
	border: 1px solid #e9cfbe;
	width: 300px;
	margin-bottom: 5px;
        display: inline-block;
}

#tabela_login input{ width: 200px; }
#inputTextDDD{ width: 40px; }
#inputTextTelefone { width: 178px;}
#inputTextEstado{ width: 40px; }
#inputTextCidade { width: 178px;}

textarea{ width: 300px; }

#inputBotao{
        background-image: url(../img/bt.jpg);
        background-repeat:no-repeat;
        background-position: top center;
        vertical-align: middle;
	width: 80px;
        height: 20px;
	font-weight:bold;
	color:#fff;
}

label{
    width:70px;
    font: 10px verdana;
    display: inline-block;
    text-align: right;
    padding-right: 5px;
    padding-top: 3px;
    vertical-align: top;
}

#entrada {
    width: 200px;
}