/*
-----------------------------------------------
Expertu Comércio Virtual e Marketing Ltda.
Autor:  Igor Thiago Marques Mendonça
Versão Original: 16 de março de 2006
Versão Atual: 01 de junho de 2006
Para: HeniQ2006
----------------------------------------------- 
*/

* { margin: 0; padding: 0; border:none; } /* Zerando as margens e preenchimentos de todas as tags */

body { text-align: center; background:#fff; } /* definindo o alinhamento do texto para o centro */

ul { padding-bottom: 10px; }

a:link {text-decoration: none; color: #007cc3; } /* azul celeste */
a:visited {text-decoration: none; color: #999;}
a:hover {text-decoration: none; color: orange;}

.box-produtos-links a:link { color: #000; }
.box-produtos-links a:hover { color: orange; }
.box-produtos-links a:visited { color: #999 }

#geral {
    background:#fff;
    text-align:left;
    width: 777px;
    border-left: solid 1px #bbb;
    border-right: solid 1px #bbb;
    /*border-left-color: #000000;
    border-left-style:solid;
    border-left-width:1px;*/
    
    margin: auto;
    font: normal 11px arial, tahoma, verdana;
    overflow:hidden;
}

#cabecalho {
    height:107px;
    background:url(../imgsite/top_detalhe_azul.gif) repeat-x;
}

    #cabecalho-777 {
        height:104px;
        width:777px;
        background:url(../imgsite/top_fundo.png) no-repeat top center;
    }
    
    #logo {
        position:relative;
        float:left;
        width:220px;
        height:76px;
        background: url(../imgsite/logo_heniq_transp.gif)  no-repeat center center;
        padding: 0;
    }

    #box-cabecalho-form {
        position:relative;
        float:right;
        color:#208CCA;
        font-weight:bold;
        height:66px;
        width:210px;
        top:10px;
        right:0;
    }

        #box-cabecalho-form br {
            line-height:1px;
        }

        #box-cabecalho-form label {
            width: 100px;
            color:#999;
        }
        
        #box-cabecalho-form .campo {
            position:relative;
            font-family:Arial, Helvetica, sans-serif;
            font-size:11px;
            top: 2px;
            left: 3px;
            font-weight:normal;
            height:16px;
            width:120px;
            border:1px solid #000000;
            padding:0;
        }
        
        #box-cabecalho-form .form-image {
            position:relative; 
            left:3px; 
            top:5px;
        }

    #menu-horizontal {
        clear:left;
        position:relative;
        width:100%;
        height:31px;
    }
    
        #menu-degrade {
            text-align: center;
            padding-top:4px;
            position:relative;
            float:left;
            width:226px;
            height:31px;
            /*background:url('../imgsite/nav_left.gif') no-repeat;*/
        }
        
        #menu-flash {
            position:relative;
            width:490px;
            height:31px;
            /*background:url(../imgsite/menu_flash.png) no-repeat;*/
            float:left;
        }
        
#banner-gigante {
    padding:10px 0 15px 0;
    text-align:center;
    width:777px;
}

#detalhe-meio-home {
    width:100%;
    background:url(../imgsite/detalhe_meio_fnd_fnd.png);
    height:23px;
}

    #detalhe-meio-home-779 {
        width:777px;
        background:url('../imgsite/detalhe_meio_fnd.png');
        height:23px;
    }
    
        #detalhe-meio-home-left {
            float:left;
            position:relative;
            width:33px;
            height:23px;
            background:url('../imgsite/detalhe_meio_left_fnd.png') no-repeat;
        }

        #detalhe-meio-home-right {
            position:relative;
            float:right;
            width:33px;
            height:23px;
            background:url('../imgsite/detalhe_meio_right_fnd.png') no-repeat right;
        }

conteudo-paginas {
    margin:0; 
    width:777px;
    background:#fff;
    margin:10px 29px 0px 29px;
}
    #conteudo-paginas h2 {
        text-align:left;
        font-size:14px;
        font-weight:bold;
        color:#208CCA;
        padding-bottom:10px;
    }
    #conteudo-paginas p {
        padding-bottom:10px;
        text-align:justify; 
    }   


#finaliza-compra {
    clear: both;
    overflow: hidden;
    width: 100%;
    border-bottom: solid 1px #aaa;
}

