/* Secoes da loja na home */
@import "home.css";

/* Destaques de produtos */
@import "destaques.css";

/* Loja */
@import "loja.css";


body {
    background-color: #333;
    padding: 0;
    margin: 0;

    font-family: Verdana, Arial, Tahoma;
    font-size: 11px;
    color: black;
    margin-bottom: 50px;
}

a, a:visited, a:active {
    color: black;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {border: none;}

h2, h3, h4 {
    text-transform: uppercase;
    font-family: Times;
    font-size: 14px;
    color: #c90;
    margin: 0;
    padding: 0;
}

div#conteudo h2 {
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 2px;
    background: url(/imagens/titulo_fundo.gif) repeat-x;
}

h3, h4, h5 {
    padding-left: 10px;
    margin-bottom: 10px;
}

h3.destaque {
    background: url(/imagens/traco_titulo.gif) left bottom no-repeat;
}

/* Estrutura */
div#estrutura {
    width: 778px;
    margin: 0 auto;
    padding: 0;
    background-color: white;
}

div#cabecalho {
    background-color: white;
    background: url(/imagens/topo.gif) top no-repeat;
    height: 96px;
}

div#cabecalho h1 {
    padding: 0;
    margin: 0;
    background: url(/imagens/logo.gif) no-repeat;
    width: 262px;
    height: 96px;
    margin-left: 261px;
}

div#cabecalho h1 span {
    display: none;
}

div#menu {
    float: left;
    width: 160px;
    margin-top: -57px;
    margin-bottom: 30px;
}

div#conteudo.sozinho {
    float: left;
    width: 594px; /* 608 */
    padding: 0 0 0 10px;
    background-color: white;
    margin-bottom: 30px;
}

div#conteudo {
    float: left;
    width: 439px;
    padding: 0 10px;
    background-color: white;
    margin-bottom: 30px;
}

div#rodape {
    clear: left;
    background: url(/imagens/rodape.gif) top no-repeat;
    height: 56px;
    text-align: right;
}

div#assinatura {
    width: 778px;
    text-align: right;
    margin: 0 auto;
    padding: 10px 20px 0 0;
}

div#rodape span {
    display: none;
}

div#rodape a img {
    margin-top: 65px;
    margin-right: 5px;
}

div#menu h2 {
    text-transform: uppercase;
    font-family: Times;
    font-size: 14px;
    color: #c90;
    background: url(/imagens/traco_titulo_menu.gif) left bottom no-repeat;
    margin: 10px 0 0 0;
    padding: 0;
}

div#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#menu ul li a {
    display: block;
    background: url(/imagens/menu.gif) no-repeat;
    width: 116px; /* diferente do tamanho da imagem */
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    font-size: 9px;
    font-weight: bold;
    color: black;
    padding-left: 25px;
}

div#menu ul li a.final {
    height: 26px;
    background: url(/imagens/menu_final.gif) no-repeat;
}

div#menu ul li a:hover {
    background: url(/imagens/menu_selecionado.gif) no-repeat;
}

div#menu a.submenu {
    background: url(/imagens/menu-com-sub-hover.gif) no-repeat;
}

div#menu a.submenu:hover {
    background: url(/imagens/menu-com-sub-hover.gif) no-repeat;
}

div#menu ul.submenu {
	position: absolute;
	margin: -33px 0 0 120px;
	padding: 10px 5px 10px 0;
	background: url(/imagens/menu_submenu-fundo.gif) right top no-repeat;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
}

div#menu ul.submenu li a {
    display: block;
    width: 140px;
    height: 23px;
    line-height: 23px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    font-size: 9px;
    font-weight: normal;
    color: black;
	margin-left: 5px;
	padding: 0 15px 0 5px;
    background: url(/imagens/menu-submenu.gif) right bottom no-repeat;
}

div#menu ul.submenu li a:hover {
    background: url(/imagens/menu-submenu-hover.gif) right bottom no-repeat;
}

div#menu #paginas {
    padding: 3px 0 0 15px;
    margin-bottom: 3px;
    background: url(/imagens/menu_fundo.gif) no-repeat;
}

div#menu span.menu_final {
    display: block;
    background: url(/imagens/menu_fundo_final.gif) no-repeat;
    width: 159px;
    height: 18px;
    margin-left: -15px;
}

div#menu #busca {
    background: url(/imagens/menu_busca.gif) no-repeat;
    height: 99px;
    padding: 3px 0 0 15px;
}

div#menu input {
    width: 80%;
    height: 16px;
    background-color: white;
    border: 1px solid #ccc;
    font-family: Verdana, Arial;
    font-size: 11px;
}

div#menu input[type=submit] {
    cursor: pointer;
    width: 91px;
    height: 27px;
    background: url(/imagens/bt_padrao.gif) no-repeat;
    border: none;
    color: #93781E;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

div#menu #boletim {
    background: url(/imagens/menu_boletim.gif) no-repeat;
    height: 139px;
    padding: 3px 0 0 15px;
    font-family: Verdana, Arial;
    font-size: 9px;
    color: black;
}

div#menu #boletim p {
    padding: 0;
    margin: 5px 0;
}

div#clientes{
    text-align: center;
}

div#clientes img {
    margin: 5px;
}

button.bt_longo {
    background: url(/imagens/bt_padrao_longo.gif) right no-repeat;
    width: auto;
    height: 27px;
    color: #93781E;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0 5px;
    margin: 0;
}

/* Formulario provisorio */
form {
    margin: 0;
}

.curto {width: 25%;}
.medio {width: 40%;}
.longo {width: 65%;}
.super {width: 100%}

label,  select, textarea, span.label {
    float: left;
}

form br {
    clear: left;
}


input {
    height: 16px;
    background-color: white;
    border: 1px solid #ccc;
    font-family: Verdana, Arial;
    font-size: 11px;
}

input.limpo {
    border: none;
    background: none;
    height: auto;
    width: auto;
}

textarea {
    background-color: white;
    border: 1px solid #ccc;
    font-family: Verdana, Arial;
    font-size: 11px;
}

button {
    cursor: pointer;
    width: 91px;
    height: 27px;
    background: url(/imagens/bt_padrao.gif) no-repeat;
    border: none;
    color: #93781E;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    _margin-right: 5px;
}

label, span.label {
    display: block;
	width: 90px;
    line-height: 28px;
    vertical-align: top;
    text-align: right;
    padding-right: 10px;
 }

 span.input {
    line-height: 28px;
    height: 28px;
    vertical-align: top;
 }

input.radio {
    border: none;
}

input, select, textarea {
    margin: 3px 0;
}

span.direita {
    display: block;
    text-align: right;
}

div#conteudo_artigo {
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    color: black;
}

/* Mensageiro */
div#mensageiro {
    padding: 10px;
    background-color: #ffc;
    margin-bottom: 10px;
}

div#mensageiro p {
    margin: 2px 0;
}

a.botao {
    display: block;
    cursor: pointer;
    width: 160px;
    height: 27px;
    line-height: 27px;
    background: url(/imagens/bt_padrao_longo.gif) right top no-repeat;
    border: none;
    color: #93781E;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 9px;
    text-transform: uppercase;
    padding: 0 10px;
    margin: 0;
}

/* Mensagem de erro do navegador */
#erro_navegador {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 25px;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	background-color: #ffc;
	color: #c00;
}
#erro_navegador img {
	vertical-align: middle;
}