* {
	/* Começo zerando tudo. O */
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	border:none;
}

body {	margin: 0 auto;	text-align:center;	background: #000 url(../images/bg_bk.jpg) repeat-x;}

h1 {margin: 20px 0 0; width:650px; font: bold 140%  Arial, Verdana, Sans-serf; text-transform:uppercase;	text-align:center; color:#000; border:0px solid #006;}

img {margin:10px;}


#geral {margin:0 auto; width: 770px;}
.geral {margin:0 auto; width: 770px; background: url("../images/bg_6_limp.jpg");	background-position: right;}

#cabecalho {width:740px;  height: 170px; float: left; text-align:left; margin:0; background:url(../images/bg_cabecalho.png); border:0px solid #000;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_cabecalho.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#cabecalho_espaco {width:740px;  height: 50px; float: left; text-align:left; margin:0;	border:0px solid #000;}
#flash_logo {text-align:left; height: 110px; float:left; padding: 0 0 0 60px; border: #f33 0px solid; }


#menu {display:inline;	float: left; position:relative; width: 700px; margin: 0 0 0 60px; text-align:center; border:0px solid #000;}
#menu ul li {display: block; float: left; width:78px; height: 59px; }
#menu ul li a{ margin: 0; padding:5px; font: bold 70% Verdana, Arial, Sans-serf; line-height:40px; text-align:center; color: #ddd; border-top:0px solid #000; border-bottom:1px solid #ddd;}
#menu ul li :hover{color:#000; background:#0f0; border-bottom:1px solid #000;}

#menu_paises {float: right; position:relative; margin:0px 50px 0 0; _margin:0px 30px 0 0; text-align:left; border:0px solid #f00;}
#menu_paises ul li {display:inline;}
#menu_paises ul li a {width:29px; height:51px; float: left; text-align:left; border:0px solid #000; cursor:pointer;}




#menu_paises ul li a.id_bra {background: url(../images/bt_idioma.png) no-repeat 0px -59px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_04.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a.id_usa {background: url(../images/bt_idioma.png) no-repeat -29px -118px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_02.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a.id_esp {background: url(../images/bt_idioma.png) no-repeat -58px -59px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_03.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a.id_hom {background: url(../images/images/bt_idioma_10.png) no-repeat 0px 0px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_10.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}


#menu_paises ul li a:hover.id_bra {background: url(../images/bt_idioma.png) no-repeat 0px 0px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_01.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a:hover.id_usa {background: url(../images/bt_idioma.png) no-repeat -29px -59px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_05.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a:hover.id_esp {background: url(../images/bt_idioma.png) no-repeat -58px -118px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_09.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#menu_paises ul li a:hover.id_hom {background: url(../images/images/bt_idioma_11.png) no-repeat 0px 0px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_11.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}
/*-----------------------------------------------------------------------------------------------------*/

#titulo_home {float:left; width:620px; margin:-70px 0 0 10px; text-align:center; border:#000 solid 0px;}
#twitter {float:left; width:620px; margin:0px 0 0 10px; text-align:center; border:#000 solid 0px;}
#twitter img {margin:4px;}

#body_bra #menu_paises ul li .id_bra{background: url(../images/bt_idioma.png) no-repeat 0px 0px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_01.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#body_usa #menu_paises ul li .id_usa{background: url(../images/bt_idioma.png) no-repeat -29px -59px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_05.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}

#body_esp #menu_paises ul li .id_esp{background: url(../images/bt_idioma.png) no-repeat -58px -118px;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/images/bt_idioma_09.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}



/* pop up */
#esquecisenha {padding:10px; text-align:left;}

#esquecisenha h2{width:494px; margin:0; padding: 15px 0 10px 10px; float: left;  font: bold 130%  Arial, Verdana, Helvetica, sans-serif; text-align: left; color: #fff;	background:#000 url(../images/bg_tit_tab_valores.jpg) repeat-x;}
#esquecisenha p {width:494px; margin:5px 0 0 0; padding: 15px 0 10px 10px; float: left;  font: bold 80%  Arial, Verdana, Helvetica, sans-serif; text-align: left; color: #000;	background:#fff;}

#esquecisenha #login {margin:5px 0 0 0; padding: 15px 0 10px 10px; float: left;  border:#000 solid 1px;}


#esquecisenha h2, #esquecisenha p {width: 350px;}

.text_op_esqueci {padding:0 0 0 10px; font: 10px Arial, Helvetica, sans-serif;}

.fechar_pop_up {width: 130px; height: 28px; display: block;  padding:0 0 0 0; margin:0; float:right; text-align:center; text-decoration:none; font: bold 90%  Arial, Verdana, Tahoma, Sans-serf;  background: url(../images/fechar_popup.gif) no-repeat 0 0; line-height: 25px; color:#000; border: 1px solid #fff;}

.fechar_pop_up:hover {color:#f90;}

.fechar_pop_up:active {color:#f90;}

.plugin {float:left; margin: 50px; font: bold 100% Verdana, Arial, Sans-serf; color: #f00; 	border:0px solid #999;}
.plugin.a{font: normal 100% Verdana, Arial, Sans-serf; color: #f00}
.plugin:hover{color: #0f0}

#central {text-align:left; width:770px; float:left;	margin: 0;	background:url(../images/bg_central.gif) repeat-y; border: #333 0px solid;}

.centraliz {text-align:center; width:650px; padding:0 0 0 -20px; margin:20px 0 0 0; border: #333 0px solid;}

#conteudo {text-align:left;	width:720px; float:left; padding: 0px 0 0 60px; background:url(../images/bg_conteudo.png) no-repeat 32px 0; border: #f33 0px solid;}

#conteudo h3 {font:bold 100% Verdana, Arial, Sans-serf; padding:13px 0px; text-align:center; width:640px; margin:0 0 15px 5px; color: #fff; line-height: 15px; background:url(../images/bg_informa.png) no-repeat;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_informa.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}


#conteudo h2 {font: 80% Verdana, Arial, Sans-serf; text-align:justify; width:80%; margin:0 0 50px 5px; color: #000; line-height: 15px;}
#conteudo h6 {margin:0; font: 100% Verdana, Arial, Sans-serf; text-align:center;  color:#000;}

#menuflash {width:650px; height: 130px; border: #f33 0px solid;}

#inf_impacto {width:650px; height: 180px; border: #f33 0px solid; text-align:center;}
#inf_impacto_2 {width:350px; margin:20px auto auto; height: 80px; border: #f33 0px solid;}



/*----------------------------------------------------login senha----*/
#login_eventos {width:580px; float: left; padding: 0 0 0 60px; border: 0px solid #f00;}

.lembra_senha {margin:0 0 40px; padding: 0; float: left; text-align:left; border-top: 1px dotted #999;}

.bt_cadastro, .bt_senha {display: block; width:550px; height:30px; float: left; margin:0; padding: 0 0 0 30px; text-align:left;  font: bold 12px Arial, Verdana, Tahoma, Sans-Serif; color:#368; line-height:30px; border: 0px solid #f00;}

.bt_senha {background: url(../images/ico_logar_sen_cad.gif) no-repeat 0 0;}
.bt_cadastro {background: url(../images/ico_logar_sen_cad.gif) no-repeat 0 -60px;}

.bt_senha:hover{background-position:0 -30px; color:#f60;}
.bt_cadastro:hover {background-position:0 -90px; color:#f60;}

#lab_logi input {width: 150px;}
#lab_senh input {width: 150px;}

.info {width:580px; float: left;}

#area_usu1 {width:650px; border:1px solid #ccc;}
#area_usu1 td{width:650px; border-right:1px dotted #000; border-bottom:2px solid #222; }
#area_usu1 .download_usu {width:150px;}
#area_usu1 .tit_clie {padding:2px 4px; font:bold 12px Arial, Helvetica, sans-serif; color:#666; } 
#area_usu2 {width:650px; border:1px solid #ccc;}
#area_usu2 td{width:650px; border-right:1px dotted #000; border-bottom:2px solid #222; }
#area_usu2 .tit_clie {padding:2px 4px; font:bold 12px Arial, Helvetica, sans-serif; color:#666; background:#ccc;} 



.obrig_valida {font:bold 150% Verdana, Arial, Tahoma, Sans-Serif; color:#0f0; border:0px solid #333;}
/*----------------------------------------------------------------form geral*/

div#form_contato, div#form_cadastro, div#form_upload {float:left; width:660px; margin:15px 0 0 0; clear:both; padding:5px; border:0px solid #f00;}

label  {float:left;	font:bold 60% Verdana, Arial, Tahoma, Sans-Serif; color:#006; margin:5px 5px 0 0;}
.titulo_tabela  {font:bold 70% Verdana, Arial, Tahoma, Sans-Serif;	color:#369; margin:0 0 0 5px; padding: 0 0 0 5px;}
.celula_tabela  {font: 70% Verdana, Arial, Tahoma, Sans-Serif; color:#369; margin:0 0 0 5px; padding: 0 0 0 5px;}
.excluir {font: bold 70% Verdana, Arial, Tahoma, Sans-Serif; color: #f00; margin:0 0 0 5px;	padding: 0 0 0 5px;	cursor:help;}
.alterar {font: bold 70% Verdana, Arial, Tahoma, Sans-Serif; color: #0c0; margin:0 0 0 5px;	padding: 0 0 0 5px;}

div#form_cadastro p, div#form_contato p, div#form_upload p {font:bold 70% Verdana, Arial, Tahoma, Sans-Serif; color:#369; margin:5px 5px 0 0; text-align: left;}

.p_tex{float:left;	font:80% Verdana, Arial, Tahoma, Sans-Serif; color:#369; margin:5px 5px 0 0; text-align: center;}

label input{float:left; font:100% Verdana, Arial, Tahoma, Sans-Serif; padding:3px;	border:1px solid #999; margin:0 5px 0 0;}
div#form_contato label textarea {float:left; font:100% Verdana, Arial, Tahoma, Sans-Serif;	padding:3px; border:1px solid #999;	margin:0px 5px 0 0;	width:620px;}

div#form_contato label input:focus, 
div#form_upload label input:focus, 
div#form_contato label textarea:focus, 
div#form_cadastro label input:focus, 
div#form_cadastro label textarea:focus, 
div#form_login label input:focus {padding:3px; border:1px solid #0f0;}

div#form_cadastro label select {float:left;	font:100% Verdana, Arial, Tahoma, Sans-Serif; padding:3px; border:1px solid #999; margin:0 5px 0 0;	width:80px;}
div#form_contato label select {float:left;	font:100% Verdana, Arial, Tahoma, Sans-Serif; padding:3px; border:1px solid #999; margin:0 5px 0 0;	width:80px;}


div#botao {clear: both;	height: 70px;	width: 350px;	border: #369 0px solid;}
div#logado {clear: both; height: 110px;	width: 450px; border-bottom: #369 1px solid;}

.botao {float: left; position:relative;	text-align:center; display:block; width:126px; height:35px; font: bold 80% Verdana, Arial, Tahoma, Sans-Serif;	color:#FFF; line-height:30px; margin:10px; border: 0;	background:url(../images/botao.png) no-repeat 0 0;
	_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/botao_01.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}
.botao:hover {background-position:0 -35px;
	_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/botao_02.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}
.botao:active {background-position:0 -70px;
	_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/botao_03.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}
/*.botao:visited {background-position:0 -70px;}*/

/*----------------------------------------------------------------declarações campos geral*/

#dadoscadastrais {float:left; margin: 20px 0; padding: 0 0 10px; width:640px; text-align:left; border-top: #666 2px solid;}
#infcadastrais {float:left; margin:0; padding: 0 0 10px; width:640px; text-align:left; border: #666 0px solid;}
.dadoscadastrais {float:left; margin: 20px 0; padding: 0 0 10px; width:640px; text-align:left; border-top: #666 2px solid;}

div#form_contato label#lab_nome input {width:250px;}
div#form_contato label#lab_email input {width:200px;}
div#form_contato label#lab_assunto input {width:240px;}
div#form_contato label#lab_fone input {width:70px;}
div#form_contato label#lab_celu input {width:70px;}
div#form_contato label#lab_celu input {width:70px;}
div#form_contato label#lab_dddfone input {width:30px;}
div#form_contato label#lab_dddcelu input {width:30px;}


div#form_cadastro label#lab_nome input {width:550px;}
div#form_cadastro label#lab_empresa input {width:300px;}
div#form_cadastro label#lab_cargo input {width:250px;}
div#form_cadastro label#lab_email input {width:400px;}

div#form_cadastro label#lab_endereco input {width:250px;}
div#form_cadastro label#lab_bairro input {width:150px;}
div#form_cadastro label#lab_cidade input {width:130px;}


div#form_cadastro label#lab_dddfone input {width:30px;} 
div#form_cadastro label#lab_fone input{width:100px;}
div#form_cadastro label#lab_dddcelu input{width:30px;}
div#form_cadastro label#lab_celu input{width:100px;}
div#form_cadastro label#lab_fone input{width:100px; }

div#form_upload label#lab_trilhas {margin: 5px 20px;}
div#form_upload label#lab_vinhetas {margin: 5px 20px;}
div#form_upload label#lab_jingles {margin: 5px 20px;}
div#form_upload label#lab_producao {margin: 5px 20px;}
div#form_upload label#lab_tipo_arq {width:470px; margin: 20px 0 10px 0;}
div#form_upload label#lab_nome_musica input {width:240px;}
	



/*----------------------------------------------------------------form_upload*/
div#divWait {position: absolute; top: 300px; visibility: hidden; text-align: center; font:bold 70% Verdana, Arial, Tahoma, Sans-Serif;	color:#369;}

/*----------------------------------------------------------------rodapé*/

div#rodape {clear: both; height: 130px; vertical-align: bottom; background: url(../images/bg_rodape.png) no-repeat;	border:0px solid #999;
_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_rodape.png'); /* Essa coloca um filtro pra o IEca ler o PNG */}



div#rodape address{float:left; width:770px; padding: 40px 0  0 0; font: bold 100% Verdana, Arial, Sans-serf; text-align:center; color: #fff}

a.xhtml {height: 15px; width: 770px;}
a strong {visibility:hidden; display:none; text-decoration:none;}
/*forma como os títulos aparecem*/
div#box_toll {display:none; padding:2px; color:#369; font: bold 55% Verdana, Arial, Sans-serf; text-align:left;	position:absolute; z-index:1000;	overflow:visible; border: 1px solid #369; background: #fff;}



/*----------------------------------------------------------------validar*/
div#w3c {float:left; width:770px; margin: 0 auto; font: normal 90% Verdana, Arial, Sans-serf; color: #fff; 	border:0px solid #999;}
div#w3c a{margin: 0 auto; font: normal 90% Verdana, Arial, Sans-serf; color: #fff}
div#w3c :hover{color: #0f0}