/* 
    Document   : css
    Created on : 29/05/2012, 08:37:33
    Author     : Renato Borges
    Description:
        Purpose of the stylesheet follows.
*/
@import"dinengschrift/stylesheet.css";
@import"helveticalt43lightextended/stylesheet.css";
@import"myriadpro-regular/stylesheet.css";
@import"helveticalt33thinextended/stylesheet.css";

*{
    margin: 0;
    padding: 0;
}

#banner{
    position: relative;
    width: 951px;
    height: 312px;
    margin-left: 36.5px;
    float: left;
    margin-top: 5px;
}

body{
    overflow-x: hidden;
}

body img{
    border: 0;
}

#borgesweb{
    position: relative;
    float: right;
    font-size: 10pt;
    color: black;
    font-family: 'helveticalt43lightextended';
    margin-top: 20px;
    margin-right: 40px;
}

#botoes{
    position: relative;
    float: right;
    margin-top: 282px;
    margin-right: 15px;
}

.btn_banner{
    cursor: pointer;
}

.cartao{
    position: relative;
    float: left;
    margin-right: 40px;
    margin-top: 10px;

}

#cartoes{
    position: relative;
    float: left;
    margin-top: 10px;
}

#cartoes p{
    font-size: 10pt;
    color: black;
    font-family: 'helveticalt43lightextended';
}

#cartao_fidelidade{
    position: relative;
    float: left;
    margin-top: 40px;
    margin-left: 40px;
    font-family: arial;
}

#cartao_fidelidade h4{
    color: #d43634;
    font-family: arial;
}

#central_atendimento{
    position: relative;
    float: right;
    margin-right: 165px;
    margin-top: -75px;
}

#central_atendimento img{
    position: relative;
    width: 14px;
    height: 62px;
    float: left;
    margin-top: -25px;
}

#central_atendimento p{
    font-family: 'DINEngschriftRegular';
    color: #7a7979;
    font-size: 14pt; 
    float: left;
}

#clima_tempo{
    position: relative;
    float: left; 
    margin-left: 20px;
    margin-top: 40px;
    width: 150px;
}

#clima_tempo p{
    color: #797979;
    float: left;
    font-family: 'MyriadPro-Regular';
    font-size: 12pt;
    position: relative;
    margin-bottom: 10px;
}

#conteudo{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
}

#conteudo_ofertas{
    position: relative;
    width: 700px;
    height: 100%;
    float: left;
}

#curriculum_online{
    font-family: 'MyriadPro-Regular';
    color: black;
    font-size: 12pt;
    cellspacing: 40px;
}

#direitos {
    font-size: 10pt;
    color: black;
    font-family: 'helveticalt43lightextended';
    float: left;
    margin-top: 20px;
}

#direitos_chamada{
    font-family: arial;
    font-size: 10pt;
    margin-top: 200px;
    position: relative;
    text-align: center;
    width: 100%;
}

#endereco{
    position: relative;
    margin-bottom: 60px;
    float: left;
    text-align: center;
    margin-left: 150px;
}

#endereco_2{
    font-family: arial;
    color: #6b6969;
    font-size: 13.5pt;
    font-weight: bolder;
}

#engloba_chamada{
    height: 100%;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    width: 1024px;
}

#engloba_conteudo{
    position: relative;
    margin: 0 auto;
    width: 1024px;
    height: 100%;
}

#engloba_menu{
    position: relative;
    margin: 0 auto;
    width: 975px;
    height: 84px;
}

#engloba_menu a{
    text-decoration: none;
    font-family: 'DINEngschriftRegular';
    color: white;
    font-size: 13pt; 
}

#engloba_menu li{
    display: inline;
    list-style: none;
    float: left;
    margin-left: 30px;
}

#engloba_menu ul{
    margin-top: 90px;
    position: relative;
    float: left;
    margin-left: 250px;
    z-index: 5;
}

#engloba_rodape{
    position: relative;
    margin: 0 auto;
    width: 951px;
    height: 100%;
}

#engloba_topo{
    position: relative;
    width: 1024px;
    height: 100%;
    margin: 0 auto;
}

