﻿html{
	width:100%; height:100%;
}

body
{
	scrollbar-base-color: #121212;
	scrollbar-face-color: #f4f4f4;
	scrollbar-track-color: #cccccc;
	scrollbar-arrow-color: #787878;
	scrollbar-highlight-color: #898989;
	scrollbar-3dlight-color: #f4f4f4;
	scrollbar-shadow-color: #898989;
	scrollbar-darkshadow-color: #f4f4f4;
}

/* Estilo para elementos de formulário em geral */
.textBox{
	font-size: 11px; font-family: Tahoma, Verdana, Arial; border: 1px gray solid;
}

/* Estilo para elementos de formulário que não podem ser editados. Ex: Valor Unit. na página FotosEnviadas.aspx */
.textBoxDisabled{
	font-size: 11px; font-family: Tahoma, Verdana, Arial; border: 0px; font-weight: bold;
}

/* Estilo para linhas divisórias contidas nas páginas */
hr{
	color: gray; height: 1px;
}


#total{ /*TABELA Alinha o layout ao Centro*/
	width:100%; vertical-align:middle;
}

#corpo{ /*TABELA base do layout*/
	width:770px; margin:0px; padding:0px;
}

#corpo .topo{ /*TD Detalhe ao topo da página - NAO TEM CONTEUDO*/
	background:url(img/topo.png) center bottom no-repeat !important; height:23px; margin:0px; padding:0px; vertical-align:bottom;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/topo.png,sizingMethod='scale');
}

#corpo .base{ /*TD Detalhe na base da página - NAO TEM CONTEUDO*/
	background:url(img/base.png) center top no-repeat !important; height:23px; margin:0px; padding:0px; vertical-align:top;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/base.png,sizingMethod='scale');
}

#corpo .meio{ /*TD ESTRUTURA CENTRO - A estrutura com a #principal se encaixa aqui*/
	height:100%; margin:0px; padding:0px;
}

#principal{/*TABELA para os detalhes na esquerda e na direita do Layout*/
	width:770px; height:100%; margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, Segoe, sans-serif; font-size:11px; color:#666666;
}

#principal .esq{ /*TD Sombra a esquerda do Layout - NAO TEM CONTEUDO*/
	background:url(img/esq.png) right repeat-y !important; width:12px; height:100%;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/esq.png,sizingMethod='scale');
}

#principal .dir{ /*TD Sombra a direita do Layout - NAO TEM CONTEUDO*/
	background:url(img/dir.png) left repeat-y !important; width:12px; height:100%;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/dir.png,sizingMethod='scale');
}

#principal .centro{ /*TD ESTRUTURA CENTRO - A Estrutura #inicial se encaixa aqui*/
	background:url(img/deg_base.jpg) #FFFFFF bottom no-repeat; width:746px; height:100%; vertical-align:top;
}

/*ESTILOS PARA A PÁGINA INICIAL*/

#inicial{ /*TABELA que organiza as estruturas da página inicial*/
	width:746px; height:100%; background:url(img/deg_topo.jpg) top repeat-x; font-size:10px;
}

#inicial .e1{/*TD que organiza tabela com conteudos da Esquerda do layout (Logo / Menu de cadastro)*/
	width:280px; height:100%; vertical-align:top; text-align:center;
}

#inicial .d1{/*TD que organiza tabela com conteúdos da Direita*/
	width:460px; height:100%; vertical-align:top; text-align:center;
}

#esquerda{/*Tabela que organiza a TD logo e TD zyon*/
	width:280px; height:100%; font-size:11px;
}
#esquerda a{/*LINK de texto inativo*/
	text-decoration:none; font-weight:bold; color:#898989;
}
#esquerda a:hover{/*LINK de texto ativo*/
	text-decoration:none; font-weight:bold; color:#DE0000;
}
#esquerda p{/* PARAGRAFO contido dentro da tabela #esquerda */
	width:280px; font-size:12px; margin-top:0px; margin-bottom:5px; padding:0px;
}
#esquerda .logo{ /*TD que organiza a DIV #iniesq(Logo do Cliente - Botões de Login / Dúvidas freqüentes*/
	width:280px; height:100%;
}
#esquerda .zyon{/*TD com imagem link para a Zyoncore*/
	width:280px; height:35px; text-align:left; vertical-align:bottom; 
}

#iniesq{ /*DIV que organiza as DIVs inilogo e inibotoes*/
	float:left; width:280px; height:100%; padding:0px;
}

#iniesq .inilogo{ /*LOGO - DIV com o SWF que importa o logotipo do Cliente e o texto "Selecione..." */
	float:left;	width:270px; height:220px; padding:0px 0px 5px 5px; font-weight:bold;
}

#iniesq .botoes{ /*LOGIN | CADASTRESE | DUVIDAS - Div que organiza as DIVs b1 / b1log / formlog / b2 / b2log / b3 */
	float:left; width:265px; padding-left:10px;
}

#iniesq .b1{/*LOGIN | DIV com o botao Cliente Cadastrado SWF*/
	float:left; width:255px;
}

