/*TAGS*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

/*DIVS*/

#tags-topo{ display: block; width: 100%; height: auto; background: #114F81; }
#tags-topo-interna{ display: block; width: 940px; height: auto; padding: 5px 0; background: #114F81; font: 11px Arial, Helvetica, sans-serif; color: #fff; margin: 0 auto; }
#tags-topo-interna h1, h2, h3{ font: 11px Arial, Helvetica, sans-serif; display: inline; color: #fff; }
#tags-topo-interna h1 a, h2 a, h3 a{ font: 11px Arial, Helvetica, sans-serif; display: inline; color: #fff; text-decoration: none; }
#tags-topo-interna h1 a:hover, h2 a:hover, h3 a:hover{ text-decoration: underline; }

#destaque-tags{ background: #F5F2ED; padding: 10px; font: 11px Arial, Helvetica, sans-serif; color: #999; width: 715px; margin: 0 auto 20px auto; clear: both; }
#destaque-tags h4, h5, h6, h7{ font: 11px Arial, Helvetica, sans-serif; display: inline; color: #999; }
#destaque-tags h4 a, h5 a, h6 a, h7 a{ font: 11px Arial, Helvetica, sans-serif; display: inline; color: #999; text-decoration: none; }
#destaque-tags h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover{ text-decoration: none; color: #D47D00; }

.cx-lateral-bege{ background: #F5F2ED; padding: 10px; margin: 10px 0 0 0; font: 11px Arial, Helvetica, sans-serif; color: #555; float: left; display: block; }
.cx-lateral-bege a{ font: 11px Arial, Helvetica, sans-serif; color: #555; text-decoration: none; }
.cx-lateral-bege a:hover{ text-decoration: none;  color: #D47D00; }

#etiqueta{
	width: 52px;
	height: 242px;
	position:absolute; 
	background: transparent url(../img/etiqueta.png) no-repeat left top;
    top:200px; 
	z-index: 999999;
	right: 0;
	text-indent: -5000px;
}

#etiqueta a{
	display: block;	
	width: 52px;
	height: 242px;
}

#geral {
	margin: auto;
	height: auto;
	width: 100%;
	position: relative;
}
#texto-desc {
	float: right;
	height: auto;
	width: 360px;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
	margin-bottom: 35px;
}
#cores {
	float: left;
	height: 25px;
	width: 300px;
	position: relative;
	margin-top: 10px;
}
.linha {
	background-image: url(../img/linha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
	width: 734px;
	position: relative;
	float: left;
}

#texto-ficha {
	float: right;
	height: auto;
	width: 360px;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
	margin-bottom: 20px;
}
#bgdesc {
	height: 60px;
	width: 400px;
	position: relative;
	float: right;
	background-image: url(../img/bg-desc.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#bgrelacionados {
	height: 60px;
	width: 735px;
	position: relative;
	float: right;
	background-image: url(../img/bg-relacionados.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 45px;
}
#bgprecos {
	height: 60px;
	width: 735px;
	position: relative;
	float: right;
	background-image: url(../img/bg-precos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px;
}
#precos {
	float: left;
	width: 735px;
	position: relative;
	height: auto;
	margin-bottom: 20px;
}

#bgcarrinho {
	height: 60px;
	width: 735px;
	position: relative;
	float: right;
	background-image: url(../img/bg-carrinho.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bgobrigado {
	height: 60px;
	width: 735px;
	position: relative;
	float: right;
	background-image: url(../img/bg-obrigado.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#bgficha {
	height: 60px;
	width: 400px;
	position: relative;
	float: right;
	background-image: url(../img/bg-ficha.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#atendimentoesq {
	float: left;
	height: 35px;
	width: 500px;
	position: relative;
	padding-left: 12px;
	padding-top: 5px;
}
.endereco{
	display: block;
	margin: 2px 0 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
}
#englobadir {
	float: right;
	height: auto;
	width: 735px;
	position: relative;
	padding-top: 20px;
}
#formulario {
	float: left;
	width: 735px;
	position: relative;
	height: auto;
	margin-top: 30px;
}

#banner {
	float: left;
	height: 190px;
	width: 735px;
	position: relative;
	margin: 0 0 20px 0;
}
#pdsflash {
	float: left;
	height: 80px;
	width: 735px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
