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

* { margin: 0; padding: 0; }

body, html { height: 100%; font: 12px Arial, Helvetica, sans-serif; color: #fff; }

img, body, ul, li, h1, h2, h3, h4, h5, p, form, fieldset{ margin: 0; padding: 0; border: 0; }
br.clear{ clear: both; font-size: 0; height: 0; line-height: 0; display: block; }

img { border: none; }
 
body { background: #000 url(../Imagens/background.jpg) no-repeat top center; }

a:link{	color: #b38700;	text-decoration: none; }
a:visited{ color: #b38700; text-decoration: none; }
a:hover{ text-decoration: underline; color: #b38700; }
a:active{ color: #804702; text-decoration: none; }

.linkMenu { float: left; border: 1px solid green; width: 100%; height: 100%; padding: 14px 0 0 0; }

.centralizar { width: 1000px; margin: 0 auto; margin-top: 0px; }
.container { cursor: default; width: 1000px; height: auto; background: none; float:left; padding: 0 0 10px 0; border: 0px solid red; position: relative; }
.container-2 { cursor: default; width: 1000px; height: auto; background: none; float:left; padding: 0 0 10px 0; border: 0px solid red; position: relative; }

.rodape{ height: 168px; clear: both; background-image:url(../Imagens/fundo-rodape.png); margin: 0 auto; }
	.box-rodape { width: 360px; font-size: 11px; color: #0c6f6d; margin: 30px 0 0 40px; float: left; }
	.box-parceria { float: right; margin: 40px 0 0 0; }


.logo { border: 0px solid blue; float: left; margin: 20px 0 0 38px; *margin: 20px 0 0 40px; }
	
.menu { width: 540px; height: 30px; border: 0px solid blue; margin: 4px 0 0 160px; float:left; }
#menu li a { display: block; height: 13px; float: left; overflow: hidden; text-indent: -5000px; position: absolute; top: 50px; 
		_text-indent: 0; _font-weight: bold; }
	
	#sobre { background:url(../Imagens/menu-sobre.jpg); border: 0px solid red; width: 117px; left: 441px; _background: none; _color: #967E76; }
	#agenda { background: url(../Imagens/menu-agenda.jpg); border: 0px solid red; width: 56px; left: 590px; _background: none; _color: #967E76; }
	#noticias { background: url(../Imagens/menu-noticias.jpg); border: 0px solid red; width: 59px; height: 16px; left: 680px; _background: none; _color: #967E76; }
	#fotos-videos { background: url(../Imagens/menu-fotos-videos.jpg); border: 0px solid red; width: 110px; height: 16px; left: 773px; _background: none; _color: #967E76; }
	#contato { background: url(../Imagens/menu-contato.jpg); border: 0px solid red; width: 65px; left: 913px; _background: none; _color: #967E76; }
    #menu li a:hover, #menu li a.atual { background-position: 0 -13px; height: 13px; _color: #A67C0E; } */
	
.conteudo { width: 1000px; height: auto; float: left; padding: 0 0 40px 0; }	
.cont-esq { width: 350px; float: left; border: 0px solid red; margin: 0 0 0 40px; }	
	
.slogan-dance { width: 269px; height: 211px; background: url(../Imagens/slogan-dance.jpg); float: left; clear: left; margin: 117px 0 0 71px; *margin: 114px 0 0 74px; }

.vitrine { width: 603px; height: 404px; float: right; background: url(../Imagens/back-tv.jpg) no-repeat; margin: 32px 15px 0 0; *margin: 131px 13px 0 0; }
	.imagens { width: 336px; height: 242px; border: 0px solid red; background: none; margin: 75px 0 0 78px; }
	
	.titulo-noticias { width: 96px; height: 22px; float: left; clear: left; margin: 15px 0 30px 0; background: url(../Imagens/titulo-noticia.jpg); text-indent: -5000px; }
	.noticia { width: 335px; height: auto; margin: 0px 0 0 2px; float: left; border: 0px solid red; 
		_margin: 0px 0 17px 1px;}
	.img-noticia { border: 1px solid #b38700; float:left; }
	.boxNotica { width: 190px; height: auto; float:left; border: 0px solid red; margin: 0 0 0 13px; }
	.dataNoticia { font-size: 12px; margin: 0 0 10px 0; color: #fff; float:left; 
		_margin: 0 0 5px 4px;}
	.tituloNoticia { width: 190px; border: 0px solid red; font-size: 12px; font-weight:bold; color: #b38700; float:left;	_margin: 0 0 0 4px;}
	.resumoNoticia { width: 190px; height: auto; color: #fff; font-size: 11px; margin: 10px 0 0 0; float: left; line-height: 11px; }
	
	.boxNotica-2 { width: 190px; height: auto; float:left; border: 0px solid red; margin: 20px 0 0 2px; }
	.dataNoticia-2 { font-size: 12px; margin: 0 0 5px 0; color: #fff; float:left; 
		_margin: 0 0 5px 4px;}
	.tituloNoticia-2 { width: 330px; border: 0px solid red; font-size: 12px; font-weight:bold; color: #b38700; float:left;	_margin: 0 0 0 4px;}
	.resumoNoticia-2 { width: 330px; height: auto; color: #fff; font-size: 11px; margin: 4px 0 0 0; float: left; line-height: 11px; }
	
	.box-not { width: 622px; float: left; border: 0px solid red; }
	.imgPrincipal { padding: 0 15px 8px 5px; float:left; clear:left; }
	.textoPrincipal { font-size: 12px; color: #fff; text-align:justify; }
	
	.link-noticia { width: 200px; float: left; margin: 25px 0 0 0; font-size: 10px; }
	
.cont-dir { width: 265px; float: left; border: 0px solid red; margin: 0 0 0 45px; }  	
	.titulo-agenda { width: 81px; height: 21px; clear: left; margin: 15px 0 30px 0px; background: url(../Imagens/titulo-agenda.jpg); text-indent: -5000px;}
	.box-data { width: 325px; height: auto; margin: 0px 0 0 2px; float: left; border: 0px solid red; 
		_margin: 0px 0 17px 1px;}
	.box-data-2 { width: 325px; height: auto; margin: 30px 0 0 2px; float: left; border: 0px solid red; 
		_margin: 0px 0 17px 1px;}
	.fundo-data-1 { width: 47px; height: 49px; background-image: url(../Imagens/fundo-data-1.jpg); float: left; }
	.fundo-data-2 { width: 47px; height: 49px; background-image: url(../Imagens/fundo-data-2.jpg); float: left; }
	.fundo-data-3 { width: 47px; height: 49px; background-image: url(../Imagens/fundo-data-3.jpg); float: left; }
	.dia { color: #3d2f03; font-size:24px; margin: 4px 0 -3px 6px; float: left; }
	.mes { color: #3d2f03; font-size:10px; margin: 0 0 0 8px; }
	.link-agenda { width: 200px; float: left; margin: 20px 0 30px 0; font-size: 10px; }

	
	
.cont-dir-2 { width: 235px; float: left; border: 0px solid red; margin: 0 0 0 59px; }  
	.titulo-fotos { width: 74px; height: 19px; clear: left; margin: 15px 0 30px 5px; background: url(../Imagens/titulo-fotos.jpg); text-indent: -5000px;}
	.fotos-1 { border: 1px solid #b38700; float:left; margin: 0 0 7px 7px; }
	.fotos-2 { border: 1px solid #b38700; float:left; margin: 0 0 10px 13px; }

/*------------------------ SOBRE NOS ------------------------*/

.titulo-sobre { width: 170px; height: 23px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-sobre.jpg); text-indent: -5000px; }
.cont-esq-sobre { width: 658px; float: left; border: 0px solid red; margin: 0 0 0 40px; padding: 0 0 0 5px; }
.titulo-historia { width: 78px; height: 24px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-historia.jpg); text-indent: -5000px; }
.texto-sobre { text-align: justify; margin: 0 0 0 5px; }
.titulo-integrantes { width: 101px; height: 15px; clear: left; margin: 50px 0 30px 4px; background: url(../Imagens/titulo-integrantes.gif); text-indent: -5000px; }
.box-integ { width: 650px; float: left; border: 0px solid red; margin: 0 0 10px 0px; }
	.img-integrantes { border: 1px solid #b38700; float:left; margin: 0 20px 20px 2px; }
	
/*------ Tooltip ---*/

.hotspot { color:#FFF; padding-bottom:1px; border-bottom:1px dotted #B38700; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; -moz-border-radius: 2px; padding:10px 15px 10px 15px; margin-left:5px; background:#B38700; color: #160D01; font-size: 11px;}
#ttbot {display:block; height:15px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/*------------------*/

/*------------------------------- AGENDA ------------------------------*/

.titulo-agenda { width: 91px; height: 27px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-agenda.gif); text-indent: -5000px; }
.agenda-mes { color: #FFFFFF; margin: 0 0 20px 5px; font-size: 20px; font-weight:normal; }
	.box-evento { width: 625px; height: auto; margin: 0px 0 40px 2px; float: left; border: 0px solid red; 
		_margin: 0px 0 17px 1px; }
	.box-agenda { width: 563px; height: auto; float:left; border: 0px solid red; margin: 0 0 0 13px; }
		.titulo-evento { width: 550px; border: 0px solid red; font-size: 12px; font-weight:bold; color: #b38700; float:left;	_margin: 0 0 0 4px; }
		.resumo-evento { width: 550px; height: auto; color: #fff; font-size: 11px; margin: 5px 0 0 0; float: left; line-height: 11px; }

/*------------------------------------ NOTICIAS -----------------------------*/

.titulo-noticias { width: 92px; height: 22px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-noticia.gif); text-indent: -5000px; }
.box-noticias { width: 623px; height: auto; margin: 0px 0 40px 2px; float: left; border: 0px solid red; 
		_margin: 0px 0 17px 1px;  }
	.data-noticia { font-size: 14px; color: #FFFFFF; float: left; margin: 0 0 10px 0; }
	.titulo-noticia-texto { font-size: 17px; font-weight: bold; color: #b38700; float: left; clear: left; margin: 0 0 20px 0; }
	.img-noticias { border: 1px solid #fff; float: left; margin: 0 0 50px 0; }
	.texto-noticia { float: left; padding: 0 0 20px 0; *padding: 0 0 50px 0; text-align: justify; }
	
.cont-outras-noticias { width: 237px; background: #061415; float: left; border: 0px solid red; margin: 0 0 0 30px; padding: 10px 13px 20px 15px; }
.titulo-outras-noticias { width: 138px; height: 18px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-outras-noticias.gif); text-indent: -5000px; }
.boxNotica-pag { width: 100%; height: auto; float:left; border: 0px solid red; margin: 0 0 0 0px; }
.boxNotica-pag-2 { width: 100%; height: auto; float:left; border: 0px solid red; margin: 40px 0 0 0px; }

	.dataNoticia-pag { font-size: 12px; margin: 0 0 2px 0; color: #fff; float:left; 
		_margin: 0 0 5px 4px;}
	.tituloNoticia-pag { width: 100%; border: 0px solid red; font-size: 12px; font-weight:bold; color: #b38700; float:left;	_margin: 0 0 0 4px;}
	.resumoNoticia-pag { width: 100%; height: auto; color: #fff; font-size: 11px; margin: 4px 0 0 0; float: left; line-height: 11px; }
	
	
/*--------------------------------------- FOTOS E VIDEOS------------------------------*/

.titulo-fotos-videos { width: 172px; height: 18px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-fotos-videos.gif); text-indent: -5000px; }
.titulo-fotos-2 { width: 55px; height: 14px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-fotos2.gif); text-indent: -5000px; }
.cont-videos { width: 237px; float: left; border: 0px solid red; margin: 43px 0 0 30px; padding: 10px 13px 20px 15px; }
.titulo-videos { width: 55px; height: 14px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-videos2.gif); text-indent: -5000px; }
	.img-video { width: 104px; height: 84px; border: 1px solid #b38700; float:left; clear: left; margin: 0 0 20px 0; }
	
.subtitulo { font-size: 17px; color: #AE8500; float: left; margin: 10px 0 2px 0; }

/*----------------------------------------- CONTATO ----------------------------------------*/

.titulo-contato { width: 101px; height: 18px; clear: left; margin: 10px 0 30px 0px; background: url(../Imagens/titulo-contato.gif); text-indent: -5000px; }

.formulario { float: left; margin: 0 0 0 5px; border: 0px solid red; 
	_margin: 0 25px 0 0;}


form {font-size: 12px;float:left;width:340px;overflow:hidden; color: #b38700; font-weight:bold;}
form input, form textarea{color:#000; width:300px; display:block; margin:4px 0 16px 0; float:left; font: 12px Arial, Helvetica, sans-serif; color: #000; padding-left: 2px; }
form input { height: 18px; padding-top: 3px; background: #B38700; border: none; color: #000; }
form textarea{ width:297px; height:100px; background: #B38700; border: none; padding: 3px 3px 3px 3px; }
form input.enviar{ width:70px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; text-decoration: underline; background: none; color:#FFFFFF; float: right; margin-right: 30px;}


div.valida{float:left;padding:5px 0 0 5px;width:30px;height:30px;}
div.valida img{display:block;}

div.valida img{display:block;}
div.branco img{display:none;}

div.erro img.erro{display:block;}
div.erro img.ok{display:none;}

div.ok img.ok{display:block;}
div.ok img.erro{display:none;}

.enviar { height: 35px; padding: 0; cursor: pointer; }