@CHARSET "ISO-8859-1";
a img {
	border: 0;
}

body {
	/* Sombra da página, centralizada para não bugar em determinadas resoluções. o "!important" define prioridade nessa declaração, não deixando outras declarações substituí-las. Isso foi feito porque algumas telas HTML possuem declaração de fundo no body no HEAD da página. */
	background: #e7e7e7 url("images/fd_page.jpg") center top repeat-y !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	text-align: center;
}

/**
 * Técnica de Centralização da Página (Independente da Resolução)
 * - Tira a Borda da Tabela;
 * - Deixa o elemento centralizado no browser;
 * - Alinhamento do texto à esquerda, pois o do body está à direita
 * - Tamanho total do elemento;
*/
#tabela_principal_pagina {
	border: 0;
	margin: auto;
	text-align: left;
	width: 779px;
}

/* ###### FONTES ####### */
.fonte10{
	font-size: 10px;
}

.fonte11{
	font-size: 11px;
}

/* ###### CORES ####### */
.vermelho{
	color: #FF0000;
}
.verde{
	color: #006600;
}


.InputButtons {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	background-color: #EFEFEF;
	border: 1px solid #999999;
}

.topico {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000
}

.texto {
	font-size: 12px;
	text-decoration: none;
	color: #000000
}

.titulo {
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

.menu {
	font-size: 12px;
	text-decoration: none;
	color: #333333
}

.menu2 {
	font-size: 12px;
	text-decoration: none;
	color: #ffffff
}

.justifica {
	text-align: justify
}

.noti {
	font-family: verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none
}

.noti:hover {
	color: #000000;
	font-size: 12px;
	text-decoration: underline
}

.pagina {
	font-family: verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none
}

.pagina:hover {
	color: #333333;
	font-size: 12px;
}

.vaga {
	font-size: 12px;
	color: red;
	text-decoration: none
}

.detalhes {
	font-family: verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none
}

.grupos {
	font-family: Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none
}

.secoes {
	font-size: 12px;
	color: #006633;
	text-decoration: none
}

.secoes_selecionada {
	font-size: 12px;
	color: #FF0000;
	text-decoration: none
}

/****************************************************************************
 *produtos destaque
**/
div#produtos {
	text-align: center;
	margin: 2px 3px;
}

div.vitrine {
	border-top: 1px dashed #CCC;
	height: 205px;
	padding: 10px 5px;
	text-align: center;
}

div.vitrine .produto {
	float: left;
	height: 185px;
	margin: 0pt 4px;
	text-align: center;
	width: 185px;
}

p.titulo {
	margin: 0;
	font-size: 14px;
}

p.titulo a {
	color: #006600;
	font-weight: bold;
	text-decoration: none;
}

p.preco {
	margin-top: 3px;
	font-size: 14px;
	color: #FF6600;
	font-family: Arial;
	font-weight: bold;
}

p.preco span {
	font-size: 14px;
	font-weight: normal;
}

p.parcelamento {
	margin-top: 3px;
	font-size: 12px;
	color: #FF0000;
	font-family: Arial;
	font-weight: bold;
}

p.parcelamento span {
	font-size: 12px;
	font-weight: normal;
}

p.de {
	margin-top: 3px;
	margin-bottom: 0;
	font-size: 11px;
	color: #777;
	font-family: Arial;
}

p.por {
	margin: 0;
}

div.paginacao {
	border-top: 1px dashed #CCC;
	clear: both;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	text-align: right;
}

.link_selecionado {
	color: #396;
	font-size: 12px;
}

.link_normal {
	color: #444;
	text-decoration: none;
}

/****************************************************************************
 *visualizacao produto
**/
div#detalhe_produto {
	padding: 2px 5px;
	float: right;
}

div#detalhe_topo {
	padding: 0 5px;
	margin-bottom: 8px;
	border: 0;
	border-left: 10px;
	border-right: 10px;
	border-color: #CCC;
	border-style: solid;
}

div#descricao h3 {
	margin: 0;
	padding: 5px 0;
	color: #006600;
	font-size: 13px;
	border-bottom: 2px solid #EDEDED;
}

div#descricao p {
	margin: 0;
	padding-top: 5px;
	font-size: 12px;
}

div#produto {
	
}

div#det_esquerda {
	float: left;
	text-align: center;
	width: 370px;
}

