﻿<style type="text/css">{  }
/* Link na cor preta e sublinhado */

a.preto:link {COLOR: #000000; TEXT-DECORATION: underline}
a.preto:visited {COLOR: #000000; TEXT-DECORATION: underline}
a.preto:hover {COLOR: #C0C0C0; TEXT-DECORATION: underline}
a.preto:active {COLOR: #000000; TEXT-DECORATION: underline}



/* Link na cor cinza claro */

a.cinza:link {COLOR: #8897A9; TEXT-DECORATION: none}
a.cinza:visited {COLOR: #8897A9; TEXT-DECORATION: none}
a.cinza:hover {COLOR: #C0C0C0; TEXT-DECORATION: none}
a.cinza:active {COLOR: #8897A9; TEXT-DECORATION: none}


/* Botões na barra superior */


/* Botão página inicial - início */

a.botao-pagina-inicial:visited { /*Link visitado*/
color: #fff;
text-decoration: none;
}
a.botao-pagina-inicial{ /* A letra 'a' refere-se ao link com a classe botao */
margin-top: 0px; /* Margin do botão decima */
margin-bottom: 0px; /* Margin do botão decima */
font-weight: bold; /* fonte em negrito */
text-decoration: none; /* Retira o sublinhado do link */
display: block; /* Para que fique do tamanho determinado */
width: 129px; /* Largura */
height: 29px; /* Altura */
padding-top: 0px; /* espaço interno */
padding-bottom: 0px; /* espaço interno */
text-indent: 22px;
color: #fff; /* Cor do texto */

background: url('imagens/botao-pagina-inicial.jpg') no-repeat; /* Dentro de 'url('')' vai o nome do arquivo de imagem e 'no-repeat' e para que não corra risco da imagem se repetir */

}

/* Quando passar o mouse sobre */
a.botao-pagina-inicial:hover{ /* Hover ação do mouse */
color: #fff;
background: url('imagens/botao-pagina-inicial2.jpg') no-repeat; /* Muda de botao1.jpg para botao2.jpg*/
}
/* Botão página inicial - FIM */


/* Botão loja virtual - início */

a.botao-loja:visited { /*Link visitado*/
color: #fff;
text-decoration: none;
}
a.botao-loja{ /* A letra 'a' refere-se ao link com a classe botao */
margin-top: 0px; /* Margin do botão decima */
margin-bottom: 0px; /* Margin do botão decima */
font-weight: bold; /* fonte em negrito */
text-decoration: none; /* Retira o sublinhado do link */
display: block; /* Para que fique do tamanho determinado */
width: 129px; /* Largura */
height: 29px; /* Altura */
padding-top: 0px; /* espaço interno */
padding-bottom: 0px; /* espaço interno */
text-indent: 22px;
color: #fff; /* Cor do texto */

background: url('imagens/botao-loja.jpg') no-repeat; /* Dentro de 'url('')' vai o nome do arquivo de imagem e 'no-repeat' e para que não corra risco da imagem se repetir */

}

/* Quando passar o mouse sobre */
a.botao-loja:hover{ /* Hover ação do mouse */
color: #fff;
background: url('imagens/botao-loja2.jpg') no-repeat; /* Muda de botao1.jpg para botao2.jpg*/
}

/* Botão loja virtual - FIM */


/* Botão localização - início */

a.botao-localizacao:visited { /*Link visitado*/
color: #fff;
text-decoration: none;
}
a.botao-localizacao{ /* A letra 'a' refere-se ao link com a classe botao */
margin-top: 0px; /* Margin do botão decima */
margin-bottom: 0px; /* Margin do botão decima */
font-weight: bold; /* fonte em negrito */
text-decoration: none; /* Retira o sublinhado do link */
display: block; /* Para que fique do tamanho determinado */
width: 129px; /* Largura */
height: 29px; /* Altura */
padding-top: 0px; /* espaço interno */
padding-bottom: 0px; /* espaço interno */
text-indent: 22px;
color: #fff; /* Cor do texto */

background: url('imagens/botao-localizacao.jpg') no-repeat; /* Dentro de 'url('')' vai o nome do arquivo de imagem e 'no-repeat' e para que não corra risco da imagem se repetir */

}

/* Quando passar o mouse sobre */
a.botao-localizacao:hover{ /* Hover ação do mouse */
color: #fff;
background: url('imagens/botao-localizacao2.jpg') no-repeat; /* Muda de botao1.jpg para botao2.jpg*/
}

/* Botão localização - FIM */

/* Botão Fale Conosco - início */

a.botao-faleconosco:visited { /*Link visitado*/
color: #fff;
text-decoration: none;
}
a.botao-faleconosco{ /* A letra 'a' refere-se ao link com a classe botao */
margin-top: 0px; /* Margin do botão decima */
margin-bottom: 0px; /* Margin do botão decima */
font-weight: bold; /* fonte em negrito */
text-decoration: none; /* Retira o sublinhado do link */
display: block; /* Para que fique do tamanho determinado */
width: 129px; /* Largura */
height: 29px; /* Altura */
padding-top: 0px; /* espaço interno */
padding-bottom: 0px; /* espaço interno */
text-indent: 22px;
color: #fff; /* Cor do texto */

background: url('imagens/botao-faleconosco.jpg') no-repeat; /* Dentro de 'url('')' vai o nome do arquivo de imagem e 'no-repeat' e para que não corra risco da imagem se repetir */

}

/* Quando passar o mouse sobre */
a.botao-faleconosco:hover{ /* Hover ação do mouse */
color: #fff;
background: url('imagens/botao-faleconosco2.jpg') no-repeat; /* Muda de botao1.jpg para botao2.jpg*/
}

/* Botão Fale conosco - FIM */

/* Estilo do texto */



H1 {
margin-top: 2px; 
margin-bottom: 5px;
text-indent: 0px;
font-size: 12px;
font-family: verdana;
text-decoration: none;
text-align: justify;
font-weight: normal;
color: #8897A9;
} 

H2 {
margin-top: 2px; 
margin-bottom: 5px;
text-indent: 0px;
font-size: 12px;
font-family: verdana;
text-decoration: none;
text-align: justify;
font-weight: normal;
color: #8897A9;
} 

H3 {
margin-top: 2px; 
margin-bottom: 5px;
text-indent: 0px;
font-size: 12px;
font-family: verdana;
text-decoration: none;
text-align: justify;
font-weight: normal;
color: #8897A9;
} 

H4 {
margin-top: 2px; 
margin-bottom: 5px;
text-indent: 0px;
font-size: 12px;
font-family: verdana;
text-decoration: none;
text-align: justify;
font-weight: normal;
color: #8897A9;
} 

/* Títulos grandes */
H5 {
margin-top: 0px; 
margin-bottom: 0px;
text-indent: 0px;
font-size: 12pt;
font-family: arial;
text-decoration: none;
text-align: justify;
font-weight: bold;
color: #8897A9;
} 

/* Sem margem */
H6 {
margin-top: 0px; 
margin-bottom: 0px;
text-indent: 3px;
font-size: 12px;
font-family: verdana;
text-decoration: none;
text-align: justify;
font-weight: normal;
color: #8897A9;
} 

</style>