/* ********************************** */
/* Geral
/* ********************************** */

* {
	margin:0;
	padding:0;
	list-style-type:none;
}
body {
	margin:10px 0 0;
	background-color:#000;
	font:100% "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}
a {outline:none;}


/* ********************************** */
/* Flash
/* ********************************** */
div#flash {
	width:768px;
	margin:0 auto;
}



/* ********************************** */
/* Conteúdo HTML <noscript>
/* ********************************** */


/* ********************************** */
/* Principal
/* ********************************** */
div#principal {
	position:relative;
	width:768px;
	height:570px;
	margin:0 auto;
}



/* ********************************** */
/* Logotipo - Biju Ballet
/* ********************************** */
div#logotipo {
	position:absolute;
	top:0;
	left:0;
	width:319px;
	height:77px;
	z-index:3;
}
div#logotipo h1 a {
	display:block;
	width:319px;
	height:77px;
	background-image:url(imagens/bijuBallet.gif);
	text-indent:-9000px;
	text-decoration:none;
}



/* ********************************** */
/* Contato (link superior)
/* ********************************** */
div#contato {
	position:absolute;
	top:30px;
	right:21px;
	width:131px;
	height:23px;
	z-index:4;
}
div#contato a {
	display:block;
	width:131px;
	height:23px;
	text-indent:-9999px;
	background-image:url(imagens/contato.gif);
}



/* ********************************** */
/* Linha Topo
/* ********************************** */
div#linhaTopo {
	position:absolute;
	top:63px;
	left:0;
	width:768px;
	height:11px;
	background:url(imagens/linhaTopo.gif) 0 0 repeat-x;
	z-index:1;
}
div#linhaTopo hr {display:none;}



/* ********************************** */
/* Conteúdo (bailarina)
/* ********************************** */
div#conteudo {
	position:absolute;
	top:58px;
	left:0;
	width:768px;
	height:500px;
	background:url(imagens/bailarina.jpg) top left no-repeat;
	z-index:2;
}



/* ********************************** */
/* Palco onde são exibidas as fotos
/* ********************************** */
div#conteudo div#areaPalco,
div#conteudo div#conteudoPaginas,
div#conteudo div#areaContato {
	position:absolute;
	top:31px;
	left:304px;
	width:464px;
	height:464px;
	background-image:url(imagens/menu.gif);
}

/* Área do menu */
div#conteudo div#areaPalco {background-image:url(imagens/menu.gif);}

/* Área das miniaturas */
div#conteudo div#conteudoPaginas {background-image:url(imagens/areaPalco.gif);}

/* Área dos dados para contato */
div#conteudo div#areaContato {background-image:url(imagens/bgContato.gif);}



/* ********************************** */
/* Menu
/* ********************************** */
div#conteudo div#areaPalco ul li {
	display:block;
	position:absolute;
	width:202px;
	height:40px;
	overflow:hidden;
}
div#conteudo div#areaPalco ul li a {
	display:block;
	width:202px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
div#conteudo div#areaPalco ul li.colunaEsq {left:20px;}
div#conteudo div#areaPalco ul li.colunaDir {left:242px;}

div#conteudo div#areaPalco ul li#brincos {top:35px;}
div#conteudo div#areaPalco ul li#brincos a {background-image:url(imagens/menuBrincos.gif);}

div#conteudo div#areaPalco ul li#colares {top:85px;}
div#conteudo div#areaPalco ul li#colares a {background-image:url(imagens/menuColares.gif);}

div#conteudo div#areaPalco ul li#chaveiros {top:135px;}
div#conteudo div#areaPalco ul li#chaveiros a {background-image:url(imagens/menuChaveiros.gif);}

div#conteudo div#areaPalco ul li#pulseiras {top:185px;}
div#conteudo div#areaPalco ul li#pulseiras a {background-image:url(imagens/menuPulseiras.gif);}

div#conteudo div#areaPalco ul li#aneis {top:235px;}
div#conteudo div#areaPalco ul li#aneis a {background-image:url(imagens/menuAneis.gif);}

div#conteudo div#areaPalco ul li#broches {top:285px;}
div#conteudo div#areaPalco ul li#broches a {background-image:url(imagens/menuBroches.gif);}

div#conteudo div#areaPalco ul li#pingentesCelular {top:335px;height:70px;}
div#conteudo div#areaPalco ul li#pingentesCelular a {background-image:url(imagens/menuPingentesDeCelular.gif);height:70px;}