#iniesq .b1log{/*LOGIN | DIV com o formulário oculto para LOGIN E SENHA*/
	display: inline; float:left; width:255px; padding-bottom:10px;
}

#iniesq .txt_form{/*LOGIN | Estilo para titulos dos formularios*/
	font-size:10px; font-weight:bold; color:#666666; padding-top:5px; padding-bottom:2px; margin:0px; width:205px; text-align:left;
}

#iniesq .formlog{/*LOGIN | Estilo dos campos de formulario*/
	width:205px; height:16px; border:1px solid #BBBBBB; background:#F5F5F5; color:#343434; font-size:10px; margin-bottom:5px;
}

#iniesq .fbt{/*LOGIN | Estilo para o botão do formulario*/
	display: inline; font-size:10px; font-weight:bold; color:#999999; padding-top:10px; padding-bottom:2px; margin:0px; width:190px; height:5px; text-align:center;
}

#iniesq .b2{/*NAO TENHO CADASTRO | DIV com o botao Não tenho Cadastro SWF*/
	float:left; width:255px;
}

#iniesq .b2log{/*NAO TENHO CADASTRO | DIV com o formulário oculto para preenchimento do CEP*/
	display: inline; float:left; width:255px; padding-bottom:10px;
}

#iniesq .b3{/*DUVIDAS FREQÜENTES | DIV com o botao Dúvidas freqüentes*/
	float:left; width:255px;
}


#ini_direita{ /*INICIAL BANNER / BOTOES AUXILIARES - Organiza os conteúdos da direita da Inicial*/
	width:460px;
}

#ini_direita .inidata{ /*INICIAL BANNER / Topo com data em SWF - NAO TEM CONTEUDO*/
	width:460px; height:40px; padding-top:10px;	background:url(img/det_data.png) top no-repeat !important;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/det_data.png,sizingMethod='scale');
}

#ini_direita .inidata_log{ /*LOGIN / Páginas internas / Topo com data em SWF - NAO TEM CONTEUDO*/
	width:460px; height:48px; vertical-align:bottom; background:url(img/det_data.png) bottom no-repeat !important;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/det_data.png,sizingMethod='scale');
}

#ini_direita .inibanner{ /*INICIAL BANNER / Local onde vai a DIV com o Banner Dinâmico / Duvidas frequentes e Formulário para se cadastrar pela primeira vez*/
	width:460px; height:100%; padding:5px 0px 20px 0px; vertical-align:middle; background:url(img/det_cont.png) top repeat-y !important;
	background-image: none; filter: none !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/det_cont.png,sizingMethod='scale');
}

#ini_direita .iniaux{ /*INICIAL BANNER / Base com MENU AUXILIAR em SWF - NAO TEM CONTEUDO*/
	width:460px; height:120px; vertical-align:top; background:url(img/det_base.png) bottom no-repeat !important;
	background-image: none; filter: none !important; _background:url(img/det_base_ie6.png) bottom no-repeat;
}

#ini_direita .spc{
	height:15px;
}

#ind_direita{/*INICIAL BANNER / Organiza DIVs do Banner / Cadastro e Duvidas Frequentes*/ 
	width:410px; font-size:12px; color:#454545;
}

#ind_direita a{
	text-decoration:none; color:#999999;
}

#ind_direita a:hover{
	text-decoration:none; color:#DE0000;
}

#ind_direita h1{
	border-bottom:1px dotted #999999; font:Arial, Helvetica; font-size:14px; color:#DE0000; text-align:left; padding:0px;	
}

#ind_direita h2{
	border-bottom:1px dotted #999999; font:Arial, Helvetica; font-size:11px; color:#DE0000; text-align:left; padding:0px; margin-bottom:5px;	
}

#ind_direita h3{
	font:Arial, Helvetica; font-size:11px; font-weight:100; text-align:justify; padding:0px; margin-bottom:5px;	
}

#ind_direita .banner{ /*INICIAL BANNER / */
	width:auto;
}

#ind_direita .cad{/*INICIAL CADASTRO INDEX / */
	width:auto; text-align:justify;
}

#ind_direita .duv{/*INICIAL DUVIDAS FREQUENTES / */
	width:auto; text-align:justify;
}

#ind_direita .duvres{/*INICIAL DUVIDAS FREQUENTES / */
	width:400px; text-align:justify; font-size:11px; margin-bottom:5px; display:none;
}

/*ESTILOS PARA A PÁGINA LOGIN*/

#login{ /*TABELA que organiza as estruturas da página inicial*/
	width:746px; height:100%; background:url(img/deg_topo.jpg) top repeat-x; font-size:10px;
}
#login .toplg{ /*TD que organiza a logo e o MENU TOPO*/
	width:746px; height:220px;
}
#login .toplge{/*DIV com a Logo*/
	float:left; width:280px; height:200px;
}
#login .toplgd{/*DIV que Organiza o Menu*/
	float:left; width:460px; height:200px;
}
#intbod{/*Tabela onde vão os conteudos dinamicos*/
	width:730px; height:100%; font-size:11px;
}
#intbod a{
	text-decoration:none; color:#DE0000;
}
#intbod a:hover{
	text-decoration:none; color:#FF0000;
}

