/* ------------------------- */
/* ENTRADAS GERAIS GENERICAS*/
/* ------------------------- */

HTML{
  	/*scrollbar-stuff*/
   	scrollbar-face-color: #736f6e; 
	scrollbar-highlight-color: #736f6e; 
	scrollbar-shadow-color: #736f6e; 
	scrollbar-3dlight-color: #736f6e; 
	scrollbar-arrow-color: #36312f; 
	scrollbar-track-color: #36312f; 
	scrollbar-darkshadow-color: #736f6e;

	background:#1f1a17 url(../images/back_html_int.gif); /*SO NAS INTERNAS, NA HOME EU TIREI ESSE BACK NA MAO (COM STYLE DENTRO DA TAG HTML)*/
	background-position:0 0;
	background-repeat:repeat-x;

	margin:0;
	padding:0;
	
	height:100%;
	
	overflow-x:hidden;
}

body{
	margin:0;
	padding:0;
	
	background-image:url(../images/back.png);
	background-repeat:repeat;
	background-position:0 0;
	/*background-position:right top;*/
	
}

#body2{ /* apenas para a HOME */
	margin:0;
	padding:0;
	background-image:url(../images/back_luz.png);
	background-repeat:repeat-x;
	background-position:50% 100px;
	/*background-position:left top;*/
}

#body3{ /* apenas para a HOME */
	background-image:url(../images/back_tarja.png);
	background-repeat:repeat-x;
	background-position:0 200px;
	/*background-position:left top;*/
}

#body4{ /* apenas para as INTERNAS */
	margin:0;
	padding:0;
	background-image:url(../images/back_top.png);
	background-repeat:repeat-x;
	background-position:50% 15px;
	/*background-position:left top;*/
}

#direita { /* apenas para a HOME */
	position:absolute;
	top:100px;
	right:0;
	width:50%;/*o elemento vai ate a metade da pagina*/
	height:507px;
	
	margin:0 -376px 0 0; /*o elemento volta 376px para a borda da pagina, ou seja, ele volta metade do tamanho da pagina 752px */
	padding:0;
	
	overflow-x:hidden;

	background-image:url(../images/back_dir.png);
	background-repeat:repeat-x;
	background-position:0 0;
	/*background-position:left top;*/
}

#esquerda { /* apenas para as INTERNAS */
	position:absolute;
	top:300px;	
	left:0;
	width:50%;/*o elemento vai ate a metade da pagina*/
	height:100px;
	
	margin:0 0 0 -376px; /*o elemento volta 376px para a borda da pagina, ou seja, ele volta metade do tamanho da pagina 752px */
	padding:0;
	
	overflow-x:hidden;
	
	background-image:url(../images/back_esq.png);
	background-repeat:repeat-x;
	background-position:100% 0;
	/*background-position:right top;*/
}

#geral {
	/*BCKUP FORMAR DE CENTRALIZAR 1*/
	position:relative;
	top:0;
	left:50%;
	margin:0 0 0 -376px; /*metade da largura*/
	padding:0;
	border-style:none;
	width: 752px;
	

	/* FORMAR DE CENTRALIZAR 2:
	position:relative;
	margin: 0 auto 0 auto;
	padding:0;
	overflow-x:hidden;
	border-style:none;
	width: 750px;*/
}

img {border:none;}


/* ---------------------------------- */
/* ENTRADAS ESTRUTURAIS DE CONSTRUÇÃO */
/* ---------------------------------- */

#logo {
	margin:0;
	padding:0;
	width:188px;
	height:200px
}

#logo_int {
	position:absolute;
	margin:16px 0 0 -47px;
	padding:0;
	
	width:47px;
	height:96px;
}

#header {
	margin:0;
	padding:0;
	width:752px;
	height:200px;
	
	background-image:url(../images/vinheta_mp3.jpg);
	background-position:0 16px; /*16px do menu do topo*/
	background-repeat:no-repeat;
}

#topo_direita {
	float:right;
	
	margin:0;
	padding:0;
	/*width:564px;*/
	width:752px;
	height:200px;
}

#menu_topo {
	margin:0;
	padding:0;

	height:16px;
	float:right;
}

#login {
	clear:both;
	
	margin:0;
	padding:47px 0 0 0;
	width:188px;
}

#login_int {
	float:right;

	margin:0;
	padding:41px 0 0 0;
	width:188px;
}

#menu {
	float:left;
	
	margin:0;
	padding:0;
	width:188px;
	height:234px;
}

#menu {
	float:left;
	
	margin:0;
	padding:0;
	width:188px;
	height:234px;
}

#menu_int {
	float:left;
	
	margin:0;
	padding:0;
	width:188px;
	height:267px;
}

#content_home {
	float:right;
	
	margin:0;
	padding:0;
	width:564px;
	height:684px;
}

#noticias_home {
	clear:both;
	float:right;
	
	margin:0;
	padding:0;
	
	width:564px;
	height:427px;
}

#content {
	float:right;
	
	margin:0;
	padding:0;
	/*width:564px;*/
	width:752px;
}

#rodape {
	clear:both;
	height:19px;
	margin:0;
	padding:7px 12px 0 30px;
	
	background:#000 url(../images/rodape_back.gif);
	background-position:8px 4px;
	background-repeat:no-repeat;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
}

#rodape a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}

#rodape a:hover {
	text-decoration:underline;
}

#rodape_esq {
	text-align:left;
	margin:0;
	padding:0; 
	float:left;
}

#rodape_dir {
	text-align:right;
	margin:0;
	padding:0; 
	float:right;
}