/* geral ----------------------------------------------------------------------  */

body, *{padding:0; margin:0; border:0; list-style:none; font:11px normal 'Arial',Arial,Verdana,sans-serif; color:#505050;}

body, html{background:#fff;}

a{color:#505050; text-decoration:underline;}
a:hover{color:#be0005; text-decoration:underline;}

strong{font-weight:bold;}

b{font-weight:bold;}

em{font-style:italic;}

h1{width:70%; font-weight:bold; color:#be0005; padding:0 0 0 35px; margin:5px 0 0 0; font-size:20px; display:block;}

h2{width:70%; font-weight:bold; color:#be0005; margin:5px 0 5px 0; font-size:15px; display:block;}

h3{width:80%; color:#999; padding:0 0 0 35px; margin:0 0 5px 0; display:block;}

h4{width:70%; font-weight:bold; color:#3366CC; padding:0 0 0 35px; margin:5px 0 0 0; font-size:20px; display:block;}

hr{border:1px solid #d5d5d5; width:100%; margin:30px auto 30px auto;}

.vermelho{font-weight:bold; color:#be0005;}

.azul{font-weight:bold; color:#333399;}

.azul_02{font-weight:bold; color:#333399; font-size:20px;}

.vermelho_02{font-weight:bold; color:#dcaaaa; font-size:20px;}

.cinza{color:#aaa;}

.preto{color:#000;}

.dir{float:right;}

.esq{float:left;}

.dir_area{width:45%; float:right; border:1px solid #ddd; margin:10px 0 40px 0;}

.esq_area{width:45%; float:left; border:1px solid #ddd; margin:10px 0 0 0;}

.mao{cursor:hand;}

#esq_conteudo{float:left; width:210px; text-align:left; padding:0 20px 0 0; border-right:5px solid #ddd;}

#dir_conteudo{float:right; width:290px; text-align:left;}

.borda_nada{float:left; width:232px; height:318px; text-align:center;}

.borda_branca{float:left; width:232px; height:318px; text-align:center; background:url(i/borda_branca.gif) no-repeat left top; margin:0 0 20px 0;}

.borda_preta{float:left; width:232px; height:318px; text-align:center; background:url(i/borda_preta.gif) no-repeat left top; margin:0 0 20px 0;}

.borda_branca img, .borda_preta img{margin:13px 0 0 7px;}











/* estrutura  ----------------------------------------------------------------------  */

#estrutura{width:775px; position:absolute; left:50%; margin:0 0 0 -387px; background:url(i/bg_estrutura.gif) repeat-y left top #fff;}











/*  topo   ----------------------------------------------------------------------  */

#topo{width:406px; height:148px; background:url(i/bg_topo.gif) no-repeat left top #fff; float:left; padding:0 0 0 190px;}

#topo ul{margin:0 0 0 20px; display:block;}

#topo ul li{display:inline;}

#topo ul li a{color:#000; text-decoration:none;}
#topo ul li a:hover{color:#000; text-decoration:underline;}











/* coluna esquerda  ----------------------------------------------------------------------  */

#coluna_esquerda{width:118px; background:url(i/bg_coluna_esq.gif) no-repeat left top; text-align:center; float:left; padding:30px 0 0 30px;}

#coluna_esquerda ul{width:100px; border-top:1px solid #777; border-left:1px solid #777; border-right:1px solid #777; z-index:1; position:absolute; margin:0;}

#coluna_esquerda ul li{border-bottom:1px solid #777; text-align:right;}

.titulo_menu{background:#ff0000; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; -khtml-opacity:.50;}

.titulo_menu a{color:#fff; padding:3px 10px 3px 0; display:block; text-decoration:none; font-weight:bold;}
.titulo_menu a:hover{color:#fff; padding:3px 10px 3px 0; display:block; text-decoration:underline; font-weight:bold;}

.item_menu a{padding:3px 10px 3px 0; display:block; color:#ff0000; text-decoration:none;}

.item_menu a:hover{padding:3px 10px 3px 0; text-decoration:underline; display:block; color:#ff0000;}


#coluna_esquerda img{margin:20px 0 0 0;}


#bg_menu_esquerda{width:101px; height:63px; background:#ccc; filter:alpha(opacity=25); -moz-opacity:.25; opacity:.25; -khtml-opacity:.25;}


/* transparencia

IE = filter:alpha(opacity=25);

MOZILLA = -moz-opacity:.25;

OPERA = opacity:.25;

SAFARI ETC = -khtml-opacity:.25; */





/* sub menu */

#sub_cards, #sub_livros, #sub_acessorios, #sub_figuras{width:125px; position:absolute; left:130px; top:155px; z-index:2; visibility: hidden;}

#sub_cards ul, #sub_livros ul, #sub_acessorios ul, #sub_figuras ul{width:100%; border:1px solid #bbb; background:#fff;}

#sub_cards ul li, #sub_livros ul li, #sub_acessorios ul li, #sub_figuras ul li{padding:5px 0 5px 10px; border-bottom:1px solid #ddd;}











/* coluna direita  ----------------------------------------------------------------------  */

#coluna_direita{width:149px; background:url(i/bg_coluna_dir.gif) no-repeat left top; padding:30px 10px 20px 20px; float:right; margin:0 0 30px 0;}

#coluna_direita a{color:#be0005; text-decoration:none;}

#coluna_direita a:hover{color:#be0005; text-decoration:underline;}

#coluna_direita img{margin:10px 0 10px 0;}


#noticias{margin:5px 0 0 0;}

#noticias ul{list-style:circle;}

#noticias li{margin:10px 0 2px 0; list-style:disc;}

#noticias a{color:#be0005; text-decoration:underline;}
#noticias a:hover{color:#be0005; text-decoration:none;}

#caixa_logado{width:100%; margin:auto;}

#caixa_logado p{padding:5px; background:#ddd; margin:10px auto 10px auto;}

#caixa_logado a{color:#333;}









/* destaque e conteudo  -------------------------------------------------------------------  */

#destaque_home{width:448px; background:#fff; float:left;}

#destaque_home td {text-align:left; vertical-align:top;}

#destaque_home p{margin:0 10px 10px 10px;}

#conteudo_home{width:448px; margin:0 0 10px 0; background:#fff; float:left;}

#conteudo{width:617px;  background:#fff; float:left; margin:0 0 10px 0; padding:0 0 20px 0;}

#conteudo_especial{width:400px;  background:#fff; float:left; margin:0 0 10px 0; padding:0 0 20px 0;}

#conteudo blockquote{margin:15px 15px 15px 40px;}



#lista_cards td{vertical-align:middle;}

.imagem_card{text-align:center;}

#lista_cards img{margin:0 5px 0 5px;}







/* ul de noticias , pagina de noticias */

#noticias_full{width:100%;}

#noticias_full li{list-style:circle;}









/* rodape  ----------------------------------------------------------------------  */

#rodape{width:775px; background:#fff; text-align:center; float:left; padding:5px 0 10px 0; font-size:10px; color:#777; clear:both;}

#rodape div {width:688px; background:#fff; float:right; border: clear:both; }

#rodape div table {width:688px; background:#fff; float:right; border: 1px solid #ddd; clear:both; }

#rodape a{color:#be0005;}

.preto a{color:#000;}











/* forms  ----------------------------------------------------------------------  */

input, select, textarea{background:#fff; border:1px solid #ddd; padding:1px;}

select{width:100px;}

label{vertical-align:top;}

.enviar{background:url(i/btn_especial.gif) no-repeat left top transparent; border:0; width:20px; cursor:hand;}

.enviar_login{background:url(i/btn_especial.gif) no-repeat left top transparent; border:0; width:20px; cursor:hand;}

#busca{margin:7px 10px 0 0; width:97%;}

#busca a{margin:0 0 0 45px; color:#be0005; text-decoration:none;}
#busca a:hover{margin:0 0 0 45px; color:#be0005; text-decoration:underline;}






#login{margin:0 0 2px 0;}

#login input, #login_conteudo input{margin:2px 0 0 0;}

#login img{margin:0;}

#login label, #login_conteudo label{vertical-align:middle;}

#login_conteudo{text-align:right;}

.a_login{margin:0 0 0 40px;}







#contato select{width:300px;}

#cadastrar select{width:50px;}

#busca_intermediaria{width:70%; margin:30px 0 30px 0; text-align:left;}

#busca_intermediaria select{width:100px; display:block;}

#busca_intermediaria label, #busca_intermediaria input{display:block; margin:5px 0 0 0;}

#fechar_pedido, #contato{width:80%; margin:20px auto auto auto;}

#conteudo input, #conteudo select, #conteudo textarea{margin:2px 0 10px 0;}

#conteudo label{display:block;}

.enviar_contato{background:#be0005; color:#fff; padding:2px;}

.limpar_contato{color:#fff; padding:3px; border:1px solid #be0005; padding:2px; color:#be0005;}

.select{margin:0 0 0 10px;}





/*#fechar_pedido input{float:left;}

.pedido_form input{border:1px solid #ff0000; float:left;}*/






/* tabelas  ----------------------------------------------------------------------  */

#destaques_home{width:100%; margin:auto;}

#destaques_home td{padding:22px 5px 10px 10px; text-align:left; width:33%;}

#destaques_home td a{color:#be0005; font-weight:bold; text-decoration:none;}
#destaques_home td a:hover{color:#be0005; font-weight:bold; text-decoration:underline;}

#destaques_home td img{float:left; margin:0 10px 0 0;}

.bg_raras{background:url(i/bg_raras.gif) no-repeat left top;}

.bg_incomuns{background:url(i/bg_incomuns.gif) no-repeat left top;}

.bg_comuns{background:url(i/bg_comuns.gif) no-repeat left top;}




#destaques_do_produto{width:100%;}

#detalhes_do_produto td{vertical-align:top;}

.item{text-align:right; padding:0 5px 0 0;}

.caracteristica{text-align:left; color:#be0005;}





#lista_completa, #carrinho_pedido{width:100%}

#lista_completa td{padding:3px; vertical-align:middle;}

#carrinho_pedido td{padding:3px; vertical-align:middle; text-align:left;}

.divisao{width:100px;}

.tr_titulo td{color:#555; font-weight:bold; background:#f5f5f5;}

.tr_titulo_02 td{color:#555; font-weight:bold; background:#f5f5f5; padding:5px;}

.bg_tr_off{background:#fff;}

.bg_tr_on{background:#f5f5f5;}

.paginacao{text-align:center; background:#ddd;}







#tab_form{width:90%; margin:20px auto 20px auto;}

#tab_form td{text-align:left; vertical-align:top;}





#cores_busca{width:200px;}

#cores_busca td {text-align:center;}

#cores_busca input{border:0;}