#intbod .bod{/*Conteudos Dinamicos*/
	width:730px; height:100%;
}
#intbod .zy{/*Link para a Zyon*/
	width:730px; height:35px; text-align:left; vertical-align:bottom; 
}
#cont_login{/*Tabela que organiza os conteudos da página principal*/
	width:730px;
}
#cont_login .esq_m{/*TD com menu principal a esquerda*/
	width:242px;
}
#cont_login .dir_opc{/*TD com opção de botoes a direita do menu*/
	width:488px; text-align:center; vertical-align:top;
}
.dir_escolha{/*DIV com texto na página de escolha entre Revelação e Foto Produto*/
	width:488px; line-height:42px; font-weight:bolder;
}
.dir_escolha2{/*DIV com texto de escolha entre opções de revelação*/
	width:488px; font-weight:bolder; padding-bottom:10px; cursor:pointer;
}
.dir_escolha3{/*DIV com texto de escolha entre opções de revelação - Op com Foto Produto » USADO TAMBÉM NA PÁGINA ENVIO EXPRESS*/
	width:730px; font-weight:bolder; padding-bottom:10px;
}
.dir_escolha3 h1{/*Titulo com Fundo para etapas*/
	font-size:11px; height:21px; letter-spacing:1px; line-height:21px; text-align:center; color:#343434; background: url(img/bg_etapas.jpg) top center no-repeat; margin:0px; padding-bottom:8px;
}
.dir_escolha_botoes{/*DIV com a Escolha entre Foto Produto e Revelação On-Line*/
	width:488px; height:156px;
}
.dir_escolha_botoes_rev{/*DIV com a Escolha entre Opções de Revelação*/
	width:488px; height:108px; margin-top:18px;
}
.dir_escolha_botoes_rev2{/*DIV com a Escolha entre Opções de Revelação - Op com Foto Produto - Organiza os 3 botoes*/
	width:730px; float:left;
}
.dir_escolha_botoes_rev_indiv{/*DIV com a Escolha entre Opções de Revelação - Op com Foto Produto - INDIVIDUAL*/
	width:243px; float:left;
}
.dir_escolha_botoes_rev_indiv_facil{/*DIV com a opção de envio fácil - Op com Foto Produto*/
	display:inline; margin-left:30px;
}
.envio_alternativo{/*DIV com a opção do envio alternativo (antigo envio normal)*/
	font-size:9px; margin-top:40px;	
}
.dir_escolha_botoes_rev_indiv_express{/*DIV com a opção de envio express - Op com Foto Produto*/
	display:inline; position:relative;
}
.comum_interno{/*DIV para organizar os conteudos padrao nas paginas internas*/
	width:488px; text-align:justify; margin-right:10px;
}
.comum_interno h1{/*Titulo Comum*/
	font-size:14px; color:#D00; margin:0px; padding-bottom:3px; border-bottom: 1px solid #CCC;
}
.comum_interno h2{/*Titulo com Fundo*/
	font-size:14px; height:35px; line-height:35px; text-indent:20px; color:#468CD3; background:url(img/bg_tit.jpg) top left no-repeat; margin:0px; padding-bottom:8px;
}
/*Envio Express*/
.cont_express{
	float:left; width:730px; display:inline;
}
.componente_express{
	float:left; width:581px;
}
.m_express{
	float:right; width:145px; margin-top:31px;
}
.b_express{
	float:left; width:145px; height:116px;
}
.b_envia_express{
	float:left; width:145px; height:125px;
}
.sel_express{
	float:left; width:145px; height:190px; background:url(img/bg_selecao.jpg) center no-repeat; display:inline;
}
.cx_sel{
	width:120px; color:#454545; font-size:9px; background:#FE0; border:1px solid #333; text-align:center; 
}
.cx_01{
	padding-top:40px; width:135px; padding-left:5px; padding-right:5px; float:left; 
}
.cx_02{
	padding-top:10px; width:135px; padding-left:5px; padding-right:5px; float:left; 
}
.cx_03{
	padding-top:10px; width:135px; padding-left:5px; padding-right:5px; float:left; 
}
/*Envio NORMAL*/
.cont_facil{
	float:left; width:730px; display:inline;
}
.facil_tx1{
	float:left; width:620px; margin-bottom:15px; margin-left:43px; _margin-left:21px; margin-right:43px; _margin-right:21px; padding-left:10px; padding-right:10px; padding-bottom:5px; font-size:11px;
}
.facil_tx1 h1{
	font-size:13px; margin:0px; padding:4px; color:#C00; letter-spacing:0.05em;
}
.facil_tx2{
	float:left; width:710px; margin-bottom:15px; margin-left:10px; _margin-left:5px; margin-right:10px; _margin-right:5px; padding-bottom:5px; font-size:11px;
}
.facil_tx2 h1{
	font-size:13px; margin:0px; padding:4px; color:#C00; letter-spacing:0.05em;
}

