/******************************* GERAL  **************************************/
body{background:#FFF; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
#geral {width:960px; margin:0 auto; background:#FFF; padding:7px; color:#020167}
.caixa-texto{border:1px solid #dadae2; color:#515176; background:url(../img_estrutura/fundo_caixa_texto.jpg) repeat-x;height:17px;}
.caixa-mensagem{border:1px solid #dadae2; color:#515176; background:url(../img_estrutura/fundo_caixa_texto.jpg) repeat-x}
.limpa{clear:both;}
a{color:#020167}


/******************************* TOPO  **************************************/
#topo{position:relative; height:120px; border:1px solid transparent}
#logo{width:168px; height:110px; float:left;}

#menu-principal{position:absolute; left:185px; width:795px;}
#menu-principal ul li a{background: url(../img_estrutura/sprite_home_menu.jpg) no-repeat;}

#menu-principal li .menu-principal-home{background-position: 0px 0px; }
#menu-principal li .menu-principal-produtos{background-position: -156px 0px;}
#menu-principal li .menu-principal-clientes{background-position: -312px 0px;}
#menu-principal li .menu-principal-desenvolvimento{background-position: -468px 0px;}
#menu-principal li .menu-principal-contato{background-position: -640px 0px;}

#menu-principal li .menu-principal-home:hover{background-position: 0px -26px; }
#menu-principal li .menu-principal-produtos:hover{background-position: -156px -26px;}
#menu-principal li .menu-principal-clientes:hover{background-position: -312px -26px;}
#menu-principal li .menu-principal-desenvolvimento:hover{background-position: -468px -26px;}
#menu-principal li .menu-principal-contato:hover{background-position: -640px -26px;}

#menu-principal li .menu-principal-home-ativo{background-position: 0px -26px; }
#menu-principal li .menu-principal-produtos-ativo{background-position: -156px -26px;}
#menu-principal li .menu-principal-clientes-ativo{background-position: -312px -26px;}
#menu-principal li .menu-principal-desenvolvimento-ativo{background-position: -468px -26px;}
#menu-principal li .menu-principal-contato-ativo{background-position: -640px -26px;}

#menu-principal ul{padding:0; margin:0;}
#menu-principal li{float:left; list-style:none; padding:5px 0; font-size:13px; text-transform:uppercase; font-weight:bold;}
#menu-principal li a{text-decoration:none; color:#FFF; padding:5px 47px;}

/*#busca{margin:0; padding:0; margin-left:20px; padding-top:63px; float:left}
.busca-texto{font-weight:bold; padding-bottom:5px}
.busca-caixa-texto{width:320px; float:left}
.busca-botao{margin-left:5px;} */

#texto-topo{margin:41px 0 0 185px;position:relative; width:770px; text-align:center; font-weight:bold}

#busca{margin:0; padding:0; margin:25px 0 0 20px; float:left; width:300px}
.busca-texto{font-weight:bold; padding-bottom:5px;}
.busca-caixa-texto{width:320px; float:left}
.busca-botao{margin-left:5px;}

/*#televendas{color:#0107e3; font-weight:bold; float:left; text-align:right;  padding-top:74px; margin-left:237px; font-size:14px;} */
#televendas{color:#0107e3; font-weight:bold; text-align:right; margin-top:20px ;font-size:14px; float:right}


/****************************   MENU CENTRAL - CATEGORIAS (index)   **********************************************/
#menu-central{width:960px; height:70px; text-align:center; margin:20px 0 20px 2px}
#menu-central ul{padding:0; margin:0}
#menu-central li{float:left; list-style:none; padding:5px 1px 5px 0; font-size:13px; text-transform:uppercase;}
#menu-central li a{text-decoration:none; font-weight:bold; padding:0 4px}
#menu-central li a:hover{text-decoration:underline;color:#0107e3}
.menu-central-separador{cursor:default}


/************************************* CONTEUDO ***********************************************************/
#conteudo{clear:both; margin:0 auto}
#banner{margin:0; width:960px; text-align:center; margin-top:20px; margin-left:2px; overflow:visible;}


/************************************* CONTEUDO (index)  ****************************************************/
#col-esquerda{float:left; width:260px; margin-bottom:20px}
#col-esquerda-depoimentos{margin-bottom:30px}
#col-esquerda-depoimentos p{font-size:13px; font-style:italic; font-weight:bold; text-align:justify; padding:5px 3px;}
.col-esquerda{height:auto; background:url(../img_estrutura/fundo_texto_pequeno.jpg) no-repeat}
.col-esquerda-title{font-size:14px; font-weight: bold; color:#FFFFFF; text-transform:uppercase; padding:3px 0 0 6px}
#col-esquerda-depoimentos p{font-size:13px; font-style:italic; font-weight:bold; text-align:justify; padding:5px 3px;}
.newsletter-label{margin-bottom:5px;}
.newsletter-nome{width:258px; margin-bottom:10px}
.newsletter-email{width:230px; margin-bottom:10px; float:left}

#col-direita{float:left;width:670px;margin-left:28px; margin-bottom:20px; background:url(../img_estrutura/fundo_texto_medio.jpg) no-repeat; min-height:100px}
#col-direita-destaque{margin-top:20px;}
.col-direita-produto{float:left; margin:0 5px 10px 0; height:165px; text-align:center; cursor:pointer}
.col-direita-produto-destaque{width:216px;  margin-top:25px}
.col-direita-produto-destaque img{border:none}
.col-direita-produto-lista{margin-bottom:10px; border:none}
.col-direita-produto a{text-decoration:none; color:#616574}
.col-direita-produto a:hover{text-decoration:none; color:#0107e3}
.col-direita-nome{font-weight:bold}
.col-direita-categoria{font-size:11px}
.col-direita-separador{width:2px; height:170px; background-color:#e5e5e5; float:left; margin-top:20px;}

.banner-texto{width:30px; height:340px}
.banner-imagem{width:30px; height:340px}


/************************************ NEWSLETTER   *********************************************/
.news-caixa-texto{border:1px solid #dadae2; color:#515176; background:url(../img_estrutura/fundo_caixa_texto.jpg) repeat-x; height:17px; margin:5px 0 10px 0}
.news-botao{width:26px; height:24px; overflow:hidden; background:url(../img_estrutura/botao_newsletter.jpg) no-repeat 0 0; margin-top:21px; border:none; cursor:pointer}
.news-nome{float:left; width:226px}


/************************************  MENU  LATERAL PRODUTOS   *********************************************/
#menu-produtos {margin-top:15px; float:left}
.menu-titulo{margin:0; padding:0; height:25px; width:230px;  background: url(../img_estrutura/sprite_produtos_menu.jpg) no-repeat; background-position:0px 0px; font-weight:bold; cursor:pointer; margin-bottom: 10px}
.menu{margin: -5px 0 15px 0; width:180px; text-align:left; margin-left:4px;}
.menu-titulo:hover{color:#FFFFFF;background-position: 0px -27px;}

.menu-titulo-ativo{margin:0; padding:0; height:25px; width:230px; background: url(../img_estrutura/sprite_produtos_menu.jpg) no-repeat; font-weight:bold; cursor:pointer; margin-bottom: 10px; color:#FFFFFF;background-position: 0px -27px;}
.menu-titulo-texto-ativo{margin:0; padding:0; text-align:center; padding-top:4px; font-size:13px; text-transform:uppercase; margin-left:-10px; color:#fff}

.menu-titulo a{text-decoration:none; text-transform:uppercase; }
.menu-titulo a:hover{color:#FFF;background-position: 0px -27px;}
.menu-titulo-texto{margin:0; padding:0; text-align:center; padding-top:4px; font-size:13px; text-transform:uppercase; margin-left:-10px;}
.menu a{text-decoration:none; font-weight:bold}
.menu a:hover{color:#0107e3}
.menu-ativo{color:#0107e3; text-decoration:underline}
.menu-inativo{color:#020167}
.menu-link{padding-bottom:3px; text-transform:lowercase}


/************************************* CONTEUDO (todosprodutos)  ********************************************/
#conteudo-title{background: url(../img_estrutura/fundo_texto_medio.jpg) no-repeat; height:26px; margin-bottom:10px; margin-left:-5px}


/*******************************   TODOS OS PRODUTOS   *******************************/
.col-direita{float:left;width:713px; height:100%; margin:15px 0 20px 0}
.col-direita-produto-cada{width:235px}
#col-direita-orcamento{margin:0 0 0 575px; width:150px; height:20px}
#col-direita-orcamento-image{float:left; padding:2px}
#col-direita-orcamento-texto a:hover{border:dashed; text-decoration:none; color:#000;}
#col-direita-orcamento-texto{float:left; font-weight:bold; color:#f67a22; text-transform:uppercase; margin-left:5px; font-family:Arial, Helvetica, sans-serif}
#col-esquerda-produtos{float:left; width:232px; margin:0 10px 20px 0}


/***************************  PRODUTOS  ************************************/
.col-deireita-titulo{margin-top:15px; float:left}

#produtos-thumbnail01{width:90px; float:left; margin-right:130px;}
#produtos-thumbnail02{width:90px; float:left;  margin-right:30px}
.produtos-thumbnail{margin:10px 0 0 0; float:left; height:320px;}
.produtos-thumbnail ul{margin:0; padding:0;}
.produtos-thumbnail ul li{list-style:none; width:90px; height:70px; border:2px solid #e5e5e5; margin:5px 5px 6px 0; float:left;}
.produtos-thumbnail ul li a, #produtos-maior a, #produtos-maior02 a{color:#FFF; text-decoration:none}
#produtos-maior{margin:15px 0 0 0; float:left; width:455px; height:340px; border:2px solid #e5e5e5; background-color:#FFFFFF}
#produtos-maior02{margin:15px 0 0 0; float:left; width:460px; height:345px; border:2px solid #e5e5e5; background-color:#FFFFFF}
.media{color:#FFF}
#produtos-aumentar01, #produtos-aumentar02{margin-left:0px; cursor:default; color:#0107e3}
#produtos-descricao{margin-top:30px}
.informacoes{margin:0 0 15px 0; color:#0000FF; font-weight:bold}
.descricao{float:left; width:350px; margin-right:20px}
.descricao02{float:left; width:250px; margin:0 auto;}
.descricao ul {margin-left:-30px}
.descricao ul li {list-style:none}
.descricao-titulo{font-size:14px; font-weight:bold}
.descricao-lista{margin:10px 0 0 20px}
.produtos-video-texto{font-size:14px; font-weight:bold; margin-top: 30px}
.quantidade{color:#FF0000; font-size:13px; width:250px; margin-left:28px}
.caixa-qtde{margin:0; padding:0; margin:20px 0 0 0;}
#quantidade{margin: 0 auto; margin:0 0 0 30px;}

#vid01, #vid02{float:left; margin:20px 60px 0 0;}
#produtos-realcionados{margin-top:10px}
#produtos-realcionados a{color:#0107e3; text-decoration:none}
#produtos-realcionados a:hover{text-decoration:none; font-weight:bold}
#adicionar-carrinho{clear:both; margin:0; padding:0; margin:15px 0 0 30px;}
#adicionar-carrinho input{margin:0; padding:0; padding:5px; color:#FFF; font-weight:bold; background:url(../img_estrutura/orcamentoForm.png) no-repeat; text-align:center; width:195px;}
#adicionar-carrinho input:hover{color:#FFFF00; text-decoration:none;}


/**************************   CLIENTES/DESENVOLVIMENTO   ************************************/
.col-direita-descricao{text-align:justify; font-size:13px; font-weight:bold}
#clientes-logo{margin:0; padding:0; height:100%; margin-top:20px; margin-bottom:30px;}
#clientes-logo ul{margin-left:0; padding:0}
#clientes-logo ul li{float:left; list-style:none; width:150px; height:130px; margin:15px 30px 15px 0;}


/**************************   CONTATO   ************************************/
.contato-campo{margin-bottom:15px}
.contato-campo02{margin:0 15px 15px 0; float:left}
.contato-texto{padding-bottom:5px}
.contato-caixa-texto, .contato-mensagem{width:630px;}
.contato-caixa-texto-cep{width:70px}
.contato-caixa-texto-cidade{width:504px}
.contato-caixa-texto-estado{width:22px}
.contato-caixa-texto-telefone{width:95px}
.contato-caixa-texto-email{width:406px}


/************************  RODAP   ********************************/
#brindice-rodape{margin:10px 0; text-align:center; color:#9b9b9a; font-weight:bold}
#rodape{height:30px; color:#adadac; font-size:11px; position:relative}
#empresa{float:left; width:790px; background-color:#FFFFFF; text-align:left}
#creditos{width:167px; float:left; text-align:right}
#creditos a{text-decoration:none; font-weight:bold;color:#adadac}
#creditos a:hover{text-decoration:underline}

/***************************************************************/
legend{color:#FFFFFF; font-weight:bold; font-size:14px; text-transform:uppercase; margin-top:3px;}


/************************  ORCAMENTO   ********************************/
.orcamento-campo{margin-bottom:15px}
.orcamento-campo02{margin:0 15px 15px 0; float:left}
.orcamento-texto{padding-bottom:5px}
.orcamento-caixa-texto, .orcamento-mensagem{width:630px;}
.orcamento-caixa-texto-contato{width:465px;}
.orcamento-caixa-texto-cep{width:70px}
.orcamento-caixa-texto-cidade{width:590px}
.orcamento-caixa-texto-estado{width:50px}
.orcamento-caixa-texto-telefone{width:150px}
.orcamento-caixa-texto-email{width:406px}

#orcamento li{list-style:none; margin:0; padding:0; margin-left:-40px; margin-bottom:10px;}
.orcamento-geral{width:630px; height:50px; border:#EEE solid 1px;}
.orcamento-nome-produto{width:250px; float:left; margin:15px 0 0 20px;}
.orcamento-qtde-produto{width:150px; float:left; margin-top:15px;}
.orcamento-remove-produto{float:right; margin:15px; font-size:10px;}
.orcamento-remove-produto a{color:#FF0000;}
.orcamento-atualiza-produto a{float:right; margin-top:15px; font-size:10px;}
.orcamento-atualiza-produto a{color:#FF0000;}
#resposta-envio{color:#FF0000; margin-top:15px; font-size:14px; font-weight:bold; text-align:center; background:#EEE; width:630px;}
.aviso-orcamento{font-size:13px; color:#0000FF; font-weight:bolder; margin-bottom:20px; width:715px; text-align:justify}
.aviso-orcamento strong{color:#FF0000;}
#frmOrcamento{margin-top:10px;}
#continua-cotando {width:130px; height:22px; display:block; background:url(../img_estrutura/cotando.jpg) no-repeat #FFF; float:left; margin:0 10px 0 5px;}
#continua-cotando a{width:130px; height:22px; text-decoration:none; display:block;}
/*#continua-cotando a.hover{width:130px; height:22px;}
 background:url(../img_estrutura/cotando_click.jpg) no-repeat #FFF;}*/