#finaliza-compra ul li { 
    float: right;
    margin-top: 8px;
    padding: 0 50px 3px 12px;
    list-style: none;
}

#finaliza-compra .li-on {
    background: url(../imgsite/li_verde.png) no-repeat;
}

#finaliza-compra .li-off {
    background: url(../imgsite/li_vermelho.png) no-repeat;
    color: #aaa;
}

.obrigatorio {
    background: #ffc;
    border: solid 1px #888;
    padding:2px;
}

.n-obrigatorio {
    border: solid 1px #888;
    padding:2px;
}

/*  #finaliza-compra h1 {
        text-align:left;
        font-size:14px;
        font-weight:bold;
        color:#FF0000;
        padding:20px 0 20px 20px;
    }
    #finaliza-compra h2 {
        text-align:left;
        font-size:12px;
        font-weight:bold;
        color:#bbb;
        padding:0 0 10px 20px;
    }
    #finaliza-compra h3 {
        text-align:left;
        font-size:11px;
        font-weight:normal;
        color:#bbb;
        padding:0 0 10px 30px;
    } */

    #form label {
        display: block;
        width: 120px;
        float: left;
        clear: left;
        color: #000;
    }
    #form span {
        color: #999;
    }
    #form br {
        line-height: 5px;
    }
    #form input, select {
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        border:1px solid #000000;
        padding:0;
    }


#conteudo-home {
    margin:10px 29px 0px 29px;
    text-align:center;
    width:719px;
    background:#fff;
}

    #conteudo-home h1 {
        text-align:left;
        font-size:13px;
        font-weight:bold;
        color:#208CCA;
        padding-bottom:5px;
    }
    
    /*#conteudo-home h2 {
        text-align:left;
        font-size:13px;
        font-weight:bold;
        color:#208CCA;
        padding-bottom:5px;
    }*/

    .span-h1 {
        font-size:12px;
    }
    
    a.span-h1:link {text-decoration: none; color: #208CCA; }
    a.span-h1:visited {text-decoration: none; color: #208CCA;}
    a.span-h1:hover {text-decoration: underline; color: #006699;}
    

    #conteudo-home h2 {
        text-align:left;
        font-size:14px;
        font-weight:bold;
        color:#208CCA;
        padding-bottom:10px;
    }

    #conteudo-home-geral {
        text-align:left;
    }

    #box-destaque-home {
        position:relative;
        float:left;
        width:360px;
        background:#fff url(../imgsite/destaques-fnd.png) repeat-y;
    }
    
    .box-destaques {
        vertical-align:text-top;
        text-align:center;
        position:relative;
        float:left;
        margin:0 10px 5px 0px;
        padding:5px;
        width:100px;
        background:url(../imgsite/destaques-fnd-top-top.png) no-repeat;
    }
    
        .box-destaques h3 {
            font-size: 12px;
            padding: 4px 0 6px 0;
        }

        .box-destaques-img {
            vertical-align:middle;
            width:100%;
            height:45px;
        }
        

        .box-destaques p{
            text-align:justify;
        }
    
    #box-destaque-bottom {
        position:relative;
        clear:left;
        height:1px;
        width:100%;
        background:url(../imgsite/destaques-fnd-top-bottom.png) no-repeat;
    }

    #box-top-down {
        vertical-align:text-top;
        position:relative;
        float:left;
        margin:5px 10px 5px 0px;
        width:110px;
        background-color:#FFFFFF;
    }
    
    #box-top-down p {
        padding: 4px 0 8px 0;
    }

    #box-separador {
        position:relative;
        vertical-align:middle;
        top:20px;
        float:left;
        margin:0;
        width:1px;
        height:200px;
        background-color:#ddd;
    }

    #box-noticias {
        vertical-align:text-top;
        position:relative;
        float:right;
        padding-left:5px;
        margin:5px 0 5px 0;
        width:215px;
        background-color:#fff;
    }

    #box-noticias p{
        padding-bottom:10px;
    }
    #box-base {
        clear:left;
        height:10px;
        width:100%;
        
    }

#ultimas-noticias {
    position:relative;
    float:left;
    text-align:left;
    width:200px;
}

#ultimas-noticias p {
    padding-top:10px;
    padding-bottom:10px;
}

#conteudo-noticias {
    background:#fff;
    text-align:justify;
    position:relative;
    float:left;
    width:480px;
}

