/* CSS Document */
/* Pop box */
.PopBoxImageSmall
{
   border: none 0px white;
   cursor: url("../js/popbox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
   border: solid thin #CCCCFF;
   cursor: url("../js/popbox/images/magminus.cur"), pointer;
}
/* Alpha PNG support for IE  
------------------------------  
explicando: esse codigo deixa img png com fundo transparente no ie6, ja que ele não suporta isso
Colocar dentro da pasta IMG a imagem "blank.png"
\*/  
* html img/**/ {   
  
filter:expression(   
this.alphaxLoaded ? "" :   
(   
this.src.substr(this.src.length-4)==".png"  
?   
(   
(!this.complete)
? "" :   
this.runtimeStyle.filter=   
("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+   
(this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+   
String(this.alphaxLoaded=true).substr(0,0)+   
(this.src="../img/blank.png").substr(0,0)   
)   
:   
this.runtimeStyle.filter=""  
)   
);   
}  
/* fim img transparente */
* { margin:0;	padding:0;	border:0; border-collapse:collapse; vertical-align:top; text-align:left; font-size:11px; font-family:"Trebuchet MS";}
body { background: url(../img/bg_geral.jpg) repeat-x #F3F3F3; font-size:11px; font-family:"Trebuchet MS"; color:#666666; }
a { color:#666666; text-decoration:none; vertical-align:middle; }
a:hover { text-decoration:underline; color:#0092AB; }
img { border:0; padding:0; margin:0; }
select, input { font-size:11px; color:#666666; vertical-align:middle; }
#geral { width:100%; height:1000px; background:url(../img/bg_geral.jpg) no-repeat #F3F3F3; text-align:center; vertical-align:top; font-size:11px; color:#666666; font-family:"Trebuchet MS"; color:#666666; }
/* TOPO */
#topo { width:100%; background:url(../img/bg_topo.jpg) repeat-x; height:204px; }
#topo #flash { width:770px; height:204px; margin:0 auto; vertical-align:top; }

/* Busca e Títulos */
#buscaTits { width:769px; height:140px; margin:0 auto; background:url(../img/bg_busca.png) no-repeat; }
#busca { width:210px; float:left; }
#busca input { color:#666666; }
#busca #termos { margin:35px 0 0 8px; width:164px; padding:0 0 0 3px; }
#busca #categoria { margin:22px 0 0 8px; width:164px; border:none; }
#btBusca { width:96px; height:25px; background:url(../img/bt_busca.png) no-repeat; display:block;  margin:20px 0 0 36px; *margin:12px 0 0 36px; cursor:pointer; }
/* titulos das paginas */
#titulos { float:right; width:559px; height:120px; }

/* Paginacao */
#paginacao { margin:0 auto; color:#333333; width:100%; text-align:center;}

/* Mensagens de Erro e de Ok */
#msgErro { border:solid 1px #990000; background:#BBDFE5; color:#FF0000; }
#msgOk { border:solid 1px #0092AB; background:#BBDFE5; color:#FF0000; }
.msgs { width:90%; padding:8px 0 8px 0; margin:0 0 10px 40px; text-align:center; font-weight:bold; }
/* Menu e conteudo */
#menu_conteudo { width:770px; min-height:400px; margin:0 auto; display:block; }
#menuLateral { width:210px; float:left; text-align:left; padding:10px 0 10px 0; }
#conteudo { float:right; width:560px; text-align:center; color:#666666; vertical-align:top; }

/* Fale Conosco */
#img_faleconosco { width:240px; float:left; text-align:center; height:300px; background:url(../img/img_faleconosco.jpg) no-repeat top; padding:150px 0 0 0; border-right: solid 1px #CCCCCC; }
#img_faleconosco address { margin:0 0 0 40px;}
#campos_faleconosco { width:299px; float:left; height:400px; clear:right;}
#tbl_faleconosco { width:280px; margin:0 0 0 20px; }
#tbl_faleconosco input, textarea,select { width:200px; margin:0 0 3px 0; padding:2px; border:solid 1px #CCCCCC; background:#F4F4F4; color:#666666; }
#tbl_faleconosco #btEnviar { background:url(../img/bt_enviar.png) no-repeat; width:96px; height:25px; cursor:pointer; margin:8px 0 0 130px; }


/* A EMPRESA */
#foto_aempresa { width:150px; height:150px; background:#F7F7F7 url(../img/logo_constrular.jpg) no-repeat center center; text-align:center; vertical-align:middle; margin:0 0 8px 40px; *margin:0 0 8px 0; border:solid 1px #FFFFFF; }
#menu_quemsomos { background:#F3F3F3; border: solid 1px #E0DFE3; margin:0 auto; }
#menu_quemsomos td { padding:2px;width:140px; padding:2px 0 2px 10px; }
#menu_quemsomos a { color: #004C6F; }
#tits_empresa { color:#002D73; font-size:15px; font:Arial, Helvetica, sans-serif; padding:5px 0 10px 0; text-transform:uppercase; font-weight:bold; text-align:left; }
#textos_empresa { color:#FFFFFF; font-size:11px; font:Arial, Helvetica, sans-serif; text-align:justify; color:#666666 }

/* Página Interna Parte Branca (Fundo) */
#interna { background:#FFFFFF; float:right; width:95%; _width:85%; height:500px; padding:10px 20px 10px 10px; }

/* DICAS */
#dica { width:100%; padding:10px 20px 10px 10px; vertical-align:top; }
#dica_img { float:left; padding:5px; margin:0 10px 10px 0 ; width:160px; background:#E0DFE3; text-align:center; }
#mais_dicas { width:100%; padding:10px; vertical-align:top; clear:both; }
#mais_dicas .p1 { color:#0092AB; font-weight:bold; border-bottom:solid 1px #CCCCCC; width:95%; padding:0 0 5px 0; text-align:left; margin:0 0 10px 0; }
#todas_dicas { float:right; font-size:10px; color:#0092AB; vertical-align:middle; }
#data_dica a { color:#0B5290; text-decoration:none; }
#data_dica a:hover { text-decoration:underline; }
#tit_mais_dicas a { color:#666666; margin:0 0 0 10px; text-decoration:none; }
#tit_mais_dicas a:hover { text-decoration:underline; }
/* RODAPE */
#rodape { width:100%; height:125px; background: url(../img/bg_rodape.jpg) repeat-x; color:#999999; display:table; clear:both; }
#rodape ul,li { text-decoration:none; display:inline; }
#rodape a { color:#999999; text-decoration:none; margin:0; }
#rodape a:hover { color:#0092AB; text-decoration:underline; }
#rodape_menu { width:770px; margin:0 auto; text-align:center; height:31px; vertical-align:middle; padding:7px 0 0 0; }
#copy_logo { width:770px; text-align:center; margin:0 auto; }
#copy { float:left; margin:25px 0 0 0; }
#miraline { float:right; margin:15px 0 0 0; }
#miraline img,a { vertical-align:middle; margin:0 0 0 8px; }



/* HOME */
#listagemHome { width:100%; text-align:center; }
#listagemHome td { padding:10px; text-align:center; }
.quadro { float:left; margin:0 15px 0 0; width:155px; height:176px; text-align:center; padding:0 5px 0 5px; }
.quadro a { font-size:11px; font-family:"Trebuchet MS", Verdana, Arial; color:#666666; }
.quadro img { margin:28px 0 8px 0; }
.quadro a:hover { color:#002D73; }
#normal { background:url(../img/bg_produtos.gif) no-repeat; }
#promocao { background:url(../img/bg_produtos_promo.gif) no-repeat; }


/* Produtos */
#listagemProdutos { padding:10px; width:95%; background:#FFFFFF }
#listagemProdutos img { border: solid 1px #CCCCCC; margin:1px; padding:3px; }

#paginacao { color:#002D73; }
#paginacao a { color:#666666; }
.paginacao_selecionada { color:#FF0000; }

/* Detalhes do Produto */
#detalhesProduto { width:100%; text-align:center; }
#detalhesProduto #produto_titulo { color:#84C225; font-weight:bold; font-size:16px; text-transform:uppercase; }


/* CARRINHO */
#carrinho { border:solid 1px #CED8D7; text-align:center; }
#carrinho input { text-align:center; }
#carrinho td { border-top: solid 1px #CED8D7; text-align:center;border-right: solid 1px #CED8D7; vertical-align:middle; }
.tit_carrinho {color:#0092AB; font-weight:bold; font-size:16px; text-transform:uppercase; background:#CED8D7; padding:3px 0 3px 0; text-align:center; }
.subtit_carrinho { font-size:11px; font-weight:bold; text-transform:uppercase; color:#0092AB; text-align:center; border-right: solid 1px #CED8D7; }

/* Mensagens do site */
#mensagem { border: #C2DABA solid 1px; background:#F5FFF2; text-align:center; width:90%; padding:8px; }

/* Login */
#login input { border: solid 1px #CCCCCC; width:120px;}
#btEntrar { background:url(../img/bt_entrar.jpg) no-repeat; width:95px; height:25px; margin:13px 0 0 60px; cursor:pointer; }
#btCadastrar { background:url(../img/bt_cadastrar.jpg) no-repeat; width:96px; height:25px; margin:38px 0 0 60px; cursor:pointer; }



/* Cadastro */
#cadastro { width:100%; }
#cadastro .label { text-align:right; width:30%; padding:2px 5px 2px 0; font-weight:bold; color:#666666; }
#cadastro input { border: solid 1px #CCCCCC; width:200px; }
.label, .campos { padding-top:3px; padding-bottom:3px; vertical-align:middle; }
#btCadastrar { margin:10px 170px 10px 0; background:url(../img/bt_cadastrar.jpg) no-repeat; width:96px; height:25px; cursor:pointer; }