/*********************************************
Design, XHTML e CSS por Guilherme Medeiros
www.guilhermemedeiros.com.br
*********************************************/

@import url("clear.css");

body {
  background: #fff url(body.jpg) repeat-x;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
}

#geral {
   width: 770px;
   margin: 0 auto;
}


/*********************************** TOPO ***************************************/

#topo {
  height: 160px;
}

/*****************/

#menu {
  height: 64px;
  width: 770px;
  overflow: hidden;
}

#menu li {
  display: inline;
  float:left;
}

#menu li.televendas {
  background: url(tele-vendas.jpg) no-repeat right top;
  border-left: 1px solid #ABC06D;
  height: 38px;
  width: 200px;
  display: block;  
  text-indent: -9000em;
  padding-left: 5px;
  float: left;
}


#menu li a {
  display: block;
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 38px;
  height: 38px;
  border-left: 1px solid #ABC06D;
  border-right: 1px solid #738A2A;
  padding: 0 10px;
  margin-left: -1px;
  margin-right: 1px;
}

#menu li a:hover {
  text-decoration: underline;
}


/*****************/


#logo a{
  width: 299px;
  height: 43px;
  background: url(logo.gif) no-repeat;
  text-indent: -9000em;
  display: block;
}



/*****************/


#menu-usuario {
  float: right;
  padding-top: 8px;
  margin-right: -5px;
}

#menu-usuario li {
  display: inline;
}

#menu-usuario li.bem-vindo a {
  display: block;
  float: left;
  color: #fff;
  font-size: 9px;
  
  height: 19px;
  border:0px;
  
}

#menu-usuario li.bem-vindo {
  display: block;
  float: left;
  color: #fff;
  font-size: 9px;
  
  height: 19px;
  border:0px;
  
}


#menu-usuario li a {
  display: block;
  float: left;
  color: #fff;
  
  height: 19px;
  font-size: 9px;
  border-left: 1px solid #fff;
  padding: 1px 12px;
  margin-left: -1px;
  margin-right: 1px;
  position:relative;
}




#menu-usuario li.meu-carrinho a {
  background: url(icone-carrinho.gif) no-repeat 13px top;
  padding-left: 35px;
}


#menu-usuario li a:hover {
  text-decoration: underline;
}

/********************************* FIM DO TOPO **********************************/





/********************************* CORPO ****************************************/

#corpo {
  background: url(serrilha.gif) repeat-y 190px;
  margin-top: -20px;
  padding-top: 20px;
}


/*****************/

#navegacao {
  float: left;
  width: 185px;
  padding-bottom: 30px;
}

/*****************/


#navegacao #categorias-produtos h1 {
  height: 11px;
  width: 174px;
  display: block;
  text-indent: -9000em;
  background: url(h1-produtos.gif) no-repeat left top;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}


#navegacao #categorias-produtos ul li a {
  display: block;
  background: url(setinha.gif) left no-repeat;
  color: #666;
  padding-left: 10px;
  margin-top: 10px;
}

#navegacao #categorias-produtos ul li a:hover {
  text-decoration: underline;
  color: #333;
}

#mapa ul li a {
  display: block;
  background: url(setinha.gif) left no-repeat;
  color: #666;
  padding-left: 10px;
  margin-top: 10px;
}

#mapa ul li a:hover {
  text-decoration: underline;
  color: #333;
}

/*****************/

#navegacao #aplicacao {
  border: 3px solid #E0E0E0;
  background: #EBEBEB;
  width: 170px;
  height: 48px;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 32px;
}

#navegacao #aplicacao select {
  width: 156px;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #666;
}


/*****************/

#navegacao #selo-seguranca {
  /*background:url(../imagens/rapidssl_ssl_certificate.gif);*/
  width: 90px;
  height: 50px;
  margin:25px 0 0 47px;
}

/*****************/

#navegacao #banner-cadastro{
  width: 176px;
  height: 80px;
  margin-top: 20px;
}

/*****************/

#conteudo-central {
  width: 560px;
  float: right;
}