#conteudo-noticias p {
    padding-bottom:15px;
}

#conteudo-noticias h1 {
    text-align:left;
    font-size:14px;
    font-weight:bold;
    color:#208CCA;
    padding-top:15px;
    padding-bottom:20px;
}
    
#conteudo-noticias h2 {
    text-align:left;
    font-size:16px;
    font-weight:bold;
    color:#208CCA;
}

#separador-noticias {
    position:relative;
    float:left;
    width:1px;
    height:350px;
    margin:15px;
    /*background:url('../imgsite/sep_page_noticia.png') no-repeat;*/
}

#img-privacidade {
    /*position:relative;
    background:url(../imgsite/page_politicas.jpg);*/
    clear: both;
    float:left;
    width:240px;
    height:450px;
}

#box-esquerda {
    clear: both;
    float:left;
    width:220px;
    height:450px;
    padding: 20px 0 0 20px;
}

#img-quemsomos {
    float:left;
    width:240px;
    height:450px;
}

.box-produtos {
    height: 1%;
    top:20px;
    vertical-align:text-top;
    text-align:left;
    position:relative;
    float:left;
    margin:0;
    padding:5px;
    width:220px;
    background:url(../imgsite/separador_produtos.png) no-repeat top left;
}

.box-produtos-img {
    position:relative;
    margin:30px 0 35px 10px;
    padding:0;
}

.box-produtos-produto {
    position:absolute;
    top:2px;
    left:30px;
    color:#0074C5;
    font-size:14px;
    font-weight:bold;
}

.box-produtos-links {
    font-size:11px;
    font-weight:normal;
    position:relative;
    /*top:25px;
    left:30px;*/
}

.box-produtos-titulo {
    font-size:14px;
    font-weight:bold;
    color:#888;
    position:relative;
    left:30px;
}

#rodape {
    overflow:hidden;
    clear:both;
    text-align:left;
    width:779px;
    background:url(../imgsite/rodape_fnd.png);
    height:21px;
    margin: auto;
    font: normal 11px arial, tahoma, verdana;
}

#expertu {
    text-align:right;
    width:779px;
    height:21px;
    margin: auto;
    font: normal 9px verdana, arial, tahoma;
}

#expertu a:link {text-decoration: none; color: #999; }
#expertu a:visited {text-decoration: none; color: #999;}
#expertu a:hover {text-decoration: none; color: #555;}

#ssl-1 { width:170px; float:left; margin-top:6px; }
#ssl-2 { width:100px; float:left; }
.link-ssl {     font: normal 8px verdana, arial, tahoma; }

#rodape div {
    float: right;
    padding: 2px 5px 2px 5px;
}
    a.link-rodape:link {text-decoration: none; color: #FFFFFF; }
    a.link-rodape:visited {text-decoration: none; color: #FFFFFF;}
    a.link-rodape:hover {text-decoration: none; color: #006699;}

    #rodape-menu {
        text-align:center;
        width:779px;
        height:21px;
        color:#fff;
        word-spacing:3px;
        padding-top:3px;
        background:url(../imgsite/logo_heniq_base.png) no-repeat;
        /*padding-left:120px;*/
    }
    
.lista-de-fornecedores li {
    list-style: disc url(../imgsite/li_duplo.png);
    margin: 4px 0 0 30px;
    padding-left: 0px; 
}

.ul-imgp li {
    list-style: disc url(../imgsite/li_interno.png);
    margin: 4px 0 0 30px;
    padding-left: 0px; 
}

#lista-de-clientes li {
    list-style: disc url(../imgsite/li_simples.png);
    margin: 4px 0 0 30px;
    padding-left: 0px; 
}

.descricao, .valor, .valor-desconto, .botao { padding-top: 2px; text-align: left; } 

.hr {
    border-top:solid 1px #aaa;
    padding:3px 0 3px 0;
    margin:auto;
    height:0;
    width:100%;
}

.label-revenda {
    font-weight: bold;
}

.box-img-pagamento {
    height: 80px;
    margin: 0 10px;
    padding: 15px 5px;
    border: solid 1px #ddd;
    float:left;
    width:90px;
    text-align:center;
}

.box-cartoes {
    height: 80px;
    margin: 0 10px;
    padding: 15px;
    border: solid 1px #ddd;
    float:left;
    width:680px;
    text-align:justify;
}

.input-revenda {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    left: 3px;
    font-weight:normal;
    height:16px;
    border:1px solid #000000;
    padding:0;
}

.qtde { float: left; width: 42px; }
.descricao { float: left; width: 190px; }
.valor { text-align: right; float: right; width: 70px; }
.valor-desconto { text-align: right; float: right; width: 110px; font-weight: bold; }
.botao { text-align: right; float: right; width: 60px; } 

#cesta {
    border: solid 1px #ddd;
    overflow: auto;
    padding: 10px;
}

