body, table, p {
font: 11px arial;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

.both {
clear: left;
}

h1, h2 {
margin: 0px;
padding: 0px;
color: #cccccc;
}

h2 {
font-size: 16px;
}

#bodypage {
margin: auto;
width: 960px;
border: 0px solid red;
}

#top {
background-image: url(../imagens/bg_top.gif);
height: 75px;
border: 0px solid red;
margin-bottom: 8px;
position: relative;
}

#top-left {
float: left;
background-image: url(../imagens/bg_top_left.gif);
width: 10px;
border: 0px solid red;
height: 100%;
}

#top-right {
float: right;
background-image: url(../imagens/bg_top_right.gif);
width: 12px;
border: 0px solid red;
height: 100%;
}


ul.top-menu a {
color: white;
}
ul.top-menu {
margin: 0px;
padding: 0px;
list-style: none;
width: 394px;
height: 23px;
background-image: url(../imagens/bg_top_menu.gif);
float: right;
padding-left: 10px;
padding-top: 10px;
}

ul.top-menu li {
float: left;
border-left: 1px solid #d48d61;
padding-right: 10px;
padding-left: 10px;
}

ul.top-menu li.first {
border-left-width: 0px;
}


ul.top-menu-usuario {
right: 20px;
top: 50px;
margin: 0px;
padding: 0px;
list-style: none;
position: absolute;
}

ul.top-menu-usuario li {
float: left;
height: 18px;
background-image: url(../imagens/bg_botoes.gif);
border: 0px solid red;
padding-left: 20px;
margin-left: 10px;
}

ul.top-menu-usuario li a{
display: block;
line-height: 18px;
background: url(../imagens/bg_botoes.gif) right 0px;
padding-right: 20px;
color: white;
}


#logo{
top: 6px;
left: 12px;
position: absolute;
background-image: url(../imagens/logo.gif);
display: block;
width: 218px;
height: 65px;
}


#top-usuario {
background-image: url(../imagens/bg_usuario.gif);
height: 18px;
border: 2px solid #834e2f;
margin-bottom: 2px;
}

#tab{
background-image: url(../imagens/tab_produtos.gif);
width: 112px;
height: 19px;
margin: auto;
}

#tab-content{
background-image: url(../imagens/bg_tab_content.gif);
height: 42px;
border: 2px solid #834e2f;
margin-bottom: 1px;
}

#tab-content form{
position: relative;
top:  10px;
left: 330px;
width: 450px;
white-space: nowrap;
}

#pathway {
background-image: url(../imagens/bg_pathway.gif);
height: 18px;
border: 2px solid #975f3e;
margin-bottom: 8px;
color: white;
padding-left: 10px;
line-height: 18px;
}

#pathway a {
color: white;
}


#left {
float: left;
width: 179px;
}

.box-bandeira .title{
background-image: url(../imagens/tit_compre_com.gif);
height: 24px;
}

.box-bandeira .content {
border: 1px solid #975f3e;
}

.box-bandeira .content div {
border: 1px solid #d58e62;
height: 125px;
background: url(../imagens/bandeiras.gif) no-repeat #975f3e 10px 10px;
}



.box-menu {
margin-bottom: 8px;
}
.box-menu .title{
background-image: url(../imagens/tit_categorias.gif);
height: 25px;
}

.box-menu .content {
border: 1px solid #975f3e;
}


.box-menu ul {
margin: 0px;
padding: 5px;
padding-left: 10px;
list-style: none;
border: 1px solid #d58e62;
background-color: #975f3e;
}

.box-menu ul li {
height: 21px;
}

.box-menu ul li a {
display: block;
height: 21px;
line-height: 21px;
padding-left: 10px;
color: white;
text-decoration: none!important;
}

.box-menu ul li a:hover {
background-image: url(../imagens/bg_menu.gif);
background-repeat: no-repeat;

}


#center {
margin-left: 187px;
}


#title h1 {
margin: 0px;
padding: 0px;
padding-left: 10px;
padding-top: 3px;
color: #281671;
height: 22px;
font-size: 14px;
}

#title div {
background: url(../imagens/tit_geral.gif) no-repeat 0px -25px;
}

#title div div {
background: url(../imagens/tit_geral.gif) no-repeat right 0px;
}

#title {
background: url(../imagens/tit_geral.gif) repeat-x 0px -50px;
}


#content {
border: 1px solid #975e40;
background-color: white;
padding: 10px;
}


/* LISTA de Produtos */
ul.produtos {
margin: 0px;
padding: 0px;
list-style: none;

border: 0px solid red;
height: 240px;
overflow: hidden;
}

ul.first {
background-image: none;
}

ul.produtos li{
margin: 0px;
padding: 0px;
float: left;

padding-bottom: 20px;
border: 0px solid red;
}


ul.cols_4 li {
width: 24.9%;
}

ul.produtos li.first {
background-image: none;
}

ul.destaque li {
background-image: none;
}

ul.produtos li .produto {
text-align: center;
border: 0px solid red;
}

ul.produtos li .produto .div_img_pro {
height:110px;
}

img.img_pro{
border: 0px solid #cccccc;
}

/* LISTA de Produtos FIM */

#footer {
margin-top: 8px;
border: 1px solid #975e40;
}

#footer div {
border: 1px solid #d58e62;
background-color: #975e40;
padding-top: 5px;
}

.usuario {
float: left;
line-height: 18px;
color: white;
}

.bg_top_carrinho{
float: right;
background: url(../imagens/bg_top_carrinho.gif) no-repeat;
padding-left: 30px;
}