#conteudo-central h1 {
  display: block;
  color: #123A86;
  font: bold 16px/11px Arial, Verdana, Helvetica, sans-serif;
  *font: bold 16px Arial, Verdana, Helvetica, sans-serif;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}


#conteudo-central p {
  display: block;
  margin-bottom: 15px;
  clear: both;
}


/*****************/

ul.produtos {
  width: 100%;
  margin-bottom: 30px;
  margin-top: -15px;
  overflow: hidden;
}

ul.produtos li {
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  padding-top: 20px;
  float: left;
  height: 260px;   
  width: 32%;
  padding-left: 1%;
}


ul.produtos h2 a {
  color: #1D3380;
  font-size: 12px;
  font-weight: bold;
  width: 150px;
  display: block;
  margin: 5px 0;
}


ul.produtos a.detalhes {
  color: #666;
}


ul.produtos a.comprar {
  width: 86px;
  height: 30px;
  display: block;
  text-indent: -9000em;
  background: url(botao-comprar.gif) no-repeat;
  margin-top: 10px;
}


ul.produtos a:hover {
  text-decoration: underline;
}

/*****************/


#imagens-produto {
  float: left;
  text-align: center;
  width:270px;
}

#imagens-produto small {
  display: block;
  color: #888;
  padding: 10px 0;
}

#imagens-produto ul li {
  line-height: 1%;
}


#imagens-produto ul li a {
  float: left;
  margin: 3px;
}

/*****************/


#calculadora-produto {
  background: #EBEBEB;
  border: 1px solid #ccc;
  float: right;
  width: 250px;
  padding: 10px;
  margin-bottom: 40px;
}

#calculadora-produto p {
  margin-bottom: 10px;
}


#calculadora-produto form label {
  display: block;
  padding-bottom: 10px;
}

#calculadora-produto form select {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  width: 248px;
  padding: 2px;
}

#calculadora-produto form input {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  width: 50px;
  padding: 2px;
}

#calculadora-produto form button {
  width: 121px;
  height: 30px;
  display: block;
  text-indent: -9000em;
  border: 0;
  background: url(botao-comprar-agora.gif) no-repeat;
}



#calculadora-produto ul {
  display: block;
  background: #DBDBDB;
  margin: 10px -10px -10px -10px;
  padding: 5px 0;
}

#calculadora-produto ul li {
  padding: 3px 0 3px 18px;
  display: block;
  float: none;
  background: #DBDBDB url(setinha.gif) no-repeat 10px;
}

#calculadora-produto ul li a {
  color: #333;
}


#calculadora-produto ul li a:hover {
  text-decoration: underline;
}

/*****************/

#descricao-produto img {
  margin-top: 10px;
  margin-bottom: 15px;
}

#descricao-produto a{
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
}

#descricao-produto a:hover{
  text-decoration:underline;
}

#nao-achou {
	width:500px;
	height:69px;
	background:url(../imagens/nao-achou.jpg) no-repeat left top;
	padding:44px 0 0 23px;
	margin:25px 0 0 0;
}

#nao-achou a {
  display: block;
  background: url(setinha.gif) left no-repeat;
  color: #666;
  padding:0 0 0 10px;
}

#nao-achou a:hover {
  text-decoration: underline;
  color: #333;
}


/*****************/

#voce-esta-em {
  font-style: normal;
  color: #333;
  display: block;
}

#voce-esta-em a {
  color: #333;
  text-decoration: underline;
}

#voce-esta-em a:hover {
  text-decoration: none;
  color: #000;
}

/*****************/

#etapas-carrinho {
  width: 561px;
  height: 30px;
  border-bottom: 1px solid #222;
  margin-top: 10px;
}


#etapas-carrinho li {
  float: left;
  height: 30px;
  padding: 0 20px;
  margin-right: 1px;
  margin-left: 2px;
  display: inline;
  background: url(botao-etapas-compra.gif) no-repeat left bottom;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  color: #fff;
  position: relative;
}

#etapas-carrinho li span {
  position: absolute;
  right: 0;
  top:0;
  width: 9px;
  height: 30px;
  background: url(botao-etapas-compra-fecha.gif) no-repeat left bottom;
}


