body
{
    padding: 0px;
    margin: 0px;
    background-color: #65236d;
}

#logo
{
    width: 231px;
    height: 92px;
    overflow: hidden;
    margin-bottom: 20px;
    float:left;
    
    /*border: solid 1px #fff;*/
}

#imagem_banner
{
    width: 990px;
    height: 150px;
    overflow: hidden;

    /*border: solid 1px #fff;*/
    margin-top: 10px;
    position: relative;
    float: left;
}

#menu
{
    width: 780px;
    height: 100px;
    overflow: hidden;
    position: relative;
    /*border: solid 1px #fff;*/
    top: 15px;
    left: 20px;
    margin-left: -100px;
    float: right;    
}

#menu-categoria
{
    top: 250px;
    left: 50%;
    margin-left: -495px;
    width: 750px;
    height: 32px;
    position: absolute;
    z-index: 99;
}


#pagina
{
    width: 990px;
    margin: 10px auto;
    /*border: solid 1px #fff;*/
}

#barra
{
    width: 708px;
    height: 64px;
    margin: 40px 0px 0px 0px;
    position: relative;
    /*border: solid 1px #fff;*/
}

#barra_dir
{
    width: 150px;
    
    position: relative;
    float: right;
    
   /* border: solid 1px #fff;*/
}

#barra_esq
{
    width: 150px;
    
    position: relative;
    float: left;
    
    /*border: solid 1px #fff;*/
}