#faca_seu_cartao{
    position: relative;
    float: left;
    margin-top: 100px;
    margin-left: 70px;
}

#facebook{
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 30px;
}

#faixa{
    position: absolute;
    width: 114px;
    height: 281px;
    right: 55px;
    z-index: 1;
}

.faixa_conteudo{
    position: relative;
    float: left;
    width: 252px;
    height: 40px;
    margin-top: 108px;
}

.faixa_conteudo h1{
    font-family: 'MyriadPro-Regular';
    color: white;
    font-size: 12pt;
    position: relative;
    float: left;  
    margin-left: 15px;
    margin-top: 5px;
    font-weight: lighter;
}

.faixa_receitas{
    position: relative;
    float: left;
    width: 273px;
    height: 40px;
    margin-top: 95px;
}

.faixa_receitas h2{
    font-family: arial;
    color: white;
    font-size: 10pt;
    position: relative;
    float: left;  
    margin-left: 40px;
    margin-top: 5px;
    font-weight: lighter;
}

#faixa_venha_trabalhar{
    position: relative;
    float: left;
    width: 418px;
    height: 40px;
    margin-top: 108px;
}

#faixa_venha_trabalhar h1{
    font-family: 'MyriadPro-Regular';
    color: white;
    font-size: 12pt;
    position: relative;
    float: left;  
    margin-left: 100px;
    margin-top: 5px;
    font-weight: lighter;
}

#fale_conosco{
    position: relative;
    float: left;
    width: 900px;
    margin-top: 30px;
    margin-left: 20px;
}

#fale_conosco h1{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 11pt;
    color: #d43634;
    width: 100%;
}

#fale_conosco p{
    position: relative;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    line-height: 30px;
    text-align: justify;
}

#fone{
    font-family: arial;
    color: #6b6969;
    font-size: 13.5pt;
    font-weight: bolder;
}

#form_fale_conosco{
    width: 510px;
    position: relative;
    float: left;
    font-family: arial;
}

#fundo_banner{
    position: absolute;
}

#fundo_engloba_menu{
    position: absolute;
    width: 975px;
    height: 97px;
    top: 64px;
    left: 0;
}

.fundo_item{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.fundo_item_conteudo{
    position: absolute;
    width: 231px;
    height: 100%;
    left: 10.5px;
}

.fundo_item_receitas{
    position: absolute;
    width: 252px;
    height: 155px;
    left: 10.5px;
}

#fundo_menu_direito{
    position: absolute;
    width: 12%;
    height: 67px;
    right: 0;
    top: 80px;
}

#fundo_menu_esquerdo{
    position: absolute;
    width: 13%;
    height: 67px;
    left: 0;
    top: 80px;
}

#fundo_menu_grupo_blum{
    position: absolute;
    z-index: 1;
    width: 229px;
    height: 150px;
    top: 145px;
    left: 13px;
}

#fundo_rodape{
    position: absolute;
    width: 100%;
    height: 205px;
    left: 0;
}

#fundo_topo{
    position: absolute;
    width: 100%;
    height: 385px;
    bottom: 0;
    left: 0;
}

#fundo_venha_trabalhar{
    position: absolute;
    width: 399px;
    height: 228px;
    left: 9px;
}

#geral{
    width: 100%;
    height: 100%;
}

.img_banner{
    position: absolute;
    width: 100%;
    height: 312px;
    left: 0;
}

.img_blum{
    position: relative;
    float: left;
    margin-top: 30px;
    margin-right: 6.5px;
}

.img_cartao_blum{
    position: relative;
    float: left;
    z-index: 5;
    width: 99%;
    margin-top: 31px;
    margin-left: 1px;
}

.img_cartao_fidelidade{
    position: absolute;
    left: 10.5px;
    width: 231px;
    height: 143px;
    top: 0;
}