#etapas-carrinho li.ativo,
#etapas-carrinho li.ativo span {
  background-position: left top;
}



/*****************/

.info-carrinho {
  display: block;
  font-style: normal;
  color: #333;
  padding: 10px 2px;
}

/*****************/

table.tabela-carrinho {
  width: 100%;
  margin-left: 3px;
}

table.tabela-carrinho thead {
  border: 1px solid #ccc;
}

table.tabela-carrinho thead td {
  padding: 0 5px;
  background: #EBEBEB;
}

table.tabela-carrinho tr td {
  border: 1px solid #ccc;
  padding: 5px 8px;
  vertical-align: middle;
}

table.tabela-carrinho tr td table tr td{
  border: 0px;
  padding: 0px;
}


table.tabela-carrinho tr td.descricao {
  padding: 20px 8px;
}

table.tabela-carrinho tr td.descricao span{
  color: #333;
  font-weight: bold;

}


table.tabela-carrinho tr td.descricao span img {
  vertical-align: middle;
}


table.tabela-carrinho tr td.descricao a:hover {
  text-decoration: underline;
}


table.tabela-carrinho tr td.quantidade input{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

table.tabela-carrinho tr td.quantidade button {
   background: #D8D9D4;
   text-transform: uppercase;
   font: 10px Arial, Helvetica, sans-serif;
   border: none;
   width: 85px;
   height: 18px;
   margin-right: -10px;
   margin-left: 3px;
   border: 1px solid #C7C8C1;

}


table.tabela-carrinho tr td.preco-unitario {
  text-align: center;
}

table.tabela-carrinho tr td.preco-total {
  text-align: center;
  font-weight: bold;
}


table.tabela-carrinho tr td.excluir-carrinho a{
  background: url(deletar-produto-carrinho.gif) no-repeat;
  display: block;
  width: 23px;
  height: 23px;
  text-indent: -9000em;
  margin: 0 auto;
}



table.tabela-carrinho tr td.total-pedido {
  text-align: right;
  background: #CAD4E6;
  font-weight: bold;
}



table.tabela-carrinho tr td.calculo-frete {
  background: #ECEDEA;
  border-bottom: 1px solid #999;
  height: 38px;
  overflow: hidden;
}

table.tabela-carrinho tr td.calculo-frete em {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  
  float: left;
  line-height: 23px;
}



table.tabela-carrinho tr td.calculo-frete fieldset {
  float: left;
  padding-top: 2px;
  *padding-top: 0px;
}


table.tabela-carrinho tr td.calculo-frete label {
  vertical-align: middle;
  margin-right: 3px;
}



table.tabela-carrinho tr td.calculo-frete input {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}


table.tabela-carrinho tr td.calculo-frete button {
   background: #D8D9D4;
   text-transform: uppercase;
   font: 10px Arial, Helvetica, sans-serif;
   border: none;
   height: 19px;
   border: 1px solid #C7C8C1;
   margin-left: 5px;
   width: 115px;
   vertical-align: middle;
}

table.tabela-carrinho tr td.calculo-frete a.help {
   background: #D8D9D4;
   color: #333;
   text-transform: uppercase;
   font: 10px Arial, Helvetica, sans-serif;
   border: 1px solid #C7C8C1;
   height: 17px;
   width: 13px;
   text-align: center;
   line-height: 16px;
   font-weight: bold;
   float: left;
   margin-top: 2px;
   display: block;
   margin-left: 5px;
}


/*****************/

a.proximo-passo {
  text-indent: -9000em;
  float: right;
  width: 121px;
  height: 30px;
  background: url(botao-proximo-passo.gif) no-repeat;
  margin-top: 10px;
  margin-right: -3px;
  margin-bottom: 20px;
}


a.continuar-comprando {
  text-indent: -9000em;
  float: right;
  width: 163px;
  height: 30px;
  background: url(botao-continuar-comprando.gif) no-repeat;
  margin-top: 10px;
  margin-right: 10px;
}


/*****************/


#cadastro-ja-tem,
#cadastro-primeira-compra {
  background: #F5F5F5;
  border-bottom: 1px solid #AEAEAE;
  width: 276px;
  float: left;
  margin-top: 15px;
}