.facil_tx3{
	font-size:12px; margin-top:30px; color:#F00;
}
.facil_tx3 h1{
	font-size:13px; margin:0px; padding:4px; color:#C00; letter-spacing:0.05em;
}
#f_form{
	width:355px; height:30px; font-size:11px; font-weight:bold;
}
#f_form .form1{
	width:50px; text-align:center;
}
#f_form .form2{
	width:176px; text-align:center;
}
#f_form .form3{
	width:64px; text-align:center; 
}
#f_form .form4{
	width:65px; text-align:center; 
}
#f_form .f_bot{
	width:60px; font-size:9px;
}
#f_form .f_camp{
	width:167px; height:12px; font-size:9px; background:#F5F5F5; border:1px solid #999;
}
#qtd_ft{
	width:365px; height:25px; text-align:center; background:url(img/box_bg.jpg) left top repeat-x; color:#333; font-weight:bold;
}
#qtd_ft .ftle{
	float:left; letter-spacing:0.05em; font-size:13px; padding-top:4px; width:275px; height:25px; text-align:right; background:url(img/box_e.jpg) top left no-repeat;
}
#qtd_ft .ftld{
	float:right; padding-top:3px; width:80px; height:25px;text-align:left; background:url(img/box_d.jpg) top right no-repeat;
}
#qtd_ft .qtdft{
	width:50px; font-size:10px;
}

/*Selecionando Produto*/
#fp_select{
	width:600px; height:25px; text-align:center; background:url(img/box_bg.jpg) left top repeat-x; color:#333; font-weight:bold;
}
#fp_select .fp_sel_e{
	float:left; font-size:13px; padding-top:4px; width:440px; height:25px; text-align:right; background:url(img/box_e.jpg) top left no-repeat;
}
#fp_select .fp_sel_d{
	float:right; padding-top:3px; width:150px; height:25px;text-align:left; background:url(img/box_d.jpg) top right no-repeat;
}
#fp_select .fp_comb{
	width:130px; font-size:10px;
}
.nav_top{
	height:15px; font-size:10px; font-weight:bold; line-height:15px; color: #333333;
}
.nav_bas{
	height:15px; font-size:10px; font-weight:bold; line-height:15px;
}


/**** Estilos para a coluna que contém as informações do foto produto em todas as páginas de configuração do foto produto */
/*td*/
#configProd_top{
	background:url(img/config_top.jpg); background-repeat:no-repeat; height:8px;
}

#configProd_bottom{
	background:url(img/config_bas.jpg); background-repeat:no-repeat; height:8px;
}

#configProd_middle{
	background-color: #f4f4f4; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; width: 225px;
}

/* Texto Valor antes do valor do foto produto */
#spValorTitle{
	color: #ff0000; font-weight: bold; font-size: 14px; font-family:  Arial, Tahoma, Verdana;	
}
#lblValorFotoProduto{
	color: #ff0000; font-weight: bold; font-size: 14px; font-family:  Arial, Tahoma, Verdana;
}

#lblValorTotalFotoProduto{
	color: #ff0000; font-weight: bold; font-size: 14px; font-family:  Arial, Tahoma, Verdana;	
}

/* Combo seleção da dimensão */
#ddlDimensao{
	background-color: #ffde00; border: 1px #a7a6aa solid; color: #333333; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold;
}

/* Combo de seleção de temas */
#ddlTema{
	background-color: #f4f4f4;	border: 1px #cccccc solid; color: #333333; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; width: 100%;
}

/* Tabela que contém o controle de voltar e avançar as imagens do foto produto */
#configTBControleImagens{
	
}

/* Elemento TD que contém o contados do número das imagens */
#configNImagens{
	width:90px; font-weight: bold;
}

#nImagens {
	font-size: 11px; color: #666666; FONT-FAMILY: Arial; font-weight:normal;
}

#p_help{
	width:685px; float:left; font-family:Arial; font-size:11px; background:#FFF; color:#666;
}
#p_help .par1{
	width:630px; float:left; text-align:justify; margin-left:15px; margin-right:15px; margin-top:5px; margin-bottom:15px; line-height:16px;
}
#p_help h1{
	font-size:13px; margin-bottom:5px; color:#C00; 
}
#p_help h2{
	font-size:11px; padding-top:10px; margin-bottom:2px; color:#369;
}
#p_help h3{
	font-size:11px; padding-top:5px; margin-bottom:8px; color:#369; border-bottom:1px dotted #CCC;
}
#p_help ul{
	font-size:11px; float:left; margin-top:5px; margin-bottom:15px; margin-left:0px; margin-right:0px; padding:2px; border:1px solid #CCC; background-color:#F5F5F5; line-height:20px;
}
#p_help li{
	font-size:12px; font-weight:500; margin-left:18px; margin-right:6px;
}


/* TABELA DE PREÇO FOTOS */
.tbPrecoCellPapel{
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;	
}

