@charset "utf-8";
@import url(basic.css);
@import url(layout.css);

div#inicio {
    min-height: 200px;
}

div#inicio h3 {
    font-size: 14px;
}

div#inicio div#promocao {
    margin: 10px 0 20px;
    text-align: center;
}

div#inicio div.fileira {
    min-height: 200px;
    margin-bottom: 10px;
}

div#inicio div.fileira div.categoria {
    float: left;
    min-height: 180px;
    margin-left: -5px;
    padding: 5px;
    text-align: center;
    width: 24%;    
}

div#inicio div.fileira div.categoria div.nome {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

div#inicio div.fileira div.categoria div.descricao {
    color: #800;
    min-height: 30px;
}

div#inicio div.fileira div.categoria div.imagem {
    height: 130px;
    line-height: 130px;
}

/* --- */

div#produtos {
    text-align: center;
}

div#produtos div.item {
    display: inline-block;
    min-height: 150px;
    padding: 5px;
    vertical-align: top;
    word-wrap: break-word;
    width: 30%;
}

div#produtos div.item {
    *display: inline;
}

div#produtos div.item div.nome {
    font-weight: bold;
    height: 38px;
    overflow: hidden;
    padding: 0 5px 5px;
}

div#produtos div.item div.nome div {
    font-size: 11px;
    font-weight: normal;
}

div#produtos div.item div.imagem {
    height: 90px;
    line-height: 90px;
}

/* --- */

div#produto-descricao div.codigo {
    text-align: center;
}

div#produto-descricao div.imagens {
    text-align: center; 
}

div#produto-descricao div.imagens img {
    margin-left: 5px;
    margin-bottom: 10px;
    padding: 10px;
}

div#produto-descricao div.descricao {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    padding: 10px;
}

div#produto-descricao table {
    width: 100%;
}

div#produto-descricao th, div#produto-descricao td {
    border: 1px solid #999;
}

div#produto-descricao div.medida {
    text-align: center;
}

/* --- */

div#contato form {
    float: left;
    text-align: center;
    width: 50%;
}

div#contato input[type=text] {
    width: 220px;
}

div#contato textarea {
    height: 100px;
    width: 220px;
}

div#contato label {
    color: #555;
    font-weight: bold;
    text-align: center;
    width: 80px;
}

div#contato input[type=submit] {
    margin-left: 85px;
    width: 100px;
}

div#contato input[type=reset] {
    width: 100px;
}

div#contato div.info {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

/* --- */

div#contato-mensagem {
    text-align: center;
}

div#contato-mensagem div.notice {
    font-size: medium;
}