body, table, td, span
{
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #71798a;
    font-size: 11px;
    text-decoration: none;
}

body
{
    background-color: #e1e4e8;
    background-image: url(../images/bg_site.gif); /*background:url(../images/barra_laranja_top.gif) repeat-x;*/
    margin: 0;
}

.rel
{
    position: relative;
}
.abs
{
    position: absolute;
}
.flLeft
{
    float: left;
}
.flRight
{
    float: right;
}

img
{
    border: 0px;
}

form
{
    margin: 0;
    padding: 0;
}

a:hover
{
    text-decoration: underline;
}

.arial_17
{
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 17px;
    text-decoration: none;
    font-weight: bold;
}
.arial_20
{
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
}
.verdana9
{
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #8e98ad;
    font-size: 9px;
    text-decoration: none;
}
.verdanaPag
{
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #616c85;
    font-size: 10px;
    text-decoration: none;
}
.verdanaLogin
{
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #616c85;
    font-size: 10px;
}
.clsImprimir
{
    font-family: Trebuchet MS, Arial, Verdana , Tahoma;
    color: #afb7c7;
    font-size: 10px;
    text-decoration: none;
}
.verdanaLogin
{
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #9ea7bb;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
}

.frmDefault
{
    width: 143px;
    height: 17px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsFrmSelect
{
    width: 170px;
    height: 17px;
    border: 1px solid #9d8372;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsBusca
{
    width: 157px;
    height: 17px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsCampBuscar
{
    width: 114px;
    height: 17px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsEnvieInput
{
    width: 157px;
    height: 19px;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsComentarios
{
    width: 520px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsCampMsg
{
    width: 170px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 11px;
    text-decoration: none;
}
.clsReceitasList
{
    color: #71798a;
    text-decoration: none;
}
.clear
{
    clear: both;
}

#master
{
    width: 746px;
    min-width: 746px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -373px;
}

#master .mioloSite
{
    width: 746px;
    min-width: 746px;
    text-align: left;
    margin: 0 auto;
    background: url(../images/bg_geral.gif) no-repeat 25% 595px;
}

#master .mioloSite .leftSide
{
    width: 185px;
    float: left;
}
#master .mioloSite .centerSide
{
    width: 554px;
    margin: 0px 0px 40px 0px;
    float: right;
}

#master .mioloSite #footer
{
    width: 450px;
    height: 12px;
    font-size: 10px;
    color: #6f7c9a;
    position: absolute;
    bottom: 10px;
    left: 185px;
}
#footer .clsTxtFooter
{
    color: #6f7c9a;
    text-decoration: none;
}

/*.paginacao{color:#ffccff}*/
.boxPaginacao
{
    width: 556px;
    height: 18px;
    background-color: #f5f7fa;
}
.alignPag
{
    padding: 0px 0px 0px 15px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #616c85;
    font-size: 10px;
    text-decoration: none;
}
.alignPagCenter
{
    padding: 0px 0px 0px 120px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #616c85;
    font-size: 10px;
    text-decoration: none;
}
#paginacao
{
    float: left;
    padding: 4px 0px 0px 10px;
}
#anterior
{
    float: left;
    font-weight: bold;
    padding: 4px 0px 0px 0px;
}
#proxima
{
    float: left;
    padding: 4px 0px 0px 10px;
    font-weight: bold;
}
#pagBuscar
{
    float: left;
    padding-left: 50px;
}
.pagCampBusca
{
    float: left;
    padding-left: 3px;
}

/* -------------------------- Header ------------------------ */

#master #header
{
    width: 100%;
    height: 75px;
    position: relative;
    margin: 0px 0px 20px 0px;
}

.bgHeader
{
    width: 100%;
    height: 30px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/barra_laranja_top.gif) repeat-x;
}
#master #header .contHeader
{
    position: absolute;
    top: 0px;
    left: 0px;
}

#master #header #BThome
{
    position: absolute;
    top: 6px;
    left: 5px;
}

#master #header #BTcompare
{
    position: absolute;
    top: 7px;
    left: 245px;
}

#master #header #BTmaisverdades
{
    position: absolute;
    top: 7px;
    left: 350px;
}

#master #header #Img1
{
   left:686px;
   position:absolute;
   top:8px;
}

#master #header .btHellmanns
{
    position: absolute;
    top: 3px;
    left: 470px;
}

#master #header .logo
{
    width: 84px;
    height: 36px;
    position: absolute;
    top: 10px;
    left: 90px;
    background: url(../images/btn_novo_logo.png);
    _background: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '../images/btn_novo_logo.png' , sizingMethod= 'scale' );
}

#master #header #subMenu
{
    width: 356;
    height: 36px;
    position: absolute;
    top: 30px;
    left: 380px;
    background: url(../images/header_bg_subMenu.gif);
}

#master #header #subMenu img
{
    position: absolute;
    top: 10px;
}

#master #header #subMenu #BTprodutos
{
    left: 10px;
}
#master #header #subMenu #BTreceitas
{
    left: 96px;
}
#master #header #subMenu #BTcadastro
{
    left: 180px;
}
#master #header #subMenu #BTfale_conosco
{
    left: 269px;
}

#master #header #contLogo
{
    width: 133px;
    height: 88px;
    float: left;
    position: relative;
    float: left;
}
#master #header #contMenuTop
{
    width: 543px;
    height: 55px;
    float: left;
    position: relative;
    float: right;
    margin-top: 17px;
}
#master #header #contMenuTop #menu_produtos
{
    width: 89px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_receitas
{
    width: 88px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_vidaSaudavel
{
    width: 123px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_campanhas
{
    width: 106px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_quiz
{
    width: 65px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_blog
{
    width: 65px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_cadastro
{
    width: 94px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_sabores
{
    width: 140px;
    height: 18px;
    float: left;
    padding-left: 1px;
}
#master #header #contMenuTop #menu_voceSabia
{
    width: 90px;
    height: 18px;
    float: left;
    padding-left: 1px;
}

.menuSombra
{
    width: 336px;
    height: 16px;
    background-image: url(../images/img_menu_sombra.jpg);
}

.menuBusca
{
    width: 34px;
    height: 16px;
    float: left;
}
.menuForm
{
    width: 150px;
    height: 16px;
    float: left;
}
.menuOk
{
    width: 22px;
    height: 16px;
    float: left;
    padding-top: 1px;
}
.menuLogar
{
    width: 42px;
    height: 16px;
    float: left;
}

.alignBoxLogin
{
    position: relative;
    margin-left: 239px;
    z-index: 50;
}


#contLoginEsqueci
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 100px;
    left: 190px;
    z-index: 50;
}
#esqLoginConfirm
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 100px;
    left: 190px;
    z-index: 50;
}
#loginErro
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 100px;
    left: 190px;
    z-index: 50;
}
#esqLoginErro
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 100px;
    left: 190px;
    z-index: 50;
}

/* -------------------------- Header ------------------------ */

/* -------------------------- Left Menu  ------------------------ */

.itemActv
{
    margin-bottom: 5px;
    width: 175px;
    height: 17px;
}
.itemMenu
{
    margin-bottom: 9px;
    margin-top: 9px;
}
.itemMenuArea
{
    margin-bottom: 6px;
}
.itemMenuAreaTop
{
    margin: 27px 0px 6px 0px;
}

.leftShadow
{
    background: #E6D2C4 url(../images/bg_left_site.gif) repeat-x scroll 0 0;
    height: 508px;
    position: relative;
    width: 175px;
}

.leftAdicionar
{
    width: 175px;
    background-color: #f5ebe5;
}
.alignAdici
{
    width: 160px;
    padding: 4px 0px 7px 8px;
    line-height: 13px;
}

.leftAdiBtns
{
    width: 175px;
    height: 28px;
    background-color: #f5ebe5;
}

.leftEnvie
{
    width: 175px;
    height: 150px;
    background: #f5ebe5;
}
.alignEnvie
{
    padding: 0px 9px 0px 9px;
}
.padenvie
{
    padding-top: 5px;
}

/* ========= Left Menu - Login ========= */

#master .leftSide #menuLogin
{
    margin: 0px 0px 10px 0px;
}

#boxLogin
{
    width: 185px;
    position: relative;
    display: none;
    margin-bottom: 10px;
}

#boxLogin .brownBox
{
    background-color: #efe4d9;
}
#boxLogin .brownBox
{
    padding: 3px;
}
#boxLogin .brownBox .nome
{
    width: 35px;
    text-align: right;
    float: left;
}
#boxLogin .brownBox input
{
    width: 105px;
    margin-bottom: 1px;
}
#boxLogin .brownBox .btnOk
{
    float: left;
    padding: 19px 0px 0px 5px;
}
.btnsAcao img
{
    margin-top: 8px;
}

#master .leftSide #boxBoasVindas
{
    width: 175px;
    position: relative;
    margin: 0px 0px 20px 0px;
    display: none;
}

#boxBoasVindas #boxBemvindo
{
    background-color: #efe4d9;
    padding: 4px;
}

/* -------------------------- Left Menu ------------------------ */


/* -------------------------- Buscar ------------------------ */

.contBuscar
{
    width: 175px;
    height: 17px;
    margin: 15px 0px 15px 0px;
}
.contBuscarItens
{
    width: 175px;
    height: 17px;
    text-align: center;
}

/* -------------------------- Buscar ------------------------ */

/* -------------------------- Home  ------------------------ */
#contHomeMaster
{
    position: absolute;
    z-index: 0;
    left: 50%;
    width: 1000px;
    margin-left: -450px;
    top: 0px;
}

/* -------------------------- Produtos  ------------------------ */

.produtosCenter
{
    width: 560px;
    height: 288px;
}
#imgProduto
{
    width: 158px; *width:150px;
height:295px;
float:left;
background-repeat:no-repeat;
margin:010px0px0;
}
.contProdutoIntro
{
    width: 367px;
    height: 295px;
    float: left;
}
.prodTxt
{
    width: 380px;
    margin-top: 106px;
    height: 59px;
}
.contSelectProd
{
    width: 367px;
    height: 16px;
    text-align: right;
    margin-top: 10px;
}
.clsSelecione
{
    float: right;
    margin-right: 5px;
}

#contProdutoCenter
{
    width: 556px;
}
.clsBoxProduct
{
    width: 365px;
    height: 21px;
    margin-bottom: 10px;
}
.boxTxtProduct
{
    width: 365px;
    margin-bottom: 20px;
}

.boxGrade
{
    width: 175px;
    border: 1px solid #c8b8a8;
}

.lineEsc
{
    width: 175px;
    background-color: #f7ece3;
}
.lineCla
{
    width: 175px;
    background-color: #fcf7f4;
}

.alignList
{
    text-align: center;
    width: 173px; *width:175px;
border:1pxsolid#c8b8a8;
border-bottom:0;
border-top:0;
}

.confira
{
    width: 175px;
    height: 159px;
    background: url(../images/pack_confira.png);
    _background: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '../images/packs_confira.png' , sizingMethod= 'scale' );
    margin-top: 13px;
}


.saboresCenter
{
    width: 558px;
    height: 288px;
}
.imgSabores
{
    width: 320px;
    height: 292x;
    float: left;
}
.contSaboresIntro
{
    width: 238px;
    height: 295px;
    float: left;
}
.saboresTxt
{
    width: 236px;
    margin-top: 106px;
    height: 59px;
}
 ]
.clsBoxSabores
{
    width: 365px;
    height: 21px;
    margin: 20px 0px 10px 0px;
}

/* -------------------------- Produtos ------------------------ */


/* -------------------------- Receitas ------------------------ */

#faleConfirmacao
{
    width: 295px;
    margin: 0px 0px 0px 150px;
}
#faleErro
{
    width: 295px;
    margin: 0px 0px 0px 150px;
}

.boxReceitas
{
    width: 175px;
    background: #f4eae2;
}
.buscaAlign
{
    padding: 2px 5px 4px 9px;
    color: #8a94ab;
}
.clsBtnBusca
{
    padding: 3px 0px 0px 75px;
    width: 80px;
    height: 17px;
}
.feedAdicionar
{
    position: absolute;
    top: 280px;
    z-index: 50;
    display: none;
}

#contReceitasCenter
{
    width: 560px;
}

.imgReceitas
{
    width: 185px;
    height: 220px;
    float: left;
    background: url(../receitas/images/home_tomate.png);
    _background: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '../receitas/images/home_tomate.png' , sizingMethod= 'scale' );
    margin: 0 10px 10px 0;
}
.contReceitasIntro
{
    width: 364px;
    float: left;
}
.receitasTxt
{
    width: 271px;
    margin-top: 79px;
    height: 35px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}
.txtFavoritos
{
    padding: 0px 0px 5px 2px;
}

#receitasCenter
{
    width: 556px; *width:558px;
position:relative;
background-color:#fdfaf8;
border:1pxsolid#bab2ab;
border-bottom:0;border-top:0;
}
.boxReceitasBar
{
    width: 556px;
    height: 3px;
}
.clsBordaLeft
{
    width: 3px;
    height: 3px;
    float: left;
}
.clsBordaRight
{
    width: 3px;
    height: 3px;
    float: right;
}

.boxRecImg
{
    width: 92px;
    height: 106px;
    padding: 3px 10px 3px 6px;
    float: left;
}
.boxRecRight
{
    float: left;
}
.boxRecTit
{
    margin: 10px 0px 1px 0px;
    color: #ef703d;
    font-weight: bold;
    font-size: 20px;
    font-family: Arial;
}
.boxRecTxt
{
    width: 440px;
    height: 45px;
    margin-bottom: 3px;
}
.boxRecSaiba
{
    width: 77px;
    height: 19px;
    margin: 0px 0px 0px 359px;
}

#contUltimasRec
{
    width: 556px;
    margin: 21px 0px 5px 0px;
}

#contUltimasRec .middle
{
    height: 22px;
    float: left;
    background-color: #e8d2c5;
}

.barraRec
{
    height: 22px;
}

#contMinhasRec
{
    width: 556px;
    margin: 0px 0px 5px 0px;
}
#contFavName
{
    width: 408px;
    height: 22px;
    float: left;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 11px;
    background-color: #e8d2c5;
    font-weight: bold;
}
#contFavName div
{
    padding-top: 4px;
}
.lineGride
{
    border: 0;
    border-top: 1px solid Transparent;
    border-bottom: 1px solid Transparent;
}

.contTracRec
{
    width: 556px;
    height: 1px;
    background-image: url(../images/img_tracejado.gif);
}

.recLine
{
    width: 546px;
    position: relative;
    margin: 3px 0px 3px 0px;
}

.recLineSeta
{
    width: 19px;
    height: 10px;
    float: left;
    padding-top: 3px;
}
.recLineTxt
{
    width: 527px;
    float: left;
}

.todasReceitas
{
    padding: 4px;
    background-color: #e8d2c5;
    text-decoration: none;
    font-weight: bold;
    color: #71798a;
}

.conRecImgInt
{
    width: 175px;
    height: 137px;
    text-align: center;
    background-color: #f0e1d5;
}
.imgRecInt
{
    width: 192px;
    height: 200px;
    float: left;
    margin-top: 53px;
}

.recVoltar
{
    padding: 5px 0 0 93px;
}
#contIntegraTit
{
    width: 271px;
    margin-top: 70px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #ef703d;
    font-size: 25px;
    text-decoration: none;
    font-weight: bold;
}
#contInfos
{
    width: 359px;
    height: 19px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 13px;
    text-decoration: none;
    text-align: right;
    margin-top: 13px;
}

#conTxtIngredientes
{
    width: 537px;
    margin-top: 3px;
}
#conTxtModo
{
    width: 537px;
    margin-top: 3px;
}

.contListReceitas
{
    width: 556px;
    height: 239px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.contFavWhite
{
    width: 540px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
}
.contFavGrey
{
    width: 540px;
    background-color: #dfe4ed;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
}

.favListCheck
{
    width: 20px;
    float: left;
}
.favListData
{
    width: 114px;
    float: left;
    padding-top: 3px;
}
.favListNome
{
    width: 251px;
    float: left;
    padding-top: 3px;
}
.favListTipo
{
    width: 150px;
    float: left;
    padding-top: 3px;
}

/* - Login - */

#contMasterLogin
{
    width: 295px;
    margin-left: 140px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
}
#contEsqueciSenha
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 460px;
    left: 140px;
}
#esqueciConfirma
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 460px;
    left: 140px;
}
#esqueciErro
{
    width: 295px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
    position: absolute;
    top: 460px;
    left: 140px;
}

.contLoginMsg
{
    width: 295px;
    background-color: #f3dacb;
}
.loginAlign
{
    width: 295px;
    margin: 0px 0px 10px 0px;
    line-height: 14px;
    background-color: #f3dacb;
}
.conLoginEmail
{
    width: 60px;
    height: 16px;
    float: left;
    padding: 6px 0px 0px 10px;
}
.loginCampEmail
{
    width: 223px;
    height: 16px;
    float: left;
    padding: 3px 0px 0px 1px;
}
.loginCampEsqueci
{
    width: 90px;
    height: 16px;
    float: left;
    padding: 3px 0px 0px 1px;
}
.loginEsqueci
{
    width: 122px;
    height: 16px;
    float: left;
    padding: 5px 0px 0px 3px;
}
.clsFrmLogin
{
    width: 220px;
    height: 16px;
    border: 1px solid #354059;
    font-family: Trebuchet MS, Tahoma, Arial;
    color: #354059;
    font-size: 10px;
    text-decoration: none;
}

.lineLogin
{
    padding: 0px 0px 5px 0px;
}
.contLoginBtn
{
    width: 295px;
    height: 28px;
    background-color: #e0c4b3;
}
.loginAlignBtns
{
    width: 279px;
    height: 20px;
    padding: 8px 0px 0px 8px;
}

.clsEnvieAmigo
{
    padding: 15px 0px 15px 0px;
    text-align: center;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #8e98ad;
    font-size: 9px;
    text-decoration: none;
}
.boxConfBg
{
    background-color: #e0c4b3;
    padding: 10px 0px 0px 0px;
}

/* -------------------------- Receitas ------------------------ */



/* -------------------------- Vida Saudavel ------------------------ */

#vidaCenter
{
    width: 556px;
    position: relative;
}
.centerIntegra
{
    width: 556px;
    background-color: #f5f7fa;
}
.topIntegra
{
    width: 544px;
    height: 115px;
    padding: 5px 0px 0px 7px;
    position: relative;
}
.intBtnVoltar
{
    width: 549px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0px;
    text-align: right;
}
#integraImg
{
    width: 127px;
    float: left;
}
#integraTit
{
    width: 390px;
    float: left;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #6e7789;
    font-size: 10px;
    padding-top: 35px;
}
#integrData
{
    padding-top: 4px;
}
#integrNome
{
    padding-top: 4px;
}
#integrFonte
{
    padding-top: 4px;
}
#integrBody
{
    width: 544px;
    padding: 7px 0px 7px 7px;
    color: #434e68;
    font-family: Verdana, Trebuchet MS, Tahoma;
    font-size: 10px;
}
.integrEnvie
{
    width: 544px;
    padding: 7px 0px 7px 7px;
}

#integraDescr
{
    width: 550px;
}

.imgVida
{
    width: 192px;
    height: 251px;
    float: left;
}
.contVidaIntro
{
    width: 364px;
    float: left;
}
.vidaTxt
{
    width: 271px;
    margin-top: 79px;
    height: 60px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}
.boxVidaBar
{
    width: 556px;
    height: 3px;
}



.contBoxArtigo
{
    width: 556px;
    background-color: #f5f7fa;
    margin: 5px 0px 5px 0px;
}
.boxArtTop
{
    width: 549px;
    padding-left: 7px;
}
.boxArtSeta
{
    width: 16px;
    float: left;
    padding-top: 8px;
}
.boxArtData
{
    width: 87px;
    float: left;
    padding-top: 5px;
}
.boxArtTitulo
{
    width: 365px;
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
.boxArtSaiba
{
    width: 16px;
    float: left;
    padding-top: 4px;
}
.boxArtText
{
    width: 515px;
    padding: 5px 0px 9px 23px;
}
.boxBtnComents
{
    width: 60px;
    float: left;
    padding-top: 4px;
}
.btnPaginacao
{
    background-color: Transparent;
    border: none;
    font-family: Trebuchet MS, Tahoma, Arial;
    font-size: 10px;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
}
.btnProxAntPaginacao
{
    background-color: Transparent;
    border: none;
    font-family: Trebuchet MS, Tahoma, Arial;
    font-size: 10px;
    color: #71798a;
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
}


/* -------------------------- Vida Saudavel ------------------------ */


/* -------------------------- Quiz ------------------------ */

.imgQuiz
{
    width: 192px;
    height: 133px;
    float: left;
    padding: 100px 0px 0px 0px;
}
.contQuizIntro
{
    width: 364px;
    float: left;
}
.QuizTxtIntro
{
    width: 271px;
    margin-top: 120px;
    height: 60px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}
.contPerguntas
{
    width: 516px;
    padding-top: 4px;
    float: left;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #7a859e;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

.contTracQuiz
{
    width: 556px;
    height: 1px;
    background-image: url(../images/img_tracejado.gif);
    margin-bottom: 10px;
}

.contRespGrey
{
    width: 556px;
    background-color: #dfe4ed;
}
.contRespBlue
{
    width: 556px;
    background-color: #e7ebf2;
    height: 60px;
}
.contRespWhite
{
    width: 556px;
}

.contQuizCheck
{
    width: 20px;
    float: left;
    padding: 4px 0px 4px 0px;
}
.contQuizResp
{
    width: 512px;
    float: left;
    padding: 6px 0px 4px 2px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #71798a;
    font-size: 10px;
    text-decoration: none;
}

.contQuizNext
{
    width: 556px;
    height: 25px;
    text-align: right;
    margin-top: 20px;
}


.boxQuizCorr
{
    width: 556px;
    background-color: #dfe4ed;
    height: 94px;
}
#contQuizTop
{
    width: 556px;
    height: 35px;
    margin: 21px 0px 0px 0px;
    background-color: #dfe4ed;
}

.contRespStatus
{
    width: 202px;
    height: 25px;
    text-align: center;
    margin: 10px 0px 12px 169px;
}
.contTxtCorr
{
    float: right;
    padding-top: 4px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #8a92a3;
    font-size: 10px;
    text-decoration: none;
}
.contRespMsg
{
    width: 434px;
    text-align: center;
    padding: 15px 0px 5px 77px;
}

.contRespFinal
{
    width: 556px;
    height: 36px;
    background-color: #e7ebf2;
}
.contGreyBox
{
    width: 556px;
    height: 27px;
    background-color: #dfe4ed;
}
.boxQuizResp
{
    width: 556px;
    background-color: #dfe4ed;
}

.contBtnResp
{
    float: left;
    width: 35px;
    padding: 5px 0px 0px 155px;
}
.contTxtResp
{
    width: 300px;
    float: left;
    padding: 10px 0px 0px 3px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #8a92a3;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

/* -------------------------- Quiz ------------------------ */



/* -------------------------- Campanhas ------------------------ */

.leftCampDowload
{
    padding: 8px 0px 8px 0px;
}
.conIntroCamp
{
    width: 556px;
    height: 280px;
}
.imgCampanhas
{
    width: 192px;
    height: 180px;
    float: left;
    padding-top: 68px;
}
.CampTxtIntro
{
    width: 271px;
    margin-top: 120px;
    height: 60px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}
.contBoxDownload
{
    width: 556px;
    background-color: #f5f7fa;
    position: relative;
    margin-bottom: 0px;
}
.campBoxAnterior
{
    width: 80px;
    height: 18px;
    position: absolute;
    top: 13px;
    left: 467px;
}
.campBoxTit
{
    width: 89px;
    height: 21px;
    padding: 10px 0px 0px 18px;
}

.boxCampAling
{
    width: 466px;
    margin: 17px 0px 0px 37px;
}
.boxCampLine
{
    height: 114px;
}
.boxCampFloat
{
    width: 172px;
    height: 114px;
    float: left;
}
.boxCampFloat2
{
    width: 113px;
    height: 114px;
    float: left;
}
.boxImgDownload1
{
    width: 113px;
    height: 78px;
    border: 4px solid #dfe3ea;
    margin: 0px 0px 5px 0px;
}
.boxTxtDownload
{
    width: 113px;
    font-family: Verdana,Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 9px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}
.boxBtnWall
{
    width: 121px;
    text-align: center;
}

/* - Layers - */

.conMasterLayer
{
    width: 500px;
    height: 464px;
    background-image: url(../campanhas/images/bg_layers.gif);
    background-repeat: repeat-x;
}
.layerAlign
{
    margin: 13px 0px 0px 15px;
}
.contTopLayer
{
    width: 470px;
    height: 55px;
}
.contTitLayer
{
    width: 470px;
    height: 22px;
    background-color: #e1e5ed;
    margin-bottom: 5px;
}
.contTitVeja
{
    width: 65px;
    height: 22px;
    padding-left: 181px;
    float: left;
}
.contlayerList
{
    width: 163px;
    height: 18px;
    float: left;
    padding: 0px 0px 0px 3px;
}

.layerTracRec
{
    width: 470px;
    height: 1px;
    background-image: url(../images/img_tracejado.gif);
}

.layerCenter
{
    width: 470px;
    margin: 12px 0px 0px 0px;
}
.layerLeft
{
    float: left;
    width: 90px;
    height: 325px;
}
.layerLeftImpr
{
    float: left;
    width: 90px;
}
.layerRight
{
    float: left;
    width: 380px;
}
.layerBoxImg
{
    width: 69px;
    padding-left: 7px;
    height: 47px;
    border: 4px solid #dfe3ea;
    margin-bottom: 8px;
}
.layerBoxImpresso
{
    width: 380px;
    height: 273px;
    margin-bottom: 8px;
    background-image: url(/campanhas/images/bg_cont_impresso.gif);
}
.layerBoxPlayer
{
    width: 250px;
    height: 229px;
    padding-left: 62px;
}
.layerInfos
{
    width: 380px;
    position: relative;
    padding-left: 5px;
}

#conLayerTit
{
    width: 263px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 17px;
    text-decoration: none;
    font-weight: bold;
}
#conLayerDescr
{
    width: 370px;
}
.contLayerFooter
{
    width: 470px;
    height: 17px;
    text-align: center;
    margin: 10px 0px 20px 0px;
}
.conBackNext
{
    width: 125px;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 255px;
}

/* -------------------------- Campanhas ------------------------ */


/* -------------------------- Blog ------------------------ */

.imgBlog
{
    width: 192px;
    height: 176px;
    float: left;
    padding-top: 74px;
}
.blogTxtIntro
{
    width: 271px;
    margin-top: 130px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}
.comentVoltar
{
    width: 556px;
    text-align: right;
    margin: 10px 0px 10px 0px;
}

.boxPostTitulo
{
    width: 284px;
    float: left;
    padding-top: 5px;
    font-weight: bold;
}
.boxPostComent
{
    width: 85px;
    float: left;
    padding-top: 5px;
    font-weight: bold;
}

.contTracBlog
{
    width: 556px;
    height: 1px;
    background-image: url(../images/img_tracejado.gif);
    margin: 2px 0px 2px 0px;
}
.boxPagBlog
{
    width: 556px;
    height: 15px;
    background-color: #f5f7fa;
}

.boxOldPosts
{
    width: 556px;
    height: 20px;
    background-color: #f5f7fa;
}
.contBlogMes
{
    float: left;
    padding: 3px 0px 0px 220px;
}
.contMesCamp
{
    float: left;
    padding: 0px 0px 0px 5px;
}
.contBlogAno
{
    float: left;
    padding: 3px 0px 0px 6px;
}
.contAnoCamp
{
    float: left;
    padding: 0px 0px 0px 5px;
}
.contBlogOk
{
    float: left;
    padding: 3px 0px 0px 5px;
}

.comentBox
{
    width: 556px;
    background-color: #dfe4ed;
    margin-top: 30px;
}
.comentBoxTop
{
    width: 556px;
}
.comentBoxBord
{
    width: 5px;
    height: 32px;
    float: left;
}
.comentBoxEnv
{
    width: 107px;
    height: 15px;
    float: left;
    padding: 10px 0px 0px 14px;
}
.comentBoxRight
{
    width: 21px;
    height: 22px;
    float: right;
}
.comentBoxInfos
{
    width: 536px;
    padding: 10px 0px 10px 20px;
    font-family: Verdana,Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 10px;
}
.comentBoxCheck
{
    width: 536px;
    height: 52px;
    padding: 0px 0px 10px 20px;
    font-family: Verdana,Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 10px;
    position: relative;
}
.contInfoEnvio
{
    width: 450px;
    height: 12px;
    float: left;
    padding: 4px 0px 0px 5px;
}
.comentBtnEnvie
{
    top: 20px;
    left: 460px;
    width: 71px;
    height: 25px;
    position: absolute;
}

.comentNome
{
    width: 43px;
    float: left;
    padding-top: 4px;
}
.comentNomeCamp
{
    width: 245px;
    float: left;
}
.comentEmail
{
    width: 43px;
    float: left;
    padding-top: 4px;
}
.comentEmailCamp
{
    width: 184px;
    float: left;
}

#boxConfirmBlog
{
    width: 295px;
    height: 106px;
    position: absolute;
    top: 350px;
    left: 136px;
}
#boxErroBlog
{
    width: 295px;
    height: 106px;
    position: absolute;
    top: 350px;
    left: 136px;
}

/* -------------------------- Blog ------------------------ */


/* -------------------------- Cadastro ------------------------ */

.cadTit
{
    width: 158px;
    height: 31px;
    padding: 20px 0px 30px 0px;
}
.cadTxtIntro
{
    width: 366px;
    padding: 5px 0px 30px 0px;
}
.cadBoxCenter
{
    width: 556px;
    height: 315px;
    background-color: #f1e6de;
}
.cadAlgin
{
    padding: 8px 0px 0px 11px;
}
.cadAlginCheck
{
    padding: 5px 0px 0px 11px;
}
.cadLine
{
    padding: 2px 0px 0px 5px;
    float: left;
}
.cadCamp
{
    padding: 0px 0px 0px 5px;
    float: left;
}
.cadCampCheck
{
    padding: 0px 0px 0px 105px;
    float: left;
}
.cadLineSmall
{
    padding: 2px 0px 0px 5px;
    float: left;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 10px;
    text-decoration: none;
}
.cadEnviar
{
    width: 540px;
    height: 18px;
    text-align: right;
    padding-bottom: 5px;
}

#boxConfirmacao
{
    width: 295px;
    height: 106px;
    background-color: #e0c4b3;
    margin: 100px 0px 0px 136px;
}
.cadConfirMsg
{
    width: 295px;
    height: 36px;
    background-color: #f3dacb;
    padding: 10px 0px 0px 0px;
}
.cadAlignMsg
{
    padding-top: 5px;
    text-align: center;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #8e95a5;
    font-size: 10px;
    text-decoration: none;
}
.cadConfirmEnv
{
    width: 295px;
    height: 17px;
    padding: 4px 0px 5px 0px;
    text-align: right;
    background-color: #e0c4b3;
}
.cadErroEnv
{
    width: 290px;
    height: 20px;
    padding: 4px 0px 0px 5px;
    background-color: #e0c4b3;
    text-align: right;
}

#boxErro
{
    width: 295px;
    height: 106px;
    background-color: #f3dacb;
    margin: 100px 0px 0px 136px;
}
#boxFeedback
{
    width: 295px;
    height: 300px;
    position: absolute;
    top: 200px;
    left: 110px;
    z-index: 50;
}

/* -------------------------- Cadastro ------------------------ */

/* -------------------------- Fale Conosco ------------------------ */

#masterFaleConosco
{
    height: 460px;
}
.faleBoxCenter
{
    width: 556px;
    height: 250px;
    background-color: #f1e6de;
    position: relative;
}
.imgFaleConosco
{
    width: 175px;
    height: 141px;
    float: left;
    margin-top: 70px;
    background: url(../fale_conosco/images/pack_produtos.png);
    _background: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src= '../fale_conosco/images/pack_produtos.png' , sizingMethod= 'scale' );
}
.faleConoscoTxt
{
    width: 271px;
    height: 35px;
    margin-top: 90px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}

#faleConfirmacao
{
    width: 295px;
    margin: 0px 0px 0px 150px;
}
#faleErro
{
    width: 295px;
    margin: 0px 0px 0px 150px;
}

/* -------------------------- Fale Conosco ------------------------ */


/* -------------------------- Pop - Imprimir ------------------------ */

.imprimirMaster
{
    width: 375px;
    height: 339px;
    padding: 10px;
}
.imprTop
{
    width: 375px;
    height: 45px;
}
#imprCorpo
{
    width: 375px;
    height: 198px;
    min-height: 300px;
    overflow-y: scroll;
    padding-right: 10px;
    font-family: Verdana, Trebuchet MS, Tahoma;
    color: #8e98ad;
    font-size: 9px;
    text-decoration: none;
}
#impimirTit
{
    padding: 10px 0px 10px 0px;
}
#imprimirPublic
{
    width: 363px;
    margin: 7px 0px 7px 0px;
}


/* -------------------------- Termos de Uso ------------------------ */

.masterTermos
{
    width: 500px;
    height: 350px;
    background-image: url(../pop/images/bg_pop.gif);
    background-repeat: no-repeat;
}
.termosTop
{
    width: 470px;
    height: 55px;
}
.alignTermos
{
    width: 470px;
    padding: 13px 0px 0px 15px;
}
.termosTit
{
    width: 470px;
    height: 22px;
    margin-bottom: 7px;
}
.contTracTerms
{
    width: 470px;
    height: 1px;
    background-image: url(../images/img_tracejado.gif);
    margin-bottom: 25px;
}
.termosText
{
    width: 465px;
    height: 197px;
    overflow-y: scroll;
}
.termosGreyBar
{
    width: 470px;
    height: 1px;
    background-color: #7a889f;
    margin: 4px 0px 4px 0px;
}

/* -------------------------- Busca ------------------------ */

.contBuscaIntro
{
    width: 554px;
    height: 100px;
}
.BuscaSiteTxt
{
    width: 271px;
    margin-top: 100px;
    height: 30px;
    font-family: Arial, Trebuchet MS, Tahoma;
    color: #7e89a2;
    font-size: 30px;
    text-decoration: none;
    font-weight: bold;
}
.contBoxBusca
{
    width: 556px;
    background-color: #f5f7fa;
    margin: 0px 0px 5px 0px;
}

.listMaster
{
    border: 1px solid #CCCCCC;
    border-bottom: 0px;
}
.listLeft
{
    padding-left: 5px;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.listRight
{
    padding-left: 5px;
    border-bottom: 1px solid #CCCCCC;
}


#mapImg
{
    width: 142px;
    height: 260px;
    position: absolute;
    top: 115px;
    left: 195px;
    display: none;
}

.grdResults a:hover
{
    background: #dbc3b2;
}
.grdResults a, .grdResults span
{
    padding: 4px;
    text-decoration: none;
    font-weight: bold;
    color: #71798a;
}
.grdResults span
{
    background: #dbc3b2;
}

.grdResults .clsReceitasList
{
    margin-top: inherit;
    color: #71798a;
    text-decoration: none;
    padding: inherit;
    background: inherit;
    font-weight: inherit;
}

/* ====== Banner ====== */

#bannerHellmanns
{
    width: 900px;
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0px 0px -450px;
    display: none;
}