.tbPrecoSpanValor{
	font-size: 11px;
	color: #ff0000;
	font-family: Arial, Verdana, Tahoma;
}

.tbPrecoCellTamanho{
	font-size: 11px;
	color: #333333;
	background-color: #f0f0f0;
	text-align: center;
	font-weight: bold;
	font-family: Arial, Verdana, Tahoma;
}

.tbPrecoCellValor{
	width: 50%;
}

.tbPrecoCellCorValor{
	background-color: #ffffff;
	font-family: Arial, Verdana, Tahoma;
}

.tbPrecoTableCorValor{
	cellpadding: 0;
	cellspacing: 0;
}

.tbPrecoCellTituloTamanho{
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
	background-color: #f4f4f4;	
	color: #333333;
	text-align:	center;
	font-weight: bold;
}

.tbPrecoCellTituloPapel{
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
	background-color: #f4f4f4;	
	color: #333333;
	text-align: center;
	font-weight: bold;
}

#p_help{
	width:670px; float:left; font-family:Arial; font-size:11px; background:#FFF; color:#666;
}

#p_help .par1{
	width:635px; float:left; text-align:justify; margin-left:15px; margin-right:15px; margin-top:5px; margin-bottom:15px; line-height:16px;
}
#p_help h1{
	font-size:13px; margin-bottom:5px; color:#C00; 
}
#p_help h2{
	font-size:11px; padding-top:10px; margin-bottom:2px; color:#369;
}
#p_help h3{
	font-size:11px; padding-top:5px; margin-bottom:8px; color:#369; border-bottom:1px dotted #CCC;
}
#p_help ul{
	font-size:11px; float:left; margin-top:5px; margin-bottom:15px; margin-left:0px; margin-right:0px; padding:2px; border:1px solid #CCC; background-color:#F5F5F5; line-height:20px;
}
#p_help li{
	font-size:12px; font-weight:500; margin-left:18px; margin-right:6px;
}
#p_help p{
	 margin:0px; padding:0px;
}
/*Para funcionar as duvidas com o accordion*/
#help{
	width:670px; float:left; font-family:Arial; font-size:11px; background:#FFF; color:#666; margin:0px; padding:0px; display:inline;
}
#help a{
	text-decoration:none; color:#333366; line-height:20px; font-weight:bold; font-size:12px;
}
#help a:hover{
	text-decoration:none; color:#0000FF; line-height:20px; font-weight:bold;
}
#help ul{
	text-decoration:none; border:0px; background:none; list-style:none; margin:0px; padding:0px;
}
#help li{
	width:615px; border-bottom:1px solid #CCCCCC; margin:10px; padding:0px;
}
#help .resposta{
	width:603px; float:left; text-align:justify; padding-left:5px; padding-right:5px; line-height:16px; border-top:1px solid #CCCCCC; background:#F5F5F5; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;
}

/* Estilos para a página fp_ConfigurarFotoProduto.aspx */

/* INÍCIO DOS ESTILOS DE FORMATAÇÃO */
#fp_ConfigurarFotoProdutoBody body{
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
}

#fp_ConfigurarFotoProdutoBody h1{
	font-size: 17px;
	font-weight: bold;
	color: #DE0000;	
	padding: 0px;
	margin: 0px;
	display:block;
	text-align: left;
}

#fp_ConfigurarFotoProdutoBody h3{
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	float:left;
}

#fp_ConfigurarFotoProdutoBody .ajuda{

	font-weight: bold;
	color: #999999;
}

.caixaPrincipal{

	background-color:#f4f4f4;
	border:1px #CCC solid;
	position:relative; display:inline;
	width:660px; 
	margin-top:10px;
	margin-left:18px;
}

#fp_ConfigurarFotoProdutoBody div.caixaPrincipal h1{
	margin:5px;
	margin-left:10px;
}

#fp_ConfigurarFotoProdutoBody .nota{
	width: 10px;
	font-size: 10px;
	color: #333333;
}

#fp_ConfigurarFotoProdutoBody select
{
	font-size: 12px;
	font-family: Tahoma;
}

#fp_ConfigurarFotoProdutoBody input
{
	font-size: 12px;
}

				
#fp_ConfigurarFotoProdutoBody #selecaoDaQuantidade
{
	width:150px;
	float:left;
}
				
#fp_ConfigurarFotoProdutoBody #selecaoDaQuantidade input
{
	width:36px;
}

.textoFotoProduto
{
    margin-top:10px;
    float:left;
	font-size:12px; 
	font-weight:bold;
	
	/*IE 6*/
	_margin-bottom:10px;
}
.textoValorParcial
{
	margin:10px 30px 20px 0; 
	display:inline; 
	float:right;
	color:Red;
	font-size:12px;
}

.caixaDetalhesFotoProduto
{
    margin-top:5px;
    margin-bottom:15px;
	text-align:right;
    float:left;
    height:80px;
        
}

.divDetalhesFotoProduto
{
    display:none; 
    float:left; 
    height:80px; 
    overflow:visible;
        
 }

