@charset "utf-8";
/* CSS Document 
Autor(a): Kelly Pincelli de Jesus
E-mail: contato@amplittude.com.br
*/

/*Configurações da página
-----------------------------------------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:#ffffff;
	color:#4f4f4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	}

/* ID das Divisões da Página (div) 
-----------------------------------------------------------------------------------------*/
#mae{
	min-width:909px;
	}

#topo {
	background:url(layout/bgtopo.gif) no-repeat left top;
	height:230px;
	}
	
#painelA {
	float:left;
	width:180px;
	margin-left:-99.5%;
	margin-top:5px;
	min-height:320px;
	background:#cdeb8b;
	}
	
#painelB {
	float:left;
	width:100%;
	background:#ffffff;
	}

#painelC {
	float:left;
	width:180px;
	margin-left:-185px;
	margin-top:5px;
	background:#cdeb8b;
	}

#painelE {
	margin-left:190px;
	margin-right:5px;
	margin-top:5px;
	}

#catalogo {
	margin-left:195px;
	margin-right:10px;
	margin-top:5px;
	min-width:570px;
	}

#conteudo {
	margin-left:195px;
	margin-right:195px;
	margin-top:5px;
	min-width:570px;
	}

#produto {
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	}
	
#rodape {
	clear:left;
	width:100%;
	}
	
.panel {
	margin:5px 5px 0px 5px;
	}

.pergunta {
	font-weight:bold;
	padding-bottom:5px;
	}
	
.links {
	float:left;
	}

.logotipo {
	border-width:0;
	}

#busca {
	text-align:center;
	padding-top:30px;
	}
.titulobusca {
	background:url(layout/titulo_busca.jpg) no-repeat center;
	height:64px;
	}
.bg_busca {
	background:url(layout/busca.jpg) no-repeat center;
	height:99px;
}

#instBar {
	position:absolute;
	left:14px;
	top:170px;
	height:11px;
	z-index:5;
	visibility:visible;
}

#txt_instBar {
	font-size:small;
	}

#txt_instBar a {
	color:#666666;
	text-decoration:none;
	}
#txt_instBar a:hover{
	color:#66CC00;
	text-decoration:none;
	}
.bullet {
	background:url(layout/bullet.gif) no-repeat;
	padding-left:15px;
	padding-right:10px;
	vertical-align:middle;
	font-weight:bold;
	}

#bgdeptoBar {
	clear:both;
	text-align:center;
	background:url(layout/bg_depto.jpg);
	width:100%;
	height:37px;
	font-weight:bold;
	font-size:12px;
	}

/* Botões */

a.deptobutton{
background:url(layout/cantoesq.jpg) no-repeat top left;
display:block;
float:left;
line-height:26px;
height:34px;
padding-left:14px;
text-decoration:none;
margin-left:10px;
margin-right:10px;
}

a:link.deptobutton, a:visited.deptobutton, a:active.deptobutton{
color:#ffffff;
}

a.deptobutton span{
background:url(layout/cantodir.jpg) no-repeat top right;
display:block;
padding:4px 14px 4px 0;
}

a.deptobutton:hover{
background-position: bottom left;
}

a.deptobutton:hover span{
background-position:bottom right;
}

/* Títulos no Painel A (secBar) 
-----------------------------------------------------------------------------------------*/
.titulo_painel {
	background:url(layout/bgtitulo_orange.jpg) no-repeat left;
	color:#ffffff;
	text-transform:capitalize;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:0;
	margin-bottom:0;
	height:30px;
	line-height:28px;
	}
	
.titulo_depto {
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:6px;
	border-bottom:#99CC00 dashed 1px;
	}

.titulo_depto a:link {
	color:#000000;
	text-decoration:none;
	}
	
.titulo_depto a:visited {
	color:#000000;
	text-decoration:none;
	}
.titulo_depto a:hover {
	color:#666666;
	text-decoration:none;
	}
	
.titulo_depto a:active {
	color:#000000;
	text-decoration:none;
	}
	
.titulo_sec {
	color:#333333;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:1px;
	}
.titulo_sec a:link {
	color:#333333;
	text-decoration:none;
	}
.titulo_sec a:visited {
	color:#333333;
	text-decoration:none;
	}
.titulo_sec a:hover {
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
	}

.titulo_sec a:active {
	color:#333333;
	text-decoration:none;
	}
	
.mais {
	color:#333333;
	text-decoration:none;
	font-size:0.8em;
	text-transform:capitalize;
	text-align:left;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:2px;
	font-weight:bold;
	}
.mais a:link{
	color:#333333;
	text-decoration:none;
	}

.mais a:visited{
	color:#333333;
	text-decoration:none;
	}

.mais a:hover{
	color:#333333;
	text-decoration:underline;
	}

.mais a:active{
	color:#333333;
	text-decoration:none;
	}