.bg_top_carrinho a{
background: url(../imagens/bg_top_carrinho.gif) no-repeat right 0px;
line-height: 18px;
padding-right: 8px;
padding-left: 3px;
color: white;
white-space: nowrap;
display: block;
}

.destaque_valor {
float: left;
border: 1px solid #cccccc;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

.telefone {
background: url(../imagens/img_telefone.gif) no-repeat;
position: absolute;
width: 136px;
height: 20px;

top: 8px;
left: 405px;
}

/* BOTÔES */
span.botao {
background-image: url(../imagens/fundo-btns.gif);
display: inline-block;
padding-left: 20px;
}

span.botao span{
background: url(../imagens/fundo-btns.gif) right 0px;
padding-right: 20px;
display: inline-block;
}

span.botao span a {
line-height: 24px;
white-space: nowrap;
display: inline-block;
color: white !important;
font-weight: bold;
}

.float-right {
float: right;
}

.float-left {
float: left;
}

/* RIGTH */
span.setar {
	background-position: left -24px;
}
span.setar span {
	background-position: right -24px;
}
/* FIM RIGTH */

/* LEFT */
span.setal {
	background-position: left -48px;
}
span.setal span {
	background-position: right -48px;
}
/* FIM LEFT */


span.fundo-red {
	background-position: left -72px;
}

span.fundo-red span{
	background-position: right -72px;
}
/* BOTÔES FIM */

/* BOTOES FIM */
div.botoes {
height: 18px;
background-image: url(../imagens/bg_botoes.gif);

padding-left: 20px;
}

div.botoes a{
display: block;
line-height: 18px;
background: url(../imagens/bg_botoes.gif) right 0px;
padding-right: 20px;
color: white;
float: left;
}

div.white {
float: left;
height: 18px;
background-position: 0px -62px;
}

div.white a{
height: 18px;
background-position: right -62px;
padding-right: 20px;
}

.bt-cadastro {
margin-left: 95px;
}
/* BOTOES FIM */

.float-right,
.fright {
float: right;
}

.float-left,
.fleft {
float: left;
}

div.fcenter {
float: none !important;
margin: auto;
display: block;
white-space: nowrap;
width: 100px;
}



.text {
border: 1px solid #cccccc;
}

/* CONTATO */

#con_esq{
background:url(../imagens/mulher_contato.jpg) no-repeat right 0px;
}


/* MENU RODAPE */
ul.menu-rodape {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 100px;
}

ul.menu-rodape li {
float: left;
width: 25%;
color: white;
font-weight: bold;
}

ul.menu-rodape li ul {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.menu-rodape li ul li {
float: none;
font-weight: normal;
text-align:  left;
width: auto;
}

ul.menu-rodape li ul li a {
color: white;
}
/* FIM MENU RODAPE */

.bt_buscar {
	vertical-align: middle;
}



/* PAGINACAO */
div#paginacao {
padding-top: 10px;
margin: auto;
text-align: center;
height: 20px;
}

div#paginacao ul{
list-style: none;
padding: 0px;
margin: 0px;
padding: 2px;
}

div#paginacao ul li{
display: inline;
margin-left: 2px;
margin-right: 2px;
}

div#paginacao ul li a,
div#paginacao ul li span {
padding: 1px;

padding-left: 7px;
padding-right: 7px;
text-decoration: none;
}

div#paginacao ul li span {
background-color: #67A907;
border:1px solid #628523;
color: #FFF;
}

div#paginacao ul li a{
background-color: #975E40;
border:1px solid #6F4229;
color: white;
}

div#paginacao ul li a:hover {
background-color: #D58E62;
border:1px solid #975E40;
color: white;
}

div#paginacao ul li.anterior span,
div#paginacao ul li.proximo span {
visibility:hidden;
}

 
#ajusta-altura {
border: 0px solid red;
}


.vale_rodape {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:link {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:visited {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: underline;
	text-align:right;
}

.vale_rodape a:active {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

























/* INICIO Minha Conta */
#tabela_opcoes td {
	background-color:#FFF;
	border:1px solid #29166F;
}

#tabela_opcoes td:hover {
	background-color:#29166F;
	cursor:hand;
	color:#FC9;
}

#tabela_opcoes #celula_excluir {
	border:1px dashed #29166F;
}

#tabela_opcoes #celula_excluir:hover {
	background-color:#FF0000;
	cursor:hand;
	color:#FFF;
	border:1px dashed #29166F;
}

#tabela_opcoes #celula_nula:hover {
	color:#FFF;
	background:#FFF;
	cursor:default;
}
/* FIM Minha Conta */



/* FOLHA DE ESTILO PARA A TELA DE LOGIN */

div#login {
	width:300px;
	height:180px;
	background-color:#9E6648;
	/*border:1px solid #000;*/
	float:left;
	margin-left:30px;
}


#extra {
	width:300px;
	height:180px;
	background-color:#9E6648;
	/*border:1px solid #000;*/
	float:right;
	clear:right;
	margin-right:50px;
}

#titulo {
	font-weight:bold;
	color: white;
	font-size:16px;
	font-family:Verdana, Arial;
	height:35px;
	background-color:#6B432D;
	clear:both;
}


#titulo .texto_destaque{
	color: white;
}

#conteudo_login {
	padding-top:10px;
}


.vale_rodape {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:link {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:visited {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape a:hover {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: underline;
	text-align:right;
}

.vale_rodape a:active {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}

.vale_rodape {
	font-family: Verdana;
	font-size: 11px;
	color: #D58E62;
	text-decoration: none;
	text-align:right;
}
/* FIM FOLHA DE ESTILO PARA A TELA DE LOGIN */