div#conteudo div#areaPalco ul li#decoupagem {top:35px;}
div#conteudo div#areaPalco ul li#decoupagem a {background-image:url(imagens/menuDecoupagem.gif);}

div#conteudo div#areaPalco ul li#scrapbook {top:85px;}
div#conteudo div#areaPalco ul li#scrapbook a {background-image:url(imagens/menuScrapbook.gif);}

div#conteudo div#areaPalco ul li#papelaria {top:135px;}
div#conteudo div#areaPalco ul li#papelaria a {background-image:url(imagens/menuPapelaria.gif);}

div#conteudo div#areaPalco ul li#bolsas {top:185px;}
div#conteudo div#areaPalco ul li#bolsas a {background-image:url(imagens/menuBolsas.gif);}

div#conteudo div#areaPalco ul li#portaRecados {top:235px;}
div#conteudo div#areaPalco ul li#portaRecados a {background-image:url(imagens/menuPortaRecados.gif);}

div#conteudo div#areaPalco ul li#entremeioTenis {top:285px;height:70px;}
div#conteudo div#areaPalco ul li#entremeioTenis a {background-image:url(imagens/menuEntremeioDeTenis.gif);height:70px;}

div#conteudo div#areaPalco ul li#marcadorLivros {top:365px;height:70px;}
div#conteudo div#areaPalco ul li#marcadorLivros a {background-image:url(imagens/menuMarcadorDeLivros.gif);height:70px;}



/* ********************************** */
/* Informações
/* ********************************** */
div#info {
	width:768px;
	height:20px;
	text-align:center;
	margin:0 auto;
}
div#info p {
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
div#info p a {
	color:#666;
	text-decoration:none;
}
div#info p a:hover {
	text-decoration:underline;
	color:#fff;
}



/* ********************************** */
/* Subtítulos das páginas
/* ********************************** */
div#conteudoPaginas h2,
div#areaContato h2 {
	position:absolute;
	top:14px;
	left:20px;
	width:280px;
	height:40px;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
}
div#conteudoPaginas h2#tituloBrincos {background-image:url(imagens/menuBrincos.gif);}
div#conteudoPaginas h2#tituloColares {background-image:url(imagens/menuColares.gif);}
div#conteudoPaginas h2#tituloChaveiros {background-image:url(imagens/menuChaveiros.gif);}
div#conteudoPaginas h2#tituloPulseiras {background-image:url(imagens/menuPulseiras.gif);}
div#conteudoPaginas h2#tituloAneis {background-image:url(imagens/menuAneis.gif);}
div#conteudoPaginas h2#tituloBroches {background-image:url(imagens/menuBroches.gif);}
div#conteudoPaginas h2#tituloPingentes {background-image:url(imagens/subTituloPingentesDeCelular.gif);}
div#conteudoPaginas h2#tituloDecoupagem {background-image:url(imagens/menuDecoupagem.gif);}
div#conteudoPaginas h2#tituloScrapbook {background-image:url(imagens/menuScrapbook.gif);}
div#conteudoPaginas h2#tituloPapelaria {background-image:url(imagens/menuPapelaria.gif);}
div#conteudoPaginas h2#tituloBolsas {background-image:url(imagens/menuBolsas.gif);}
div#conteudoPaginas h2#tituloPortaRecados {background-image:url(imagens/menuPortaRecados.gif);}
div#conteudoPaginas h2#tituloEntremeio {background-image:url(imagens/subTituloEntremeioDeTenis.gif);}
div#conteudoPaginas h2#tituloMarcador {background-image:url(imagens/subTituloMarcadorDeLivros.gif);}
div#areaContato h2#tituloContato {background-image:url(imagens/subTituloContato.gif);}



/* ********************************** */
/* Botão Fechar e Voltar
/* ********************************** */
div#botaoFechar,
div#botaoVoltar {
	position:absolute;
	top:18px;
	right:20px;
	width:33px;
	height:35px;
	overflow:hidden;
}
div#botaoFechar a,
div#botaoVoltar a {
	display:block;
	width:33px;
	height:35px;
	text-indent:-9999px;
}
div#botaoFechar {background-image:url(imagens/botaoFechar.gif);}
div#botaoVoltar {background-image:url(imagens/botaoVoltar.gif);}



/* ********************************** */
/* Miniaturas
/* ********************************** */
div#conteudoPaginas ul li {
	display:block;
	position:absolute;
	width:118px;
	height:148px;
	border:1px solid #666;
	overflow:hidden;
}
div#conteudoPaginas ul li a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:118px;
	height:118px;
}
div#conteudoPaginas ul li a img {
	display:block;
	border:5px solid #000;
}
div#conteudoPaginas ul li a:hover img {border:5px solid #f6f;}