/* Seção - Caixa contendo (secBar) 
-----------------------------------------------------------------------------------------*/
.secBar {
	margin:0;
	padding:0;
	width:180px;
	}

/* Seção - Menu Vertical (secBar) 
-----------------------------------------------------------------------------------------*/
.secLink {
	color:#666666;
	text-decoration:none;
	}
	
a.secLink:link 	{
				color:#666666;
				}
a.secLink:visited{
				color:#750221;
				}
a.secLink:hover	{
				color:#750221;
				}
a.secLink:active {
				color:#750221;
				}

/* Painel C (Acessórios)
-----------------------------------------------------------------------------------------*/
.acessorio {
	padding-bottom:5px;
	}

.divisor {
	height:5px;
	background-color:#ffffff;
	}


/* Painel D - Banner e  Catálogo (Listagem de produtos)
-----------------------------------------------------------------------------------------*/
.banner {
	/*height:180px;*/
	margin-top:0;
	margin-bottom:5px;
	background:#ffffff;
	}

.localizacao {
	padding-bottom:5px;
	padding-top:5px;
	float:left;
	margin-left:5px;
	}

.localizacao a:link {
	color:#333333;
	text-decoration:none;
	}
.localizacao a:visited {
	color:#333333;
	text-decoration:none;
	}
.localizacao a:hover {
	color:#669900;
	text-decoration:underline;
	}

.localizacao a:active {
	color:#669900;
	text-decoration:none;
	}

.local_pro {
	padding-bottom:5px;
	padding-top:5px;
	margin-left:5px;
	border-bottom:#99CC00 dashed 1px;
	}

.local_pro a:link {
	color:#333333;
	text-decoration:none;
	}

.local_pro a:visited {
	color:#333333;
	text-decoration:none;
	}
.local_pro a:hover {
	color:#669900;
	text-decoration:underline;
	}

.local_pro a:active {
	color:#669900;
	text-decoration:none;
	}

.ordenar {
	padding-bottom:5px;
	padding-top:5px;
	float:right;
	margin-right:5px;
	}

.vitrine {
	border-top:#e1e1e1 solid 0px;
	}
	
.catalogo {
	border-top:#99CC00 dashed 1px;
	clear:both;
	}
.box {
	text-align:center;
	margin:0;
	padding:3px;
	border-bottom:#99CC00 dashed 1px;
	overflow:hidden;
	margin-bottom:10px;
	}

.listaProduto {
	width:100%;
	list-style-type:none;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
	padding-top:10px;
	margin:0;
	}

.listaProduto li {
	margin:0;
	width:24.9%;
	float:left;
	}
.listaProduto li a {
	display:block;
	text-decoration:none;
	}


.listaVitrine {
	width:100%;
	list-style-type:none;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
	padding-top:10px;
	margin:0;
	}

.listaVitrine li {
	margin:0;
	width:33%;
	float:left;
	}
.listaVitrine li a {
	display:block;
	text-decoration:none;
	}


.img {
	text-align:center;
	padding-bottom:2px;
	padding-top:2px;
	}
.foto {
	border-width:0;
	}
.infocenter {
	text-align:center;
	}
.info {
	padding-top:4px;
	padding-left:15px;
	}
	
.nome {
	padding-top:3px;
	padding-bottom:3px;
	font-size:0.9em;
	font-weight:bold;
	color:#333333;
	}
	
.preco {
	padding-top:3px;
	padding-bottom:3px;
	font-size:0.9em;
	font-weight:normal;
	color:#FF0000;
	}
	
.msg {
	padding-top:3px;
	padding-bottom:3px;
	font-size:0.9em;
	font-weight:normal;
	color:#669900;
	}


/*Paginador
-----------------------------------------------------------------------------------------*/
.pag {
	margin-top:10px;
	margin-bottom:5px;
	}
.paginador {
	font-size:1em;
	color:#4f4f4b;
	padding:15px 0;
	margin-left:10px;
	text-align:center;
	height:30px;
	}
.paginador a {
	border:2px solid #ffffff;
	text-decoration:none;
	color:#4f4f4b;
	font-weight:bold;
	margin-left:5px;
	}
.paginador a:hover {
	color:#669900;
	font-weight:bold;
	border:2px solid #669900;
	text-decoration:none;
	margin-left:5px;
	}
.paginador span {
	color:#669900;
	font-weight:bold;
	border:2px solid #669900;
	text-decoration:none;
	margin-left:5px;
	}
	
/* Detalhes do Produto
-----------------------------------------------------------------------------------------*/
.detalheA {
	float:left;
	text-align:center;
	width:425px;
	height:350px;
	}
.detalheB {
	text-align:left;
	padding-left:25px;
	height:350px;
	}

.foto_pro {
	border-width:0;
	}
.situacao_pro {
	background:#669900;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	height:28px;
	line-height:27px;
	width:400px;
	margin-bottom:10px;
	margin-top:5px;
	}

