/* 
    Document   : base
    Created on : 10/01/2011, 10:46:56
    Author     : Antonio Carlos Gonçalves da Costa Filho
    Description:
        O presente documento de CSS unifica a organização das páginas ditando
        dimensões, layout, espaçamentos das páginas internas, ele não visa a
        configuração do css de forma artística, mas sim da estrutura das páginas.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
  Reset CSS
*/
* {padding: 0; margin: 0; list-style: none; outline: none; outline-style: none;list-style-position:outside;list-style-type:none;outline-width:0}
img, input, fieldset, input[type="image"]{border: 0;}

/*
  Campos do formulário
*/

.input-50{width: 50px;}
.input-100{width: 100px;}
.input-150{width: 150px;}
.input-200{width: 200px;}
.input-250{width: 250px;}
.input-textarea-200{height: 60px; width: 200px;}
.input-textarea-250{height: 121px; width: 250px;}

/*
  Construtor de Menu
*/
.cnm{display:table; z-index:100;}
.cnm a{display: block}
.cnm .cnm-submenu{z-index: 1000; position: absolute;}
.cnm .cnm-submenu li{line-height: 20px}

/*
   Construtor de Página
*/
.pagina-em-construcao{width: 100%; text-align: center;}

#construtor-pagina{width: 100%; border-collapse: collapse;}
#item-construtor-pagina-geral{width: 100%;}
#item-construtor-pagina-geral tr td{vertical-align: top;}
#cabecalho-item-construtor-pagina{width: 100%;font-weight: bold;}
#item-construtor-pagina{width: 100%; height: 100%}
#item-construtor-pagina .sep-coluna{width: 10px;}
#item-construtor-pagina .sep-linha{height: 10px}
#item-construtor-pagina #produto-a{width: 100%; height: 100%; vertical-align: top; text-align: left}
#item-construtor-pagina #produto-b{width: 100%; height: 100%; vertical-align: top; text-align: left}
#item-construtor-pagina #produto-c{width: 100%; height: 100%; vertical-align: top; text-align: left}
#item-construtor-pagina #produto-d{width: 100%; height: 100%; vertical-align: top; text-align: center}
#item-construtor-pagina #produto-e{width: 100%; height: 100%; vertical-align: top; text-align: center}
#sub_paginas{width: 250px;}

.produto-preco{clear: both}

#paginacao{width: 380px; margin-right: auto; margin-left: auto;}
#paginacao .primeira{width: 70px; text-align: right}
#paginacao .anterior{width: 70px; text-align: right}
#paginacao .proxima{width: 70px; text-align: left}
#paginacao .ultima{width: 70px; text-align: left}
#paginacao .paginas{width: 100px; text-align: center}
#paginacao .paginas a{font-size: 14px;}

/*
  Páginas Checkout
*/

#checkout{width: 100%; border-collapse: collapse}
#checkout thead tr td{vertical-align: middle;}

/* Sequência */
#sequencia{width: 100%; height: 25px; margin-left: auto;}
#sequencia ul li{text-align: center; padding: 10px; width: 75px; float: left;}

/* Carrinho de Compras */
.carrinho-de-compras {width: 100%;}
.carrinho-de-compras-b{width: 100%}
.carrinho-vazio {text-align: center;}
#carrinho-itens{width: 100%; border-collapse: collapse;}
#carrinho-itens thead tr td{padding-left: 10px; height: 25px;}
#carrinho-itens tbody tr td{vertical-align: middle; padding: 10px;}
#carrinho-rodape {width: 100%; border-collapse: collapse;}

/* Calcular Frete */

#carrinho-calcular-frete{width: 100%; border-collapse: collapse;}
#carrinho-calcular-frete #botoes tr td{white-space: nowrap}
#resultado-frete{width: 100%}
#selecionar-frete{width: 100%; border-collapse: collapse;}
.calcular-frete-aviso {line-height: 16px; vertical-align: middle; margin-top: 10px;}
.calcular-frete-aviso2 {line-height: 16px; font-weight: bold}

