@charset "utf-8";
/* CSS Document */
* {
   border:0;
   margin:0;
   padding:0;
}
#topo {
	width:100%;
	height:400px;
	background-color:#412c02;
}

body {
   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
   background-color: #fb9b2b;
   text-align: center;
   overflow-x: hidden;
}
#Global {
   margin:0 auto;
   text-align: left;
   width: 1000px;  
   
}
#Corpo { 
   margin-top: 24px;   
   }
#Esquerda {
  width: 72%;
  float: left;
  background: white url(../img/bordas_07.gif) 0 0 no-repeat;
  min-height: 585px; /*só FF lê*/
  *height: 585px; /*só IE lê*/
}  
#rodapeInterno { height: 1px; clear: both; width: 100% }  
#rodapeInterno, #Corpo { background: url(../img/linha_bg_global.gif) repeat-y }
#Grupo1, #Grupo2 {
  width: 98%; padding-left: 2%;
} 
#Grupo1 {
  padding-top: 2%;
} 
#Grupo2 {
  margin-top: 12px;
}
#Grupo2.interna {
  padding-left: 5%;
}     
  
#Grupo1 #Tela {
  width: 47%;
  float: left;
}
/*COLUNA 2*/
#Col2 {
  width: 44%;
  margin-left: 18px;
  float: left;
}
   
#Noticias h1,
#comData h1,
#Promocoes h1,
#Direita #enquete h1 {
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: -2px;
}

/*H1*/
#Noticias h1 { height: 37px; color: #f56b20; margin-bottom: -0.5em }

#comData h1, #Promocoes h1 { height: 32px  }

#comData.fotoSSA h1 { color: #bca71a }
#comData.eventos h1 { color: #C36 }
#Promocoes h1, #Promocoes #Titulo h1 { color: #663333 }
#Promocoes #Titulo h1 { margin-bottom: -0.5em }

/*H1 SPAN*/
#comData h1 span,
#Promocoes h1 span,
#Direita #enquete h1 span,
#Noticias h1 span { background-color: white; padding: 0 6px 0 6px  }

/*LINKS*/
#linkCombo { float: right; font-size: 11px; color: #551440 }
a.voltar:link,
a.voltar:visited { font-size: 9px; color: #FF6600; display: block }


#comData a:link, #comData a:visited { text-decoration: none; float: left; padding: 2%; text-transform: uppercase; width: 58%; line-height: 14px; display: block; font-size: 14px }
#comData a:hover { text-decoration: underline }
#comData a span { display: block; font-size: 10px; margin-bottom: -0.3em }


/*--CAMPO DE NOTÍCIAS----------------------------------------------------------*/

#Noticias { width: 100% }

#Noticias #Titulo { 
   height: 73px;   
   margin-bottom: 2px; 
   background: url(../img/img_03.gif) no-repeat;
   float: left;
   width: 320px;
    }
#Noticias #Titulo a { padding: 7px 5px 6px 8px; font-size: 21px; line-height: 18px; display: block; text-decoration: none; color: #FF6600 }
#Noticias #Titulo a span { display: block; font-size: 10px; margin-bottom: -0.3em;  }
#Noticias #Titulo a:hover { text-decoration: underline }
#Noticias #Titulo.corDiferente a { color: #ee4000 }   

#Noticias h4 {
   margin: 1em 0 0.5em 0;
   color: #660066;
}

#Conteudo #Noticias #Titulo {  float: left; margin-right: 25px }


/*--COM DATA - FOTOS & EVENTOS----------------------------------------------------*/  

#Col3 {
  width: 27%;
  float: left;
}

/*DIVOSÓRIAS DE H1*/
#comData,
#Promocoes,
#enquete,
#Noticias { background: #fff url(../img/img_07.gif) 0 3% repeat-x }

/*COLUNA 3*/
#Col3.promocoes { margin-left: 4% }
#Col3.promocoes #comData h1 { color: }


/*COLUNA 4*/
#Col4 {
  width: 34%;
  float: left;
  margin-left: 4%;
} 

#comData #Titulo { height: 62px; margin-bottom: 10px }
#comData #Titulo a { color: white }

#comData #imagem { float: left }


/*---COLUNA DE PROMOÇÕES---*/

#Promocoes #Titulo { height: 70px; color: #FFFFD5; padding: 0 2% 0 3% }

#Promocoes #Titulo a:link, #Promocoes #Titulo a:visited { text-transform: uppercase; text-decoration: none; color: #603 }
#Promocoes #Titulo a:hover  { text-decoration: underline }
#Promocoes { font-size: 12px }

/*DIREITA   -- PATROCÍNIO E INCLUDE --*/

#Direita {
  width: 25%;
  float: right;
  background: white url(../img/bordas_03.gif) 0 0 no-repeat;
  padding-top: 20px;
 }

#Direita #publicidade { height: 330px; width:240px; }
#Direita #enquete h1 { color: #FF0066 }
#Direita #enquete label { display: block; color: #663333 }
#Direita #enquete form { font-size: 19px; line-height: 18px; letter-spacing: -1px; margin-left: 20px }
#Direita #enquete p { margin-bottom: 1em; color: #663333 }
#Direita #direitaAlvo { width: 94%; padding: 0 1% 0 1.5%}
#Direita #direitaAlvo #abaixo { margin-top: 45px }
#Direita #enquete input.botao { float: right }

#rodape {
	width:100%;
	margin:0 auto;
	height:125px;
	clear: both;
    margin-left: 0.5px /*bug do firefox*/;	
}

/*----INTERNAS-----*/

#Conteudo #foto { float: right; padding: 10px }
#Conteudo #foto img { display: block; width: 285px; height: 190px }
#Conteudo #foto dir { background-color: #CCCCCC; color: #663366 }

