/* 
    Document   : layout
    Created on : 03/08/2009, 16:02:30
    Author     : emiolo
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    margin:0px auto;
    font-family:Verdana;
    font-size:11px;
    color:#333;
    text-align:center;
    background-image:url('../images/fundo.jpg');
    background-repeat:repeat-x;
    background-attachment:fixed;
}
table{
    font-family:Verdana;
    font-size:11px;
}
td{
    font-family:Verdana;
    font-size:11px;
}
tr{
    font-family:Verdana;
    font-size:11px;
}

/* ******************* DIVS para montar o layout */

#total{
    width:990px;
    /* background-color:aqua;*/
    margin:0 auto;
    padding:0px;
    text-align:left;
}

#topo{
    width:100%;
    height:262px;
    margin:0 auto;
    padding:0px;

}

#topo_area{
    width:100%;
    height:169px;
}

#topo_menu{
    width:100%;
    height:61px;
    background-image:url('../images/topo_corpo.png');
    behavior:url(iepngfix.htc);
}

.btn_menu{
    height:46px;
    float:left;
    margin-top:15px;
}


#topo_base{
    width:921px;
    height:32px;
    background-image:url('../images/fundo_corpo.png');
    behavior:url(iepngfix.htc);
    background-position:right;
    background-repeat:repeat-y;
    margin:0 auto;
    padding:0px;
    float:right;
}

#logo{
    background-image:url('../images/logo.png');
    behavior:url(iepngfix.htc);
    width:369px;
    height:262px;
    float:left;
}

#logo_topo{
    width:369px;
    height:169px;
    background-image:url('../images/logo_topo.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
    float:left;
    margin:0px;
    padding:0px;
}
#topo_interno_direito{
    width:621px;
    height:169px;
    float:right;
    margin:0px;
    padding:0px;

}
#web_entrega_area{
    width:321px;
    height:169px;
    float:left;
    margin:0px auto;
    padding:0px;
}
#pesquisa_area{
    width:300px;
    height:169px;
    margin:0px auto;
    padding:0px;
    float:right;

}

#div_pesquisar{   
    width:280px;  
    margin-top:133px;
}
.div_input_pesquisar{
    background-image:url('../images/fundo_input_pesquisa.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
    height:35px;
    width:200px;
    float:right;
}
.input_pesquisar{
    background-color:transparent;
    color:#AAA;
    font-weight:bold;

    /*font-variant:small-caps;*/

    border:0px;
    padding-left:15px;
    padding-top:5px;
    _margin-top:3px;
    width:200px;
}
.submit_pesquisar{
    background-image:url('../images/btn_fundo_pesquisar.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
    background-color:transparent;
    border:0px;
    width:41px;
    height:31px;
    float:right;
    cursor:pointer;
}

#logo_meio{
    width:327px;
    height:61px;
    float:left;
    background-image:url('../images/logo_meio.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
}
#logo_meio{
    width:327px;
    height:61px;
    float:left;
    background-image:url('../images/logo_meio.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
}
#logo_base{
    width:258px;
    height:32px;
    float:left;
    background-image:url('../images/logo_base.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
}
#migalhas_de_pao{
    height:32px;
    float:left;
    line-height:32px;
    /*background-color:aqua;*/
    font-size:10px;
}
#corpo{
    width:921px;
    background-image:url('../images/fundo_corpo.png');
    behavior:url(iepngfix.htc);
    background-position:right;
    background-repeat:repeat-y;
    margin:0 auto;
    padding:0px;
    _padding-left:17px;
    _padding-right:17px;
    *padding-left:17px;
    *padding-right:17px;
    float:right;
}

#corpo_rodape{
    width:921px;
    height:38px;
    background-image:url('../images/barra_rodape_corpo.png');
    behavior:url(iepngfix.htc);
    float:right;
}

#menu_lateral{
    width:176px;
    margin:0 auto;
    padding:0px;
    text-align:center;
    margin-left:17px;
    _margin:0 auto;
    *_margin:0 auto;
    float:left;
}
#menu_lateral_interno{
    width:165px;    
    text-align:left;
    margin:auto;
}