#conteudo
{
    width: 670px;
    font-family: 'Helvetica', Arial, Verdana; 
    font-size: 12px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
    position: relative;
    float: left;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

#rodape
{
    background-image: url('images/rodape.jpg');
    background-repeat: no-repeat;
    border: none;
    width: 990px;
    height: 147px;
    font-family: 'Helvetica', Arial, Verdana; 
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding-left: 10px;
    
    position: relative;
    float: left;
    
}

#login
{
    width: 160px;
    padding: 0px 40px 10px 405px;
    margin-top: -30px;
    text-align: left;
}

.rotulo
{
    color: #414141;
    font-size: 11px;
    font-style: normal;
    font-family: 'Helvetica', Arial, Verdana;
    text-decoration: none;
}

.text:focus
{
    color: #333333;
    font-size: 11px;
    font-style: normal;
    font-family: 'Helvetica', Arial, Verdana; 
    border: 1px #c5c5c5 solid; 
    color: #000;
    text-decoration: none;
}

.text:hover
{
    color: #fff;
    font-size: 11px;
    font-style: normal;
    font-family: 'Helvetica', Arial, Verdana;  
    border: 1px #c5c5c5 solid; 
    color: #000;
    text-decoration: none;
}

.text
{
    color: #333;
    font-size: 11px;
    font-style: normal;
    font-family: 'Helvetica', Arial, Verdana;  
    border: 1px #c5c5c5 solid;
    color: #000;
    text-decoration: none;
}

h2
{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 14px;
   text-align: justify;
}

.local
{
    font-family: 'Helvetica', Arial, Verdana;
    font-size: 14px;
    color: #000;
    font-weight: bold;
}

.titulo
{
  font-family: 'Helvetica', Arial, Verdana;
  color: #f79542;
  font-size: 12px;
  font-weight: bold;
}

img
{
    border: 0px;
}
    
p
{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 12px;
   text-align: justify;
   margin-left: 10px;
   margin-right: 10px;
} 

h2{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 14px;
   font-weight: bold;
   text-align: justify;
   color: #414141;
   padding-left: 10px;
}

h3{
  font-family: 'Helvetica', Arial, Verdana; 
  font-size: 14px;
  font-weight: bold;
  text-align: justify;
  color: #ff7f00;
  padding-left: 10px;
}

/*Cores de Texto*/

.laranja{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #ff7f00;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
 
/*Título Laranja*/

.titulo_laranja{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #ff7f00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  text-decoration: none;
}

.titulo_laranja a {
  font-family: 'Helvetica', Arial, Verdana; 
  color: #ff7f00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  text-decoration: none;
}

.titulo_laranja a:visited {
  font-family: 'Helvetica', Arial, Verdana; 
  color: #ff7f00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  text-decoration: none;
}

.titulo_laranja a:hover {
  font-family: 'Helvetica', Arial, Verdana; 
  color: #ff7f00;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  text-decoration: none;
}
 
/*Título Cinza*/

.titulo_cinza{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #414141;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}

.titulo_cinza a {

   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 12px;
   text-align: justify;
   color: #414141;
   text-decoration: none;
}

.titulo_cinza a:visited {
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 12px;
   text-align: justify;
   color: #414141;
   text-decoration: none;
}

/*Botão*/

.botao {
    background-image: url('images/botao.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 73px;
    height: 25px;
    font-family: 'Helvetica', Arial, Verdana; 
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.botaoGG {
    background-image: url('images/botaoGG.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    border: none;
    width: 170px;
    height: 25px;
    font-family: 'Helvetica', Arial, Verdana; 
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

.botao_ok
{
    background-image: url('images/botao_ok.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 34px;
    height: 25px;
    border: none;
    font-family: 'Helvetica', Arial, Verdana;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

/*Produto*/

.nome{
    font-family: 'Helvetica', Verdana, Arial;
    font-weight: bold;
    font-size: 12px;
    color: #414141;
}

.detalhes{
    font-family: 'Helvetica', Verdana, Arial;
    font-size: 11px;
    color:#414141;
}

.detalhes a{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 11px;
   text-align: justify;
   color: #414141;
   text-decoration: none;
}

.detalhes a:visited{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 11px;
   text-align: justify;
   color: #414141;
   text-decoration: none;
}

.preco{
    font-family: 'Helvetica', Verdana, Arial;
    font-weight: bold;
    font-size: 12px;
    color:#ff7f00;
}

/*Lojas Especiais*/

.lojas{
    font-family: 'Helvetica', Verdana, Arial;
    font-size: 11px;
    color: #414141;
}

/*Rodapé*/

#rodape2
{
    position: relative;
    width: 650px;
    height: 15px;
    font-family: 'Helvetica', Arial, Verdana;
    font-size: 12px;
    color: #fff;
    text-align: left;
    left: 20px;
}

#rodape2 a{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 12px;
   text-align: justify;
   color: #fff;
   text-decoration: none;
}

#rodape2 a:visited
{
   font-family: 'Helvetica', Arial, Verdana; 
   font-size: 12px;
   text-align: justify;
   color: #fff;
   text-decoration: none;
}

/* Cinza*/

.cinza{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #414141;
  font-size: 12px;
  text-align: justify;
  text-decoration: none;
}

.cinza a{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #414141;
  font-size: 12px;
  text-align: justify;
  text-decoration: none;
}

.cinza a:visited{
  font-family: 'Helvetica', Arial, Verdana; 
  color: #414141;
  font-size: 12px;
  text-align: justify;
  text-decoration: none;
}

/* Rodapé*/

#rodape1
{
    position: absolute;
    width: 495px;
    height: 15px;
    font-family: 'Helvetica', Arial, Verdana;
    font-size: 12px;
    color: #000;
    text-align: left;
    left: 5px;
}

#rodape2
{
    width: 950px;
    right: 20px;
    height: 20px;
    font-family: 'Helvetica', Arial, Verdana;
    font-size: 12px;
    color: #000;
    text-align: right;
    position: absolute;
}

.alinhamento{
    margin-left: 5px;
}

.tel{
    font-family: 'Helvetica', Arial, Verdana;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: -240px;
    left: 760px;
    width: 210px;
    color: #f2ff29;
}

.carrinho{
    margin-left: -10px;
}

.error{
    color: Red;
}