@charset "iso-8859-1";
@import 'reset.css';
/***********************************************************************
	CASA DO SILICONE - www.casadosilicone.com.br
	****************************************
	Desenvolvimento: Canal da Midia | canaldamidia.com
	HTML/CSS: Nagüeva Guilherme | nagueva.com
			  Fabio S. Mendes 	
*/
/***********************************************************************
0 - ESTRUTURA GERAL
	0.1 - HEADER
	0.2 - MENU PRINCIPAL
	0.3 - RODAPE
	0.4 - CONTENT
1 - HOME

2 - PRODUTOS
   0.1 - PRODUTOS
 
   
***********************************************************************/
/***********************************************************************
	0 - ESTRUTURA GERAL
************************************************************************/
body { background:#00356a url(v1/bg.jpg) repeat-x; text-align:center; font:62.5% Arial, Helvetica, sans-serif; color:#0f395f; }
#wrap { margin:auto; width:778px; text-align:left;}
#content { margin:0 9px; padding:15px 20px 10px; background:#fff; font-size:1.1em; }
h1 { visibility:hidden; }
a{color:#0058a9;}
/***********************************************************************
		0.1 - HEADER
************************************************************************/
.flash { height:160px; }
/***********************************************************************
		0.2 - MENU PRINCIPAL
************************************************************************/
.menu { display:block; padding:5px 10px; margin:0 9px; background:#2A587F; font-size:1.1em; }
.menu a { padding:5px; text-decoration:none; text-align:center; color:#fff; }
.menu a:hover { background:#B1BFCD; color:#00356A; border-bottom:#ccc 1px solid; padding-bottom:4px; }
.menu a.active { background:#CEDEEC; color:#00356A; cursor:default; }
.menu a.active:hover { border:0; padding-bottom:5px; }
.menu .icons { float:right; margin:-8px 0 0; padding:3px 0 3px 10px; word-spacing:0; }
.menu .busca { float:right; margin:-10px 0 0; padding:1px 5px 4px; background:#9fafc1; border-left:#CEDEEC 2px solid; border-right:#CEDEEC 2px solid; color:#2A587F; }
.menu .busca label { float:left; display:block; margin:9px 0 0; width:40px; }
.menu .busca input { height:12px; border:#fff 1px solid; padding:1px; margin:7px 0 0; font-size:1.0em; color:#03316a; }
.menu .busca .btn { border:0; }
/***********************************************************************
		0.3 - RODAPE
************************************************************************/
#bottom { width:760px; height:93px; margin:0 0 0 9px; background:url(v1/bg_bottom.gif) no-repeat -9px -6px; clear:both; }
#bottom .phone { padding:7px 0 0 60px; color:#fff; }
#bottom .address { padding:12px 0 0 60px; color:#03316a; }
#bottom .copyright { padding:10px 0 0 60px; text-align:left; color:#7D94AC; }
/***********************************************************************
		0.3 - CONTENT
************************************************************************/
#content h2 { font-size:1.6em; color:#6e86a2; border-bottom:#dfe3e8 1px solid; margin:0 0 20px; }
/***********************************************************************
	1 - HOME
************************************************************************/
.home .destaques { float:left; width:350px; }
.home .destaques img { border-top:#163a5c 1px solid; }
.home .about { background:#ecedef url(v1/bg_home_about.gif) repeat-x 0 bottom; margin:0 0 0 370px; text-align:center; }
.home .about h3 { font-size:1.3em; color:#ebeff3; font-weight:bold; text-transform:uppercase; background:url(v1/bg_content_h2.jpg) no-repeat; padding:2px 60px 3px; margin:0 0 9px; text-align:left; }
.home .about p { padding:5px 20px 15px; text-align:justify; }
/***********************************************************************
	2 - EMPRESA
************************************************************************/
.empresa h3 { font-size:1.6em; color:#6e86a2; border-bottom:#dfe3e8 1px solid; margin:0 0 0 360px; }
.empresa .info { overflow:auto; background:#f3f4f6 url(v1/fundo3.jpg) no-repeat left 1px; padding:10px; margin:0 0 20px;}
.empresa .info p { padding:10px 10px 10px 25px; text-align:justify; line-height:18px }
.empresa .info img { float:right; margin:0 0 0 15px; }
.empresa .cultura img { float:left; margin:0 20px 0 0; }
.empresa .cultura p { padding:10px 10px 10px 25px; text-align:justify; line-height:18px }
/***********************************************************************
	3 - PRODUTOS
************************************************************************/
.produtos_lista h3,
.produtos h3 { font-size:14px; text-transform:uppercase; font-weight:bold; color:#163a5c; border-bottom:#e2e3e5 1px solid; margin:0; color:#6e86a2; }

.formularioLogin{ background:#f8f9fb; border:#e2e3e5 1px solid; padding:5px 10px 5px; margin:-50px -10px 10px 0; width:498px; float:right }
.formularioLogin h3{ font-size:12px; font-weight:normal; margin:0 0 5px; text-transform:none; border-bottom:#e2e3e5 1px solid; }
.formularioLogin a { color:#9fafc1; text-decoration:none;}
.formularioLogin a:hover { color:#0058a9; text-decoration:underline;}
.formularioLogin form { float:left; margin:0 10px 0 0; padding:5px 0}
.formularioLogin form input {border:#e2e3e5 1px solid; color:#2a587f; padding:3px; font-size:12px; background:#fff; width:135px }
.formularioLogin form input:focus{ border:#2a587f 1px solid; }
.formularioLogin form input.submit { width:50px; border:#9fafc1 1px solid; padding:1px; cursor:pointer; }
.formularioLogin form input.submit:hover { background:#2a587f; color:#fff }

.getCategoriaDestaque { clear:both; margin:0 -10px 0 210px; background:#f8f9fb; border:#e2e3e5 1px solid; padding:10px 10px 18px; }
.produtos_lista .getCategoriaDestaque { margin:-10px 0 0 210px; }
.getCategoriaDestaque img.imgListaCategoria { float:left; margin:0 10px 20px 0; width:100px; padding:0 0 20px 0;}
.getCategoriaDestaque li { overflow:auto; border-bottom:#e2e3e5 1px solid; padding:10px 5px }
.getCategoriaDestaque strong.codigo{display:block; margin:0 0 10px}
.getCategoriaDestaque h4{ font-size:12px; font-weight:bold; }

.getMenuProdutosRoot { background:#f8f9fb; border:#e2e3e5 1px solid; float:left; width:250px; }
.getMenuProdutosRoot a { padding:3px 10px; display:block; color:#2a587f; text-decoration:none; }
.getMenuProdutosRoot a:hover { background:#e0e5eb; }
.img_tabela { margin:0 0 0 18px; width:510px; }

.getListaProdutos table {margin:10px 10px 0; display:block;}
.getListaProdutos table .codigoTitle,
.getListaProdutos table .descTitle,
.getListaProdutos table .comprarTitle {color:#fff; background:#6e86a2; font-size:12px; font-weight:bold; padding:5px}
.getListaProdutos table .codigoTitle {width:150px; padding:5px 5px 5px 10px;}
.getListaProdutos table .descTitle {width:207px;}
.getListaProdutos table .comprarTitle {width:80px;}
.getListaProdutos table td{border:#e2e3e5 1px solid; padding:5px; vertical-align:middle; font-size:12px;}
.getListaProdutos table td.codigo{padding:5px 5px 5px 10px;}
.getListaProdutos table tr:hover{ background:#fff}

.getTabelaPrecosProdutos table { width:100%;background:#f8f9fb; margin:0 0 10px }
.getTabelaPrecosProdutos table td{border:#e2e3e5 1px solid; padding:5px; vertical-align:middle;}
.getTabelaPrecosProdutos table .precTitle{color:#fff; background:#6e86a2; font-weight:bold; padding:5px}
.getTabelaPrecosProdutos table .catTitle{color:#fff; background:#6e86a2; font-weight:bold; padding:5px}
.getTabelaPrecosProdutos table tr:hover{ background:#fff}
.getTabelaPrecosProdutos table tr.catTitle:hover{ background:#6e86a2}

.getMultiMenuProdutos{position:absolute; background:#fff; width:175px; margin:10px 0 0; cursor:pointer; display:block;}

.getMultiMenuProdutos ul{list-style:none; margin:0; padding:0; background:#fff; border:#dedee2 1px solid; float:left; width:200px;}
.getMultiMenuProdutos li{position:relative; padding:5px; color:#0058a9;}
.getMultiMenuProdutos li:hover{background:#d5ebff; color:#00abed;}
.getMultiMenuProdutos a{width:100%; margin:0; text-decoration:none; color:#0058a9;}
.getMultiMenuProdutos a:hover{color:#00abed;}

.getMultiMenuProdutos ul ul, 
.getMultiMenuProdutos ul li:hover ul ul,
.getMultiMenuProdutos ul ul li:hover ul ul, 
.getMultiMenuProdutos ul ul ul ul li{display:none;}


.getMultiMenuProdutos ul li:hover ul, 
.getMultiMenuProdutos ul ul li:hover ul,
.getMultiMenuProdutos ul ul ul li:hover ul, 
.getMultiMenuProdutos ul ul ul li:hover ul li{display:block;}

.getMultiMenuProdutos ul ul{position:absolute; top:0; left:100%; width:360px; z-index:999;}
.getMultiMenuProdutos ul ul ul{width:150px;}
.getMultiMenuProdutos ul ul ul ul{width:150px;}
/***********************************************************************
	4 - CONTATO
************************************************************************/
.contato { overflow:auto; width:720px; }
.contato h2 { margin:0 0 15px !important; }
.contato p { padding:0 0 15px; }
.contato form { border:#dedee2 1px solid; width:320px; padding:15px 15px 0; float:left;}
.contato form input,
.contato form select,
.contato form textarea { font:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; display:block; width:310px; border:#dedee2 1px solid; padding:3px; margin:0 0 10px; }
.contato form textarea { height:100px;}
.contato form select { margin:0; width:320px }
.contato form textarea:focus,
.contato form input:focus{ border:#2a587f 1px solid; }
.contato form input.btn { width:50px; background:#fff; color:#2a587f; width:70px; padding:1px; cursor:pointer; }
.contato form input.btn:hover { background:#2a587f; color:#fff }
.contato .equipe { border:#dedee2 1px solid; margin:0 0 0 370px; padding:15px; }
.contato .equipe h3 { font-size:1.6em; color:#9fafc1; border-bottom:#dedee2 1px solid;}
.contato .equipe h4 { font-weight:bold; margin:15px 0 5px; }
.contato .equipe strong { font-weight:normal; display:block; margin:5px 0 3px; }
.contato .equipe a { background:url(v1/bt_email.gif) no-repeat 0 0; color:#0f395f; text-decoration:none; padding:0 20px; }
.contato .equipe a:hover { text-decoration:underline }



/**************************************************************************
10 - CADASTRO
**************************************************************************/

.cadastroClientes {width:600px; height:140px; margin:0; background:url(v1/fundo_tabelaCadastroLogin.jpg) no-repeat 300px 0px; font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;}
.usuarioNaoCadastrado, .usuarioJaCadastrado{text-align:right;}
.usuarioJaCadastrado {width:270px; float:left; margin:0px 30px 0px 0px;}
.usuarioNaoCadastrado {width:270px; float: right; margin:0px 0px 0px 30px;}
.cadastroClientes h2{font-size:14px; font-weight:bold; color:#33768C; text-transform:uppercase; padding:20px 0px 5px 0px; text-align:left;}
.cadastroClientes ul{width:270px; margin:0px;}
.cadastroClientes ul li{padding:2px; font-size:12px; color:#666666; margin:0px;}
.cadastroClientes .alinharEsquerda{text-align:left;}
.cadastroClientes input.campo{width:200px;}



/*.cadastroClientes {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:0px auto; width:600px;}
.cadastroClientes table{width:270px; float:left;}
.cadastroClientes table.geral{background:url(v1/fundo_tabelaCadastroLogin.jpg) no-repeat top center fixed; width:600px; height:200px;}
.cadastroClientes table.geral td{width:50px;}
.cadastroClientes h2{font-size:16px; font-weight:bold; color:#33768C; text-transform:uppercase; padding:20px 0px 5px 0px; width:250px;}
.cadastroClientes p{font-size:12px;}
.cadastroClientes td{padding:5px 0px;}
.cadastroClientes td.btn{text-align:right;}*/

.cadastroPessoaFisica {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:0px 0px 0px 50px; padding:0px 0px 20px 50px; background:#FFF;}
.cadastroPessoaFisica h2{font-size:16px; font-weight:bold; color:#33768C; text-transform:uppercase; padding:20px 0px 5px 0px;}
.cadastroPessoaFisica p{font-size:12px;}
.cadastroPessoaFisica td{padding:5px 0px;}

.cadastroPessoaJuridica {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:0px 0px 0px 50px; padding:0px 0px 20px 50px; background:#FFF;}
.cadastroPessoaJuridica h2{font-size:16px; font-weight:bold; color:#33768C; text-transform:uppercase; padding:20px 0px 5px 0px;}
.cadastroPessoaJuridica p{font-size:12px;}
.cadastroPessoaJuridica td{padding:5px 0px;}

.cadastroFim {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:0px 0px 0px 50px; padding:0px 0px 20px 50px; background:#FFF; text-align:center;}
.cadastroFim h2{font-size:16px; font-weight:bold; color:#33768C; text-transform:uppercase; padding:20px 0px 5px 0px;}
.cadastroFim p{font-size:12px;}
.cadastroFim a{font-size:14px;font-weight:bold;color:#5299ad;text-align:left;margin:0 0 10px 0; line-height:20px;}


/**************************************************************************
11 - CARRINHO
**************************************************************************/
/*.listaProdutosCarrinho{font-size:12px; font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; margin:30px; color:#888;}
.listaProdutosCarrinho td.total{text-align:right; font-weight:bold; padding:7px;}
.listaProdutosCarrinho td{padding:5px 20px 5px 5px;}
.listaProdutosCarrinho td.valorNum{text-align:right;}
.listaProdutosCarrinho td.carrinhoVazio{padding:30px;}
.listaProdutosCarrinho tr.alinharCentro td{text-align:center;}

.listaProdutosCarrinho strong{font-size:13px; font-weight:bold; color:#33768C; text-transform:uppercase;}
.listaProdutosCarrinho p.valorTotal{font-weight:bold; background:#eee; padding:3px; text-align:right;}
.listaProdutosCarrinho a.continuarFechar{padding:2px 5px; border:1px #CCCCCC solid; background:#eeeeee; color:#666666;}
.listaProdutosCarrinho a.continuarFechar:hover{background:#f9f9f9;}
.listaProdutosCarrinho a.excluirRecalcular, .listaProdutosCarrinho a.voltar{font-weight:bold; color:#666666;}
.listaProdutosCarrinho a.excluirRecalcular:hover, .listaProdutosCarrinho a.voltar:hover{border-bottom:1px solid #666666;}*/

/*******************************************
11 - CARRINHO
********************************************/
.listaProdutosCarrinho {font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; background:#FFF;background:#FFFFFF;}

.listaProdutosCarrinho h1{font-size:14px;padding:5px;background:#33768c;color:#FFFFFF; text-align:center; font-weight:bold;}
.listaProdutosCarrinho p{font-size:12px;color:#33768c;margin:0 5px;}
.listaProdutosCarrinho p.total{font-weight:bold;font-size:12px;margin:0px 0px 0px 0px;padding:5px;border:1px solid #8fc4d6;background:#F3F8F8; text-align:right;}
.listaProdutosCarrinho img {padding-left:5px}
.listaProdutosCarrinho .tableGeral{width:730px;}
.listaProdutosCarrinho .tableGeral p.valor{text-align:right;}
.listaProdutosCarrinho .tableGeral p.num{text-align:left;}
.listaProdutosCarrinho .tableGeral td{padding:5px 0px;}
.listaProdutosCarrinho .border{border-bottom:solid 1px #8fc4d6;}
.listaProdutosCarrinho .border-left{margin-left:5px; border-bottom:solid 1px #8fc4d6;border-left:solid 1px #8fc4d6;}
.listaProdutosCarrinho .border-right{margin-right:5px; border-bottom:solid 1px #8fc4d6; border-left:solid 1px #8fc4d6; border-right:solid 1px #8fc4d6;}
.listaProdutosCarrinho .linha1{background:#FFFFFF;}
.listaProdutosCarrinho .linha2{background:#F3F8F8;}

.listaProdutosCarrinho .tableGeral{margin:0px auto;}
.listaProdutosCarrinho .tableGeral input {text-align:center;}
.listaProdutosCarrinho .tableGeral .qtde input {text-align:center;}

.alinharDireita{text-align:right;}