#indicacao {
	float: left;
	height: auto;
	width: 713px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#F5F2ED;
	border: 1px solid #E6DFD2;
	padding: 10px;
}
#foto-prod-maior {
	float: left;
	height: 300px;
	width: 300px;
	position: relative;
}
#atendimentodir {
	float: right;
	width: 400px;
	position: relative;
	height: 38px;
	padding-top: 12px;
}
#englobaatendimento {
	background-color: #063962;
	height: 50px;
	width: 100%;
	position: relative;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #D8D0C4;
}
#atendimento {
	margin: auto;
	height: 50px;
	width: 950px;
	position: relative;
}
#englobaconteudo {
	margin: auto;
	height: auto;
	width: 950px;
	position: relative;
	display: table;
}
#englobaesq {
	float: left;
	height: auto;
	width: 200px;
	position: relative;
	padding-top: 20px;
}
#compras {
	background-color: #F5F2ED;
	float: left;
	height: 43px;
	width: 188px;
	position: relative;
	padding-left: 12px;
	padding-top: 7px;
}

#login {
	background-color: #F5F2ED;
	float: left;
	height: 35px;
	width: 145px;
	position: relative;
	background-image: url(../img/cadeado.jpg);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 55px;
	padding-top: 15px;
	margin-top: 10px;
}
#rodape {
	margin: auto;
	width: 770px;
	position: relative;
	height: 210px;
	background-image: url(../img/logo-rodape.jpg);
	background-repeat: no-repeat;
	background-position: 12px center;
	padding-left: 180px;
	text-align: justify;
	padding-top: 30px;
}

.nfe{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

.nfe-txt{
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 10px 0 0 0; 
	float: left;
}

#vendidos {
	background-color: #F5F2ED;
	float: left;
	height: auto;
	width: 176px;
	position: relative;
	margin-top: 10px;
	padding: 12px;
}
#cadastro {
	background-color: #F5F2ED;
	float: left;
	height: auto;
	width: 176px;
	position: relative;
	margin-top: 10px;
	padding: 12px;
}

#englobarodape {
	background-color: #FAF8F4;
	height: auto;
	width: 100%;
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#categorias {
	background-color: #F5F2ED;
	float: left;
	height: auto;
	width: 176px;
	position: relative;
	margin-top: 10px;
	padding: 12px;
	text-align: left;
}
#estrutura {
	float: left;
	height: auto;
	width: 735px;
	position: relative;
	margin-bottom: 30px;
}
#tabelas {
	float: left;
	width: 735px;
	position: relative;
	height: auto;
}

/*CLASSES*/
.textos {
	font-family: Arial;
	font-size: 11px;
	color: #6A6A6A;
	line-height: 16px;
}
.textomenor {
	font-family: Arial;
	font-size: 10px;
	color: #6A6A6A;
	line-height: 16px;
}
.textomaior {
	font-family: Arial;
	font-size: 13px;
	color: #6A6A6A;
	line-height: 16px;
	font-weight:bold;
}
.textomenorescuro {
	font-family: Arial;
	font-size: 10px;
	color: #000;
	line-height: 16px;
}
.engloba-prod-meio {
	background-color: #FFFFFF;
	float: left;
	height: 320px;
	width: 202px;
	position: relative;
	margin-left:64px;
	margin-right:65px;
}
.esq {
	float: left;
	margin-right: 5px;
}
.boxrelacionados {
	float: right;
	height: auto;
	width: 695px;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	text-align: justify;
	margin-bottom: 10px;
	vertical-align: middle;
	margin-top: 10px;
}
.foto-prod {
	background-color: #FFFFFF;
	float: left;
	height: 200px;
	width: 200px;
	border: 1px solid #E9E2D8;
	position: relative;
}
.btnbusca {
	float: right;
	text-decoration: none;
	text-align: center;
}
.btncadastro {
	background-color: #D5CFC5;
	float: left;
	height: 18px;
	width: 30px;
	position: relative;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding-top: 4px;
}
.botoes {
	float: left;
	height: 54px;
	width: 734px;
	position: relative;
	text-align: right;
}