#menu_login{
    width:165px;
    text-align:left;
    margin:auto;
    color:#232;
    border-bottom:1px solid #5a5;
}

.menu_lateral_item{
    border-bottom:1px solid #5a5;
    margin-bottom:10px;
    padding-bottom:3px;
}
.menu_lateral_item:hover{
    border-bottom:1px solid #5a5;
    margin-bottom:10px;
    padding-bottom:3px;
}

#conteudo{
    width:707px;
    margin:0 auto;
    padding:0px;
    text-align:center;
    margin-right:17px;
    _margin:0 auto;
    *_margin:0 auto;
    float:right;

}

#conteudo_interno{
    width:670px;
    _width:690px;
    background-color:#FFF;
    padding:8px;
    text-align:left;
    border:1px solid #FEA;
}
#barra_tele_entrega{
    width:690px;
    height:75px;
    margin-top:10px;
    color:#FFF;
    background-image:url('../images/barra_tele_entrega.jpg');
    text-align:center;
}
.texto_tele_entrega{
    float:left;
    margin-left:20px;
    margin-top:25px;

}

#caixa_msg_geral{
    width:690px;
    height:350px;
    margin-top:10px;
}

#caixa_msg_esq{
    width:454px;
    height:255px;
    float:left;
}
#caixa_msg_dir{
    width:236px;
    height:255px;
    float:right;
}

#enquete_area{
    width:233px;
    height:210px;
    background-image:url('../images/enquete.gif');
    background-position:top;
    background-repeat:no-repeat;
    text-align:left;
    float:left;

}
#enquete_txt{
    width:190px;
    height:170px;
    position:relative;
    top:35px;
    left:35px;
    overflow:auto;
}

#noticias_area{
    width:453px;
    height:210px;
    background-image:url('../images/noticias.gif');
    background-position:top;
    background-repeat:no-repeat;
    text-align:left;
    float:left;
}
#noticias_txt{
    width:405px;
    height:160px;
    position:relative;
    top:33px;
    left:33px;
    /*overflow:auto;*/
}

#parceiros_area{
    width:687px;
    height:125px;
    background-image:url('../images/parceiros.gif');
    background-position:top;
    background-repeat:no-repeat;
    text-align:left;
    float:left;
}
#parceiros_txt{
    width:635px;
    height:83px;
    position:relative;
    top:33px;
    left:33px;
    overflow:auto;
}

#rodape{
    width:921px;
    height:210px;
    background-image:url('../images/rodape.png');
    behavior:url(iepngfix.htc);
    _padding:25px;
    *padding:25px;
    float:right;
}
#rodape_interno{
    font-size:10px;
    margin:25px;
    _margin:0px;
    *margin:0px;
}


#login_identificacao{
    /*border:1px double #FA0;*/
    width:65%;
    padding:5px;
    margin:0px auto;
    text-align:left;
}
.exibir_area_end_entrega{
    margin-left:20px;
}
.endereco_entrega_geral{
    width:250px;
    float:left;
    padding:0px;
    margin:5px 15px 5px 0px;
    background-color:#FEA;
    border:1px inset #FA0;
    _border:1px inset #FDA;
}

.endereco_entrega_geral_on{
    width:250px;
    float:left;
    padding:0px;
    margin:5px 15px 5px 0px;
    background-color:#FC4;
    border:1px inset #FA0;
    _border:1px inset #FDA;
}
.endereco_entrega_radio{
    float:left;
    padding:0px;
    margin:0px;
}

.endereco_entrega_conteudo{
    width:215px;
    background-color:#FFFED7;
    float:right;
    margin:3px;
    padding:3px;

}
.endereco_entrega_label{
    float:left;
    width:60px;
    font-weight:bold;
    margin-bottom:3px;
}
.endereco_entrega_txt{
    float:right;
    width:145px;
    margin-bottom:3px;
}
.clear{
    clear:both;
}

.PNG {behavior:url(iepngfix.htc);}

.btn_amarelo_arredondado{
    background-color:#FF0;
    border:1px solid #000;
    width:80px;
}

.botao_laranja{
    text-align:center;
    width:100px;
    border:1px solid #EDD691;
    background-color:#F50;
}