.cesta-label { color: #208CCA; font-weight: bold; }

.cesta-descricao-label { float: left; width: 390px; padding: 0 0 0 10px; margin-right: 15px; color: #91abb2; font-weight: bold; }
.cesta-qtde-label { float: left; width: 50px; color: #91abb2; font-weight: bold; }
.cesta-exluir-label { text-align: center; float: right; width: 60px; padding-top: 2px; color: #91abb2; font-weight: bold; }
.cesta-precounit-label  { text-align: right; float: right; width: 75px; padding-top: 2px; color: #91abb2; font-weight: bold; }
.cesta-subtotal-label { text-align: right; float: right; width: 110px; font-weight: bold; padding: 0 15px 0 0; color: #91abb2; font-weight: bold; }

.cesta-qtde { float: left; width: 50px; padding-top: 3px; }
.cesta-descricao { float: left; width: 390px; padding: 5px; border: solid 1px #eee; margin-right: 10px; }
.cesta-exluir { text-align: center; float: right; width: 50px;  padding: 5px; border: solid 1px #fff; }
.cesta-subtotal { text-align: right; float: right; width: 90px; font-weight: bold;  padding: 5px; border: solid 1px #eee; }
.cesta-precounit  { text-align: right; float: right; width: 70px;  padding: 5px; border: solid 1px #eee; margin-right: 5px; }

.cesta-descricao2 { float: left; width: 390px; padding: 5px; border: solid 1px #fff; margin-right: 10px; }
.cesta-subtotal2 { text-align: right; float: right; width: 90px; font-weight: bold;  padding: 5px; border: solid 1px #fff; }
.cesta-precounit2  { text-align: right; float: right; width: 70px;  padding: 5px; border: solid 1px #fff; margin-right: 5px; }

.cesta-total { padding-top: 25px; text-align: right; float: right; width: 500px; font-weight: bold; color: #91abb2; }
.cesta-total span { color: #000; font-size: 16px; }

.cesta-opcoes { float: right; width: auto; padding: 10px 10px 0 20px; text-align: right; font-weight: bold; border-top: solid 1px #ddd; }
.cesta-opcoes img { vertical-align: middle; }

.campo-item {
    font-weight:bold;
    padding-top:3px;
    float:left;
    clear:both;
    width:110px;
    height:20px;
    border-bottom: #ddd solid 1px;
}

.valor-item {
    padding-top:3px;
    float:left;
    width:627px;
    height:20px;
    border-bottom: #ddd solid 1px;
}
.fim-cesta-qtde { float: left; width: 50px; }
.fim-cesta-descricao { float: left; width: 250px; padding-top: 2px; }
.fim-cesta-subtotal { text-align: right; float: right; width: 110px; font-weight: bold; padding-top: 2px; }
.fim-cesta-precounit  { text-align: right; float: right; width: 70px; padding-top: 2px; }
.fim-cesta-total { text-align: right; float: right; width: 200px; font-weight: bold; }

#menu_heniq_exp { display:block; }

#conteudo-produtos {
    overflow:auto;
    background:#fff;
    text-align:justify;
    position:relative;
    float:left;
    width:570px;
}

    #conteudo-produtos h1 {
        text-align:left;
        font-size:14px;
        font-weight:bold;
        color:#208CCA;
        padding-top:15px;
        padding-bottom:20px;
    }

#conteudo-produtos p { padding-bottom:15px;}

#ssl-geral {
    background:#eee;
    text-align:justify;
    margin:2%;
    padding:2%;
    font: normal 12px arial, tahoma, verdana;
    overflow:hidden;
}

#ssl-geral p { padding-bottom:15px;}

#ssl h1 { 
    text-align:left; 
    margin:2% 2% 4% 2%;
}

#ssl-rodape { margin:15px; }