#Conteudo { padding: 37px 45px 37px 52px }
#Conteudo  h1 { font-size: 40px; color: #660066; margin-bottom: -0.2em; text-transform: uppercase; letter-spacing: -2px; font-weight: lighter }
#Conteudo h2 { font-size: 28px; color: #ff9b37; margin-bottom: 1em; letter-spacing: -1px; font-weight: lighter }
#Conteudo p { color: #333; margin-bottom: 1em }
#Conteudo p img { margin: 0 0 2em 2em }
#Conteudo h3 { background: #fff url(../img/img_07.gif) 0 15px repeat-x }
#Conteudo h3 span { background-color: white }
#Conteudo h3 span.laranja { color: #ff9b37; letter-spacing: -1px; font-weight: lighter; font-size: 22px; padding-right: 6px }
#Conteudo h3 span.amarelo { color: #FFCC00; font-weight: lighter; font-size: 28px }

/*--------BANDAS--------*/
#Conteudo #bloco1, #bloco2 { margin: 2em 0 2em 0; border-top: 1px solid #ccc; padding-top: 2em }
#Conteudo #bloco1 #imagemBanda { display: block; float: left }
#Conteudo #bloco1 #logo-release { width: 302px; margin-left: 158px }
#Conteudo #bloco1 #logo-release img { margin-bottom: 32px }
#Conteudo #logo-release p { line-height: 16px; margin-bottom: -0.5em } 

#Conteudo #bloco2 #imagemBanda { display: block }
#Conteudo #bloco2 #logo-release { width: 460px }
#Conteudo #bloco2 #logo-release img { display: block; float: left; margin-top: 5% }
#Conteudo #bloco2 #logo-release p { display: block; margin-left: 198px }


/*--------FOTOS--------*/
#galeria  { width: 316px; float: left }
#galeria h4 { font-size: 24px; color: #C21453; letter-spacing: -2px; font-weight: lighter }
#galeria h4.sub { font-size: 16px; margin-top: -.5em } 
#galeria ul li { list-style: none; }
#galeria #fotos li { float: left; margin-right: 14px } 
#galeria #indiceGaleria { clear: left; text-align: center }
#galeria #indiceGaleria li { float: ; margin-right: 5px }
#galeria #avanca-retorna { clear: left; text-align: center}
#galeria #indiceGaleria a, #avanca-retorna { font-size: 10px; color: #CC3366; text-align: center  }

/*coluna de Fotos*/
#Col2.fotos #comData #Titulo { background-color: #FFFFFF }
#comData.fotoSSA #Titulo a:link, #comData.fotoSSA #Titulo a:visited, #comData.fotoSSA #Titulo a:active {  color: #bca71a }
#comData.eventos #Titulo a:link, #comData.eventos #Titulo a:visited, #comData.eventos #Titulo a:active { color: #C36 }

#Col2.fotos {
  width: 28%;
  margin-left: 105px;
  padding-left: 30px;
  background: #fff url(../img/img_bg_vertical.gif) repeat-y 
}


#avanca-retorna img { margin: 0 10px 0 10px }
#avanca-retorna span.anterior { margin-right: 30px }
#avanca-retorna span.proximo { margin-left: 0px }
   
#colunaFotos { background: url(../img/img_bg_vertical.gif) 0 0 repeat-y }

#Col2.fotos h4 {
  font-size: 9px; text-transform: uppercase; color: #660033 }

h2 span.fotos { background-color: #bea71c; color: white }

#colunaEventos {  } 


/*--------AGENDA (comData dentro de Conteúdo)--------*/
#Conteudo #comData #Titulo { background-color: white; display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px }
#Conteudo #comData #Titulo a { line-height: 18px; float: none; font-size: 21px;  }
#Conteudo #comData #Titulo.vermelha a { color: #ff0000 }
#Conteudo #comData #Titulo.rosa a { color: #fd405f }
#Conteudo #comData #Titulo.verde a { color: #BEA71D }

#Conteudo #comData #Titulo img { margin-right: 1em }

#Conteudo #dadosEvento { width: 352px; margin-left: 158px }
#Conteudo #dadosEvento ul { margin-top: 1em }
#Conteudo #dadosEvento ul li { color: #FF3300; list-style: none; margin-bottom: 0.5em }
#Conteudo #dadosEvento ul li span { font-size: 10px; color: #999 }
  


/*---CONTATOS---*/
#form.contato { float: left }
#form form { width: 288px }
#form input, textarea, select {
    width: 100%;
	height: 21px;
	border: 1px solid #f64d00;
	background-color: #58338D; 
	color: white;
	font: bold 14px Trebuchet MS;
}
#form #mensagem { height: 134px }
#form input.botao {  
   background-color: transparent; 
   color: #58338D;
   border: 0;
   text-transform: uppercase;
   font-size: 24px;
   font-weight: lighter;
   height: 34px;
   float: left;
   width: 30%;
}  
#form label {
   font: bold 10px Trebuchet MS;
   color: #58338D;
}    
#form form #ddd { width: 27px }
#form form #telefone { width: 67px; display: block }

#aoLado { float: left; width: 280px; margin-left: 30px }
#aoLado p.telefone { font-size: 38px; color: ff9a2c; display: block }
#aoLado span.ddd { font-size: 24px }

/*PROMOÇÃO*/
#vencedores { margin-top: 4em }
#Conteudo #dadosPromocao { width: 352px; margin-left: 158px }
#Conteudo #dadosPromocao ul { margin-top: 1em }
#Conteudo #dadosPromocao ul h4 { color: #669900 }
#Conteudo #dadosPromocao ul li { color: #FF3300; list-style: none; margin-bottom: 0.5em }