/* -----------------------
 * -----------------------
 * -----------------------
 *  Definições Gerais */

html, body {
	background:#000;
	height:100%;
}
body {
	background: url(../images/fundo.jpg) no-repeat top center ;
	color:#999;
	margin:0 auto;
	}

#tudo {
	min-height:100%;
	position:relative;
}

#pagina{
	width:830px;
	margin:0 auto;
	background: url(../images/fundo-alpha.png);
	border: 1px solid #16191c;
	padding:20px;
	}

/* ------------------------
 * ------------------------
 * ------------------------
 * Topo da Página e Barra de Menu */

#topo{
	position:relative;
	width:870px;
	margin:0 auto;
}

#logo{
	position:absolute;
	left:23px;
	top:50px;
	
}

#social-media {
	position:absolute;
	right:8px;
	top:87px;
}

#barra-menu-top{
	position:absolute;
	top:150px;
	height:70px;
	width:100%;
	background: url(../images/menu-repeat.png) repeat-x top;
}

#menu-content{
	background: url(../images/tag-loja.png) right no-repeat;
	width:870px;
	height:70px;
	margin:0 auto;
}

#menu-top{
	float:left;
	margin-top:20px;
	margin-left:20px;
}

#loja-link{
	float:right;
	margin-top:22px;
	margin-right:20px;
}

/* ---------------------
 * ---------------------
 * ---------------------
 * Conteudo da Página */
 
#conteudo{
	margin-left:auto;
	margin-right:auto;
	margin-top:240px;
	width:770px;

}

#clear{
	height:260px;
}

/* ---------------------
 * ---------------------
 * ---------------------
 * Conteudo da Página INTERNA 
 
#coluna-esquerda{
width:590px;

}

#coluna-direita{
width:180px;

background-color:#ffcc00;
}*/

/* ---------------------
 * ---------------------
 * ---------------------
 * Conteúdo do Rodapé */

#rodape{
	
	bottom:0;
	position:absolute;
	background: url(../images/fundo-rodape.png) repeat-x top;
	height:220px;
	width:100%;
}

#rodape-content{
	width:870px;
	margin:0 auto;
}

#col1{
	float:left;
	margin:15px;
}

#col2{
	float:left;
	border-left: 1px solid #16191c;
	margin:15px;
	padding-left:10px;
	height:130px;
}