.ref_pro {
	color:#000000;
	padding-top:10px;
	padding-bottom:4px;
	}
.nome_pro { 
	font-size:1.7em;
	color:#000000;
	font-weight:bold;
	padding-bottom:4px;
	}
.marca_pro { 
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
	padding-bottom:4px;
	}

.modelo_pro { 
	font-size:1em;
	color:#000000;
	padding-bottom:4px;
	padding-top:10px;
	}
.cor_pro { 
	font-size:1em;
	color:#000000;
	padding-bottom:4px;
	}
.tmanho_pro { 
	font-size:1em;
	color:#000000;
	padding-bottom:4px;
	}

.preco_pro {
	color:#FF0000;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:5px;
	}
.msgpreco_pro {
	padding-top:3px;
	padding-bottom:3px;
	font-size:1em;
	font-weight:normal;
	color:#669900;
	}
.fornecedor_pro {
	font-size:1em;
	color:#000000;
	padding-bottom:4px;
	padding-top:10px;
	}

/*
.dadoscomple {
	clear:both;
	}

.titulo_dados {
	font-weight:bold;
	}

.lista_dados ul {}

.lista_dados li {}*/

/* Institucional (Dúvida e Resposta - Empresa - Contato)
-----------------------------------------------------------------------------------------*/
.tituloAux {
	color:#669900;
	font-family:"Trebuchet MS";
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:3px;
	padding-left:3px;
	padding-top:3px;
	border-bottom:#99CC00 dashed 1px;
	}
.email {
	font-weight:bold;
	font-size:1em;
	padding-bottom:5px;
	padding-top:5px;
	color:#000000;
	padding-left:5px;
	}	
.txtLegenda {
	font-size:0.8em;
	padding-left:5px;
	}
.txtHora {
	font-size:1.1em;
	padding:5px;
	}

.titulo_inst {
	height:30px;
	line-height:30px;
	font-size:1.3em;
	padding-left:5px;
	}

.lista_duvida {
	border-top:#99CC00 dashed 1px;
	clear:both;
	}

/*. lista_duvida ul {
	}*/

.lista_duvida li {
	list-style:square;
	color:#669900;
	padding-bottom:3px;
	}
.lista_duvida li a:link {
	text-decoration:none;
	color:#666666;
	}
.lista_duvida li a:hover {
	text-decoration:underline;
	color:#666666;
	}
.lista_duvida li a:visited {
	text-decoration:none;
	color:#666666;
	}
.lista_duvida li a:active {
	text-decoration:underline;
	}
.boxduvida {
	padding-left:10px;
	padding-right:10px;
	border:#99CC00 dashed 1px;
	margin-bottom:20px;
	}
.duvida {
	font-weight:bold;
	color:#669900;
	padding-bottom:10px;
	padding-top:10px;
	}
.resposta {
	padding-bottom:10px;
	}
.voltar {
	padding-bottom:10px;
	margin-bottom:10px;
	}
.voltar a:link {
	color:#666666;
	text-decoration:none;
	}
.voltar a:visited {
	color:#666666;
	text-decoration:none;
	}
.voltar a:hover {
	color:#666666;
	text-decoration:underline;
	}
.voltar a:active {
	color:#666666;
	text-decoration:underline;
	}
.xHTMLempresa {
	border-top:#99CC00 dashed 1px;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	}
.xHTMLempresa h1 {
	font-size:1.2em;
	color:#669900;
	}

.formDuvida {
	padding-bottom:5px;
	margin-left:5px;
	}

.clearcontato {
	border-top:#99CC00 dashed 1px;
	clear:both;
	}
.contato {
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	}

.etiqueta {
	margin-left:10px;
	margin-right:10px;
	width:80px;
	text-align:left;
	}

.caixa {
	margin-left:10px;
	margin-right:10px;
	}
	
.botao{
	text-align:center;
	}
	
.grife {
	margin-left:10px;
	margin-top:10px;
	border-width:0;
	}

/*Rodape
====================================================================================================================*/
#instRodape {
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	background:#e1e1e1;
	height:14px;
	line-height:12px;
	}

#txt_instRodape {
	font-size:x-small;
	}

#txt_instRodape a {
	color:#666666;
	text-decoration:none;
	}
#txt_instRodape a:hover{
	color:#66CC00;
	text-decoration:none;
	}

.bot {
	padding-left:10px;
	padding-right:5px;
	font-weight:bold;
	}

.endereco {
	float:left;
	width:50%;
	text-align:center;
	margin-left:10px;
	color:#333333;
	}
.desenvolvedor {
	float:left;
	width:24%;
	text-align:center;
	color:#666666;
	}

.desenvolvedor img {
	border-width:0px;
	}

.selos {
	float:left;
	width:24%;
	text-align:center;
	}