/* Totais */
#label-subtotal, #label-frete, #label-total {line-height: 25px; font-weight: bold; text-align: right; font-size: 16px;}
#label-valor-a-vista{text-align: right;}

/* Botões Rodapé */
#botoes{width: 400px; margin-left: auto; text-align: right; margin-top: 20px;}

/* Formulários */
#formularios {
    border-collapse: collapse;
    height: 220px;
    margin: 51px auto auto 0;
    width: 95%;
}
#formularios h2, #formularios h3, #formularios h4{margin-left: 0px;}
#formularios .label{text-align: right;}
#formularios .label-b{text-align: left; font-weight: bold; padding-top: 12px;}
#formularios .label-b-1{text-align: left; font-weight: bold; padding-top: 35px;}
#formularios .h4-botao{width: 100%; display: inline; clear: both; padding-top: 3px;}
#formularios .h4-botao li{float: left;}

/* Login, Esqueci minha senha, alterar senha */
#formulario-login,
#formulario-esqueci-minha-senha,
#formulario-alterar-senha{width: 270px; padding: 2px;}
#formulario-login #botoes-formulario,
#formulario-esqueci-minha-senha #botoes-formulario,
#formulario-alterar-senha #botoes-formulario{width: 100%; text-align: left;}

/* Cadastro */
#formulario-cadastro{width: 100%; padding: 2px;}

/* Formulários Tabela */
.formulario-tabela{width: 100%; padding: 2px;}

/* Minha Conta */
#formulario-minha-conta{width: 100%; border-collapse: collapse; padding: 2px;}

/* Conclusão */
#formularios #label-subtotal,
#formularios #label-frete,
#formularios #label-total {line-height: 20px; font-weight: bold; text-align: left; font-size: 12px;}

/*
  Páginas Fixas
*/

#localizacao{
    vertical-align: top;
    margin-top: -219px;
}

.cabecalho-checkout hr {
    border: none;
    border-bottom: 1px solid #adadad;
}


/* Revendedores */
#revendedores {width: 90%; margin-left: auto; margin-right: auto; border-collapse: collapse;}
#revendedores .sep{line-height: 1px; background-color: #000000; height: 1px;}

/* Produto */
#produto {width: 100%; border-collapse: collapse}
#produto tr td{vertical-align: top;}
#produto h1{font-size: 16px;}
#produto hr{clear: both;}
#produto #quadro-imagem-principal {text-align: center; margin-bottom: 10px; width: 200px;}
#produto .sep-coluna{width: 10px}
#produto .produto-comprar{vertical-align: bottom; width: 100px}

/* Outras Imagens */
#outras-imagens li {float: left; margin-left: 5px; margin-left: 5px;}

/* Informações */
.menu-informacoes-a{width: 100%; line-height: 25px; margin-top: 5px;}
.menu-informacoes-a li{float: left}
.menu-informacoes-a .sep-menu-informacoes{width: 1px; background-color: #FFFFFF;}

.menu-informacoes-b{width: 100%; line-height: 25px; margin-top: 5px;}
.menu-informacoes-b li{float: left}
.menu-informacoes-b .sep-menu-informacoes{padding-right: 10px; padding-left: 10px;}
#abas{width: 100%; float: right;}
#aba-1, #aba-2, #aba-3, #aba-4, #aba-5, #aba-6, #aba-7{width: 100%; float: right}

/*
  Meus Pedidos
*/

#meus-pedidos, #meus-produtos, #meus-financeiros{width: 100%; padding: 5px;}
#meus-pedidos thead tr td,
#meus-produtos thead tr td,
#meus-financeiros thead tr td{padding-left: 10px;}
#meus-pedidos tbody tr td,
#meus-produtos tbody tr td,
#meus-financeiros tbody tr td{padding-left: 10px; padding-right: 10px;}

#detalhes-pedido{width: 100%; border-collapse: collapse;}
#detalhes-pedido thead tr td{border-bottom: dashed 1px #000000; padding-top: 5px;}
#detalhes-pedido tbody tr td{padding-top: 5px;}

#produtos-solicitados{width: 100%; border-collapse: collapse;}
#produtos-solicitados thead tr td{padding-top: 5px;}
#produtos-solicitados tbody tr td{padding-top: 5px;}

/* Table de expedição */
#expedicao{width: 100%; border-collapse: collapse;}
#expedicao thead tr td{text-align: center; border-bottom: 0px;}
#expedicao tbody tr td{text-align: center; height: 50px;}

/*
  Meus Produtos
*/

#formulario-area-cliente {width: 400px; margin-left: auto; margin-right: auto; margin-top: 30px;}
#formulario-area-cliente tr td{line-height: 22px;}
#formulario-area-cliente tfoot tr td{text-align: right; height: 40px; vertical-align: middle;}

/*
 * jQuery UI Autocomplete 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.16
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
 /* menu do autocomplete fundo*/
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
        background-color: white;
        border: #bfbfbf solid 1px
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
/* item selecionado do auto complete*/
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
        background-color: #ffffbb
}