div#conteudoPaginas ul li.foto1 {top:76px;left:32px;}
div#conteudoPaginas ul li.foto2 {top:76px;left:172px;}
div#conteudoPaginas ul li.foto3 {top:76px;left:312px;}
div#conteudoPaginas ul li.foto4 {top:246px;left:32px;}
div#conteudoPaginas ul li.foto5 {top:246px;left:172px;}
div#conteudoPaginas ul li.foto6 {top:246px;left:312px;}



/* ********************************** */
/* Códugo do produto
/* ********************************** */
div#conteudoPaginas ul li p.codigo {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:118px;
	height:26px;
	padding-top:3px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-image:url(imagens/codigoMiniatura.gif);
	border-top:1px solid #666;
}



/* ********************************** */
/* Links das páginas
/* ********************************** */
div.pagActive {
	position:absolute;
	bottom:10px;
	width:37px;
	height:37px;
	font-size:110%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:37px;
	background-image:url(imagens/linkPagActive.gif);
}
div.pagLink {
	position:absolute;
	bottom:10px;
	width:37px;
	height:37px;
	background-image:url(imagens/linkPag.gif);
}
div.pagLink a {
	display:block;
	width:37px;
	height:37px;
	font-size:110%;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:37px;
}
div.pagLink a:hover {text-decoration:underline;}


/* Pág. 1 de 1 */
div#pag1de1 {left:214px;}


/* Pág. 1 de 2 */
div#pag1de2 {left:194px;}
/* Pág. 2 de 2 */
div#pag2de2 {left:234px;}


/* Pág. 1 de 3 */
div#pag1de3 {left:174px;}
/* Pág. 2 de 2 */
div#pag2de3 {left:214px;}
/* Pág. 3 de 3 */
div#pag3de3 {left:254px;}


/* Pág. 1 de 4 */
div#pag1de4 {left:154px;}
/* Pág. 2 de 4 */
div#pag2de4 {left:194px;}
/* Pág. 3 de 4 */
div#pag3de4 {left:234px;}
/* Pág. 4 de 4 */
div#pag4de4 {left:274px;}



/* Pág. 1 de 5 */
div#pag1de5 {left:134px;}
/* Pág. 2 de 5 */
div#pag2de5 {left:174px;}
/* Pág. 3 de 5 */
div#pag3de5 {left:214px;}
/* Pág. 4 de 5 */
div#pag4de5 {left:254px;}
/* Pág. 5 de 5 */
div#pag5de5 {left:294px;}



/* ********************************** */
/* Botões Próx. pág. e Pág. anterior
/* ********************************** */
div#botaoProximaPagina {
	position:absolute;
	bottom:18px;
	right:19px;
	width:29px;
	height:21px;
	overflow:hidden;
}
div#botaoPaginaAnterior {
	position:absolute;
	bottom:18px;
	left:19px;
	width:29px;
	height:21px;
	overflow:hidden;
}
div#botaoProximaPagina a,
div#botaoPaginaAnterior a {
	display:block;
	width:29px;
	height:21px;
	text-indent:-9999px;
}
div#botaoProximaPagina a {background-image:url(imagens/botaoProximaPag.gif);}
div#botaoPaginaAnterior a {background-image:url(imagens/botaoPagAnterior.gif);}



/* ********************************** */
/* Página - Contato (contato.htm)
/* ********************************** */
div#areaContato h3 {
	position:absolute;
	left:20px;
	display:block;
	width:424px;
	height:45px;
	line-height:45px;
	font-size:180%;
	color:#f6f;
}

div#areaContato h3#tituloTelefones {top:70px;}
div#areaContato p.dados {
	position:absolute;
	right:20px;
	display:block;
	width:424px;
	height:50px;
	line-height:50px;
	font-size:200%;
	color:#fff;
	text-align:right;
}
div#areaContato p#telefone1 {top:115px;}
div#areaContato p#telefone2 {top:165px;}

div#areaContato h3#tituloEmail {top:265px;}
div#areaContato p#email {top:310px;}

/* Botão Enviar E-mail */
div#areaContato div#botaoEnviarEmail {
	position:absolute;
	bottom:60px;
	right:20px;
	width:102px;
	height:34px;
	overflow:hidden;
}
div#areaContato div#botaoEnviarEmail a {
	display:block;
	width:102px;
	height:34px;
	text-indent:-9999px;
	background-image:url(imagens/enviarEmail.gif);
	overflow:hidden;
}