.img_faixa_conteudo{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.img_faixa_receitas{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

#img_faixa_venha_trabalhar{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.img_item_home{
    height: 145px;
    position: relative;
/*    width: 140px;*/
    z-index: 5;
    margin-top: 10px;
/*    margin-left: 40px;*/
/*    float: left;*/
    text-align: center;
}

.img_material_construcao{
    position: relative;
    float: left;
    z-index: 5;
    margin-left: 1px;
    width: 99.5%;
    margin-top: 32px;
}

#img_menu_grupo_blum{
    position: absolute;
    left: 0;
}

#img_nossa_equipe{
    position: absolute;
    left: 63.5px;
    top: 0;
}

.img_ofertas_produto{
    position: relative;
    width: 150px;
    z-index: 5;
    max-height: 150px;
}

#img_promocao{
    position: relative;
    width: 100%;
    float: left;
    height: 178px;
}

.img_receitas{
    position: absolute;
    left: 10.5px;
    width: 252px;
    height: 105px;
    top: 0;
}

.img_supermercado{
    position: relative;
    float: left;
    z-index: 5;
    width: 99%;
    min-height: 231px;
    margin-top: 32px;
    margin-left: 1px;
}

#img_venha_trabalhar{
    position: absolute;
    left: 45px;
    width: 309px;
    height: 107px;
    top: 0;
}

#ipiranga{
    float: left;
    margin-left: 350px;
    margin-top: -97px;
    position: relative;
}

#ivai{
    margin-left: 20px;
    margin-top: -95px;
}

.item_conteudo{
    position: relative;
    float: left;
    width: 252px;
    height: 217px;
    margin-top: 40px;
    margin-left: 10px;
    color: #646464;
}

.item_conteudo a{
    font-family: arial;
    font-size: 8pt;
    font-style: italic;
    text-decoration: none;
    color: #646464;
}

.item_conteudo p{
    font-family: arial;
    font-size: 10pt;
    font-style: italic;
    text-decoration: none;
    color: #646464;
    width: 220px;
}

.item_home{
    position: relative;
    float: left;
    width: 229px;
    height: 292px;
    margin-left: 20px;
    margin-top: 5px;
}

.item_home a{
    font-family: arial;
    color: #514d4d;
    font-size: 9pt;
    text-decoration: none;
    font-style: italic;
}

.item_home h1{
    font-family: 'MyriadPro-Regular';
    color: #514d4d;
    font-size: 10pt;
    position: relative;
    float: left;
    margin-top: 11px;
    margin-left: 20px;
}

.item_receitas{
    position: relative;
    float: left;
    width: 252px;
    height: 210px;
    margin-top: 40px;
    margin-left: 30px;
    margin-right: 68px;
    margin-bottom: 40px;
}

.item_receitas p{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    margin-top: 20px;
    word-spacing: -1px;
    text-align:  justify;
    margin-left: 20px;
}

.leia_mais{
    position: absolute;
    left: 165px;
    bottom: 10px;
}

#leia_mais_venha_trabalhar{
    position: relative;
    float: right;
    margin-right: 15px;
    font-style: italic;
}

#logo{
    position: relative;
    width: 228px;
    height: 165px;
    float: left;
    margin-top: -90px;
    margin-left: 40px;
}

#mapa{
    position: relative;
    float: left;
    margin-left: 10px;
    width: 380px;
}

#menu{
    width: 100%;
    position: relative;
    float: left; 
    height: 98px;
}

#menu_grupo_blum{
    position: relative;
    float: left;
    margin-left: 30px;
    width: 252px;
    height: 466px;
}

#menu_grupo_blum a{
    text-decoration: none;
    color: #696a6b;
}

#menu_grupo_blum li{
    font-size: 11pt;
    color: #696a6b;
    font-family: 'helveticalt33thinextended';
    margin-top: 15px;
}

#menu_grupo_blum h1{
    position: relative;
    float: left;
    font-family: 'MyriadPro-Regular';
    font-size: 12pt;
    color: white;
    z-index: 5;
    margin-top: 121px;
    width: 100%;
    text-align: center;


}

#menu_grupo_blum ul{
    position: relative;
    list-style: none;
    margin-top: 180px;
    margin-left: 20px;
    z-index: 3;
}