/* ****** BALAO  *******  */
#balao_geral{
    width:250px;
    height:133px;
    position:relative;
    top:55px;
    left:60px;
}
#balao_topo{
    width:250px;
    height:30px;
    background-image:url('../images/balao.png/balao_topo.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
}

#balao_meio{
    width:250px;
    height:70px;
    background-image:url('../images/balao.png/balao_meio.png');
    behavior:url(iepngfix.htc);
    background-repeat:repeat-y;
    margin:0px;

}
#balao_base{
    width:250px;
    height:33px;
    background-image:url('../images/balao.png/balao_base.png');
    behavior:url(iepngfix.htc);
    background-repeat:repeat-y;
}
.balao_topo_txt{
    position:relative;
    left:10px;
    top:3px;
    font-size:18px;
    font-weight:bold;
    color:#FFF;
}
.balao_conteudo_txt{
    position:relative;
    left:10px;
    top:3px;
    font-size:12px;
    font-weight:bold;
    color:#000;
}

.exibir_produto{
    width:220px;
    margin-left:3px;
    margin-bottom:30px;
    float:left;

}
.exibir_produto_titulo{
    margin-left:3px;
    font-size:10px;
}
.exibir_foto{
    width:70px;
    height:70px;
    /*border:1px solid #999;*/
    float:left;
    margin-left:3px;
    margin-top:3px;
    /*background-color:#FFF;*/
}
.txt_descricao_simples{
    margin-top:3px;
    width:140px;   
    float:right;
    font-size:9px;

}
.txt_preco{
    font-size:16px;
    font-family:Arial;
    font-weight:bold;
    color:#C50;
    margin-left:10px;
}

img{
    border:0px;
}

/*MENSAGENS*/
.msg_retorno_erro{
    width:auto;
    font-size:10px;
    margin:10px;
}

.msg_retorno_erro .msg_retorno_erro_titulo{
    color:#FFF;
    display:inline;
    padding:5px;
    border:1px solid #F00;
    background-color:#F00;
    margin:0px;

}

.msg_retorno_erro .msg_retorno_erro_conteudo{
    display:block;
    padding:5px;
    border:1px solid #F00;
    margin:0px;
    margin-top:5px;
}

.msg_retorno_sucesso{
    width:auto;
    font-size:10px;
    margin:10px;
}

.msg_retorno_sucesso .msg_retorno_sucesso_titulo{
    color:#FFF;
    display:inline;
    padding:5px;
    border:1px solid #0B0;
    background-color:#0B0;
    margin:0px;

}

.msg_retorno_sucesso .msg_retorno_sucesso_conteudo{
    display:block;
    padding:5px;
    border:1px solid #0B0;
    margin:0px;
    margin-top:5px;
}

.msg_alerta{
    background-image:url('../icones/info_alerta_64x64.png');
    behavior:url(iepngfix.htc);
    background-repeat:no-repeat;
    height:64px;
    width:300px;
    margin:0px auto;

}
.msg_alerta div{
    text-align:left;
    width:220px;
    position:relative;
    top:10px;
    margin-left:68px;

}

.fieldset_laranja{
    border:1px solid #FD9;
    margin:5px;
}

.fieldset_laranja legend{
    color:#C50;
    font-weight:bold;
    padding:3px;
}

.GoogleButton {
    font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    /*display: inline;*/
    font-size: 9px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 7px;
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 3px;
    margin-left: 0;
    font-weight: normal;
    text-align:center
}

#miniCart {
    float: right;
    background-color: #FFFF87;
    border: 1px solid #F3D354;
    padding: 3px;
    width: 215px;
    font-size:10px;

}
#miniCart .titulo_minicart{
    color:#C50;
    font-size:14;
    font-weight:bold;
    font-family:Arial;
    margin-bottom:8px;
}
#miniCart hr {
    color: #F3D354;
}
#miniCart p {
    margin: 2px;
    padding: 2px;
}

#miniCart ol{
    display: block;
    margin-left: 8px;
    padding-left: 8px;
    margin-top: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
}
#miniCart li{
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    cursor:pointer;
}