#cadastro-primeira-compra {
  float: right;
}

#cadastro-ja-tem h2,
#cadastro-primeira-compra h2,
#cadastro h2,
#dados-entrega h2,
#formas-pagamento h2 {
  display: block;
  background: #CAD4E6;
  font-size: 12px;
  line-height: 27px;
  padding-left: 10px;
  height: 27px;
}

#cadastro h2 small {
  float: right;
  padding-right: 10px;
  text-align: right;
  font-size: 10px;
  font-weight: normal;
}



#cadastro-ja-tem p,
#cadastro-primeira-compra p {
  padding: 8px 10px;
  margin: 0;
}

#cadastro-ja-tem a,
#cadastro-primeira-compra a {
  float: right;
  font-size: 10px;
  text-transform: lowercase;
  margin-bottom: 8px;
  color: #333;
}

#cadastro-ja-tem a:hover,
#cadastro-primeira-compra a:hover {
  text-decoration: underline;
}


#cadastro-ja-tem form,
#cadastro-primeira-compra form {
  padding: 8px 10px;
}


#cadastro-ja-tem form label,
#cadastro-primeira-compra form label {
  display: block;
  margin-bottom: 8px;
  text-align: right;
}


#cadastro-ja-tem form label span,
#cadastro-primeira-compra form label span {
  width: 70px;
  float: left;
  padding-top: 3px;
  padding-left: 3px;
  text-align: left;
}

#cadastro-ja-tem form label input,
#cadastro-primeira-compra form label input,
#cadastro label input,
#cadastro label select {
  width: 172px;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}

#cadastro label input,
#cadastro label select {
  width: auto;
}

#cadastro label select {
  padding: 0;
}



#cadastro-ja-tem form button,
#cadastro-primeira-compra form button,
#cadastro button,
#dados-entrega button {
  width: 99px;
  height: 30px;
  float: right;
  background: url(botao-prosseguir.gif) no-repeat;
  text-indent: -9000em;
  border: 0;
  clear: both;
  margin-bottom: 5px;
  *margin-bottom: 0;
}


#cadastro button {
  margin-top: 10px;
}


/*****************/

#cadastro {
  padding-top: 20px;
  margin-bottom: 15px;
}

#cadastro div {
  background: #F5F5F5;
  border-bottom: 1px solid #AEAEAE;
  padding-bottom: 10px;
}


#cadastro p,
#cadastro fieldset {
  margin: 0;
  padding: 10px;
  padding-right: 0;
  padding-top: 20px;
}

#cadastro p {
  padding-bottom: 0px;
}



#cadastro label {
  display: block;
  margin-bottom: 8px;
}


#cadastro label input {
  margin-right: 5px;
}


#cadastro textarea {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}




#cadastro label.label-checkbox input {
  margin-left: 0;
  float: left;
}

#cadastro label.label-checkbox em {
  font-style: normal;
  display: block;
  padding-top: 3px;
  padding-bottom: 10px;
}


#cadastro label select {
  width: 144px;
  padding: 1px;
}


#cadastro label span {
  width: 115px;
  float: left;
  padding-top: 4px;
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
}



#cadastro label small {
  font-size: 10px;
  color: #666;
  top: 2px;
  position: relative;
}

#cadastro label small a {
  color: #333;
  text-decoration: underline;
}

#cadastro label small a:hover {
  text-decoration: none;
}


/*****************/

#dados-entrega {
  margin-top: 15px;
}

#dados-entrega a.helpcep {
  background: url(helpcep.gif);
  text-indent: -9000em;
  display: block;
  width: 26px;
  height: 26px;
  float: right;
  margin-top: -2px;
  position: relative;
}


#dados-entrega fieldset.dados-entrega {
  padding-top: 10px;
  display: block;
  float: right;
  width: 310px;
}



#dados-entrega fieldset.opt-entrega {
  float: left;
  width: 200px;
}

#dados-entrega fieldset.opt-entrega label {
  display: block;
  padding-top: 10px;
}

#dados-entrega fieldset.opt-entrega label input {
  float: left;
  margin-right: 10px;
}