.spanDetalhesFotoProduto
{
    float:left;
    width:420px;
    cursor:pointer;

    display:inline;
}
.spanDetalhesFotoProduto span
{
    float:right;
	text-align:right;
    display:block;
    
}

#fp_ConfigurarFotoProdutoBody .textoPretoNegrito
{
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}
.textoPretoCinza
{
    color:#666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
.divTamanhoCombo
{
    background:#EEE;
    border:1px solid #CCC;   
    display:block;
    float:left;
	padding-left:15px;
    margin-bottom:10px;
    margin-top:10px;
    width:405px;
	padding-bottom:7px;
}
.tamanhoCombo
{
    width:340px;
	margin-left:20px;
}
.tamanhoComboTema{
	width:240px;	
	float:right;
	margin-right:85px;
	
	display:inline;
	
}
.textoTema
{
    float:left;
    text-align:right;
    margin-left:38px;
    margin-top:12px;
    font-size:12px;
    font-family:Arial, Tahoma, Sans-Serif;
	display:inline;
}
.conteudoFotoProduto
{
    position:relative; 
    width:700px; 
    float:left;
    margin-left:15px; 
    margin-top:15px;
}
	
#fp_ConfigurarFotoProdutoBody #selecaoDaQuantidade .botaoAtualizaQnt
{
     background: url('img/b_atualiza_qtd.jpg');
     width: 29px;
     cursor:pointer;
     vertical-align:middle;
     margin-top:-3px;
     margin-left:3px;
     height: 18px;
     outline:none;
     border: none; 
}

#fp_ConfigurarFotoProdutoBody .backgroundArredondadoTopo
{
    background-image: url('img/backgroundArredondado.jpg');
    height: 8px;
    width: 712px;
    float: left;
}



#fp_ConfigurarFotoProdutoBody .tituloDoBloco
{
	margin-bottom: 5px;
	margin-top: 10px;
}

#fp_ConfigurarFotoProdutoBody #h2TituloAmpliarTemplate
{
	margin: 0px;
	padding: 0px;
	float: left;
}

/* FIM DOS ESTILOS DE FORMATAÇÃO */


/* INÍCIO DOS ESTILOS DE POSICIONAMENTO E DIMENSÃO */
    #fp_ConfigurarFotoProdutoBody #divSelecioneUmTamanho
    {
    	text-align: center;
    	width: 660px;
    	margin-top: 20px;
    	margin-bottom: 10px;
    }
    
    #fp_ConfigurarFotoProdutoBody #divSelecioneUmTamanho h4
    {
    	font-size: 11px;
    }

	#fp_ConfigurarFotoProdutoBody #topoDoCorpo{
		width: 710px;
		padding-top: 10px;
		padding-bottom: 3px;
		float: left;
		border-bottom: solid 1px #cccccc;
	}
	
	    #fp_ConfigurarFotoProdutoBody #topoDoCorpo img
	    {
	    	padding: 0px;
	    	margin: 0px;
	    	float: right;
	    	cursor: pointer;
	    }
	
	/* Início bloco de configuração do foto produto */
	#fp_ConfigurarFotoProdutoBody #blocoDeConfiguracaoDoFotoProduto{
		width: 710px;
		float:	left;
	}
	
	.divOutrasFotos
	{
	    float:left; 
	    padding-left: 30px;  
	    margin-left:10px; 
	    margin-right:40px; 
	    
	    display:inline;
	    
	}
	
	.topoEtapaConfiguracao
	{
	    position:absolute; 
	    top:-20px; 
	    left:0px;
	    
	    /*IE 6 */
	    _margin:0px;
	    _padding:0px;
		_display:inline;
	    
	}
	
	.topoEtapaTema
	{
		position:absolute; 
		top:-50px; 
		left:-19px;
				
	}
	
	.topoEtapaEnvio
	{
		position:absolute; 
		top:-50px; 
		left:-20px;
	}
	
		/* Início da caixa de configuração do foto produto */
		#fp_ConfigurarFotoProdutoBody #caixaDeConfiguracaoDoFotoProduto{
			/*width: 710px;*/
			float:	left;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
			/* Início do lado esquerdo da configuração do foto produto */
			#fp_ConfigurarFotoProdutoBody #ladoEsquerdoConfigFotoProduto{
				width:200px;
				float:left;
				margin-bottom:20px;
				overflow:hidden;
				
                display:inline;
			}
			
				#fp_ConfigurarFotoProdutoBody #imagemDoFotoProduto{
					width: 0px;
					float:	left;
				}
			/* Fim do lado esquerdo da configuração do foto produto */
			
			
			/* Início do lado direito da caixa de configuração do foto produto */
			#fp_ConfigurarFotoProdutoBody #ladoDireitoConfigFotoProduto{
				width: 430px;
				float:	left;
				margin-top:5px; 
				margin-bottom:5px;
				overflow:hidden;
				display:inline;
			}
			
				#fp_ConfigurarFotoProdutoBody #divDescricaoDoFotoProduto{
					width: 505px;
					float:	left;
					text-align: left;
				}	
				
				#fp_ConfigurarFotoProdutoBody #divCaracteristicasDoFotoProduto{
					width: 410px;
					text-align: left;
					float:	left; 
					display:none;
					padding:5px; 
					background-color:#EEE; 
					margin-top:5px; 
					margin-bottom:10px;
					border: solid 1px #CCCCCC;
				}
				
				#fp_ConfigurarFotoProdutoBody #combosDosAtributos{
					width: 240px;
					float:	left;
				    margin-bottom: 10px;
				}
				
					#fp_ConfigurarFotoProdutoBody #combosDosAtributos select{
						margin-top: 5px;
						margin-bottom: 5px;
					}
					#fp_ConfigurarFotoProdutoBody #divTamanhoTema{
						width: 240px;
						margin-top:20px;
						display:block;
						float:left;
					}
					
					#fp_ConfigurarFotoProdutoBody #divTamanhoTema select{
						margin-top: 5px;
						margin-bottom: 5px;
					}
									
				
				#fp_ConfigurarFotoProdutoBody #exibicaoDoEstoque{
					width: 80px;
					float:	left;
					line-height: 20px;
				}
				
				
				#fp_ConfigurarFotoProdutoBody #exibicaoDoValorParcial{
					width: 199px;
					float:	left;
					display: none;
				}
				
			/* Fim do lado direito da configuração do foto produto */
		/* fim da caixa de configuração do foto produto */
	/* fim do bloco de configuração do foto produto */
	
	
	/* Início do bloco de configuração do template */
	#fp_ConfigurarFotoProdutoBody #blocoDeConfiguracaoDoTemplate{
		width: 710px;
		float:	left;
	}

		/* Início da caixa de configuração do template */	
		#fp_ConfigurarFotoProdutoBody #caixaDeConfiguracaoDoTemplate{
			float: left;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
		    #fp_ConfigurarFotoProdutoBody #tituloConfiguracaoDoTemplate
		    {
		    	float: left;
		    }
		
		#fp_ConfigurarFotoProdutoBody #selecaoDoTamanho{
			width: 352px;
			float:	left;
		}
		
			#fp_ConfigurarFotoProdutoBody #selecaoDoTamanho select{
				/*width: 326px;*/
				background-color: #FFDE00;
			}
					
		.divRodapeEtapa1
		{
		    position:absolute;
            left:0;
            bottom:-4px;
		}
		
		.divRodapeEtapa2
		{
		    margin-bottom:5px; 
		    position:absolute;
		    left:0;
		    bottom:-29px;
		}
		.divRodapeEtapa3
		{
		    position: absolute;
		    left: 0;
		    bottom: -24px;
		    		    
		    /*IE 6*/
		    _bottom:-25px;
		}
				    
		h1.textotema{
			width:450px;
			float:left;	
		}
		.caixaTextosEnvio
		{
		    text-align:left;
		    float:left;
		    font-size:12px; 
		    margin:20px 0 0 20px; 
		    display:inline;
			
		}
		.caixaTextosEnvio p{ 
		    line-height:18px; 
		    margin:0; 
		    padding:0;
		}
		.caixaBotaoEnvio
		{
		    
		    margin:0px;
		    margin-top:15px;
			/*IE 6*/
			_margin-right:5px;
			_margin-bottom:25px;
		}
		
		#fp_ConfigurarFotoProdutoBody #containerDosTemplates{
			width: 660px;
			float:	left;
		}
		    
		    #fp_ConfigurarFotoProdutoBody #divSelecioneUmTamanho
		    {
		    	float: left;
		    }
		/* Fim da caixa de configuração do template */
	/* Fim do bloco de configuração do template */
	
	
	/* Início do bloco de inserção de fotos e textos */
	#fp_ConfigurarFotoProdutoBody #blocoDeInsercaoDeFotosETextos{
		width: 710px;
		float:	left;
		margin-bottom: 15px;
	}	
	
		/* Início da caixa de configuração de fotos e textos */
		#fp_ConfigurarFotoProdutoBody #caixaDeConfiguraDeFotosETextos{
			/*width: 710px;*/
			float:	left;
			padding-top: 0px;
			padding-bottom: 0px;
		}
		/* Fim da caixa de inserção de fotos e textos */
		
	/* Fim do bloco de configuração de fotos e textos */
	
	
	/* Início do rodapé do corpo */
	#fp_ConfigurarFotoProdutoBody #rodapeDoCorpo{
		width: 710px;
		float:	left;
		margin-top:15px;
		
		/*IE 6*/
		_margin-top:30px;
	}
	
		#fp_ConfigurarFotoProdutoBody #rodapeDoCorpo #divVerOutrosProdutosRodape{
			width: 300px;
			float: left;
			margin-left:20px;
		}
		
		    #fp_ConfigurarFotoProdutoBody #rodapeDoCorpo #divVerOutrosProdutosRodape img
		    {
		    	float: left;
		    	cursor: pointer;
		    }
	
		#fp_ConfigurarFotoProdutoBody #exibicaoDoValorTotal{
			width: 184px;
			float:	right;
			font-size: 14px;
			color: Red;
			text-align:right;
		}
		
		#fp_ConfigurarFotoProdutoBody #rodapeDoCorpo #divFreteNaoInluso{
			width: 184px;
			float: right;
		}
		
	
		#fp_ConfigurarFotoProdutoBody #rodapeDoCorpo #divValorTotal{
			
		}

	/* Fim do rodapé do corpo */