#resultado-frete-produto {width: 500px;}
/* Opiniao dos Produtos */

#cadastro_opiniao #nome, #cadastro_opiniao #email, #cadastro_opiniao #comentario{
    border: 1px solid #d3d3d4;
    color: #666666;
    background: #fffffd; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f6f5 0%, #fffffd 50%, #fffffd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6f5), color-stop(50%,#fffffd), color-stop(100%,#fffffd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f6f5 0%,#fffffd 50%,#fffffd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f6f5 0%,#fffffd 50%,#fffffd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f6f5 0%,#fffffd 50%,#fffffd 100%); /* IE10+ */
    background: linear-gradient(top, #f4f6f5 0%,#fffffd 50%,#fffffd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6f5', endColorstr='#fffffd',GradientType=0 ); /* IE6-9 */
}

#cadastro_opiniao #nome, #cadastro_opiniao #email{
    height: 28px;
    padding-left: 5px;
}

#cadastro_opiniao{
    width: 100%;
}

#cadastro_opiniao #comentario{
    padding: 5px;
    height: 130px;
    width: 500px;
}

/* Avise-me Quando Chegar */

#avise_me_quando_chegar img{
    cursor: pointer;
}

/* Div de Loading Carregada na Tela de Pagamento */

#processar_pagamento_loading{
    position: fixed;
    z-index: 2000;
    width: 225px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -112px;
    margin-top: -130px;
    padding: 10px;
    padding-top: 25px;
    border: 1px solid #999999;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    display: none;
}
/* Pagamento */
#parcelamento_cartao_cielo{
   margin-top: 25px;
   margin-left: -8px;
}
#parcelamento_cartao_cielo td{
   vertical-align: top;
   padding-left: 5px;
}
/* Menu Informacao*/
.menu-informacoes-a li{cursor: pointer;}
.menu-informacoes-b{cursor: pointer;}


/* Carrinho de Compras */
.cabecalho-carrinho-compras-b, .cabecalho-carrinho-compras-esquerda-b, .cabecalho-carrinho-compras-direita-b{
    background: #ededed;
}
#carrinho_item_b{
    border-top: 1px solid #ededed;
}
#linha-opcoes-frete{
    border: 1px solid #e0e0e0;
}
#linha-opcoes-frete td{
    padding: 1px;
}
#resultado-frete{
  margin-left: 15px;
}
#linha-valores-frete{
   background: #e8e8e8;
   border: 1px solid #e0e0e0;
}
#linha-valores-frete hr{
   border: none;
}
/* Div de Loading Carregada na Tela de Fale Conosco */

#processar_fale_conosco_loading{
    position: fixed;
    z-index: 2000;
    width: 225px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -112px;
    margin-top: -130px;
    padding: 10px;
    padding-top: 25px;
    border: 1px solid #999999;
    background-color: #ffffff;
    text-align: center;
    font-size: 16px;
    display: none;
}