#dados-entrega fieldset.dados-entrega input,
#dados-entrega fieldset.dados-entrega select {
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}

#dados-entrega fieldset.dados-entrega select#estado {
  width: 248px;
  *width: 245px;
  position: relative;
}


#dados-entrega fieldset.dados-entrega label{
  display: block;
  margin-bottom: 8px;
  width: 310px;
}


#dados-entrega fieldset.dados-entrega label span {
  width: 55px;
  float: left;
  padding-top: 3px;
  padding-right: 5px;
  text-align: right;
  color: #6B6B6B;
  font-weight: bold;
}

#dados-entrega fieldset.dados-entrega button {
  margin-top: 15px;
}


/*****************/

#formas-pagamento {
  margin-left: 2px;
  margin-right: -3px;
  margin-top: 20px;
  padding-bottom: 20px;
}

#formas-pagamento h2 {
  *margin-bottom: -15px !important;
  margin-bottom: 0;
}


#formas-pagamento li {
  background: #fff;
  display: block;
  vertical-align: middle;
  height: 60px;
  border-bottom: 1px solid #ccc;

  padding-left: 10px;

  padding-top: 20px;
  clear: both;
  width: 550px;

  opacity:.50;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}


#formas-pagamento li.selected {
  opacity:100;
  filter: alpha(opacity=100);
  -moz-opacity: 1;

  background: #F6F6F6;
}




#formas-pagamento label img,
#formas-pagamento label input,
#formas-pagamento label em {
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 1px;
}

#formas-pagamento label em {
  font-style: normal;
  font-weight: bold;
}



#formas-pagamento li div {
  float: right;
  width: 300px;
  padding-right: 20px;
  vertical-align: middle;
  line-height: 11px;
  display: none;

}


#formas-pagamento li.selected div {
  display: block;
}


#formas-pagamento li label {
  float: left;
}

#formas-pagamento li div label {
  display: block;
  float: none;
  height: 20px;
}

#formas-pagamento li div span label {
  float: left;
}


#formas-pagamento li div span select {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  vertical-align: middle;
}



#formas-pagamento li button {
  width: 121px;
  height: 30px;
  float: right;
  background: url(botao-comprar-agora.gif) no-repeat;
  text-indent: -9000em;
  border: 0;
  margin-top: 5px;
}

/*****************/

#sucesso-compra {
  width: 398px;
  height: 47px;
  text-indent: -9000em;
  display: block;
  margin: 50px auto;
  background: url(sucesso-compra.gif) no-repeat;
}


/*****************/


#erro-compra a{
  width: 398px;
  height: 47px;
  text-indent: -9000em;
  display: block;
  margin: 50px auto;
  background: url(falha-compra.gif) no-repeat;
}


/*****************/

#login-acompanhar-pedido p {
  color: #6B6B6B;
}
#login-acompanhar-pedido label {
  display: block;
  margin-bottom: 8px;
}
#login-acompanhar-pedido span {
  width: 50px;
  float: left;
  padding-top: 3px;
  padding-left: 3px;
  text-align: left;
  font-weight: bold;
  color: #6B6B6B;
}
#login-acompanhar-pedido label input{
  width: 172px;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}

#login-acompanhar-pedido label select {
  width: 156px;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #666;
}

#login-acompanhar-pedido button {
  width: 99px;
  height: 30px;
  background: url(botao-prosseguir.gif) no-repeat;
  text-indent: -9000em;
  display: block;
  border: 0;
  clear: both;
  margin-left: 53px;
  position: relative;
}

#login-acompanhar-pedido label.label-checkbox input {
  margin-left: 0;
  float: left;
  width: auto;
}
#login-acompanhar-pedido label.label-checkbox em {
  font-style: normal;
  display: block;
  padding-top: 3px;
  padding-bottom: 10px;
  color: #6B6B6B;
}

/*****************/

/*****************/

#fale-conosco p {
  color: #6B6B6B;
}
#fale-conosco label {
  display: block;
  margin-bottom: 8px;
}
#fale-conosco span {
  width: 70px;
  float: left;
  padding-top: 3px;
  padding-left: 3px;
  text-align: left;
  font-weight: bold;
  color: #6B6B6B;
}
#fale-conosco label input{
  width: 172px;
  vertical-align: middle;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
}