.oferta{
    position: absolute;
    text-align: center;
    top: 35px;
}

.ofertas{
    position: relative;
    float: left;
    margin-top: 40px;
    margin-left: 20px;
    text-align: center;
    width: 200px;
    height: 280px;
}

.parceiro{
    position: relative;
    float: left;
    margin-top: 10px;
    margin-right: 80px;
}

#parceiros{
    position: relative;
    float: left;
}

#parceiros h1{
    position: relative;
    float: left;
    font-family: 'DINEngschriftRegular';
    color: black;
    font-size: 14pt;
    width: 100%;
    font-weight: lighter;
}

#preco{
    font-family: 'MyriadPro-Regular';
    position: relative;
    float: left;
    color: #514d4d;
    font-size: 16pt;
    margin-top: 15px;
    margin-left: 90px;
}

.preco_produto{
    font-family: 'MyriadPro-Regular';
    position: relative;
    color: #514d4d;
    font-size: 16pt;
    margin-top: 15px;
}
.produto{
    position: relative;
    font-family: arial;
    color: #514d4d;
    font-size: 10pt;
    text-align: center;
}

#promocao{
    position: relative;
    float: left;
    font-family: arial;
    color: #514d4d;
    font-size: 10pt;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

#relogio{
    position: relative;
    float: left;
    width: 100%;
    font-family: arial;
    color: black;
    font-size: 10pt;
    margin-left: 45px; 
    margin-top: 5px;
}

#receitas{
    position: relative;
    float: left;
    width: 700px;
    height: 800px;
    margin-top: 30px;
    margin-left: 10px;
}

#receitas h1{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 11pt;
    color: #d43634;
    width: 100%;
}

#rodape{
    position: relative;
    float: left;
    width: 100%;
    height: 192px;
    margin-top: 20px;
    margin-bottom: 20px;
}

root { 
    display: block;
}

#texto_chamada{
    float: left;
    margin-left: 80px;
    margin-top: 150px;
    position: relative;
    text-align: center;
}

#texto_chamada h1{
    color: #b42828;
    font-family: calibri;
}

#texto_chamada p{
    font-family: arial;
}

.texto_distribuidora{
    position: relative;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    line-height: 30px;
    text-align: justify;
}


#texto_grupo_blum{
    position: relative;
    float: left;
    width: 700px;
    margin-top: 30px;
    margin-left: 10px;
}

#texto_grupo_blum_1{
    position: relative;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    line-height: 30px;
    text-align: justify;
}

#texto_grupo_blum h1{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 11pt;
    color: #d43634;
    width: 100%;
}

.texto_item_conteudo{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 10pt;
    width: 92%;
    margin-left: 15px;
    color: #646464;
    bottom: 5px;
}

#texto_receitas{
    position: relative;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    line-height: 20px;
    text-align: justify;
}

#texto_venha_trabalhar{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 10pt;
    width: 90%;
    margin-left: 20px;
    color: #646464;
}

#titulo_ofertas{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 11pt;
    color: #d43634;
    margin-top: 30px;
    margin-left: 30px;
    width: 700px;
}

#trabalhe_conosco{
    position: relative;
    float: left;
    width: 700px;
    margin-top: 30px;
    margin-left: 20px;
}

#trabalhe_conosco h1{
    position: relative;
    float: left;
    font-family: arial;
    font-size: 11pt;
    color: #d43634;
    width: 100%;
}

#trabalhe_conosco p{
    position: relative;
    font-family: arial;
    font-size: 10pt;
    color: #605e5e;
    line-height: 30px;
    text-align: justify;
}

#topo{
    float: left;
    position: relative;
    width: 100%;
    height: 514px;
}

.veja_mais{
    bottom: 5px;
    position: absolute;
    right: 10px;
}

#venha_trabalhar{
    position: relative;
    float: left;
    width: 418px;
    height: 228px;
    margin-top: 30px;
    color: #646464;
    margin-left: 10px;
}

#venha_trabalhar a{
    font-family: arial;
    font-size: 8pt;
    font-style: italic;
    text-decoration: none;
    color: #646464;
}