.imqesq {
	float: left;
	margin-right: 20px;
}
.estilocadastro {
	border: thin solid #CCCAC6;
	width: 165px;
	height: 22px;
}
.busca {
	background-color: #062945;
	border: thin solid #084779;
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
	width: 250px;
	height: 19px;
	padding-left: 5px;
	padding-top: 3px;
	float: right;
}
.textobranco {
	font-family: Arial;
	font-size: 11px;
	color: #FFF;
}
.textolaranja {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #D47D00;
}
.textolaranjamenor {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #D47D00;
}
.textomaior {
	font-family: Arial;
	font-size: 12px;
	color: #717171;
}
.engloba-prod {
	background-color: #FFFFFF;
	float: left;
	height: 320px;
	width: 202px;
	position: relative;
}
.texto-prod {
	background-color: #FFFFFF;
	float: left;
	width: 202px;
	position: relative;
	height: auto;
	margin-top: 10px;
	text-align: justify;
}
.tituloazul {
	font-family: Arial;
	font-size: 12px;
	color: #063962;
}
.tituloazulmaior {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #063962;
}
.faixapds {
	float: left;
	position: relative;
	height: auto;
	width: 735px;
}
.textoespacado {
	font-family: Arial;
	font-size: 11px;
	color: #585653;
	line-height:20px;
}

.chamada{
	width: 950px;
	height: 16px;
	margin: 0 auto;
	clear: both;
	position: relative;
	z-index: 500;
	background: #D8D0C4 url(../img/seta.gif) no-repeat bottom right;
	display: block;
	text-align: center;
	overflow: hidden;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
}

.back1{
	background: #D8D0C4 url(../img/seta.gif) no-repeat bottom right;
}

.chamada p{
	width: 930px;
	height: auto;
	float: ;
	padding: 0;
	margin: 0;
}

/*LINKS*/
	/*link cinza*/
.linkcompras {
	font-family: Arial;
	font-size: 11px;
	color: #585653;
	line-height: 37px;
	text-decoration: none;
}
.linkcompras:link {
	font-family: Arial;
	font-size: 11px;
	color: #585653;
	line-height: 37px;
	text-decoration: none;
}
.linkcompras:visited {
	color: #585653;
	text-decoration: none;
}
.linkcompras:hover{
	color: #D47D00;
	text-decoration: none;
}
.linkcompras:active {
	color: #585653;
	text-decoration: none;
}

/*LINKS*/
	/*link cinza*/
.linkcinza {
	font-family: Arial;
	font-size: 11px;
	color: #585653;
	line-height: 20px;
	text-decoration: none;
}
.linkcinza:link {
	font-family: Arial;
	font-size: 11px;
	color: #585653;
	line-height: 20px;
	text-decoration: none;
}
.linkcinza:visited {
	color: #585653;
	text-decoration: none;
}
.linkcinza:hover{
	color: #D47D00;
	text-decoration: none;
}
.linkcinza:active {
	color: #585653;
	text-decoration: none;
}

	/*texto menor*/
.textomenorlink {
	font-family: Arial;
	font-size: 10px;
	color: #6A6A6A;
	line-height: 16px;
	text-decoration: none;
}
.textomenorlink:link {
	font-family: Arial;
	font-size: 10px;
	color: #6A6A6A;
	line-height: 16px;
	text-decoration: none;
}
.textomenorlink:visited {
	color: #6A6A6A;
	text-decoration: none;
}
.textomenorlink:hover {
	color: #000;
	text-decoration: none;
}
.textomenorlink:active {
	color: #6A6A6A;
	text-decoration: none;
}

	/*titulo azul*/