div#det_direita {
	float: left;
	margin-left: 10px;
	width: 200px;
}

div#det_direita .condicao {
	border: 2px dashed #E5E5E5;
	padding: 10px;
	font-size: 13px;
	height: 100%;
}

.condicao p {
	margin: 1px;
}

.condicao p.titulo {
	font-size: 14px;
	font-weight: bold;
}

div.thumbs {
	display: block;
	text-align: left;
	overflow: hidden;
	margin-top: 8px;
}

.thumb {
	margin: 2px;
	width: 65px;
	height: 50px;
	border: 0;
}

.img_view {
	border: 0;
}

/*****************************************************************************
* duvidas
*/

div#duvidas{
	margin:0 6px;
}

ul.duvidas{
	list-style: none;
	margin:0;
	margin-bottom:15px;
	padding: 3px;	
	font-size: 12px;
}

ul.duvidas li a:link, a:visited, a:active{
	color: #333;
	text-decoration: none;	
}

ul.duvidas li a:hover{
	color: #999;
	text-decoration: none;	
}

div.duvida_texto{
	border-top: 1px dashed #CCC;
	margin-bottom:10px;
	font-size: 12px;
}

div.duvida_texto .topo_duvida{
	background-color: #F4F4F2;
	padding: 2px 5px;
	height: 15px;
	font-weight: bold;
	color: #333;
}

.topo_duvida .titulo_conteudo{
	float: left;
	width: 80%;
}

.topo_duvida .link_voltar{
	font-weight:normal;
	text-align: right;
	font-size: 11px;
	padding-right:14px;
	background: url("images/arrowup.png") right no-repeat;
}

a.voltar:link, a.voltar:visited, a.voltar:active{
	color: #333;
	text-decoration: none;	
}

a.voltar:hover{
	color: #555;
	text-decoration: underline;	
}

div.duvida_texto .conteudo_duvida{
	padding: 5px;
}

/*****************************************************************************
* opinião dos clientes
*/
#opinioes{
	font-size: 11px;
}

#opinioes .header{
	margin: 0 0 10px 0;
}

#opinioes a:link, a:visited, a:active{
	color: #555;
	text-decoration: none;
}

#opinioes a:hover{
	text-decoration: underline;
}

#opinioes .opiniao{
	margin-bottom: 10px;	
}

#opinioes .opiniao .dados{
	font-size:11px;
	color: #555;
	width: 80%;
	height: 30px;
	padding: 2px 0;
	float: left;
}

#opinioes .opiniao .nota{
	width: auto;
	height: 30px;
	text-align: right;
	padding: 2px;
}

#opinioes .opiniao .texto{
	font-size:11px;
	color: #555;
	padding: 6px 0;
}

.imagem_modal{
	width:150px; 
	padding: 2px;
}

.titulo_modal{
	font-size: 12px;
	font-weight: bold;
	color: #555;
}

h1.modal{
	font-family: Arial;
	font-size: 20px;
	color: #006600;
	margin: 0;
}

td.label_modal{
	text-align: right;	
}

/*****************************************************************************
* Busca
*/
#dv_busca {
	background: url("images/fundo_busca.jpg");
	clear: both;
	float: left;
	height: 31px;
	line-height: 2.2em;
	padding-top: 0.3em;
	width: 100%;
}

.bem_vindo {
	float: left;
	padding-left: 0.5em;
	width: 290px;
}

.dv_busca_form {
	float: right;
	width: 455px;
	padding-right: 5px;
	text-align: right;
}

.dv_busca_form SELECT {
	font-size: 11px;
	width: 170px;
}

.dv_busca_form INPUT.dv_busca_form_cx_txt {
	font-size: 11px;
	padding: 2px;
	width: 100px;
}

.dv_busca_form INPUT.dv_busca_form_button {
	background: url("images/lupa.jpg") no-repeat;
	background-position: 3px 50%;
	padding-left: 1.2em;
	font-size: 11px;
}

.caixa_texto {
	border: 1px solid #999;
	background-color: #f1f1f1;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	padding:1px 2px;
}
/*****************************************************************************
* Fim Busca
*/

/*****************************************************************************
* Links
*/
.links {
	color: #000;
	text-decoration: none;
}
/*****************************************************************************
* Fim Links
*/