/**
 * @author Fábio Matavelli <fabio.matavelli@reference.com.br>
 * @since Jul 29, 2009
 * @name /Reference/css/components.css
 */
@CHARSET "UTF-8";

body { margin: 0; padding: 0; background: white url('http://img.reference.com.br/images/bg_fade.jpg') fixed repeat-x bottom left; }
body, textarea, select, input { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
img { border: 0; }
a { color: #03539d; text-decoration: none; }
a:hover { color: #2379c9; }
h1.titulo { margin: 0; padding: 0; color: #03539d; font-size: 14pt; }
h2.titulo { margin: 0; padding: 0; color: #03539d; font-size: 10pt; }
#mensagem { position: fixed; width: 100%; padding: 10px 0 10px 0; background-color: #fefefe; border-bottom: 1px solid #000000; z-index: 1410065407; display: none; font-size: 12pt; font-weight: bold; text-align: center; }
#mensagem img { vertical-align: middle; }
.clear { clear: both; }

label.error { margin-left: 5px; }
input.error, select.error, textarea.error { border: 1px solid #ff0000; }

div.notification { text-align: center; display: none; width: 100%; position: fixed; padding-top: 8px; padding-bottom: 8px; margin: 0; font-weight: bold; font-size: 1.2em; overflow: visible; background-color: #ffffff; border-bottom: 1px solid #000000; color: #000000; }

#site { position: relative; float: left; z-index: 0; width: 100%; background: url('http://img.reference.com.br/images/bg_stripes.png'); }
#logo { position: absolute; z-index: 1410065406; left: 41px; background: transparent url('http://img.reference.com.br/images/bg_stripe_logo.png') no-repeat scroll -71px -4px; height: 115px; }
#bg_logo { position: absolute; float: left; left: -30px; z-index: 1; width: 160px; height: 770px; /*background: url('/images/bg_stripe_logo.png') no-repeat; */}
#header { position: relative; z-index: 1410065406; width: 100%; margin-left: 270px; margin-right: auto; width: 630px; height: 115px; background: url('http://img.reference.com.br/images/bg_header.png') no-repeat; }
#header_nav { position: relative; z-index: 2; top: 17px; float: right; right: 75px; color: #03539d; text-align: right; }
#header_nav a { color: #03539d; }
#header_nav a:hover { text-decoration: underline; }

/*#footer { position: relative; z-index: 2; width: 100%; height: 145px; background: url('http://img.reference.com.br/images/bg_footer.png') no-repeat bottom right; bottom: 0; text-align: right; }*/
#footer { position: relative; z-index: 2; width: 100%; background-color: white; bottom: 0; text-align: center; }
#footer_texto { padding: 15px 10px 10px 0; }
#footer_logos { position: relative; padding: 10px; }
#footer a { font-weight: bold; }
#footer p.politica { width: 900px; margin-right: auto; margin-left: auto; text-align: center; color: #a0a0a0; }
div#footer_history { width: 100%; position: relative; background-color: white; border-top: 1px dotted #cecece; border-bottom: 1px dotted #cecece; padding: 10px 0 10px 0; }
div#footer_history_produtos { margin-right: 260px; border-right: 1px dotted #cecece; }
div#footer_history_produtos ul#history_produtos { width: 100%; list-style-type: none; margin: 0; padding: 0; }
div#footer_history_produtos ul#history_produtos li { width: 33%; float: left; }
img#tit_footer_history_produtos { float: left; }
div#footer_history_right { position: absolute; width: 250px; text-align: left; top: 20px; right: 0; }
span.tit_footer_history_right { clear: both; display: block; float: left; }
div#footer_history_right a { font-weight: normal; }
div#footer_history_right ul.footer_history_itens { margin: 0; padding-left: 20px; }
ul.footer_history_itens li a { font-size: 8pt; }

#search { position: absolute; z-index: 3; top: 63px; margin-left: 70px; }
#search input { font-size: 12pt; font-weight: bold; width: 375px; background: white url('http://img.reference.com.br/images/busca_lupa.png') no-repeat center right; padding-right: 20px; }
#search form { margin: 0; padding: 0; }
#search_su { position: absolute; border: 1px solid #e0e0e0; border-top: 0; background-color: #ffffff; width: 387px; padding: 5px; min-height: 20px; display: none; z-index: 1410065406; }
#search_su span { display: block; font-size: 9pt; }
#basket_access { position: absolute; z-index: 3; top: 60px; margin-left: 560px; }
#content_grid { position: relative; width: 100%; z-index: 30; }
#menu { position: absolute; float: left; left: 0; margin-left: 8px; z-index: 100; }
#menu_stripes_top { position: relative; background: url('http://img.reference.com.br/images/bg_stripe_logo_middle.png') no-repeat; background-position: -38px -75px; height: 10px; z-index: 10; }
#menu_stripes_middle { position: relative; background: url('http://img.reference.com.br/images/bg_stripe_logo_middle.png') repeat-y; background-position: -38px 0; min-height: 400px; }
#menu_stripes_bottom { position: relative; background: url('http://img.reference.com.br/images/bg_stripe_logo_bottom.png') no-repeat; background-position: -38px 0; height: 70px; }
.menu_itens { width: 155px; text-align: left; background-color: #F5F5F8; }
.menu_itens ul { list-style: none; margin: 0 0 0 10px; padding: 0; }
.filtro-marcas a { font-weight: bold; font-size: 8pt; }
.menu_ttl { padding-right: 5px; padding-bottom: 3px; background: url('http://img.reference.com.br/images/bg_menu_top.png') no-repeat; padding-top: 3px; text-align: right; text-transform: uppercase; }
.menu_ttl a { font-size: 8pt; font-weight: bold; color: #18478f; }
.menu_ttl img { padding-left: 5px; display: none; }
.menu_item { position: relative; border-top: 1px solid #E3E3E3; width: 145px; font-size: 8pt; font-weight: bold; padding: 5px 5px 5px 5px; text-align: left; }
.menu_item img { position: absolute; float: right; right: 5px; top: 5px; }
.menu_item:hover { background-color: #ffffff; border-bottom: 2px solid #909090; border-left: 1px solid #909090; padding-left: 4px; padding-top: 3px; }
.div_menu { display: block; position: relative; width: 155px; height: 6px; }
.submenu { position: absolute; left: 140px; top: -1px; width: 150px; background-color: #FFFFFF; display: none; border: 1px solid #e3e3e3; border-left: 1px solid #909090; border-bottom: 2px solid #909090; z-index: 1410065406; }
.submenu_item { position: relative; padding-left: 5px; padding-top: 3px; padding-bottom: -2px; border-top: 1px solid #e3e3e3; width: 145px; min-height: 20px; }
.white-square { position: absolute; left: -3px; height: 22px; width: 10px; background-color: #FFFFFF; }
#filtros_sec { position: relative; margin-left: 210px; margin-right: 230px; height: 87px; z-index: 3; margin-top: 0px; width: 571px; }
#filtros { position: relative; width: 499px; height: 21px; top: 61px; left: -1px; background: url('http://img.reference.com.br/images/bg_filtro_top.png') no-repeat; padding-left: 30px; padding-top: 5px; }
#banner_flash { height: 200px; z-index: 1; position: relative; background-color: #000000; }
#banner_flash embed { position: relative; z-index: 1; }

div.noright { margin-right: 10px; }

#content { margin-left: 168px; margin-right: 200px;	z-index: 3;	background-color: #FFFFFF; min-width: 600px; min-height: 850px; padding: 5px; position: relative; }
#content_base { margin-left: 168px; margin-right: 200px; z-index: 3; position: relative; min-width: 600px; margin-bottom: 10px; list-style: none; }

ul.side { list-style-type: none; position: relative; clear: both; }
ul.side li { float: left; text-align: center; margin-right: 10px; }

#area_right { float: right; position: absolute; right: 0; top: 0; width: 190px; z-index: 2; margin-right: 0; margin-top: 5px; }

#produtos_area { position: relative; width: 100%; margin: 0; padding: 0; z-index: 4; }
#produtos_area_rectangle { position: relative; width: 100%; margin: 0; padding: 5px; z-index: 4; }
#produtos_area li { width: 24.8%; float: left; display: block; margin: 0; padding: 10px 0 1px 0; min-height: 300px; list-style: none; text-align: center;  border-bottom: 1px dotted #CECECE; }
#produtos_area_rectangle li { width: 100%; float: left; display: block; margin: 0; list-style: none; text-align: left; border-bottom: 1px dotted #000000; }
#produtos_area li a, #produtos_area_rectangle li a { text-decoration: none; }
.produto_rectangle_foto a { position: relative; float: left; padding: 2px; z-index: 9999; }
.produto_rectangle_content { padding-left: 2px; margin-top: 3px; }
.produto_rectangle_ttl { position: relative; }
.produto_rectangle_ttl a { font-weight: bold; font-size: 10pt; }
.produto_rectangle_desc { position: relative; }
.produto_rectangle_preco_de { font-size: 10pt; font-weight: normal; color: #2379c9; }
.produto_rectangle_preco_por { font-size: 10pt; font-weight: bold; color: #2379c9; }
.produto_rectangle_preco_desconto { font-size: 9pt; font-weight: normal; color: #000000; }
.produto_square_border_left { border-left: 1px solid #ECECEC; }
.produto_square_border_bottom { border-bottom: 1px solid #ECECEC; }
.produto_square_foto a { padding: 2px; }
.produto_square_ttl a { font-size: 12px; font-weight: bold; color: #03539d; }
.produto_square_preco_de a { font-size: 12px; font-weight: normal; color: #2379c9; }
.produto_square_preco_por a { font-size: 12px; font-weight: bold; color: #2379c9; }
.produto_square_preco_desconto a { font-size: 10px; font-weight: normal; color: #000000; }
.produto_square_parcelamento, .produto_rectangle_parcelamento { font-size: 8pt; }
.produto_square_mais { font-size: 8pt; }
#produtos_busca { position: relative; width: 99%; marg-left: auto; margin-right: auto; padding: 0; z-index: 4; list-style: none; }
#produtos_busca li { padding-left: 20px; width: 95%; display: block; height: 160px; border-bottom: 1px dotted #CECECE; }
#produtos_busca .produto_square_foto { position: relative; float: left; width: 150px; }
#produtos_busca .produto_square_ttl { position: relative; float: left; left: 10px; width: 300px; }
#produtos_busca .produto_square_ttl a { font-size: 12pt; }
#produtos_busca .produto_square_preco_de { position: relative; float: right; width: 130px; text-align: right; }
#produtos_busca .produto_square_preco_por { position: relative; float: right; width: 130px; text-align: right; }
#produtos_busca .produto_square_preco_desconto { position: relative; float: right; width: 130px; text-align: right; }
.hidden_dot { color: #FFFFFF; position: relative; z-index: -1; }
.content_base_center { background: url('http://img.reference.com.br/images/border_bottom_base.png') repeat-x; position: relative; margin-left: 9px; margin-right: 9px; }
.content_base_left { position: absolute; float: left; left: -1px; }
.content_base_right { position: absolute; float: right; right: -1px; top: 0; }
.procurar_btn { font-weight: bold; font-size: 10pt; margin-left: 5px; }
.link_menu_top { font-weight: bold; }
.link_menu_base { font-weight: normal; color: #2379c9; }
.produto_fifth { display: none; }
#migalhas { margin-bottom: 10px; }
.migalha a { font-size: 9pt; font-weight: normal; color: #9d9d9d; }
.migalha_destaque a { font-size: 10pt; font-weight: bold; color: #03539d; }
.paginacao { height: 30px; z-index: 99; position: relative; text-align: right; padding-right: 10px; float: right; clear: both; font-size: 11pt; }
.paginacao a { padding: 1px; }
.erro { font-weight: bold; color: #ff0000; }
.indisponivel { opacity: 0.6; filter: alpha(opacity=60); }
#comentario { position: relative; float: left; width: 100%; padding-left: 25%; }
#brand_header { position: relative; width: 100%; margin-top: -5px; }
.produto_foto { border: 1px solid #f0f0f0; }

/**
 * Publicidade
 */

#publicidade_centro_home { position: relative; width: 100%; text-align: center; background: url("http://ads.reference.com.br/openx/www/delivery/avw.php?bannerid=35") no-repeat scroll center center transparent; top: -5px; height: 127px; }

/**
 * Bloco de marcas - Direita Home
 */

.block_marcas { }
.block_marcas_top { background: url("http://img.reference.com.br/images/block_top_180.png") no-repeat scroll 0 0 transparent; height: 27px; }
.block_marcas_content { background: url("http://img.reference.com.br/images/block_bg_180.png") repeat-y scroll 0 0 transparent; min-height: 180px; text-align: center; }
.block_marcas_content a { display: block; min-height: 20px; }
.block_marcas_bottom { background: url("http://img.reference.com.br/images/block_bottom_180.png") no-repeat scroll 0 0 transparent; height: 19px; }

/**
 * Página de produtos
 */
#produto_body { position: relative; width: 100%; z-index: 5; }
#produto_foto { position: relative; float: left; min-height: 200px; width: 40%; z-index: 6; text-align: center; }
#produto_info { position: relative; float: right; right: 0; min-height: 200px; width: 60%; z-index: 6; }
#produto_descricao { position: relative; float: left; width: 100%; color: #000000; }
.produto_titulo { font-size: 14pt; font-weight: bold; color: #03529d; }
.produto_disponibilidade { font-size: 9pt; display: block; color: #000000; font-weight: normal; }
.produto_codigo { font-size: 8pt; font-weight: normal; color: #000000; }
#produto_precos { position: relative; }
#produto_preco_valor { position: relative; float: left; }
#btn_comprar { position: relative; overflow: hidden; margin-left: 30%; }
#produto_preco { position: relative; color: #2379c9; background-color: #f0f0f0; margin-top: 10px; margin-bottom: 10px; padding: 10px 0 15px 15px; }
#produto_preco .preco_de { font-weight: normal; font-size: 10pt; text-decoration: line-through; }
#produto_preco .preco { font-weight: bold; font-size: 12pt; }
#produto_cores, .produto_cor_ttl { color: #000000; }
#produto_descricao { border-top: 1px dotted #c0c0c0; padding-top: 5px; }
#produto_control_area { position: relative; margin-top: 10px; }
.parcelado_texto { position: relative; color: #000000; border-bottom: 1px dotted #000000; width: 98%; margin-top: 20px; }
.parcelamento { position: relative; overflow: hidden; }
.parcelamento ul { position: relative; list-style: none; margin: 0; padding: 0; width: 50%; }
#parcelamento_right { position: relative; float: right; }
#parcelamento_left { position: relative; float: left; }
#produto_info .produto_twitter { float: right; clear: both; position: absolute; right: 0pt; width: 50px; top: -25px; }

/**
 * Carrinho
 */
#basket { width: 99%; }
#basket table { width: 100%; }
#basket_content { position: relative; width: 100%; float: left; overflow: hidden; }
#basket tbody input { text-align: right; }
#basket th { color: #9d9d9d; text-transform: uppercase; border-bottom: 1px solid #ececec; font-size: 8pt; padding-bottom: 5px; }
#basket th:first-child { text-align: left; }
#basket_produto_foto { position: relative; float: left; width: 80px; height: 80px; padding: 5px; }
#basket_titulo_produto { position: relative; top: 20px; font-weight: bold; }
#basket tfoot tr:first-child td { border-top: 1px solid #ececec; }
.basket_border_left { border-left: 1px solid #ececec; }
.basket_border_bottom { border-bottom: 1px solid #ececec; }
.basket_bg_cinza { background-color: #f2f2f2; }
.basket_preco, .basket_precos { color: #03529d; }
.basket_preco { font-weight: bold; }
.basket_preco_de { text-decoration: line-through; }
.basket_voltar { position: relative; float: left; width: 125px; }
.basket_clear { position: relative; float: right; width: 125px; margin-right: 52px; }
.basket_finish { position: relative; float: right; clear: both; }

/**
 * Login
 */
#login_area { position: relative; width: 500px; margin-left: auto; margin-right: auto; }
#login { position: relative; width: 175px; float: left; }
#login table { width: 100%; }
#cadastro { position: relative; width: 175px; float: right; }
#cadastro table { width: 100%; }

/**
 * Pagamento
 */
#selecao_pgto { position: relative; width: 90%; margin-left: auto; margin-right: auto; }
#endereco_cadastro { position: relative; width: 200px; float: left; }
#endereco_cadastro table { width: 100%; }
#endereco_entrega { position: relative; width: 200px; float: right; }
#endereco_entrega table { width: 100%; }
#formas_pagamento { position: relative; margin-top: 10px; width: 100%; float: left; }
#formas_pagamento table { width: 100%; }

/**
 * Pedido
 */
#pedido_area { position: relative; width: 90%; magin-left: auto; margin-right: auto; }
.pedido_id { font-weight: bold; font-size: 12pt; color: #03529d; }