.tituloazullink {
	font-family: Arial;
	font-size: 12px;
	color: #063962;
	text-decoration:none;
}
.tituloazullink:link {
	font-family: Arial;
	font-size: 12px;
	color: #063962;
	text-decoration:none;
}
.tituloazullink:visited {
	color: #063962;
	text-decoration:none;
}
.tituloazullink:hover {
	color: #063962;
	text-decoration:none;
}
.tituloazullink:active {
	color: #063962;
	text-decoration:none;
}
.bordas {
	background-color: #F8F8F8;
	border: 1px solid #D8D8D8;
	width: 50px;
}
#bla {
	background-color: #82A9E9;
	float: right;
	height: 200px;
	width: 735px;
	position: relative;
}
#paginacao {
	float: left;
	height: auto;
	width: 735px;
	position: relative;
	margin-top: 20px;
}



/* estilos novos 
------------------------*/

.block{ display: block; }
.clear{ clear: both; }

/* caixa bege na lateral esquerda 
------------------------------------*/
.cx_lateral{ background: #F5F2ED; float: left; height: auto; width: 176px; position: relative; margin: 10px 0 0 0; padding: 12px; }

.line_height_15{ line-height: 1.5em !important; }
.line_height_17{ line-height: 1.7em !important; }
.line_height_20{ line-height: 2em !important; }

/* conteudo à direita nas páginas de artigos 
-----------------------------------------------*/
.content_dir{ width: auto; float: left; display: block; padding: 15px 15px 15px 0;}
.content_dir .titulo{ background: #f5f5f5; padding: 8px; display: block; }


/* classes para textos 
-------------------------*/
.txt_cinza_11px{ font: 11px Arial, Helvetica, sans-serif; color: #585653; }
.txt_cinza_12px{ font: 12px Arial, Helvetica, sans-serif; color: #585653; }

.txt_azul_12px{ font: 12px Arial, Helvetica, sans-serif; color: #063962; }
.txt_azul_14px{ font: 14px Arial, Helvetica, sans-serif; color: #063962; }
.txt_azul_16px{ font: 16px Arial, Helvetica, sans-serif; color: #063962; }



/* classes para links 
-------------------------*/
a.link_cat{ font: 11px Arial, Helvetica, sans-serif; color: #063962 !important; text-decoration: none; padding: 5px; display: block; margin:0; }
a.link_cat:hover{ background: #063962; color: #fff !important; text-decoration: none; }


/* link destaque azul em artigos 
--------------------------------------*/
a.destaque_azul{ background: #063962; padding:10px 15px; font: 14px Arial, Helvetica, sans-serif; color: #fff; display: block; clear: both; text-align: center; text-decoration: none; }
a.destaque_azul:hover{ background: #135182; text-decoration: none; }

.txt_azul_cx_branca{ font: 12px Arial, Helvetica, sans-serif; color: #063962; background: #fff; padding: 5px 10px; display: block; }
.txt_azul_cx_branca:hover{ background: #063962; color: #fff; }

.link_azul_cx_branca{ font: 12px Arial, Helvetica, sans-serif; color: #063962 !important; background: #fff; padding: 5px 10px; display: block; text-decoration: none; }
.link_azul_cx_branca:hover{ background: #063962; color: #fff !important; text-decoration: none; }

/* mais vendidos na home 
---------------------------*/
#engloba_mais_vendidos{ width: 700px; float: left; display: block; clear: both; margin: 20px 0 0 0; padding: 20px; background: #F5F2ED; }
#engloba_mais_vendidos .titulo{ font: 12px Arial, Helvetica, sans-serif; color: #063962; display: block; padding: 5px 10px; background: #fff;}

#lista_mais_vendidos{ float: left; width: 750px; margin: 5px 0 0 -20px; padding: 0 !important; display: block; list-style: none; clear: both; }
#lista_mais_vendidos li{ float: left !important; display: block; font: 11px Arial, Helvetica, sans-serif; color: #777; margin: 0 0 0 20px; display: block; padding: 2px 0; width: 220px; }
#lista_mais_vendidos li a{ font: 11px Arial, Helvetica, sans-serif; color: #063962; text-decoration: none; padding: 5px; display: block; }
#lista_mais_vendidos li a:hover{ background: #063962; color: #fff; text-decoration: none;  }

