﻿body
{
	font-family: Tahoma, Verdana, Arial;
	font-style: normal;
	font-variant: normal;
	font-size: 0.7em;
}

#geral
{
	width: 980px;
	left: -355px;
	background-color: #FFF;
}

#topo
{
	float: left;
	width: 980px;
	height: 100px;
	border: solid 1px #CCC;
	color: #FFF;
	background-image: url("imagens/outras/1.jpg");
	background-position: left center;
	background-repeat: no-repeat;
}

.componente
{
	margin-left: 10px;
	width: 250px;
	margin-bottom: 10px;
}

#topo a
{
	text-align: left;
	font-variant: small-caps;
	margin-right: 10px;
	margin-top: 0px; /*Ajusta no Mozilla */
	border: none;
	font-weight: bold;
	font-size: 1.1em;
}

#topo a:hover
{
	text-decoration: underline;
}

#logomarca
{
	height: 100px;
	width: 300px;
	float: left;
}
.imagem_logo
{
	float: left;
	margin: 0 0 0 0;
}
#pesquisa
{
	width: 320px;
	height: 60px;
	float: left;
	margin-top: 5px;
	padding-top: 5px;
	padding-left: 3px;
	background-image: url("imagens/outras/pesquisa.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	color: #CCC;
	text-align: left;
	font-size: 1.3em;
}

#pesquisa p
{
	margin: 0 0 3px 0;
	color: #CCC;
}
.caixaPesquisa
{
	float: left;
	height: 16px;
	width: 295px;
	max-width: 295px;
	top: 0px;
	left: 0px; /*color: #BB96CD;*/
}
.botaopesquisa
{
	float: left;
	width: 31px;
	height: 25px;
	margin: -6px 0 0 -10px;
}

.botaopesquisa_firefox
{
	float: left;
	width: 31px;
	height: 25px;
	margin: 0 0 0 -10px;
}
/*     
#botaopesquisa
{
	margin-top:45px;
	width:30px;
	height:30px;
	float:left;
}*/

#linkssuperior
{
	height: 100px;
	width: 350px;
	float: right;
	color: #0F0F64;
	text-align: left;
	margin-top: 5px;
}

#linkssuperior a
{
	float: left;
	text-decoration: none;
	color: #0F0F64; /*padding-top: 30px;*/
}

#mnsuperior
{
	text-align: right;
	padding-right: 5px;
	width: 976px;
	height: 17px;
	float: left;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #0F0F64;
}

#hora
{
	float: left;
	margin-left: 5px;
	color: #0F0F64;
}

#usuario
{
	float: right;
}

#banner
{
	width: 730px;
	max-width: 730px;
	_width: 716px; /*CSS Hack para o IE6 */
	float: left;
	border: solid 1px #0F0F64;
}

#banner a
{
	border: none;
}


.tarjaBanner
{
	border: none;
	max-width: 100px;
	width: 100px;
	background-color: #0F0F64;
}
.tarjaBanner span
{
	color: #0F0F64;
	font-weight: bold;
	text-align: center;
}

/* BARRA DE BUSCA SUPERIOR */

#busca
{
	width: 980px;
	float: left;
	text-align: left;
	margin-top: 5px;
}

#busca p
{
	float: left;
	margin: 0px;
}

/* MENU LATERAL */

#menu
{
	float: left;
	width: 125px;
	border-left: solid 1px #0F0F64;
	border-right: solid 1px #0F0F64;
}

#menu ul
{
	margin: 0px;
	padding: 0px;
	width: 125px;
}

#menu ul li
{
	float: left;
	list-style: none;
	width: 125px;
	height: 17px;
	text-align: center;
	text-transform: capitalize; /*background-image: url("imagens/outras/fundo_menu_item.jpg"); 	'background-repeat: no-repeat;*/
	background-color: #FFF;
}

#menu ul li a
{
	text-decoration: none;
	color: #0F0F64;
	width: 125px;
	height: 17px;
	float: left; /*color: #603976;*/
}

#menu ul li a:hover
{
	background-color: #B0B0FF;
	text-decoration: underline;
}

/* CONTEÚDO GERAL DO SITE (CONTENT PLACE HOLDER) */

#carrinho
{
	float: right;
	margin-bottom: 5px;
}

#carrinho a
{
	text-align: right;
	text-decoration: none;
	color: #000000;
}

#conteudo
{
	width: 730px;
	max-width: 730px;
	_width: 716px; /*CSS Hack para o IE6 */
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	text-align: left;
	background-color: #FFF;
	margin-bottom: 10px;
}

#promocao
{
	text-align: left;
	border: none;
	float: left;
	width: 100%;
	max-width: 730px;
}

#promocao p, s, h1
{
	font-size: 1.0em;
}

#promocao a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

#promocao a:hover
{
	text-decoration: underline;
}

.promocao_borda
{
	float: left;
	text-align: left;
	border: solid 1px #0F0F64;
	width: 100%;
	margin-top: 5px;
	max-width: 730px;
}

.promocao_borda p, s, h1
{
	font-size: 1.0em;
}

.promocao_borda a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

.promocao_borda a:hover
{
	text-decoration: underline;
}

.promocao_borda_GrupoProduto
{
	float: left;
	text-align: left;
	border: solid 1px #0F0F64;
	width: 100%;
}

.promocao_borda_GrupoProduto p, s, h1
{
	font-size: 1.0em;
}

.promocao_borda_GrupoProduto a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

.promocao_borda_GrupoProduto a:hover
{
	text-decoration: underline;
}

#produtos
{
	text-align: left; /*border: solid 1px #BB96CD;*/
	float: left;
	width: 730px;
	max-width: 730px;
}

#produtos p, h1
{
	font-size: 0.8em;
}

#produtos a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

.produtos_borda
{
	text-align: left;
	border: solid 1px #0F0F64;
	float: left;
	width: 100%;
	margin-top: 5px;
	max-width: 730px;
}

.produtos_borda p, h1, s
{
	font-size: 0.7em;
}

.produtos_borda a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

.produtos_borda_GrupoProduto
{
	text-align: left;
	border: solid 1px #0F0F64;
	float: left;
	width: 100%;
	margin-top: 5px;
	max-width: 730px;
}

.produtos_borda_GrupoProduto p, h1
{
	font-size: 0.8em;
}

.produtos_borda_GrupoProduto a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

#anuncios
{
	width: 110px;
	_width: 110px;
	max-width: 110px;
	float: left; /*margin-left: 1.5px;*/
}
.painelAnuncios
{
	width: 110px;
	_width: 110px;
	max-width: 110px;
	border-left: solid 1px #0F0F64;
	border-right: solid 1px #0F0F64;
	border-bottom: solid 1px #0F0F64;
	float: left;
}

#anuncios a img
{
	text-decoration: none;
	border: none;
}

.anuncio_topo
{
	background-image: url("imagens/outras/parceiros.gif");
	background-repeat: no-repeat;
	height: 26px;
}

.Tabela
{
	float: left;
	width: 420px;
}

.Tabela p
{
	margin: 0px;
}

.Tabela_PagSeguro
{
	width: 100%;
	text-align: center;
}

.Tabela_PagSeguro img
{
	border: solid 1px #CCC;
}

.foto
{
	width: 120px;
	height: 120px;
	text-align: center;
}

.comentario
{
	margin-left: 5px;
	color: #0F0F64;
}

.comentario a
{
	width: 90px;
	text-align: left;
	text-decoration: none;
	color: #0F0F64;
}

.comentario a:visited
{
	color: #0F0F64;
}

.comentario s
{
	width: 90px;
	text-align: left;
	color: #0F0F64;
}

.comentario p
{
	width: 90px;
	text-align: left;
	color: #0F0F64;
}

#rodape
{
	float: left;
	width: 100%;
	_width: 100%;
	border-top: solid 1px #0F0F64;
	text-align: center;
	top: 0px;
	left: 0px;
}

/*Finalizacao_Compra.aspx*/
.finalizacao
{
	width: 100%;
	float: left;
}

.direita
{
	text-align: right;
	width: 300px;
}


/* ÁREA ADMINISTRATIVA */
#cabecalho
{
	width: 100%;
	text-align: center; /*left:-355px;*/
}

/*Produto.aspx*/
/* PEGUEI ESSE CÓDIGO NA INTERNET */

/* remove the padding margin and bullets from the list. Add a top margin and width 
to fit the images and a position relative */
.gallery
{
	position: relative;
	width: 200px;
	padding: 0;
	margin: 260px 0 0 0;
	list-style-type: none;
	top: 0px;
	left: 0px;
	float: left;
}
/* remove the default image border */
.gallery img
{
	border: 0;
	text-align: right;
}

/* make the list horizontal */
.gallery li
{
	float: left;
	margin: 0px 5px 0px 5px;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited
{
	font-size: 11px;
	float: left;
	text-decoration: none;
	color: #000;
	background: #fff;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: 1px solid #444;
	margin: :350px 5px 5px 5px;
	margin-top: 40px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img
{
	position: absolute;
	top: -320px;
	visibility: hidden;
	width: 300px;
	height: 300px;
	left: 0px;
	margin-top: 11px;
}

/* fix the top position for the landscape images */
.gallery li a img.landscape
{
	top: -271px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait
{
	border-left: 40px solid #eee;
	border-right: 40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover
{
	background: #ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus
{
	background: #444;
	color: #fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img
{
	visibility: visible;
}

/*PAGINAÇÃO DA PÁGINA DO GRUPO DE PRODUTO*/
#paginas
{
	width: 100%;
	float: left;
	vertical-align: bottom; /*border-top:solid 1px #BB96CD;*/
}

#paginas ul
{
	list-style-type: none;
}

#paginas li
{
	float: left;
	display: inline;
	display: block;
	width: 30px;
	height: 15px;
	text-align: center;
	margin: 5px;
}
#paginas li a
{
	text-decoration: none;
	float: left;
	background-image: url("imagens/outras/paginacao.jpg");
	width: 30px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: left top;
	color: #0F0F64;
}
#paginas li a:hover
{
	background-image: url("imagens/outras/paginacao_2.jpg");
}
.estilo_texto_menu
{
	font-family: Arial;
	font-size: 1.8em;
	color: Black;
	font-weight: bold;
}

.estilo_texto_areas
{
	font-family: Arial;
	font-size: 1.5em;
	color: Black;
	text-decoration: underline;
}

.estilo_msg_pedido_cancelado
{
	font-family: Arial;
	font-size: 0.9em;
	color: red;
	text-decoration: none;
}
.botao_finalizar_compra
{
	float: right;
}
.botao_continuar_compra
{
	float: left;
}
.carrinho_imagem
{
	float: left;
	margin: 10px 0 0 0;
}
.Nome_Cliente_Logado
{
	color: #0F0F64;
	font-weight: bold;
	font-family: Arial;
	font-size: 0.9em;
	padding-top: 1px;
}
.campo_qtde
{
	border: solid 1px #0F0F64;
	color: #0F0F64;
}
.label_total_qtde_calculada
{
	color: #FF0000;
	font-weight: bold;
	font-size: 1.5em;
}
.icone_login
{
	margin-right: 3px;
}
#variacoes
{
	float: left;
	width: 320px;
	margin-left: 10px;
	border: solid 1px #0F0F64;
	background-color: #FFF;
}
.bigRadio input
{
	/*width: 45px;          	height: 45px;*/
	padding: 0px 0px 0px 5px;
	margin-top: 15px;
	margin-left: 10px;
}
.bigRadio label
{
	font-size: 1.2em;
	color: #0F0F64;
	font-weight: bold;
}
.icone_login
{
	float: left;
	margin-left: 20px;
	margin-top: 5px;
}
.label_login
{
	color: #0F0F64;
	margin: 0px 0px 0px -295px;
	padding: 30px 65px 0px 0px;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: solid 2px #0F0F64;
}
#texto
{
	float: left;
	margin: 30px 0px 0px 0px;
}
#texto td
{
	font-size: 0.8em;
	font-weight: bold;
	color: #0F0F64;
}
.caixa_texto_login
{
	border: solid 1px #0F0F64;
	color: #0F0F64;
	float: left;
	width: 130px;
}
.link_Cadastrar_login
{
	color: #FF0000;
	text-decoration: none;
}

#conta_desativada span
{
	color: #FF0000;
	font-weight: bold;
	font-size: 1.2em;
}

.link_Cadastrar_login:hover
{
	color: #FF0000;
	text-decoration: underline;
}
#cadastro_usuario
{
	float: left;
	width: 100%;
	height: 250px;
}
#cadastro_usuario_1
{
	width: 400px;
	float: left;
	margin: 95px 30px 0px -400px;
}

#cadastro_usuario_1 td
{
	color: #0F0F64;
	font-weight: bold;
}
.caixa_texto_cadastro_cliente
{
	border: solid 1px #0F0F64;
	color: #0F0F64;
	width: 120px;
}
.label_cadastro_cliente_Titulo
{
	color: #0F0F64;
	font-weight: bold;
	font-size: 1.5em;
	float: left;
	margin: 35px 0px 0px 10px;
	border-bottom: solid 2px #0F0F64;
	width: 385px;
}

.label_cadastro_cliente_SubTitulo
{
	float: left;
	color: #0F0F64;
	font-size: 1.0em;
	margin: 65px 0px 0px -385px;
}
.icone_cadastro_cliente
{
	float: left;
	margin: 20px 0px 0px 20px;
}
.label_msg_obrigatório
{
	font-size: 0.8em;
	color: #0F0F64;
	font-style: italic;
}
.label_senha_naoConfere
{
	font-size: 0.8em;
	color: #FF0000;
}
.label_passo_marcaAgua
{
	color: #0F0F64;
	font-size: 1.0em;
	font-weight: bold;
}

.label_passo_atual
{
	color: #0F0F64;
	font-size: 1.0em;
	font-weight: bold;
}
.label_passo_numero
{
	color: #0F0F64;
	font-size: 1.0em;
	font-weight: bold;
}

#tb_passo
{
	float: right;
	position: relative;
	margin-top: 10px;
	width: 100%;
}

#cadastro_passo2
{
	float: left;
	width: 100%;
}

#cadastro_passo2 td
{
	color: #0F0F64;
	font-size: 1.0em;
	font-weight: bold;
}
.label_titulo_cadastro_2
{
	color: #0F0F64;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 10px;
	border-bottom: solid 1px #0F0F64;
}
.labels_cadastro_2
{
	color: #0F0F64;
	font-size: 1.0em;
	font-weight: bold;
}
.caixa_texto_passo2
{
	border: solid 1px #0F0F64;
	color: #0F0F64;
	float: left;
	width: 250px;
}
.botao_Cadastrar_Passos
{
	margin-left: 300px;
}
.label_erro_Cadastro2
{
	color: #FF0000;
	font-size: 1.0em;
	font-weight: bold;
	padding-left: 10px;
}
#cadastro_usuario2
{
	float: left;
	width: 100%;
	height: 580px;
}

#cadastro_usuario3
{
	float: left;
	width: 100%;
	height: 580px;
}
#cadastro_termoUso
{
	float: left;
	width: 100%;
	height: 450px;
}

.condicoes_uso
{
	margin-left: 20px;
	margin-top: 40px;
	width: 480px;
	height: 260px;
	border: solid 1px #0F0F64;
	background-color: White;
	max-width: 480px;
	max-height: 260px;
}
.condicoes_uso p
{
	color: #0F0F64;
}
.CGU
{
	width: 550px;
	height: 350px;
	max-width: 550px;
	max-height: 350px;
	overflow: hidden;
}
.check_termos_uso
{
	font-weight: bold;
	color: #0F0F64;
	float: left;
	margin-left: 75px;
}
.botao_finalizar
{
	float: left;
	margin-left: 95px;
}
.pnlPopup
{
	background-color: White; /*border: solid 1px #000000;*/
	width: 350px;
	height: 150px;
}
.backGroundCSS
{
	background-color: #666666;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
#Adm_Titulo
{
	float: left;
	height: 80px;
	width: 100%;
	background-color: #FFFFFF;
}
.Label_Adm_Titulo
{
	float: left;
	font-size: 2.0em;
	font-weight: bold;
	border-bottom: solid 2px #000000;
	padding-top: 10px;
}
.Imagem_Adm_Titulo
{
	float: left;
	margin-left: 5px;
}
.Botao_Sair_Adm
{
	float: right;
	margin-top: 10px;
}
#Adm_login
{
	float: left;
	width: 100%;
}
.Adm_Pnl_Login
{
	float: left;
	margin-left: 80px;
}
.Adm_Pnl_Menu
{
	float: left;
}
.Adm_Login_Titulo
{
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 10px;
}
.Adm_Campo_Senha
{
	font-size: 1.7em;
	color: #FF0000;
	font-weight: bold;
	border: solid 1px #000000;
	height: 30px;
	width: 120px;
}

.Adm_Botao_Entrar
{
	float: right;
	margin-right: 3px;
	margin-top: 10px;
}

.Adm_Menu_Link
{
	font-size: 1.0em;
	font-weight: bold;
	color: Black;
	text-decoration: none;
}

.Adm_Menu_Link:hover
{
	font-size: 1.0em;
	font-weight: bold;
	color: #FF0000;
	text-decoration: underline;
}

.Caixas_Variacoes
{
	float: left;
	margin-left: 5px;
	border: solid 1px #0F0F64;
	font-size: 1.2em;
	color: #0F0F64;
}

#texto_variacoes
{
	font-size: 1.3em;
	float: left;
	margin-left: 5px;
	font-weight: bold;
	color: #0F0F64;
}

.label_estoque
{
	font-size: 1.2em;
	font-weight: bold;
	color: #FF0000; /*#603976;*/
	margin-left: 10px;
}

#estoque
{
	float: left;
}

.lbl01
{
	font-size: 1.0em;
	font-weight: bold;
	color: #0F0F64;
	margin-left: 5px;
}

#botoes_comprar
{
	width: 180px;
	float: right;
}

.pnlDisponivel
{
	float: left;
	border: solid 1px #0F0F64;
	margin-left: 10px;
	width: 300px;
}

.txtEmail
{
	float: left;
	border: solid 1px #0F0F64;
	color: #603976;
	font-size: 1.0em;
	margin-left: 5px;
	width: 280px;
}

.btnEnviar
{
	float: right;
	border: solid 1px #0F0F64;
	color: #0F0F64;
	font-size: 1.2em;
	margin-right: 10px;
}

.lblMsgDisponivel
{
	float: left;
	position: absolute;
	margin-left: 5px;
	font-size: 1.0em;
	color: #FF0000;
	font-weight: bold;
}

.pnlNewsLetter
{
	float: left;
	width: 125px;
	height: 110px; /*border-bottom:solid 1px #603976;*/
	background-image: url("imagens/outras/NewsLetter_Fundo.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #D9C4E3;
}

.txtNewsLetter
{
	float: left;
	border: solid 1px #603976;
	color: #603976;
	width: 115px;
	margin-left: 5px;
}

.botaoEnviarNewsLetter
{
	float: right;
	margin-right: 3px;
}

#redes_sociais
{
	float: left;
}

#formasPagamento
{
	/*border-top:solid 1px #603976;*/
	border-bottom: solid 1px #0F0F64;
	float: left;
}
#certSign
{
	border-bottom: solid 1px #0F0F64;
	float: left;
}
.botoes_redesSociais
{
	margin-left: -1px;
}

#AtendimentoOnLine
{
	float: left;
	margin-left: 5px;
	top: 0px;
	width: 730px;
	_width: 730px;
}

#AtendimentoOnLine span
{
	font-size: 1.3em;
}

#FotoAdicional
{
	float: left;
	width: 135px;
	height: 33px;
	text-align: center;
	margin-left: -140px;
	margin-top: -105px;
}

#Ampliar
{
	float: left; /*margin-left:-230px;*/
	margin-top: 5px;
}
.link_conta_desativada
{
	text-decoration: none;
}
.link_conta_desativada:hover
{
	text-decoration: underline;
}

.destaque_borda
{
	float: left;
	text-align: left;
	border: solid 1px #0F0F64;
	width: 100%;
	margin-top: 5px;
	max-width: 730px;
}

.destaque_borda p, s, h1
{
	/*font-size: 0.8em;*/
}

.destaque_borda a img
{
	border: none;
	vertical-align: top;
	text-align: left;
}

.destaque_borda a:hover
{
	text-decoration: underline;
}

#botaoAmpliar
{
	float: left;
	position: absolute;
	margin-top: 315px;
}
.imgBotaoAmpliar
{
	height: 33px;
	width: 100px;
	background-image: url("imagens/outras/icone_ampliar.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
}
.estilo_fechar_ampliado
{
	text-decoration: none;
	font-size: 1.0em;
	font-weight: bold;
	margin-right: 5px;
	background-image: url("imagens/outras/fechar_ampliar_botao.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
	color: #FFFFFF;
	height: 30px;
	width: 100px;
}

.estilo_fechar_ampliado:hover
{
	text-decoration: underline;
	font-size: 1.0em;
	font-weight: bold;
	margin-right: 5px;
	background-image: url("imagens/outras/fechar_ampliar_botao.jpg");
	background-repeat: no-repeat;
	cursor: pointer;
	color: #FFFFFF;
	height: 30px;
	width: 100px;
}

#tagClouds
{
	text-align: left; /*border: solid 1px #BB96CD;*/
	float: left;
	width: 730px;
	_width: 730px;
	max-width: 730px;
	border: solid 1px #0F0F64;
	margin-top: 10px;
}

#tituloTagClouds
{
	float: left;
	height: 25px;
	background-image: url("imagens/outras/fundo_TagClouds.jpg");
	background-repeat: repeat-x;
	background-color: #568DD3;
	width: 100%;
	border-bottom: solid 1px #0F0F64;
}

#tituloTagClouds span
{
	float: left;
	position: relative;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	margin-left: 10px;
	display: block;
	width: 200px;
	top: 5px;
}

#conteudoTags
{
	text-align: center;
	width: 90%;
	margin-left: 40px;
	float: left;
}

#conteudoTags a
{
	text-decoration: none;
	cursor: pointer;
}

#conteudoTags a:hover
{
	text-decoration: underline;
	cursor: pointer;
	font-weight: bold;
}

#TextoGoogleAnalytics
{
	float: left;
	margin-top: 35px;
	margin-left: 20px;
}

#TextoGoogleAnalytics span
{
	font-weight: bold;
}
.modalBackground
{
	background-color: whitesmoke;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #fff;
	border:solid 1px #000;
	padding: 3px;
	width: 200px;
	height:50px;
	font-weight:bold;
	font-size:1.1em;
}