/* FIM DOS ESTILOS DE POSICIONAMENTO E DIMENSÃO */

/*INÍCIO FORMATAÇÃO ENVIO FOTOS*/

.cont_facil_fotoproduto{
	float:left;
	width:700px;
	display:inline;
	margin-left:15px;
}
.topoEnvioFoto{
	position:relative;    
	top:3px;
	left:-2px;
}
.textoNumTemplate{
	display:block;
	text-align:left;
	color:Red;
	font-size:12px;
	margin-top:5px;
    margin-bottom:10px;
	margin-left:18px;
}

/*FIM FORMATAÇÃO ENVIO FOTOS*/

/* DIV AMPLIAR TEMPLATE */
    #fp_ConfigurarFotoProdutoBody ul{
	    margin: 0px auto;
	    padding: 0px;
    }

    #fp_ConfigurarFotoProdutoBody li{
	    list-style: none;
	    margin: 0px;
	    padding: 0px;
    }


    #fp_ConfigurarFotoProdutoBody .notaDeRodape{
	    font-size: 10px;
    }

    #fp_ConfigurarFotoProdutoBody .divAmpliarTemplateTextoNormal{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 11px;
	    color: #666666;
    }

    #fp_ConfigurarFotoProdutoBody .textoVermelhoNegrito{
	    font-size: 14px;
	    color: #ff0000;
	    font-weight: bold;
    }
    
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCantoSuperiorEsquerdo
    {
    	float:left;
    	background: url('img/bgCantoSuperiorEsquerdo.png');
    	width: 8px;
    	height: 8px;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateMeioSuperiorEscuro
    {
	    width: 548px;
	    height: 8px;
	    background-color: #cccccc;
	    float: left;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateMeioSuperiorClaro
    {
        width: 203px;
        height: 8px;
        background-color: #f4f4f4;
        float: left;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCantoSuperiorDireito
    {
    	float:right;
    	background: url('img/bgCantoSuperiorDireito.png');
    	width: 8px;
    	height: 8px;
    }
    
    
    
   #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCantoInferiorEsquerdo
    {
    	float:left;
    	background: url('img/bgCantoInferiorEsquerdo.png');
    	width: 8px;
    	height: 8px;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateMeioInferiorEscuro
    {
	    width: 548px;
	    height: 8px;
	    background-color: #cccccc;
	    float: left;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateMeioInferiorClaro
    {
        width: 203px;
        height: 8px;
        background-color: #f4f4f4;
        float: left;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCantoInferiorDireito
    {
    	float:right;
    	background: url('img/bgCantoInferiorDireito.png');
    	width: 8px;
    	height: 8px;
    }
    
    

    /* Dimensão e posicionamento */
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplate{
	    width: 767px;
	    height: 539px;
	    float: left;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateTopo{
	    width: 767px;
	    float:left;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCorpo{
	    width: 767px;
	    height: 479px;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCorpo img{
        border: solid 1px #666666;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCorpoEsquerda{
	    float: left;
	    height: 479px;
	    width: 556px;
	    margin: 0 auto;
	    padding-top: 5px;
	    background: #ccc;
	    text-align: center;
	    vertical-align: middle;
	    line-height: 479px;
    }
     
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateCorpoDireita{
	    float: left;
	    background: #f4f4f4;
	     padding-top: 5px;
	    height: 479px;
	    width: 211px;
	    position: relative;
    }

    #fp_ConfigurarFotoProdutoBody #ulAtributosFotoProduto{
	    margin: 10px;
	}

    #fp_ConfigurarFotoProdutoBody #ulAtributosTemplate{
	    margin: 10px;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateValorTotal{
	    width: 176px;
	    height: 41px;
	    bottom: 0px;
	    position: absolute;
	    right: 0px;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateRodape{
	    width: 767px;
	    height: 42px;
	    margin-top: 10px;
	    float: left;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateSelecionarOutroTemplate{
	    float: left;
	    cursor: pointer;
    }

    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateSelecionarFotoseMontarFotoProduto{
	    float: right;
	    cursor: pointer;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateTopoTitulo
    {
    	float: left;
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateFechar
    {
        float: right;	
    }
    
    #fp_ConfigurarFotoProdutoBody #divAmpliarTemplateFechar
    {
    	color: #ffffff;
    	font-size: 14px;
    	font-family: Comic Sans MS;
    	cursor: pointer;
    }
  
    
/* FIM DIV AMPLIAR TEMPLATE */
/* Final dos estilos para a página fp_ConfigurarFotoProduto.aspx */