#fale-conosco button {
  width: 99px;
  height: 32px;
  background: url(botao-enviar.jpg) no-repeat;
  text-indent: -9000em;
  display: block;
  border: 0;
  clear: both;
  margin-left: 70px;
  position: relative;
}
#fale-conosco label.label-checkbox input {
  margin-left: 0;
  float: left;
  width: auto;
}
#fale-conosco label.label-checkbox em {
  font-style: normal;
  display: block;
  padding-top: 3px;
  padding-bottom: 10px;
  color: #6B6B6B;
}

/*****************/








table.tabela-meus-pedidos {
  width: 100%;
  margin-left: 3px;
  margin-bottom: 20px;
}

table.tabela-meus-pedidos thead {
  border: 1px solid #ccc;
}

table.tabela-meus-pedidos thead td {
  padding: 0 5px;
  background: #EBEBEB;
  font-weight: bold;
}

table.tabela-meus-pedidos tr td {
  border: 1px solid #ccc;
  padding: 5px 8px;
  vertical-align: middle;
}



table.tabela-meus-pedidos tbody tr td {
  padding: 20px 8px;
}



table.tabela-meus-pedidos tr td.ver-detalhes {
  padding: 0;
}


table.tabela-meus-pedidos tr td.ver-detalhes a{
  background: url(botao-ver-detalhes.gif) no-repeat;
  display: block;
  width: 108px;
  height: 30px;
  text-indent: -9000em;
  margin: 0 auto;
}


/*****************/

div.info-pedido-small {
  background: #EBEBEB;
  display: block;
  margin-bottom: 10px;
  display: block;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #ccc;
  margin-left: 3px;
  margin-right: -3px;
}

div.info-pedido-small span {
  margin-right: 60px;
}

/*****************/

div.info-pedido-large {
  margin-left: 3px;
  margin-right: -3px;
  background: #F4F5F3;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

div.info-pedido-large h2 {
  background: #EBEBEB;
  display: block;
  margin-bottom: 10px;
  display: block;
  line-height: 20px;
  padding: 2px 10px;
  border: 1px solid #ccc !important;
  _position: relative;
}


div.info-pedido-large p {
  float: left;
  clear: none !important;
  width: 250px;
  padding-left: 10px;

}


/*****************/

table.info-pedido-produto {
  margin: 5px 0 20px 5px;
}


table.info-pedido-produto td{
  vertical-align: middle;
  padding: 5px 10px;
}


/****************************** FIM DO CORPO ***********************************/





/********************************** RODAPE **************************************/

#rodape {
  width: 100%;
  background: #ECECEC;
  border-top: 1px solid #B9B9B9;
  clear: both;

}

#rodape div {
   width: 770px;
   margin: 0 auto;
   overflow: hidden;
}

#rodape div h3 {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding-top: 20px;
  padding-bottom: 5px;
  clear: both;
  color: #333;
}

#rodape div ul li {
  display: inline;

}

#rodape div ul {
  margin-left: -15px;
  width: 770px;
}


#rodape div ul li a {
  float: left;
  display: block;
  color: #666;
  padding-right: 15px;
  padding-left: 15px;
  background: url(separador-rodape.gif) no-repeat left;
}


/*****************/

#rodape div ul#formas-de-pagamento {
  margin-left: 0;
}


#rodape div ul#formas-de-pagamento li {
  color: #333;
  line-height: 28px;
}

#rodape div ul#formas-de-pagamento li img {
  float: left;
  margin-right: 10px;
}

#rodape div ul#formas-de-pagamento li a {
  padding-right: 0;
  padding-left: 0;
}


/*****************/


#rodape div p {
  display: block;
  color: #666;
  padding-bottom: 10px;
}
#rodape div p a{
text-decoration:none;
color: #666;
}
#rodape div p a:hover{
text-decoration:underline;
}
#rodape div ul li a:hover {
  text-decoration: underline;
}




/****************************** FIM DO RODAPE ***********************************/