@font-face {
    font-family: 'allerbold_italic';
    src: url('aller_bdit-webfont.eot');
    src: url('aller_bdit-webfont.svg#allerbold_italic') format('svg'),
         url('aller_bdit-webfont.woff2') format('woff2'),
         url('aller_bdit-webfont.woff') format('woff'),
         url('aller_bdit-webfont.ttf') format('truetype'),
         url('aller_bdit-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'alleritalic';
    src: url('aller_it-webfont.eot');
    src: url('aller_it-webfont.svg#alleritalic') format('svg'),
         url('aller_it-webfont.woff2') format('woff2'),
         url('aller_it-webfont.woff') format('woff'),
         url('aller_it-webfont.ttf') format('truetype'),
         url('aller_it-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'allerbold';
    src: url('aller-webfont.eot');
    src: url('aller-webfont.svg#allerbold') format('svg'),
         url('aller-webfont.woff2') format('woff2'),
         url('aller-webfont.woff') format('woff'),
         url('aller-webfont.ttf') format('truetype'),
         url('aller-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.svg#allerregular') format('svg'),
         url('aller_rg-webfont.woff2') format('woff2'),
         url('aller_rg-webfont.woff') format('woff'),
         url('aller_rg-webfont.ttf') format('truetype'),
         url('aller_rg-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightitalic';
    src: url('aller_ltit-webfont.eot');
    src: url('aller_ltit-webfont.svg#aller_lightitalic') format('svg'),
         url('aller_ltit-webfont.woff2') format('woff2'),
         url('aller_ltit-webfont.woff') format('woff'),
         url('aller_ltit-webfont.ttf') format('truetype'),
         url('aller_ltit-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aller_lightregular';
    src: url('aller_lt-webfont.eot');
    src: url('aller_lt-webfont.svg#aller_lightregular') format('svg'),
         url('aller_lt-webfont.woff2') format('woff2'),
         url('aller_lt-webfont.woff') format('woff'),
         url('aller_lt-webfont.ttf') format('truetype'),
         url('aller_lt-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'vagrounded_btregular';
    src: url('vagron-webfont.eot');
    src: url('vagron-webfont.woff2') format('woff2'),
         url('vagron-webfont.woff') format('woff'),
         url('vagron-webfont.ttf') format('truetype'),
         url('vagron-webfont.svg#vagrounded_btregular') format('svg'),
         url('vagron-webfont.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'LocalBreweryFour';
    src: url('LocalBreweryFour.eot');
    src: url('LocalBreweryFour.woff2') format('woff2'),
         url('LocalBreweryFour.woff') format('woff'),
         url('LocalBreweryFour.ttf') format('truetype'),
         url('LocalBreweryFour.svg#vagrounded_btregular') format('svg'),
         url('LocalBreweryFour.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;

}



@import url(fonts.css);
:focus {
    outline-color: 0;
    outline-style: none;
    outline-width: 0
}

::selection {
    background-color: #0099cc;
    color: #FFF
}

::-moz-selection {
    background-color: #0099cc;
    color: #FFF
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.cf_:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.cf_ {
    display: block;
    *display: inline-block
}

html[xmlns] .cf_ {
    display: block
}

* html .cf_ {
    height: 1%;
    overflow: visible
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: none;
    outline: none
}

button {
    background: none;
    border: none;
    overflow: visible;
    outline: none;
    padding: 0
}

button:focus {
    outline: none
}

body {
    line-height: 1
}

.border-box,
.sub-menu .col-menu,
.produtos-menu .col-menu,
.nutricao-menu .col-menu,
.contato-menu .col-menu,
#destaque,
#destaque .receita figure,
#destaque .itens .tip,
#dicas .item,
#dicas .item a,
#news,
#news .blog,
#news .blog .title,
#search .content-wrapper h2,
#contact .content-wrapper h2,
#trabalhe-conosco .content-wrapper h2,
#unidades .content-wrapper h2,
#historico .content-wrapper h2,
#qualidade .content-wrapper h2,
#cooperativismo .content-wrapper h2,
#assistencia-tecnica .content-wrapper h2,
#premios-e-certificacoes .content-wrapper h2,
#responsabilidade-social .content-wrapper h2,
#receitas .content-wrapper h2,
#receitas-details .content-wrapper h2,
#dicas .content-wrapper h2,
#dicas-details .content-wrapper h2,
#campanhas .content-wrapper h2,
#campanhas-details .content-wrapper h2,
#blog .content-wrapper h2,
#blog-details .content-wrapper h2,
#search h3,
#contact h3,
#trabalhe-conosco h3,
#unidades h3,
#historico h3,
#qualidade h3,
#cooperativismo h3,
#assistencia-tecnica h3,
#premios-e-certificacoes h3,
#responsabilidade-social h3,
#receitas h3,
#receitas-details h3,
#dicas h3,
#dicas-details h3,
#campanhas h3,
#campanhas-details h3,
#blog h3,
#blog-details h3,
.ck .data,
#campanhas-details .data,
#blog-details .data,
.ck h4,
#campanhas-details h4,
#blog-details h4,
#institucional .content-wrapper h2,
#cooperativismo .cols,
#assistencia-tecnica .cols,
#institucional .cols,
#cooperativismo .cols .col1,
#cooperativismo .cols .col2,
#assistencia-tecnica .cols .col1,
#assistencia-tecnica .cols .col2,
#institucional .cols .col1,
#institucional .cols .col2,
#cooperativismo .missao-e-valores .cols .col1,
#cooperativismo .missao-e-valores .cols .col2,
#assistencia-tecnica .missao-e-valores .cols .col1,
#assistencia-tecnica .missao-e-valores .cols .col2,
#institucional .missao-e-valores .cols .col1,
#institucional .missao-e-valores .cols .col2,
#unidades .listadeunidades .col1,
#unidades .listadeunidades .col2,
#receitas .item,
#search .item,
#receitas-details .ingredientes,
#receitas-details .preparo,
#produtos .slctEmbalagem,
#produtos .slctSabor,
#produtos nav.cont .item,
#produtos nav.cont .ingredientes i,
#produtos nav.cont .tabela i,
#produtos .receitas .title,
#produtos .itemreceita,
#lista .wrapper,
#contact .box,
#trabalhe-conosco .box,
#contact label,
#trabalhe-conosco label,
#contact textarea,
#trabalhe-conosco textarea,
#qualidade .cols,
#qualidade .cols .col1,
#qualidade .cols .col2,
#contact .infos .sac,
#contact .infos address,
#contact .infos .ouvidoria {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sprite,
#site-header .search-box button,
#site-header .menu .twitter,
#site-header .menu .facebook,
.share .twitter,
.share .facebook,
#logo,
#destaque .receita .tempo i,
#destaque .receita .porcao i,
#destaque .select i,
#destaque .itens .item,
#destaque .itens .tip,
#destaque .itens nav,
#destaque .itens .prev,
#destaque .itens .next,
#dicas .item i,
#dicas .item .more,
#news .blog .title,
.ck .data,
#campanhas-details .data,
#blog-details .data,
.ck .back i,
#campanhas-details .back i,
#blog-details .back i,
#unidades h4 i,
#receitas .item .tempo i,
#receitas .item .porcao i,
#search .item .tempo i,
#search .item .porcao i,
#receitas .item .overlay i,
#search .item .overlay i,
#receitas-details .tempo i,
#receitas-details .porcao i,
#produtos .sabor i,
#produtos .embalagem i,
#produtos .close,
#produtos nav.cont .item,
#produtos nav.cont .ingredientes i,
#produtos nav.cont .tabela i,
#produtos .ingredientes .icon-ingredientes,
#produtos .tabela-cont .icon-tabela,
#produtos .receitas .title,
#produtos .itemreceita .tempo i,
#produtos .itemreceita .porcao i,
#lista .next,
#lista .prev,
#footer-site .topo,
#footer-site .logo-pia,
#footer-site .selos {
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px
}

.wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative
}

.shadow2 {
    position: relative
}

.none {
    display: none !important
}

.shadow2:before,
.shadow2:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    transform: rotate(-3deg)
}

.shadow2:after {
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

body {
    background: url(../images/bg-body.jpg) repeat;
    min-width: 1024px
}

#site-header {
    width: 100%;
    height: 237px;
    background: url(../images/header-bg.jpg) center no-repeat;
    text-align: center
}

#site-header .wrapper {
    height: 100%
}

#site-header .search-box {
    display: inline-block;
    background: #c5c2bd;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    padding: 8px 8px 0;
    box-sizing: border-box;
    height: 42px;
    position: absolute;
    top: 0;
    right: 16px;
    cursor: pointer;
    width: auto;
    min-width: 37px;
    z-index: 2;
}

#site-header .search-box:hover {
    //background: #C0BCB5
}

#site-header .search-box form {
    display: block;
    width: auto;
    position: relative
}

#site-header .search-box input {
    width: 0;
    float: right;
    border: 0;
    display: block;
    padding: 0;
    background: url(../images/bg-search-open.png) no-repeat;
    color: #594228;
    text-indent: 5px;
    font-size: 20px;
    margin-top: 20px;
    height: 54px;
    font-family: "LocalBreweryFour";
    box-sizing: border-box;
    /*padding-left: 30px;*/
    padding-top: 2px;
    text-indent: 30px;
}

#site-header .search-box input::-webkit-input-placeholder {
    color: #594228;
    font-family: "LocalBreweryFour";
    text-indent: 30px;
}

#site-header .search-box input:-moz-placeholder {
    color: #594228;
    font-family: "LocalBreweryFour";
    text-indent: 30px;
}

#site-header .search-box input::-moz-placeholder {
    color: #594228;
    font-family: "LocalBreweryFour";
    text-indent: 30px;
}

#site-header .search-box input:-ms-input-placeholder {
    color: #594228;
    font-family: "LocalBreweryFour";
    text-indent: 30px;
}

#site-header .search-box button {
    background-position: 0 -140px;
    width: 22px;
    height: 23px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 3px;
}

#site-header .menu {
    height: 60px;
    position: absolute;
    bottom: 0
}

#site-header .menu a {
    color: #a59e92;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 15px 25px;
    display: inline-block
}

#site-header .menu a.ativo:hover {
    color: #fff
}

#site-header .menu .twitter,
#site-header .menu .facebook {
    background-position: -595px -79px;
    width: 20px;
    height: 38px;
    display: inline-block;
    padding: 0;
    margin: 0 10px
}

#site-header .menu .twitter:hover,
#site-header .menu .facebook:hover {
    opacity: 0.78
}

#site-header .menu .facebook {
    background-position: -615px -79px
}

#site-header .menu-institucional.ativo {
    /*background: url(../images/bg-menu-sobre.jpg) center no-repeat;*/
    color: #fff;
    background: #776e99;
}

#site-header .menu-institucional:hover {
    color: #8e80c1
}

#site-header .menu-produtos.ativo {
    /*background: url(../images/bg-menu-produtos.jpg) center no-repeat;*/
    color: #fff;
    background: #d32e59;
}

#site-header .menu-produtos:hover {
    color: #d5315b
}

#site-header .menu-receitas:hover {
    color: #e67945
}

#site-header .menu-contato.ativo {
    /*background: url(../images/bg-menu-contato.jpg) center no-repeat;*/
    color: #fff;
    background: #077489;
}

#site-header .menu-contato:hover {
    color: #0c7a8f
}

#site-header .menu-yo-iogurteria:hover {
    color: #BD9306;
}

#site-header .menu-nutricao-e-saude.ativo {
    /*background: url(../images/bg-menu-nutricao.jpg) center no-repeat;*/
    color: #fff;
    background: #85a30d;
}

#site-header .menu-nutricao-e-saude:hover {
    color: #7d9d06
}

#site-header .menu-campanhas.ativo {
    background: url(../images/bg-menu-campanhas.jpg) center no-repeat;
    color: #fff
}

#site-header .menu-campanhas:hover {
    color: #17b4a1
}

#institucional .menu-institucional,
#historico .menu-institucional,
#unidades .menu-institucional,
#qualidade .menu-institucional,
#assistencia-tecnica .menu-institucional,
#cooperativismo .menu-institucional,
#premios-e-certificacoes .menu-institucional,
#responsabilidade-social .menu-institucional {
    background: url(../images/bg-menu-sobre.jpg) center no-repeat;
    color: #fff !important
}

#campanhas-details .menu-campanhas,
#campanhas .menu-campanhas {
    /*background: url(../images/bg-menu-campanhas.jpg) center no-repeat;*/
    color: #fff !important;
    background: #16af9d;
}

#produtos .menu-produtos {
    background: url(../images/bg-menu-produtos.jpg) center no-repeat;
    color: #fff !important
}

#receitas .menu-receitas {
    /*background: url(../images/bg-laranja.jpg) center repeat;*/
    color: #fff !important;
    background: #e37540;
}

#contact .menu-contato,
#trabalhe-conosco .menu-contato {
    background: url(../images/bg-menu-contato.jpg) center no-repeat;
    color: #fff !important
}

.menu-yo-iogurteria:hover {
    color: #f0bd14
}

#blog .menu-nutricao-e-saude,
#dicas .menu-nutricao-e-saude {
    background: url(../images/bg-menu-nutricao.jpg) center no-repeat;
    color: #fff !important
}

#submenu {
    position: absolute;
    width: 100%;
    height: 482px;
    z-index: 10;
    overflow: hidden;
    display: none
}

.sub-menu,
.produtos-menu {
    background: url(../images/bg-menu-produto.jpg);
    width: 100%;
    height: 440px;
    text-align: center;
    position: relative;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.84);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.84);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.84)
}

.sub-menu .ilustra,
.produtos-menu .ilustra {
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../images/bottom-menu-produtos.png) center bottom;
    height: 297px;
    width: 100%;
    z-index: 1
}

.sub-menu .col-menu,
.produtos-menu .col-menu {
    display: block;
    text-align: left;
    width: 470px;
    padding-left: 94px;
    padding-top: 38px;
    position: relative;
    z-index: 2;
    float: left;
    vertical-align: top;
    margin-left: -7px
}

.sub-menu .col-menu h2,
.produtos-menu .col-menu h2 {
    font-size: 28px;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    width: auto;
    display: table;
    margin-bottom: 40px;
    margin-left: 62px;
}

.sub-menu .col-menu li,
.produtos-menu .col-menu li {
    margin-bottom: 23px;
    width: 171px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    font-family: "allerbold";
}

.sub-menu .col-menu ul,
.produtos-menu .col-menu ul {
    margin-left: 33px
}

.sub-menu .col-menu a,
.produtos-menu .col-menu a {
    color: #3c3d3e;
    text-decoration: none
}

.sub-menu .col-menu .col1,
.produtos-menu .col-menu .col1 {
    margin-left: -75px
}

.contato-menu.sub-menu .col-menu a,
.nutricao-menu.sub-menu .col-menu a {
    width: 100%;
    height: 56px;
    display: block;
    margin-top: 30px;
}

.contato-menu.sub-menu .col-menu a:hover,
.nutricao-menu.sub-menu .col-menu a:hover {
    opacity: .84;
}

.contato-menu.sub-menu .col-menu a img,
.nutricao-menu.sub-menu .col-menu a img {
    display: none;
}

.contato-menu.sub-menu .col-menu a {
    background: url(../images/btn-acessar.png) right center no-repeat;
}

.contato-menu.sub-menu .col-menu.col2 a {
    background: url(../images/btn-acessar-contato.png) left center no-repeat;
}

.nutricao-menu.sub-menu .col-menu.col1 a {
    background: url(../images/btn-acessar.png) right center no-repeat;
}

.nutricao-menu.sub-menu .col-menu.col2 a {
    background: url(../images/btn-ver-dicas.png) left center no-repeat;
}

.sub-menu .col-menu .col2,
.produtos-menu .col-menu .col2 {
    padding-left: 113px;
    width: 520px
}

.nutricao-menu .ilustra {
    background: url(../images/ilustra-menina.png);
    width: 811px;
    height: 383px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -445px
}

.nutricao-menu .col-menu {
    display: inline-block;
    text-align: left;
    width: 470px;
    padding-left: 242px;
    padding-top: 98px;
    position: relative;
    z-index: 2
}

.nutricao-menu .col-menu h2 {
    font-size: 46px;
    border-top: 0;
    display: block;
    margin-bottom: 7px;
    margin-left: 0px
}

.nutricao-menu .col-menu .btn {
    color: #fff;
    margin-top: 35px
}

.nutricao-menu .col-menu p {
    color: #a16c45;
    font-size: 21px;
    /*font-family: "allerregular";*/
}

.nutricao-menu .col1 {
    text-align: right;
    padding-right: 175px;
    padding-left: 0
}

.nutricao-menu .col1 h2 {
    width: 100%;
    color: #01b0c1
}

.nutricao-menu .col1 .btn {
    background-color: #01b0c1
}

.nutricao-menu .col2 h2 {
    color: #86a904
}

.nutricao-menu .col2 .btn {
    background-color: #86a904
}

.institucional-menu {
    text-align: center
}

.institucional-menu .ilustra {
    background: url(../images/ilustraileite.png);
    width: 525px;
    height: 381px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin-left: -445px
}

.institucional-menu ul {
    text-align: left;
    padding: 31px
}

.institucional-menu li {
    display: block;
    padding: 0 0 0 56px;
    color: #e20f46;
    font-size: 23px
}

.institucional-menu a {
    color: #625787;
    text-decoration: none;
    font-size: 22px;
    line-height: 40px;
    transition-duration: .1s;
}

.institucional-menu a:hover {
    color: #e20f46;
    transition-duration: .1s
}

.contato-menu .ilustra {
    background: url(../images/bg-menu-contato.png);
    width: 1007px;
    height: 383px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -552px
}

.contato-menu .col-menu {
    display: inline-block;
    text-align: left;
    width: 470px;
    padding-left: 128px;
    padding-top: 87px;
    position: relative;
    z-index: 2
}

.contato-menu .col-menu h2 {
    font-size: 46px;
    border-top: 0;
    display: block;
    margin-bottom: 7px;
    margin-left: 0px
}

.contato-menu .col-menu .btn {
    color: #fff;
    margin-top: 35px
}

.contato-menu .col-menu p {
    color: #a16c45;
    font-size: 17px;
    padding-right: 0px;
    padding-left: 0px
}

.contato-menu .col1 {
    text-align: right;
    padding-right: 80px;
    padding-left: 80px
}

.contato-menu .col1 h2 {
    width: 100%;
    color: #01b0c1
}

.contato-menu .col1 .btn {
    background-color: #01b0c1
}

.contato-menu .col2 h2 {
    color: #86a904
}

.contato-menu .col2 .btn {
    background-color: #86a904
}

.produtos-menu .col1 h2 {
    color: #08347e;
    border-top: 3px solid #08347e
}

.produtos-menu .col1 li {
    color: #08347e
}

.produtos-menu .col1 a:hover {
    color: #e20f46;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.produtos-menu .col1 p {
    padding-left: 68px
}

.produtos-menu .col2 h2 {
    color: #e20f46;
    border-top: 3px solid #e20f46
}

.produtos-menu .col2 li {
    color: #e20f46
}

.produtos-menu .col2 a:hover {
    color: #e20f46;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease
}

.produtos-menu .col2 p {
    padding-right: 67px
}

.btn {
    display: inline-block;
    width: 163px;
    height: 45px;
    line-height: 47px;
    text-align: center;
    background: #ccc;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    background: #ccc url(../images/bg-btn.png) center repeat;
    transition-duration: .3s
}

.btn:hover {
    opacity: .84;
    transition-duration: .2s
}

.share {
    display: block;
    margin: 80px auto;
    text-align: center
}

.share a {
    color: #a59e92;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 23px 31px;
    display: inline-block;
    transition-duration: .2s
}

.share a:hover {
    opacity: 0.75;
    transition-duration: .2s
}

.share .twitter,
.share .facebook {
    background-position: -595px -79px;
    width: 20px;
    height: 38px;
    display: inline-block;
    padding: 0;
    margin: 0 4px
}

.share .facebook {
    background-position: -615px -79px
}

.share span {
    color: #a59e92;
    font-size: 11px;
    display: block;
    padding-bottom: 10px;
    text-transform: lowercase;
    font-family: "allerregular";
}

.verreceita {
    background: #ccc url(../images/bg-azul.jpg) center repeat;
    margin-right: 8px;
    text-transform: lowercase
}

.verreceitas {
    background: #ccc url(../images/bg-laranja.jpg) center repeat;
    text-transform: lowercase
}

#logo {
    background-position: 0 22px;
    width: 279px;
    height: 150px;
    margin: 0 auto;
    padding-top: 50px;
    display: inline-block
}

#painel {
    width: 100%;
    height: 645px
}

#destaque {
    width: 100%;
    height: 1663px;
    background: url(../images/receita-produtos-bg.jpg) center center no-repeat;
    padding-top: 70px;
    overflow: hidden;
    position: relative
}

#destaque .receita {
    width: 338px;
    text-align: center
}

#destaque .receita h3 {
    font-size: 65px;
    line-height: 48px;
    text-indent: -48px;
    color: #ee814d;
    letter-spacing: -3px;
    margin-bottom: 20px
}

#destaque .receita .destaque {
    clear: both;
    display: block;
    text-indent: 75px;
    color: #142457
}

#destaque .receita figure {
    width: 100%;
    padding: 25px 10px;
    background: #fff;
    border-radius: 4px;
    text-align: center
}

#destaque .receita figure figcaption {
    color: #5e5e5e;
    font-size: 20px;
    line-height: 23px
}

#destaque .receita figure img {
    margin-top: 15px;
    background: #fff;
    padding: 4px;
    border: 1px solid #e6e6e6
}

#destaque .receita .div {
    height: 3px;
    border: 0;
    background: url(../images/div.png) left center repeat
}

#destaque .receita .tempo,
#destaque .receita .porcao {
    font-size: 15px;
    color: #5e5e5e;
    height: 31px;
    line-height: 31px;
    margin: 15px 43px 15px 0;
    clear: both;
    display: inline-block
}

#destaque .receita .tempo i,
#destaque .receita .porcao i {
    background-position: -635px -44px;
    width: 28px;
    height: 31px;
    display: inline-block;
    margin-right: 9px
}

#destaque .receita .porcao {
    margin: 15px 0px 15px 0
}

#destaque .receita .porcao i {
    background-position: -595px -44px;
    width: 34px
}

#destaque .produtos {
    width: 545px;
    float: right;
    margin-top: 165px;
    position: relative;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#destaque .produtos h3.title {
    width: 251px;
    height: 108px;
    background: url(../images/escolha-por.png) center center repeat;
    text-indent: -9999px;
    margin-left: 45px
}

#destaque .select span {
    width: 180px;
    height: 41px;
    line-height: 41px;
    display: block;
    color: #9d927f;
    background: url(../images/div.png) bottom left repeat-x;
    font-size: 25px;
    text-transform: lowercase;
    cursor: pointer;
    margin-left: 70px
}

#destaque .select i {
    background-position: -671px -74px;
    width: 21px;
    height: 21px;
    margin-right: 7px;
    display: inline-block
}

#destaque .select .ativo {
    color: #1e2e61
}

#destaque .select .ativo i {
    background-position: -666px -44px;
    width: 32px;
    height: 28px;
    margin-left: -6px;
    margin-right: 2px
}

#destaque .produto.ativo i {
    background-position: -699px -44px
}

#destaque .over-more {
    position: absolute;
    width: 330px;
    height: 375px;
    display: block;
    margin-top: -338px;
    z-index: 9;
    cursor: pointer
}

#destaque .itens {
    position: relative;
    margin: 70px 0 0
}

#destaque .itens .item {
    background-position: 0px -237px;
    width: 338px;
    height: 338px;
    position: relative;
    z-index: 2
}

#destaque .itens figure {
    width: 318px;
    height: 318px;
    background: transparent;
    border-radius: 50%;
    top: 9px;
    display: block;
    position: relative;
    left: 10px
}

#destaque .itens figure img {
    left: 0;
    top: 0;
    position: absolute
}

#destaque .itens .more {
    background: url(../images/ver-este.png) bottom left repeat-x;
    width: 343px;
    height: 294px;
    position: absolute;
    left: 2px;
    top: 80px;
    z-index: 1;
    display: block;
    color: #fff;
    text-decoration: none;
    vertical-align: bottom;
    text-align: center
}

#destaque .itens .more span {
    position: relative;
    bottom: 0;
    font-size: 20px;
    display: block;
    bottom: -263px;
    margin-left: -6px
}

#destaque .itens .pingoleta-marca {
    background: url(../images/ver-esta.png) bottom left repeat-x !important
}

#destaque .itens .tip {
    //background-position: -339px -238px;
    background-image:none;
    background:none;
    width: 192px;
    height: 195px;
    text-indent: 0;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 260px;
    font-size: 30px;
    padding: 0 10px;
    display: table
}

#destaque .itens .tip span {
    display: table-cell;
    vertical-align: center;
    padding: 0 5px
}

#destaque .itens .title-produto {
    background-position: -540px -238px !important
}

#destaque .itens nav {
    background-position: -370px -118px;
    width: 206px;
    height: 110px;
    text-indent: 0;
    position: absolute;
    top: 114px;
    right: 10px;
    z-index: 1
}

#destaque .itens nav .prev,
#destaque .itens nav .next,
#destaque .itens nav .count {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    margin-top: 38px
}

#destaque .itens nav .atual {
    position: absolute;
    top: -12px;
    left: -5px
}

#destaque .itens nav .de {
    position: absolute;
    top: 18px;
    left: 29px
}

#destaque .itens .prev,
#destaque .itens .next {
    background-position: -634px -78px;
    width: 14px;
    height: 21px;
    cursor: pointer
}

#destaque .itens .next {
    background-position: -654px -78px;
    position: absolute;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

#destaque .itens .next:hover {
    transition-duration: .05s;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

#destaque .itens .prev {
    left: 40px;
    position: absolute;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

#destaque .itens .prev:hover {
    transition-duration: .05s;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

#destaque .itens .count {
    background: url(../images/divider-paginacao.png) center no-repeat;
    position: absolute;
    left: 86px;
    height: 34px;
    width: 38px
}

#destaque .itens .legenda {
    font-size: 14px;
    color: #847864;
    position: relative;
    top: -92px;
    left: 351px;
    display: inline-block;
    width: 180px;
    height: 60px;
    text-indent: 0
}

#destaque .fundo {
    position: relative;
    top: -338px;
    left: 2px
}

#destaque .fundo img {
    position: absolute
}

#destaque .fundo img.laranja {
    top: -7px;
    left: -12px;
    z-index: 1
}

#destaque .fundo img.verde {
    top: 9px;
    left: 8px;
    visibility: hidden
}

#destaque .fundo img.vermelho {
    top: 9px;
    left: 8px
}

#campanhas .item,
#blog .item {
    display: inline-table;
    margin: 47px 33px 0 33px;
    width: 374px
}

#campanhas .item figure,
#blog .item figure {
    border-radius: 2px;
    padding: 3px;
    background: #fff
}

#campanhas h3 {
    border-left: 0 !important;
    width: 340px !important
}

#campanhas-details h4 {
    color: #0c7a8f !important;
    margin: 40px 0 30px !important
}

#campanhas-details .back {
    margin-top: 40px !important
}

#dicas .item {
    display: inline-block;
    margin: 47px 37px 0 37px;
    width: 374px;
    height: 280px;
    border-radius: 2px;
    border: 3px solid #fff;
    text-align: center;
    position: relative
}

#dicas .item:hover i {
    top: 20px;
    transition-duration: .15s
}

#dicas .item a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 26px;
    text-decoration: none;
    font-size: 21px;
    padding: 0 25px;
    font-family: "allerbold";
}

#dicas .item p {
    padding-top: 90px
}

#dicas .item i {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -24px;
    transition-duration: .15s
}

#dicas .item .more {
    width: 42px;
    height: 37px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -21px
}

#dicas .cor-sim {
    background: #009cab;
    transition-duration: .15s
}

#dicas .cor-sim .more {
    background-position: 0px -705px
}

#dicas .cor-sim i {
    background-position: -50px -654px
}

#dicas .cor-sim:hover {
    background-color: #16b0bf;
    transition-duration: .15s
}

#dicas .cor-nao {
    background: #93b123;
    transition-duration: .15s
}

#dicas .cor-nao .more {
    background-position: -44px -705px
}

#dicas .cor-nao i {
    background-position: 0px -654px
}

#dicas .cor-nao:hover {
    background-color: #a5c724;
    transition-duration: .15s
}

#news {
    width: 100%;
    height: 1412px;
    background: url(../images/leite-bg.png) center center no-repeat;
    margin-top: -315px;
    padding-top: 430px;
    position: relative
}

#news .dicas {
    width: 100%;
    text-align: right;
    margin-bottom: 76px
}

#news .dicas img {
    max-width: 100%;
}

#news .dicas a{
    width: 375px;
    display: block;
    position: absolute;
    right: 0;
    top: 35px;
}

#news .dicas a:hover {
    opacity: .84;
}

#news .dicas h3 {
    font-size: 36px;
    color: #70861f
}

#news .dicas h3 span {
    text-transform: lowercase
}

#news .dicas p {
    color: #a16c45;
    font-size: 21px;
}

#news .dicas .btn {
    background: #ccc url(../images/bg-verde.jpg) center repeat;
    width: 124px;
    height: 38px;
    line-height: 40px;
    font-size: 17px;
    margin-top: 15px
}

#news .blog figure {
    float: left;
    width: 368px;
    height: 272px;
    background: #d4bfa8;
    padding: 3px;
    border-radius: 3px
}

#news .blog figure img {
    transition-duration: .4s
}

#news .blog a {
    text-decoration: none
}

#news .blog a:hover .title {
    left: -68px;
    transition-duration: .1s
}

#news .blog a:hover h3,
#news .blog a:hover .dia,
#news .blog a:hover .ano {
    color: #08869d;
    transition-duration: .2s
}

#news .blog a:hover img {
    opacity: .9;
    transition-duration: .4s
}

#news .blog a:hover h4,
#news .blog a:hover .mes {
    color: #79482d;
    transition-duration: .2s
}

#news .blog h3 {
    font-size: 46px;
    color: #01b0c1;
    text-transform: uppercase;
    padding: 40px 0 7px;
    text-indent: 18px;
    display: block
}

#news .blog .title {
    background-position: -144px 0px;
    width: 400px;
    height: 107px;
    text-indent: 0;
    position: relative;
    z-index: 2px;
    left: -73px;
    display: inline-block;
    transition-duration: .3s
}

#news .blog .data {
    color: #009cab;
    text-align: center;
    width: 79px;
    padding: 13px 0;
    float: left
}

#news .blog .data .dia {
    font-size: 46px;
    letter-spacing: -1px;
    display: block
}

#news .blog .data .mes {
    font-size: 20px;
    color: #915534;
    letter-spacing: 1px;
    transition-duration: .2s;
    display: block
}

#news .blog .data .ano {
    font-size: 14px;
    letter-spacing: 4px;
    display: block
}

#news .blog h4 {
    font-size: 21px;
    color: #915534;
    padding-top: 16px;
    line-height: 26px;
    transition-duration: .2s;
    padding-right: 10px
}

#news .sobre {
    clear: both;
    width: 493px;
    float: right;
    margin-top: 90px
}

#news .sobre h3 {
    color: #37237b;
    font-size: 36px;
    line-height: 32px;
    width: 265px;
    text-transform: uppercase;
    padding-bottom: 10px
}

#news .sobre span {
    color: #a0487a;
    line-height: 24px;
    font-size: 21px
}

#news .sobre .btn {
    clear: both;
    display: block;
    background: #ccc url(../images/bg-laranja.jpg) center repeat;
    text-transform: lowercase;
    font-size: 21px;
    margin-top: 22px;
    text-indent: 0;
    color: #fff
}

body#search .main-content,
body#contact .main-content,
body#unidades .main-content,
body#premios-e-certificacoes .main-content,
body#trabalhe-conosco .main-content,
body#historico .main-content,
body#cooperativismo .main-content,
body#assistencia-tecnica .main-content,
body#qualidade .main-content,
body#premios-e-certificacoes .main-content,
body#responsabilidade-social .main-content,
body#receitas-details .main-content,
body#receitas .main-content,
body#institucional .main-content,
body#blog .main-content,
body#blog-details .main-content,
body#campanhas .main-content,
body#campanhas-details .main-content,
body#dicas .main-content,
body#dicas-details .main-content {
    background: transparent url(../images/bg-top.jpg) left top repeat-x;
    padding-top: 35px;
    padding-bottom: 50px;
}

body#trabalhe-conosco .main-content,
body#contact .main-content,
body#dicas .main-content {
    padding-bottom: 50px;
}

body#search .main-content .wrapper,
body#contact .main-content .wrapper,
body#unidades .main-content .wrapper,
body#premios-e-certificacoes .main-content .wrapper,
body#trabalhe-conosco .main-content .wrapper,
body#historico .main-content .wrapper,
body#cooperativismo .main-content .wrapper,
body#assistencia-tecnica .main-content .wrapper,
body#qualidade .main-content .wrapper,
body#premios-e-certificacoes .main-content .wrapper,
body#responsabilidade-social .main-content .wrapper,
body#receitas-details .main-content .wrapper,
body#receitas .main-content .wrapper,
body#institucional .main-content .wrapper,
body#blog .main-content .wrapper,
body#blog-details .main-content .wrapper,
body#campanhas .main-content .wrapper,
body#campanhas-details .main-content .wrapper,
body#dicas .main-content .wrapper,
body#dicas-details .main-content .wrapper {
    z-index: 1;
    min-height: 400px
}

#search,
#contact,
#trabalhe-conosco,
#unidades,
#historico,
#qualidade,
#cooperativismo,
#assistencia-tecnica,
#premios-e-certificacoes,
#responsabilidade-social,
#receitas,
#receitas-details,
#dicas,
#dicas-details,
#campanhas,
#campanhas-details,
#blog,
#blog-details {
    display: block
}

#search .content-wrapper h2,
#contact .content-wrapper h2,
#trabalhe-conosco .content-wrapper h2,
#unidades .content-wrapper h2,
#historico .content-wrapper h2,
#qualidade .content-wrapper h2,
#cooperativismo .content-wrapper h2,
#assistencia-tecnica .content-wrapper h2,
#premios-e-certificacoes .content-wrapper h2,
#responsabilidade-social .content-wrapper h2,
#receitas .content-wrapper h2,
#receitas-details .content-wrapper h2,
#dicas .content-wrapper h2,
#dicas-details .content-wrapper h2,
#campanhas .content-wrapper h2,
#campanhas-details .content-wrapper h2,
#blog .content-wrapper h2,
#blog-details .content-wrapper h2 {
    width: 100%;
    height: 113px;
    line-height: 113px;
    background: #ccc url(../images/pat-bg-title.jpg) center repeat;
    border: 4px solid #fff;
    position: relative;
    text-align: center;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
}

#search .filter,
#contact .filter,
#trabalhe-conosco .filter,
#unidades .filter,
#historico .filter,
#qualidade .filter,
#cooperativismo .filter,
#assistencia-tecnica .filter,
#premios-e-certificacoes .filter,
#responsabilidade-social .filter,
#receitas .filter,
#receitas-details .filter,
#dicas .filter,
#dicas-details .filter,
#campanhas .filter,
#campanhas-details .filter,
#blog .filter,
#blog-details .filter {
    width: 100%;
    text-align: center;
    margin-top: 45px
}

#search .filter span.title,
#contact .filter span.title,
#trabalhe-conosco .filter span.title,
#unidades .filter span.title,
#historico .filter span.title,
#qualidade .filter span.title,
#cooperativismo .filter span.title,
#assistencia-tecnica .filter span.title,
#premios-e-certificacoes .filter span.title,
#responsabilidade-social .filter span.title,
#receitas .filter span.title,
#receitas-details .filter span.title,
#dicas .filter span.title,
#dicas-details .filter span.title,
#campanhas .filter span.title,
#campanhas-details .filter span.title,
#blog .filter span.title,
#blog-details .filter span.title {
    font-size: 16px;
    text-align: center;
    color: #555;
    padding-bottom: 10px;
    display: inline-block
}

#search .filter select,
#contact .filter select,
#trabalhe-conosco .filter select,
#unidades .filter select,
#historico .filter select,
#qualidade .filter select,
#cooperativismo .filter select,
#assistencia-tecnica .filter select,
#premios-e-certificacoes .filter select,
#responsabilidade-social .filter select,
#receitas .filter select,
#receitas-details .filter select,
#dicas .filter select,
#dicas-details .filter select,
#campanhas .filter select,
#campanhas-details .filter select,
#blog .filter select,
#blog-details .filter select {
    clear: both;
    display: block;
    visibility: hidden
}

#search .list,
#contact .list,
#trabalhe-conosco .list,
#unidades .list,
#historico .list,
#qualidade .list,
#cooperativismo .list,
#assistencia-tecnica .list,
#premios-e-certificacoes .list,
#responsabilidade-social .list,
#receitas .list,
#receitas-details .list,
#dicas .list,
#dicas-details .list,
#campanhas .list,
#campanhas-details .list,
#blog .list,
#blog-details .list {
    padding: 0 37px
}

#dicas .list {
    padding: 0 30px;
}

#search h3,
#contact h3,
#trabalhe-conosco h3,
#unidades h3,
#historico h3,
#qualidade h3,
#cooperativismo h3,
#assistencia-tecnica h3,
#premios-e-certificacoes h3,
#responsabilidade-social h3,
#receitas h3,
#receitas-details h3,
#dicas h3,
#dicas-details h3,
#campanhas h3,
#campanhas-details h3,
#blog h3,
#blog-details h3 {
    margin: 13px 0 0 13px;
    display: inline-block;
    color: #915534;
    border-left: 1px dashed #915534;
    padding-left: 12px;
    width: 310px;
    height: 79px;
    line-height: 25px;
    font-family: "allerbold";
}

#campanhas h3 {
    font-family: "allerbold";
}

#search .data,
#contact .data,
#trabalhe-conosco .data,
#unidades .data,
#historico .data,
#qualidade .data,
#cooperativismo .data,
#assistencia-tecnica .data,
#premios-e-certificacoes .data,
#responsabilidade-social .data,
#receitas .data,
#receitas-details .data,
#dicas .data,
#dicas-details .data,
#campanhas .data,
#campanhas-details .data,
#blog .data,
#blog-details .data {
    color: #009cab;
    text-align: center;
    width: 51px;
    padding: 13px 0;
    float: left
}

#search .data .dia,
#contact .data .dia,
#trabalhe-conosco .data .dia,
#unidades .data .dia,
#historico .data .dia,
#qualidade .data .dia,
#cooperativismo .data .dia,
#assistencia-tecnica .data .dia,
#premios-e-certificacoes .data .dia,
#responsabilidade-social .data .dia,
#receitas .data .dia,
#receitas-details .data .dia,
#dicas .data .dia,
#dicas-details .data .dia,
#campanhas .data .dia,
#campanhas-details .data .dia,
#blog .data .dia,
#blog-details .data .dia {
    font-size: 46px;
    letter-spacing: -1px
}

#search .data .mes,
#contact .data .mes,
#trabalhe-conosco .data .mes,
#unidades .data .mes,
#historico .data .mes,
#qualidade .data .mes,
#cooperativismo .data .mes,
#assistencia-tecnica .data .mes,
#premios-e-certificacoes .data .mes,
#responsabilidade-social .data .mes,
#receitas .data .mes,
#receitas-details .data .mes,
#dicas .data .mes,
#dicas-details .data .mes,
#campanhas .data .mes,
#campanhas-details .data .mes,
#blog .data .mes,
#blog-details .data .mes {
    font-size: 20px;
    color: #915534;
    letter-spacing: 1px;
    transition-duration: .2s
}

#search .data .ano,
#contact .data .ano,
#trabalhe-conosco .data .ano,
#unidades .data .ano,
#historico .data .ano,
#qualidade .data .ano,
#cooperativismo .data .ano,
#assistencia-tecnica .data .ano,
#premios-e-certificacoes .data .ano,
#responsabilidade-social .data .ano,
#receitas .data .ano,
#receitas-details .data .ano,
#dicas .data .ano,
#dicas-details .data .ano,
#campanhas .data .ano,
#campanhas-details .data .ano,
#blog .data .ano,
#blog-details .data .ano {
    font-size: 14px;
    letter-spacing: 4px
}

#search .paginacao,
#contact .paginacao,
#trabalhe-conosco .paginacao,
#unidades .paginacao,
#historico .paginacao,
#qualidade .paginacao,
#cooperativismo .paginacao,
#assistencia-tecnica .paginacao,
#premios-e-certificacoes .paginacao,
#responsabilidade-social .paginacao,
#receitas .paginacao,
#receitas-details .paginacao,
#dicas .paginacao,
#dicas-details .paginacao,
#campanhas .paginacao,
#campanhas-details .paginacao,
#blog .paginacao,
#blog-details .paginacao {
    text-align: center;
    margin-top: 65px;
    text-transform: lowercase
}

#search .paginacao a,
#contact .paginacao a,
#trabalhe-conosco .paginacao a,
#unidades .paginacao a,
#historico .paginacao a,
#qualidade .paginacao a,
#cooperativismo .paginacao a,
#assistencia-tecnica .paginacao a,
#premios-e-certificacoes .paginacao a,
#responsabilidade-social .paginacao a,
#receitas .paginacao a,
#receitas-details .paginacao a,
#dicas .paginacao a,
#dicas-details .paginacao a,
#campanhas .paginacao a,
#campanhas-details .paginacao a,
#blog .paginacao a,
#blog-details .paginacao a {
    padding: 0 20px;
    color: #009cab;
    text-decoration: none;
    font-family: "LocalBreweryFour";
}

#search .paginacao a:hover,
#contact .paginacao a:hover,
#trabalhe-conosco .paginacao a:hover,
#unidades .paginacao a:hover,
#historico .paginacao a:hover,
#qualidade .paginacao a:hover,
#cooperativismo .paginacao a:hover,
#assistencia-tecnica .paginacao a:hover,
#premios-e-certificacoes .paginacao a:hover,
#responsabilidade-social .paginacao a:hover,
#receitas .paginacao a:hover,
#receitas-details .paginacao a:hover,
#dicas .paginacao a:hover,
#dicas-details .paginacao a:hover,
#campanhas .paginacao a:hover,
#campanhas-details .paginacao a:hover,
#blog .paginacao a:hover,
#blog-details .paginacao a:hover {
    color: #06769B;
    transition-duration: .2s
}

#search .paginacao .disabled,
#contact .paginacao .disabled,
#trabalhe-conosco .paginacao .disabled,
#unidades .paginacao .disabled,
#historico .paginacao .disabled,
#qualidade .paginacao .disabled,
#cooperativismo .paginacao .disabled,
#assistencia-tecnica .paginacao .disabled,
#premios-e-certificacoes .paginacao .disabled,
#responsabilidade-social .paginacao .disabled,
#receitas .paginacao .disabled,
#receitas-details .paginacao .disabled,
#dicas .paginacao .disabled,
#dicas-details .paginacao .disabled,
#campanhas .paginacao .disabled,
#campanhas-details .paginacao .disabled,
#blog .paginacao .disabled,
#blog-details .paginacao .disabled {
    color: #C2B0A7;
    cursor: default
}

#search .paginacao .disabled:hover,
#contact .paginacao .disabled:hover,
#trabalhe-conosco .paginacao .disabled:hover,
#unidades .paginacao .disabled:hover,
#historico .paginacao .disabled:hover,
#qualidade .paginacao .disabled:hover,
#cooperativismo .paginacao .disabled:hover,
#assistencia-tecnica .paginacao .disabled:hover,
#premios-e-certificacoes .paginacao .disabled:hover,
#responsabilidade-social .paginacao .disabled:hover,
#receitas .paginacao .disabled:hover,
#receitas-details .paginacao .disabled:hover,
#dicas .paginacao .disabled:hover,
#dicas-details .paginacao .disabled:hover,
#campanhas .paginacao .disabled:hover,
#campanhas-details .paginacao .disabled:hover,
#blog .paginacao .disabled:hover,
#blog-details .paginacao .disabled:hover {
    color: #C2B0A7;
    transition-duration: .2s
}

#search .paginacao .anterior,
#contact .paginacao .anterior,
#trabalhe-conosco .paginacao .anterior,
#unidades .paginacao .anterior,
#historico .paginacao .anterior,
#qualidade .paginacao .anterior,
#cooperativismo .paginacao .anterior,
#assistencia-tecnica .paginacao .anterior,
#premios-e-certificacoes .paginacao .anterior,
#responsabilidade-social .paginacao .anterior,
#receitas .paginacao .anterior,
#receitas-details .paginacao .anterior,
#dicas .paginacao .anterior,
#dicas-details .paginacao .anterior,
#campanhas .paginacao .anterior,
#campanhas-details .paginacao .anterior,
#blog .paginacao .anterior,
#blog-details .paginacao .anterior {
    border-right: 1px dashed #915534
}

.ck .ck-text,
#campanhas-details .ck-text,
#blog-details .ck-text {
    font-size: 15px;
    line-height: 22px;
    color: #847864;
    text-align: center;
    font-family: "allerregular";
}

.ck .ck-text p,
.ck .ck-text div,
#campanhas-details .ck-text p,
#campanhas-details .ck-text div,
#blog-details .ck-text p,
#blog-details .ck-text div {
    margin-bottom: 25px
}

.ck .ck-text .gallery,
#campanhas-details .ck-text .gallery,
#blog-details .ck-text .gallery {
    display: inline;
    text-align: center;
    width: 100%
}

.ck .ck-text .gallery img,
#campanhas-details .ck-text .gallery img,
#blog-details .ck-text .gallery img {
    margin-bottom: 20px;
    position: relative;
    background-color: #FFFFFF;
    height: 564px;
    padding: 3px;
    width: 908px;
    position: relative;
    z-index: 1;
    text-align: center;
    display: inline-block;
    margin: 10px
}

.ck .data,
#campanhas-details .data,
#blog-details .data {
    background-position: -339px -443px;
    width: 123px;
    height: 130px;
    padding: 24px 25px 0;
    display: block;
    float: none;
    margin: -13px auto 0;
    text-indent: 0
}

.ck .back,
#campanhas-details .back,
#blog-details .back {
    text-decoration: none;
    text-transform: lowercase;
    font-size: 12px;
    color: #59544c;
    margin-top: -69px;
    display: block;
    width: 150px;
    font-family: "allerregular";
}

.ck .back:hover,
#campanhas-details .back:hover,
#blog-details .back:hover {
    color: #0E6871;
    transition-duration: .2s;
    font-family: "allerregular";
}

.ck .back:hover i,
#campanhas-details .back:hover i,
#blog-details .back:hover i {
    margin-right: 12px;
    transition-duration: .1s
}

.ck .back i,
#campanhas-details .back i,
#blog-details .back i {
    background-position: -693px -75px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 9px
}

.ck h4,
#campanhas-details h4,
#blog-details h4 {
    font-size: 42px;
    line-height: 44px;
    letter-spacing: -1px;
    text-align: center;
    padding: 0 100px;
    color: #009cab;
    margin: 90px 0 30px;
}

.ck .ck,
#campanhas-details .ck,
#blog-details .ck {
    font-size: 15px;
    line-height: 22px;
    color: #847864;
    margin-bottom: 25px;
    font-family: "allerregular";
}

#unidades .content-wrapper h2,
#historico .content-wrapper h2,
#qualidade .content-wrapper h2,
#cooperativismo .content-wrapper h2,
#assistencia-tecnica .content-wrapper h2,
#premios-e-certificacoes .content-wrapper h2,
#responsabilidade-social .content-wrapper h2,
#institucional .content-wrapper h2 {
    width: 100%;
    height: 113px;
    line-height: 113px;
    background: #ccc url(../images/pat-bg-title-sobre.jpg) center repeat;
    border: 4px solid #f0eeeb;
    position: relative;
    text-align: center;
    font-size: 32px;
    color: #f0eeeb;
    text-transform: uppercase;
    font-family: "LocalBreweryFour";
}

#unidades .content-wrapper .wrapper,
#historico .content-wrapper .wrapper,
#qualidade .content-wrapper .wrapper,
#cooperativismo .content-wrapper .wrapper,
#assistencia-tecnica .content-wrapper .wrapper,
#premios-e-certificacoes .content-wrapper .wrapper,
#responsabilidade-social .content-wrapper .wrapper,
#institucional .content-wrapper .wrapper {
    width: 917px;
    color: #424242;
    font-size: 14px;
    font-family: "allerregular";
}

#unidades .destaque,
#historico .destaque,
#qualidade .destaque,
#cooperativismo .destaque,
#assistencia-tecnica .destaque,
#premios-e-certificacoes .destaque,
#responsabilidade-social .destaque,
#institucional .destaque {
    font-size: 22px;
    color: #1e2e61;
    text-align: center;
    padding: 55px 0;
    font-family: "allerbold";
}

#unidades .div,
#historico .div,
#qualidade .div,
#cooperativismo .div,
#assistencia-tecnica .div,
#premios-e-certificacoes .div,
#responsabilidade-social .div,
#institucional .div {
    height: 3px;
    border: 0;
    background: url(../images/div.png) left center repeat;
    width: 365px;
    margin: 0 auto 30px
}

#cooperativismo .slider,
#assistencia-tecnica .slider,
#institucional .slider {
    margin: 32px auto
}

#cooperativismo .slider figure,
#assistencia-tecnica .slider figure,
#institucional .slider figure {
    border: 4px solid #fff
}

#cooperativismo .cols,
#assistencia-tecnica .cols,
#institucional .cols {
    padding: 30px;
    color: #424242;
    font-size: 15px;
    line-height: 22px
}

#cooperativismo .cols p,
#assistencia-tecnica .cols p,
#institucional .cols p {
    padding-bottom: 30px;
    letter-spacing: -0.35px;
    word-spacing: 2px
}

#cooperativismo .cols .col1,
#cooperativismo .cols .col2,
#assistencia-tecnica .cols .col1,
#assistencia-tecnica .cols .col2,
#institucional .cols .col1,
#institucional .cols .col2 {
    width: 49%;
    display: inline-block;
    padding: 0 12px;
    vertical-align: top
}

#cooperativismo h4,
#assistencia-tecnica h4,
#institucional h4 {
    color: #fdc689;
    text-transform: uppercase;
}

#cooperativismo .missao-e-valores,
#assistencia-tecnica .missao-e-valores,
#institucional .missao-e-valores {
    background: #ccc url(../images/pat-bg-title-red.jpg) center repeat;
    border: 4px solid #fff
}

#cooperativismo .missao-e-valores .cols,
#assistencia-tecnica .missao-e-valores .cols,
#institucional .missao-e-valores .cols {
    color: #fff
}

#cooperativismo .missao-e-valores .cols .col1,
#cooperativismo .missao-e-valores .cols .col2,
#assistencia-tecnica .missao-e-valores .cols .col1,
#assistencia-tecnica .missao-e-valores .cols .col2,
#institucional .missao-e-valores .cols .col1,
#institucional .missao-e-valores .cols .col2 {
    width: 49%;
    display: inline-block;
    padding: 0 25px;
    vertical-align: top
}

#cooperativismo .missao-e-valores p,
#assistencia-tecnica .missao-e-valores p,
#institucional .missao-e-valores p {
    padding-bottom: 27px;
    letter-spacing: -1px;
    word-spacing: 2px
}

#cooperativismo .missao-e-valores h4,
#assistencia-tecnica .missao-e-valores h4,
#institucional .missao-e-valores h4 {
    color: #fdc689;
    text-transform: uppercase;
}

#cooperativismo .docs,
#assistencia-tecnica .docs,
#institucional .docs {
    margin-top: 60px
}

#cooperativismo .docs span,
#assistencia-tecnica .docs span,
#institucional .docs span {
    width: 190px;
    height: 268px;
    display: block;
    background: #ccc url(../images/docs.png) top repeat
}

#cooperativismo .docs h5,
#assistencia-tecnica .docs h5,
#institucional .docs h5 {
    display: inline;
    text-transform: uppercase;
    color: #169cce;
    position: relative;
    top: 95px;
    transition-duration: .1s
}

#cooperativismo .docs a,
#assistencia-tecnica .docs a,
#institucional .docs a {
    text-decoration: none
}

#cooperativismo .left,
#assistencia-tecnica .left,
#institucional .left {
    display: inline-block;
    width: 45%;
    padding: 0 2%;
    text-align: right
}

#cooperativismo .left span,
#assistencia-tecnica .left span,
#institucional .left span {
    float: right
}

#cooperativismo .left h5,
#assistencia-tecnica .left h5,
#institucional .left h5 {
    right: 10px
}

#cooperativismo .left:hover h5,
#assistencia-tecnica .left:hover h5,
#institucional .left:hover h5 {
    right: 17px;
    color: #625787;
    transition-duration: .1s
}

#cooperativismo .right,
#assistencia-tecnica .right,
#institucional .right {
    display: inline-block;
    width: 45%;
    padding: 0 2%
}

#cooperativismo .right span,
#assistencia-tecnica .right span,
#institucional .right span {
    float: left
}

#cooperativismo .right h5,
#assistencia-tecnica .right h5,
#institucional .right h5 {
    left: 10px
}

#cooperativismo .right:hover h5,
#assistencia-tecnica .right:hover h5,
#institucional .right:hover h5 {
    left: 17px;
    color: #625787;
    transition-duration: .1s
}

#cooperativismo .cols .col1,
#cooperativismo .cols .col2 {
    padding: 0 27px !important
}

#responsabilidade-social .projeto .figure {
    width: 276px;
    display: block;
    float: left
}

#responsabilidade-social .projeto p {
    line-height: 22px;
    margin-bottom: 12px
}

#responsabilidade-social .perv-slider {
    clear: both;
    top: 30px;
    position: relative
}

#responsabilidade-social .projeto h4 {
    font-size: 28px;
    color: #08347e;
    line-height: 32px;
    margin-bottom: 30px
}

#responsabilidade-social .projeto .col1 {
    width: 48%;
    display: inline-block;
    padding-right: 3%;
    vertical-align: top
}

#responsabilidade-social .projeto .col2 {
    width: 48%;
    display: inline-block;
    vertical-align: top
}

#responsabilidade-social .destaque {
    font-size: 28px;
    line-height: 32px
}

#unidades .wrapper {
    width: 947px !important
}

#unidades header .wrapper {
    width: 985px !important
}

#unidades .figure {
    border: 4px solid #fff;
    margin-top: 30px;
    display: block;
    clear: both
}

#unidades h4 {
    background: #e20f46;
    color: #1e2e61;
    display: block;
    width: 317px;
    font-size: 19px;
    height: 62px;
    line-height: 63px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 20px;
    margin: 0 auto;
    margin-top: 40px;
    font-family: "vagrounded_btregular";
}

#unidades h4 i {
    background-position: -677px 0px;
    width: 21px;
    height: 31px;
    display: inline-block;
    margin-right: 15px
}

#unidades .listadeunidades .col1,
#unidades .listadeunidades .col2 {
    width: 48%;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 42px;
    padding-left: 25px;
    line-height: 22px;
    font-size: 15px
}

#unidades .listadeunidades .col1 p,
#unidades .listadeunidades .col2 p {
    color: #525252;
    padding-bottom: 30px;
    font-family: "allerregular";
}

#unidades .listadeunidades .col1 span,
#unidades .listadeunidades .col2 span {
    color: #08347e
}

#unidades .listadeunidades .col2 {
    padding-left: 110px
}

#dicas-details h4 {
    margin-top: 38px;
    padding: 0 140px
}

#dicas-details .back {
    margin-top: 51px
}

#dicas-details .ck p {
    padding: 0 140px
}

#receitas .content-wrapper h2,
#search .content-wrapper h2 {
    width: 100%;
    height: 113px;
    line-height: 113px;
    background: #ccc url(../images/pat-bg-title-azul.jpg) center repeat;
    border: 4px solid #fff;
    position: relative;
    text-align: center;
    font-size: 32px;
    color: #fff;
    text-transform: uppercase
}

#receitas .content-wrapper .wrapper,
#search .content-wrapper .wrapper {
    width: 980px
}

#receitas .list,
#search .list {
    padding: 40px 0
}

#receitas a,
#search a {
    text-decoration: none
}

#receitas .item,
#search .item {
    width: 242px;
    height: 274px;
    display: inline-table;
    text-align: center;
    background: transparent;
    transition-duration: .1s
}

#receitas .item:hover,
#search .item:hover {
    background: url(../images/receitas-hover.png) top center no-repeat;
    transition-duration: .2s
}

#receitas .item:hover h3,
#search .item:hover h3 {
    color: #ee814d
}

#receitas .item:hover .tempo,
#receitas .item:hover .porcao,
#search .item:hover .tempo,
#search .item:hover .porcao {
    color: #3e9f9d
}

#receitas .item:hover .overlay,
#search .item:hover .overlay {
    opacity: 1;
    transition-duration: .1s
}

#receitas .item .tempo,
#receitas .item .porcao,
#search .item .tempo,
#search .item .porcao {
    font-size: 15px;
    color: #b5997b;
    height: 31px;
    line-height: 35px;
    clear: both;
    display: inline-block;
    letter-spacing: -1px;
    font-family: "allerbold";
}

#receitas .item .tempo i,
#receitas .item .porcao i,
#search .item .tempo i,
#search .item .porcao i {
    background-position: -635px -44px;
    width: 28px;
    height: 31px;
    display: inline-block;
    margin-right: -2px;
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4)
}

#receitas .item .porcao,
#search .item .porcao {
    padding: 0 0 0 5px
}

#receitas .item .porcao i,
#search .item .porcao i {
    background-position: -595px -44px;
    width: 34px
}

#receitas .item .overlay,
#search .item .overlay {
    display: block;
    background: rgba(246, 74, 0, 0.75);
    text-align: center;
    position: absolute;
    top: 3px;
    width: 215px;
    height: 148px;
    vertical-align: middle;
    opacity: 0;
    transition-duration: .1s
}

#receitas .item .overlay i,
#search .item .overlay i {
    background-position: -705px -443px;
    width: 59px;
    height: 59px;
    display: inline-block;
    margin-top: 41px
}

#receitas figure,
#search figure {
    border: 1px solid #e6e6e6;
    padding: 3px;
    background-color: #fff;
    display: inline-block
}

#receitas h3,
#search h3 {
    color: #008baf;
    text-align: center;
    border: 0;
    width: auto;
    height: auto;
    display: block;
    min-height: 45px;
    margin: 10px 0;
    padding-left: 0;
    line-height: 21px
}

#search .item .overlay {
    width: 100%;
    height: 100%;
    width: calc(100% - 6px);
    height: calc(100% - 6px)
}

#search .item .overlay i {
    background-position: 0 -140px;
    width: 22px;
    height: 23px;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -11px;
    margin-top: -11px;
    position: absolute
}

#search figure img {
    max-width: 215px;
    max-height: 148px
}

#receitas-details .image-receita {
    display: block;
    margin: 0 auto;
    width: 445px;
    height: 330px;
    border: 5px solid #fff;
    background: #fff;
    overflow: hidden;
    text-align: center
}

#receitas-details .back {
    margin: 204px 0 -175px
}

#receitas-details .categoria {
    color: #e37642;
    float: right;
    font-size: 13px;
    margin: -177px 60px 0 0;
    font-family: "alleritalic";
}

#receitas-details .categoria span {
    color: #008baf;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "allerbold";
}

#receitas-details .dados-de-preparo {
    text-align: center;
    width: 100%;
    margin-top: 10px
}

#receitas-details .tempo,
#receitas-details .porcao {
    font-size: 15px;
    color: #5e5e5e;
    height: 31px;
    line-height: 31px;
    margin: 15px 43px 15px 0;
    clear: both;
    display: inline-block;
    font-family: "allerbold";
}

#receitas-details .tempo i,
#receitas-details .porcao i {
    background-position: -635px -44px;
    width: 28px;
    height: 31px;
    display: inline-block;
    margin-right: 9px
}

#receitas-details .porcao {
    margin: 15px 0px 15px 0
}

#receitas-details .porcao i {
    background-position: -595px -44px;
    width: 34px
}

#receitas-details h3 {
    color: #008baf;
    text-align: center;
    border: 0;
    width: auto;
    height: auto;
    min-height: 45px;
    margin: 10px 0;
    padding-left: 0;
    font-size: 30px;
    font-family: "LocalBreweryFour";
}

#receitas-details .ingredientes,
#receitas-details .preparo {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    padding: 0 50px
}

#receitas-details .ingredientes li,
#receitas-details .preparo li {
    list-style-type: disc
}

#receitas-details .ingredientes ul,
#receitas-details .preparo ul {
    padding-left: 15px;
    padding-bottom: 20px
}

#receitas-details .ingredientes .ck,
#receitas-details .preparo .ck {
    margin-bottom: 0
}

#receitas-details .ingredientes {
    padding-left: 0;
    background: url(../images/div-ingredientes.png) top right repeat-y
}

#receitas-details .relacionados h3 {
    font-size: 28px;
    text-align: center;
    margin: 0 auto;
    color: #08347e;
    display: block;
    font-family: "LocalBreweryFour";
}

#receitas-details .relacionados .item {
    display: inline-table;
    width: 24%;
    text-align: center;
    vertical-align: bottom;
    margin: 5px 3px
}

#receitas-details .relacionados h5 {
    color: #847864;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 13px;
    padding: 0 38px;
    line-height: 15px;
    font-family: "allerregular";
}

#receitas-details .relacionados a {
    text-decoration: none;
    display: block
}

#receitas-details .relacionados a:hover h5 {
    color: #08347e;
    opacity: .8;
    transition-duration: .16s
}

#premios-e-certificacoes .ano {
    color: #e20f46;
    font-size: 46px;
    width: 550px;
    text-align: center;
    margin: 57px auto 37px;
    background: url(../images/div-premios.png) center no-repeat;
    margin-bottom: 37px
}

#premios-e-certificacoes .premio {
    margin-bottom: 22px;
    display: table
}

#premios-e-certificacoes .premio span {
    display: table-cell;
    vertical-align: middle
}

#premios-e-certificacoes figure {
    display: block;
    float: left;
    margin-right: 42px;
    margin-left: 180px
}

#premios-e-certificacoes h4 {
    text-transform: uppercase;
    color: #08347e;
    font-size: 16px;
    line-height: 28px
}

#premios-e-certificacoes p {
    padding-right: 60px;
    font-size: 14px;
    line-height: 20px;
    color: #424242
}

body#produtos .main-content {
    background: url(../images/bg-produto.jpg) bottom no-repeat;
    background-position: 50% 422px
}

body#produtos .main-content .share {
    margin: 28px auto 70px
}

#produtos h2.title {
    color: #08347e;
    font-size: 30px;
    text-align: center;
    line-height: 58px;
    background: url(../images/line-bottom.jpg) bottom repeat-x;
    margin-bottom: 5px
}

#produtos h3 {
    font-size: 30px;
    text-align: center;
    line-height: 34px;
    margin-top: 34px;
    margin-bottom: 27px
}

#produtos .selects {
    color: #08347e;
    font-size: 16px;
    position: absolute;
    top: 290px;
    z-index: 2
}

#produtos .table {
    max-height: 330px;
    overflow: auto;
    margin-bottom: 15px;
    width: 450px;
    margin: 0 auto;
    font-family: "allerregular";
}

#produtos .slctSabor {
    display: none
}

#produtos .wrapper_select {
    display: block !important;
    position: relative
}

#produtos .slctEmbalagem,
#produtos .slctSabor {
    background: url(../images/pat-bg-title-azul-escuro.jpg) repeat;
    width: 274px;
    padding: 0 35px;
    position: absolute;
    top: 0px;
    left: 152px;
    display: none;
    border-radius: 3px;
    max-height: 513px;
    overflow: auto
}

#produtos .slctEmbalagem a,
#produtos .slctSabor a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: right;
    height: 72px;
    border-bottom: 1px #fff dotted;
    line-height: 72px;
    letter-spacing: -0.5px
}

#produtos .slctEmbalagem a:last-child,
#produtos .slctSabor a:last-child {
    border-bottom: 0
}

#produtos .slctEmbalagem span,
#produtos .slctSabor span {
    width: 110px;
    display: block;
    float: right;
    text-align: left
}

#produtos .slctEmbalagem img,
#produtos .slctSabor img {
    margin-right: 16px;
    max-width: 61px
}

#produtos .slctSabor {
    left: 152px
}

#produtos .slctSabor a {
    text-align: center;
    display: table;
    line-height: 20px !important;
    width: 100%
}

#produtos .slctSabor a em {
    display: table-cell;
    vertical-align: middle
}

#produtos .sabor,
#produtos .embalagem {
    width: 152px;
    height: 49px;
    line-height: 49px;
    border-radius: 3px;
    display: block;
    color: #fff;
    font-size: 18px;
    text-align: left;
    text-indent: 15px;
    margin: 10px 0;
    cursor: pointer;
    font-family: "LocalBreweryFour";
}

#produtos .sabor:hover i,
#produtos .embalagem:hover i {
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

#produtos .sabor i,
#produtos .embalagem i {
    background-position: -24px -141px;
    width: 11px;
    height: 18px;
    display: block;
    float: right;
    margin: 15px 15px 15px 0;
    -moz-transition: -moz-transform 0.15s ease-out;
    -o-transition: -o-transform 0.15s ease-out;
    -webkit-transition: -webkit-transform 0.15s ease-out;
    transition: transform 0.15s ease-out
}

#produtos .embalagem.actv,
#produtos .sabor.actv {
    background-color: #01064f !important;
    text-align: right;
    padding-right: 13px
}

#produtos .embalagem.actv i,
#produtos .sabor.actv i {
    display: none
}

#produtos .close {
    background-position: -743px -121px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    top: 101px;
    left: 670px;
    position: absolute;
    z-index: 1;
    visibility: hidden
}

#produtos #content {
    margin: 0 auto;
    background: url(../images/content-produtos.png) top center no-repeat;
    width: 615px;
    height: 615px;
    display: table
}

#produtos #content h3 {
    line-height: 58px;
    margin-top: 0px;
    margin-bottom: 0px
}

#produtos #content figure {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 570px;
    height: 570px;
    overflow: hidden;
    border-radius: 50%
}

#produtos #content figure img {
    max-width: 415px
}

#produtos nav.cont {
    position: absolute;
    right: 0;
    top: 232px
}

#produtos nav.cont .item {
    background-position: -466px -442px;
    width: 114px;
    height: 114px;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #a59e92;
    cursor: pointer;
    display: table
}

#produtos nav.cont .item.tabela {
    background-position: -589px -443px;
    width: 114px;
    height: 114px;
    clear: both
}

#produtos nav.cont .item label {
    cursor: pointer
}

#produtos nav.cont .ingredientes {
    margin-bottom: 40px
}

#produtos nav.cont .ingredientes i {
    background-position: -618px -120px;
    width: 33px;
    height: 44px;
    margin: 34px 41px 41px
}

#produtos nav.cont .tabela i {
    background-position: -579px -121px;
    width: 35px;
    height: 35px;
    margin: 38px 41px 41px
}

#produtos .item.actv.tabela {
    background-position: -707px -600px !important
}

#produtos .item.actv.tabela label {
    color: #d80140
}

#produtos .item.actv.ingredientes {
    background-position: -584px -599px
}

#produtos .item.actv.ingredientes label {
    color: #3c55a4
}

#produtos .ingredientes:hover label {
    color: #3c55a4;
    transition-duration: .2s
}

#produtos .ingredientes {
    text-align: center
}

#produtos .ingredientes .ck-text {
    color: #a59e92;
    text-align: center;
    line-height: 22px;
    padding: 0 121px;
    font-size: 14px;
    font-family: "allerregular";
}

#produtos .ingredientes .icon-ingredientes {
    background-position: -618px -166px;
    width: 33px;
    height: 43px;
    display: inline-block;
    margin-top: 45px
}

#produtos .tabela-cont {
    font-size: 13px;
    color: #a59e92;
    padding: 0 60px;
    text-align: center
}

#produtos .tabela-cont .icon-tabela {
    background-position: -579px -166px;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-top: 45px
}

#produtos .tabela-cont table {
    width: 420px;
    margin: 0 auto;
    font-size: 13px;
    color: #847864
}

#produtos .tabela-cont thead {
    color: #08347e
}

#produtos .tabela-cont tr {
    height: 25px;
    border-bottom: 1px solid #cfcbc1
}

#produtos .tabela-cont td {
    text-align: left;
    font-family: "allerregular";
}

#produtos .tabela-cont p {
    padding: 6px 0;
    font-family: "allerregular";
}

#produtos .tabela:hover label {
    color: #d80140;
    transition-duration: .2s
}

#produtos .receitas {
    text-align: center;
    position: relative;
    z-index: 2;
    min-height: 566px
}

#produtos .receitas .title {
    background-position: -654px -120px;
    width: 87px;
    height: 87px;
    display: inline-block
}

#produtos .receitas h3 {
    color: #ee814d !important;
    letter-spacing: -1px
}

#produtos .receitas h3 span {
    color: #08347e
}

#produtos .receitas .itemreceita {
    display: inline-block
}

#produtos .receitas .filter {
    width: 100%;
    text-align: center;
    margin-top: 45px
}

#produtos .receitas .filter span {
    font-size: 16px;
    text-align: center;
    color: #555;
    padding-bottom: 12px
}

#produtos .receitas .filter select {
    clear: both;
    display: block
}

#produtos .receitas .itens {
    width: 980px
}

#produtos .receitas .itens p {
    color: #EE814D;
    font-size: 22px;
    margin-top: 200px;
    line-height: 23px
}

#produtos .itemreceita {
    width: 242px;
    height: 383px;
    display: inline-table;
    text-align: center;
    background: transparent;
    text-decoration: none;
    padding-top: 35px;
    transition-duration: .1s
}

#produtos .itemreceita:hover h4 {
    color: #ee814d
}

#produtos .itemreceita:hover .tempo,
#produtos .itemreceita:hover .porcao {
    color: #08347e !important
}

#produtos .itemreceita h4 {
    font-size: 16px;
    text-align: center;
    color: #a17546;
    line-height: 20px;
    margin-bottom: 15px;
    height: 33px
}

#produtos .itemreceita figure img {
    border: 3px #fff solid;
    position: relative
}

#produtos .itemreceita:hover {
    background: url(../images/receitas-hover-produtos.png) top center no-repeat;
    transition-duration: .2s
}

#produtos .itemreceita:hover h3 {
    color: #ee814d
}

#produtos .itemreceita:hover .tempo,
#produtos .itemreceita:hover .porcao {
    color: #3e9f9d
}

#produtos .itemreceita .tempo,
#produtos .itemreceita .porcao {
    font-size: 15px;
    color: #b5997b;
    height: 31px;
    line-height: 35px;
    clear: both;
    display: inline-block;
    letter-spacing: -1px
}

#produtos .itemreceita .tempo i,
#produtos .itemreceita .porcao i {
    background-position: -635px -44px;
    width: 28px;
    height: 31px;
    display: inline-block;
    margin-right: -2px;
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    transform: scale(0.4)
}

#produtos .itemreceita .porcao {
    padding: 0 0 0 5px
}

#produtos .itemreceita .porcao i {
    background-position: -595px -44px;
    width: 34px
}

#lista {
    height: 199px;
    width: 940px;
    position: relative;
    margin: 0 auto;
    opacity: 0
}

#lista .wrapper {
    height: 210px;
    overflow: hidden;
    position: relative;
    width: 880px
}

#lista ul {
    width: 200%;
    z-index: 5;
    -moz-transition: left 0.5s;
    -o-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    transition: left 0.5s
}

#lista ul img {
    max-width: 185px;
    max-height: 156px
}

#lista ul a {
    text-decoration: none;
    display: block
}

#lista ul a:hover h5 {
    color: #08347e;
    opacity: .8;
    transition-duration: .16s
}

#lista .item {
    display: inline-table;
    width: 214px;
    text-align: center;
    vertical-align: bottom;
    margin: 5px 3px 0
}

#lista h5 {
    color: #847864;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 0 20px;
    min-height: 40px;
    font-family: "allerregular";
}

#lista .next,
#lista .prev {
    background-position: -733px -44px;
    width: 21px;
    height: 31px;
    position: absolute;
    top: 34%;
    left: 0px;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    transition-duration: .16s;
    z-index: 8
}

#lista .next:hover,
#lista .prev:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: .1s
}

#lista .next {
    background-position: -759px -44px;
    right: 0px !important;
    left: auto
}

#historico .ano {
    text-align: center;
    position: relative
}

#historico .ano h5 {
    color: #e20f46;
    font-size: 46px;
    text-align: left;
    margin-bottom: 15px
}

#historico .ano p {
    color: #424242;
    line-height: 20px;
    text-align: left;
    margin-bottom: 15px;
    font-family: "allerregular";
}

#historico .ano .div {
    height: 4px;
    border: 0;
    background: url(../images/div-historico.png) center no-repeat;
    margin: 45px auto
}

#historico .ano figure {
    border: 5px solid #fff;
    display: inline-block
}

#historico .destaque {
    font-size: 28px;
    line-height: 32px
}

#historico .dado {
    display: inline-table;
    width: 48%;
    vertical-align: bottom;
    margin-bottom: 30px
}

#historico .segundo {
    margin-left: 3%
}

#historico .unico h5,
#historico .unico p {
    float: left;
    clear: both;
    display: inline-block;
    width: 225px;
    position: absolute;
    margin-top: 190px;
    left: 0
}

#historico .unico h5 {
    margin-top: 140px
}

#contact .box,
#trabalhe-conosco .box {
    width: 100%;
    background: #ccc url(../images/pat-bg-title-bege.jpg) center repeat;
    border: 4px solid #fff;
    position: relative;
    text-align: center;
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    padding: 15px 0 0;
    margin: 22px 0;
    font-family: "allerbold";
}

#contact .box p,
#trabalhe-conosco .box p {
    margin-bottom: 15px
}

#contact label,
#trabalhe-conosco label {
    width: 266px;
    padding-right: 15px;
    font-size: 16px;
    color: #86a904;
    display: inline-block;
    text-align: right;
    font-family: "allerbold";
}

#contact input,
#contact textarea,
#contact select,
#trabalhe-conosco input,
#trabalhe-conosco textarea,
#trabalhe-conosco select {
    border: 0;
    width: 430px;
    height: 40px;
    background: #86a904;
    margin-bottom: 7px;
    color: #fff;
    display: inline-block;
    text-indent: 17px;
    font-size: 14px;
    font-family: "alleritalic";
}

#contact .btn,
#trabalhe-conosco .btn {
    cursor: pointer
}

#contact textarea,
#trabalhe-conosco textarea {
    height: 185px;
    width: 427px;
    padding: 10px
}

#contact .submit,
#trabalhe-conosco .submit {
    background: #8d8172;
    margin: 0 auto;
    display: block;
    width: 124px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    text-indent: 0;
    cursor: pointer
}

#contact .destaque label,
#trabalhe-conosco .destaque label {
    color: #8d8274
}

#contact .destaque input,
#contact .destaque textarea,
#contact .destaque select,
#trabalhe-conosco .destaque input,
#trabalhe-conosco .destaque textarea,
#trabalhe-conosco .destaque select {
    background-color: #8d8274
}

/*#contact .search-box input,
#trabalhe-conosco .search-box input {
    height: auto
}*/

#contact .destaque input,
#trabalhe-conosco .destaque input {
    width: 298px
}

#contact .destaque .btn,
#trabalhe-conosco .destaque .btn {
    width: 124px;
    top: 0px;
    position: relative;
    line-height: 41px;
    text-indent: 0
}

#assistencia-tecnica h4 {
    color: #e20f46;
    font-size: 24px;
    text-align: center;
    text-transform: none
}

#assistencia-tecnica .cols h5 {
    color: #08347e;
    font-size: 14px;
    text-transform: uppercase
}

#assistencia-tecnica .dest {
    font-size: 36px;
    color: #37237b
}

#assistencia-tecnica .destaque {
    color: #37237b
}

#assistencia-tecnica .destaque h3 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 22px
}

#cooperativismo .perv-slider {
    height: 752px
}

#qualidade .destaque {
    font-size: 28px;
    line-height: 32px
}

#qualidade .video {
    margin: 0 auto 0;
    width: 98%;
    border: 4px solid #fff
}

#qualidade .docs {
    margin-top: 60px;
    text-align: center
}

#qualidade .docs span {
    width: 190px;
    height: 268px;
    display: block;
    background: #ccc url(../images/docs.png) top repeat
}

#qualidade .docs h5 {
    display: inline;
    text-transform: uppercase;
    color: #169CCE;
    position: relative;
    transition-duration: 0.1s;
    top: -97px
}

#qualidade a.doc {
    text-decoration: none;
    margin: 0px auto;
    display: inline-block
}

#qualidade a.doc:hover span {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.39);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.39);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.39);
    transition-duration: 0.2s
}

#qualidade a.doc:hover h5 {
    text-shadow: 0px 0px 3px #fff;
    transition-duration: 0.3s
}

#qualidade .cols {
    padding: 30px;
    color: #424242;
    font-size: 15px;
    line-height: 22px
}

#qualidade .cols p {
    padding-bottom: 30px;
    letter-spacing: -0.35px;
    word-spacing: 2px
}

#qualidade .cols .col1,
#qualidade .cols .col2 {
    width: 49%;
    display: inline-block;
    padding: 0 12px;
    vertical-align: top
}

#qualidade .cols h5 {
    text-transform: uppercase;
    color: #1E2E61;
    position: relative
}

#contact .content-wrapper h2 {
    background: #ccc url(../images/pat-bg-title-azul.jpg) center repeat;
    color: #f0eeeb
}

#contact .infos {
    display: block;
    margin: 0 auto;
    color: #6a5d47;
    width: 100%;
    margin: 45px auto 50px
}

#contact .infos .sac {
    display: inline-block;
    font-size: 30px;
    letter-spacing: -1px;
    text-align: center;
    border-right: 1px #6a5d47 dashed;
    border-left: 1px #6a5d47 dashed;
    width: 32%;
    font-family: "allerbold" !important;
}

#contact .infos address {
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -1px;
    text-align: left;
    width: 32%;
    padding-left: 34px;
    text-align: center;
    vertical-align: top;
    font-family: "allerbold" !important;
}

#contact .infos .ouvidoria {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -1px;
    text-align: left;
    width: 32%;
    padding-left: 34px;
    text-align: center;
    vertical-align: top;
    font-family: "allerbold" !important;
}

#contact .infos .ouvidoria a {
    color: #6a5d47;
    text-decoration: none
}

#contact .infos .ouvidoria a:hover {
    color: #1A9FB8
}

#contact label {
    width: 256px;
    padding-right: 15px;
    font-size: 16px;
    color: #158398;
    display: inline-block;
    text-align: right
}

#contact input,
#contact textarea,
#contact select {
    border: 0;
    width: 430px;
    height: 40px;
    background: #158398;
    margin-bottom: 7px;
    color: #fff;
    display: inline-block;
    text-indent: 17px;
    font-size: 14px
}

#contact textarea {
    height: 185px;
    width: 430px;
    padding: 10px
}

#contact .submit,
#trabalhe-conosco .submit {
    background: url(../images/btn-submit.png) center no-repeat;
    margin: 0 auto;
    display: block;
    width: 136px;
    height: 54px;
    line-height: 38px;
    border-radius: 5px;
    text-indent: 0;
    font-size: 20px;
    text-transform: lowercase;
    font-family: "LocalBreweryFour";
}

.perv-slider {
    margin-bottom: 20px;
    position: relative;
    background-color: #FFFFFF;
    height: 564px;
    margin: 12px auto 90px;
    padding: 4px;
    width: 908px;
    position: relative;
    z-index: 1;
    text-align: center
}

.perv-slider figure {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

.perv-slider img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.2s ease, transform .3s ease;
    transform: translateY(0);
    z-index: 1
}

.perv-slider img.active {
    z-index: 2;
    opacity: 1
}

.perv-slider .loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DFDFDF
}

.perv-slider nav {
    height: 45px;
    width: auto;
    text-align: center;
    margin: 0 auto;
    display: inline-block
}

.perv-slider nav a {
    background: url(../images/sprite-slider.png) no-repeat top left;
    background-position: -19px 0;
    display: inline-block;
    height: 18px;
    margin: 12px 5px 0;
    width: 18px;
    text-indent: -9000px
}

.perv-slider nav a.active,
.perv-slider nav a:hover {
    background-position: 0 0
}

#footer-site {
    background: url(../images/bg-footer-internas2.jpg) repeat-x bottom left;
    height: 431px;
    text-align: center;
    margin-top: -10px
}

#footer-site .wrapper {
    position: relative;
    bottom: 0;
    height: 431px
}

#footer-site .wrapper .sobre.cf_ {
    width: auto;
    top: 50px;
    position: relative;
}

#footer-site .wrapper .sobre.cf_ img {
    max-width: 100%;
}

#footer-site .wrapper .sobre.cf_ a {
    display: block;
    position: absolute;
    right: 39px;
    top: 77px;
}

#footer-site .wrapper .sobre.cf_ a:hover {
    opacity: .84;
}

#footer-site .topo {
    background-position: -549px -1px;
    width: 127px;
    height: 36px;
    display: inline-block;
    text-indent: 0;
    line-height: 36px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    margin-left: -60px;
    left: 50%;
    transition-duration: .1s
}

#footer-site .topo:hover {
    transition-duration: .15s;
    line-height: 30px
}

#footer-site .direitos {
    float: left;
    font-size: 11px;
    color: #a89679;
    position: absolute;
    left: 0;
    bottom: 7px
}

#footer-site .demonietto {
    display: block;
    float: right;
    width: 18px;
    height: 18px;
    background: url(../images/demonietto.png) center no-repeat;
    position: absolute;
    right: 0;
    bottom: 5px;
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

#footer-site .demonietto:hover {
    transition-duration: .15s;
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

#footer-site .logo-pia {
    background-position: -118px -661px;
    width: 334px;
    height: 83px;
    position: absolute;
    left: 0;
    bottom: 47px
}

#footer-site .selos {
    background-position: 0px -586px;
    width: 290px;
    height: 55px;
    position: absolute;
    right: 0;
    bottom: 52px
}

#produtos #footer-site {
    background: url(../images/bg-footer-internas2.jpg) repeat-x bottom left;
    height: 490px;
    text-align: center;
    margin-top: 50px
}

#produtos #footer-site .wrapper {
    position: relative;
    bottom: 0;
    height: 490px
}

#home #footer-site {
    background: url(../images/footer-bg.png) repeat-x bottom left;
    text-align: center;
    margin-top: 0;
    height: auto
}

#home #footer-site .wrapper {
    position: relative;
    bottom: 0;
    height: 29px
}

#home #footer-site .wrapper .sobre.cf_ {
    display: none;
}

#painel {
    height: 646px;
    position: relative;
    overflow: hidden
}

.current-painel {
    z-index: 1
}

#painel-loader.without-back {
    background-color: transparent
}

#painel-loader.without-back img {
    display: block;
    background-color: #FAFAFA;
    border-radius: 25px;
    padding: 6px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    width: 24px;
    height: 24px
}

#painel-loader {
    background-color: #FAFAFA;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

#painel-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    opacity: 0.8
}

#paineis {
    height: 100%;
    position: relative;
    width: 100%
}

.painel-unit {
    height: 645px;
    background-position: 50% 50%;
    background-repeat: repeat;
    float: left;
    position: relative;
    width: 1914px
}

.painel-unit strong {
    position: absolute;
    display: block
}

.painel-wrapper {
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    left: 50%;
    margin-left: -940px
}

.painel-unit img {
    position: absolute;
    display: block
}

#painel-controler {
    position: absolute;
    bottom: 65px;
    left: 50%;
    z-index: 1000;
    visibility: hidden
}

#painel-controler a {
    background: url("../images/controller.png") no-repeat scroll -18px 0;
    display: block;
    float: left;
    height: 18px;
    margin: 0 4px;
    width: 18px
}

#painel-controler a:hover {
    background-position: -36px 0
}

#painel-controler a.active {
    background-position: 0 0
}

#painel-left {
    background: url("../images/sprite.png") no-repeat scroll 0px -166px transparent;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    left: 4%;
    z-index: 2;
    width: 52px;
    height: 71px
}

#painel-left:hover {
    opacity: .78;
    transition-duration: .2s
}

#painel-left a {
    display: block;
    width: 45px;
    height: 63px
}

#painel-right {
    background: url("../images/sprite.png") no-repeat scroll -53px -166px transparent;
    position: absolute;
    top: 50%;
    margin-top: -39px;
    right: 4%;
    z-index: 2;
    width: 52px;
    height: 71px
}

#painel-right:hover {
    opacity: .78;
    transition-duration: .2s
}

#painel-right a {
    display: block;
    width: 45px;
    height: 63px
}

#paineis-wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#painel-right a {
    display: block
}

#painel-left a {
    display: block
}

.hover-saiba-mais {
    opacity: 0;
    z-index: 999
}

.hover-saiba-mais:hover {
    opacity: 1
}

#window-lock {
    background-color: #222;
    background-color: rgba(0, 0, 0, 0.55);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998
}

#window-warning {
    padding: 14px 22px;
    background-color: #ff9000;
    border-radius: 8px;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
    color: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    font-family: Arial, Tahoma;
    z-index: 9999;
    text-align: left
}

#window-warning p {
    margin: 4px 0;
    font-size: 16px;
    line-height: 26px
}

#window-warning strong {
    font-weight: bold;
    text-decoration: underline
}

.select-classic {
    position: relative;
    opacity: 1
}

.select-classic.hidden {
    opacity: 0
}

.select-classic ul {
    background-color: #0a7ba5;
    display: none;
    left: 0;
    position: absolute;
    padding: 6px 2px;
    max-height: 255px;
    overflow-y: auto;
    z-index: 1000;
    border-radius: 0 0 3px 3px
}

.select-classic.active .selected-value {
    border-radius: 3px 3px 0 0
}

.select-classic.active ul {
    display: block;
    top: 51px;
    width: 288px !important;
    margin: 0 auto;
    left: 50%;
    margin-left: -146px
}

.select-classic li {
    padding: 0px 10px;
    text-align: left;
    font-size: 13px;
    color: #FFF;
    display: block;
    cursor: pointer;
    line-height: 35px
}

.select-classic li.hover {
    background-color: #309dc6
}

.select-classic li.selected {
    background-color: #309dc6
}

.select-classic .selected-value {
    background-color: #008baf;
    border-radius: 4px;
    cursor: pointer;
    width: 272px;
    height: 52px;
    line-height: 52px;
    padding: 0 10px;
    margin: 0 auto;
}

.select-classic span {
    font-size: 14px;
    color: #fff;
    font-family: "allerbold";
}

.select-classic input {
    font-size: 15px;
    color: #FFF;
    cursor: pointer;
    background-color: transparent;
    border: none;
    display: block;
    margin-top: 18px;
    float: left
}

.select-classic input::selection {
    background: #507700
}

.select-classic input::-moz-selection {
    background: #507700
}

.select-classic em {
    display: none
}

.select-classic i {
    background: url(../images/seta-select.png) no-repeat scroll;
    display: block;
    float: right;
    height: 11px;
    margin-top: 20px;
    width: 19px
}

#contact .select-classic .selected-value,
#trabalhe-conosco .select-classic .selected-value {
    background-color: #8d8274;
    border-radius: 4px;
    cursor: pointer;
    width: 411px;
    height: 44px;
    line-height: 52px;
    padding: 0 10px;
    display: inline-block;
    border-radius: 0
}

#contact .select-classic,
#trabalhe-conosco .select-classic {
    margin-bottom: 7px
}

#contact .select-classic.cf_,
#trabalhe-conosco .select-classic.cf_ {
    display: inline-block !important
}

#contact .select-classic i,
#trabalhe-conosco .select-classic i {
    margin-top: 19px
}

#contact .select-classic input,
#trabalhe-conosco .select-classic input {
    margin-top: 0
}

#contact .select-classic.active ul,
#trabalhe-conosco .select-classic.active ul {
    display: block;
    top: 51px;
    width: 99% !important;
    margin: 0 auto;
    left: 0;
    margin-left: 0;
    background: #948E87
}

#contact .select-classic li.hover,
#contact .select-classic li.selected,
#trabalhe-conosco .select-classic li.hover,
#trabalhe-conosco .select-classic li.selected {
    background-color: #6C685E
}

#produtos .top-categoria {
    width: 100%;
    height: 288px;
    background-position: center !important;
    background-size: auto 100% !important;
    display: block;
    text-decoration: none
}

#produto-wrapper {
    min-height: 1640px
}

#produto-wrapper.creme-de-leite .top-categoria {
    background: url(../images/produtos/topo/creme_de_leite.jpg) repeat
}

#produto-wrapper.creme-de-leite h3 {
    color: #a38c47
}

#produto-wrapper.creme-de-leite button.sabor,
#produto-wrapper.creme-de-leite button.embalagem {
    background-color: #a38c47
}

#produto-wrapper.chocolateria .top-categoria {
    background: url(../images/produtos/topo/chocolateria.jpg) repeat
}

#produto-wrapper.chocolateria h3 {
    color: #785132
}

#produto-wrapper.chocolateria button.sabor,
#produto-wrapper.chocolateria button.embalagem {
    background-color: #785132
}

#produto-wrapper.bebidas-lacteas .top-categoria {
    background: url(../images/produtos/topo/bebidas_lacteas.jpg) repeat
}

#produto-wrapper.bebidas-lacteas h3 {
    color: #c2aa90
}

#produto-wrapper.bebidas-lacteas button.sabor,
#produto-wrapper.bebidas-lacteas button.embalagem {
    background-color: #c2aa90
}

#produto-wrapper.doces-de-leite .top-categoria {
    background: url(../images/produtos/topo/doce-de-leite.jpg) repeat
}

#produto-wrapper.doces-de-leite h3 {
    color: #b4a469
}

#produto-wrapper.doces-de-leite button.sabor,
#produto-wrapper.doces-de-leite button.embalagem {
    background-color: #b4a469
}

#produto-wrapper.pia-yos .top-categoria {
    background: url(../images/produtos/topo/yos.jpg) repeat
}

#produto-wrapper.doces-de-frutas .top-categoria {
    background: url(../images/produtos/topo/doces-de-frutas.jpg) repeat
}

#produto-wrapper.doces-de-frutas h3 {
    color: #a0569f
}

#produto-wrapper.doces-de-frutas button.sabor,
#produto-wrapper.doces-de-frutas button.embalagem {
    background-color: #a0569f
}

#produto-wrapper.iogurtes .top-categoria {
    background: url(../images/produtos/topo/iogurtes.jpg) repeat
}

#produto-wrapper.iogurtes h3 {
    color: #03a8b8
}

#produto-wrapper.iogurtes button.sabor,
#produto-wrapper.iogurtes button.embalagem {
    background-color: #03a8b8
}

#produto-wrapper.leites .top-categoria {
    background: url(../images/produtos/topo/leites.jpg) repeat
}

#produto-wrapper.leites h3 {
    color: #2cc4e0
}

#produto-wrapper.leites button.sabor,
#produto-wrapper.leites button.embalagem {
    background-color: #2cc4e0
}

#produto-wrapper.massas-para-festa .top-categoria {
    background: url(../images/produtos/topo/massas-para-festa.jpg) repeat
}

#produto-wrapper.massas-para-festa h3 {
    color: #9286aa
}

#produto-wrapper.massas-para-festa button.sabor,
#produto-wrapper.massas-para-festa button.embalagem {
    background-color: #9286aa
}

#produto-wrapper.leite-condensado .top-categoria {
    background: url(../images/produtos/topo/leite-condensado.jpg) repeat
}

#produto-wrapper.leite-condensado h3 {
    color: #c22425
}

#produto-wrapper.leite-condensado button.sabor,
#produto-wrapper.leite-condensado button.embalagem {
    background-color: #c22425
}

#produto-wrapper.petit-suisse .top-categoria {
    background: url(../images/produtos/topo/petit_suisse.jpg) repeat
}
#produto-wrapper.geleia .top-categoria {
    background: url(../images/produtos/topo/geleia.jpg) repeat
}
#produto-wrapper.manteiga .top-categoria {
    background: url(../images/produtos/topo/manteiga.jpg) repeat
}

#produto-wrapper.petit-suisse h3 {
    color: #d43e47
}

#produto-wrapper.petit-suisse button.sabor,
#produto-wrapper.petit-suisse button.embalagem {
    background-color: #d43e47
}

#produto-wrapper.pia .top-categoria {
    background: url(../images/produtos/topo/pia.jpg) repeat
}

#produto-wrapper.pia h3 {
    color: #08347e
}

#produto-wrapper.pia button.sabor,
#produto-wrapper.pia button.embalagem {
    background-color: #08347e
}

#produto-wrapper.pia-lac .top-categoria {
    background: url(../images/produtos/topo/pia_lac.jpg) repeat
}

#produto-wrapper.pia-lac h3 {
    color: #5ca6d5
}

#produto-wrapper.pia-lac button.sabor,
#produto-wrapper.pia-lac button.embalagem {
    background-color: #5ca6d5
}

#produto-wrapper.pia-kids .top-categoria {
    background: url(../images/produtos/topo/pia_kids.jpg) repeat
}

#produto-wrapper.pia-kids h3 {
    color: #d5412d
}

#produto-wrapper.pia-kids button.sabor,
#produto-wrapper.pia-kids button.embalagem {
    background-color: #d5412d
}

#produto-wrapper.pia-gurt .top-categoria {
    background: url(../images/produtos/topo/pia_gurt.jpg) repeat
}

#produto-wrapper.pia-zero-lactose .top-categoria {
    background: url(../images/produtos/topo/pia_zero_lactose.jpg) repeat
}

#produto-wrapper.pia-gurt h3 {
    color: #ca7fa8
}

#produto-wrapper.pia-gurt button.sabor,
#produto-wrapper.pia-gurt button.embalagem {
    background-color: #ca7fa8
}

#produto-wrapper.pia-essence .top-categoria {
    background: url(../images/produtos/topo/pia_essence.jpg) repeat
}

#produto-wrapper.pia-essence h3 {
    color: #90a615
}

#produto-wrapper.pia-essence button.sabor,
#produto-wrapper.pia-essence button.embalagem {
    background-color: #90a615
}

#produto-wrapper.vitta .top-categoria {
    background: url(../images/produtos/topo/vitta.jpg) repeat
}

#produto-wrapper.vitta h3 {
    color: #f4853d
}

#produto-wrapper.vitta button.sabor,
#produto-wrapper.vitta button.embalagem {
    background-color: #f4853d
}

#produto-wrapper.suco-a-base-de-soja .top-categoria {
    background: url(../images/produtos/topo/vitta.jpg) repeat
}

#produto-wrapper.suco-a-base-de-soja h3 {
    color: #f4853d
}

#produto-wrapper.suco-a-base-de-soja button.sabor,
#produto-wrapper.suco-a-base-de-soja button.embalagem {
    background-color: #f4853d
}

#produto-wrapper.requeijoes .top-categoria {
    background: url(../images/produtos/topo/requeijao.jpg) repeat
}

#produto-wrapper.requeijoes h3 {
    color: #006cbb
}

#produto-wrapper.requeijoes button.sabor,
#produto-wrapper.requeijoes button.embalagem {
    background-color: #006cbb
}

#produto-wrapper.queijos .top-categoria {
    background: url(../images/produtos/topo/queijos.jpg) repeat
}

#produto-wrapper.queijos h3 {
    color: #df9d55
}

#produto-wrapper.queijos button.sabor,
#produto-wrapper.queijos button.embalagem {
    background-color: #df9d55
}

#produto-wrapper.plenna .top-categoria {
    background: url(../images/produtos/topo/plenna.jpg) repeat
}

#produto-wrapper.plenna h3 {
    color: #02a7a0
}

#produto-wrapper.plenna button.sabor,
#produto-wrapper.plenna button.embalagem {
    background-color: #02a7a0
}

#produto-wrapper.piazinho .top-categoria {
    background: url(../images/produtos/topo/piazinho.jpg) repeat
}

#produto-wrapper.piazinho h3 {
    color: #5baaec
}

#produto-wrapper.piazinho button.sabor,
#produto-wrapper.piazinho button.embalagem {
    background-color: #5baaec
}

#produto-wrapper.bebida-vegetal .top-categoria {
    background: url(../images/produtos/topo/bebida-vegetal.jpg) repeat
}

#produto-wrapper.pia-cremoso .top-categoria {
    background: url(../images/produtos/topo/pia-cremoso.jpg) repeat
}

#produto-wrapper.natur .top-categoria {
    background: url(../images/produtos/topo/natur.jpg) repeat
}

#produto-wrapper.x-protein .top-categoria {
    background: url(../images/produtos/topo/x-protein.jpg) repeat
}

.select-classic,
.select-classic input {}

#window-warning p {
    text-align: center;
    color: #FFF
}

.return-message {
    font-size: 22px;
    color: #1e2e61;
    text-align: center;
    padding: 30px 0 25px
}

.return-message.error {
    color: #6c0000
}

.search-status {
    font-size: 22px;
    color: #1e2e61;
    text-align: center;
    padding: 55px 0 5px
}

.theme-aqua-bg {
    background: #0ca58f
}

.theme-aqua-color {
    color: #0ca58f
}

.missao-e-valores {
    background: #ccc url(../images/pat-bg-title-red.jpg) center repeat;
    border: 4px solid #fff;
}

.missao-e-valores .cols,
 .missao-e-valores .cols,
 .missao-e-valores .cols {
    color: #fff;
    padding: 30px;
    font-family: "allerregular";
    font-size: 15px;
    line-height: 22px;
 }

 .missao-e-valores .cols .col2,
.missao-e-valores .cols .col1,
.missao-e-valores .cols .col2 {
    width: 49%;
    display: inline-block;
    padding: 0 25px;
    vertical-align: top;
    box-sizing: border-box;
}

.missao-e-valores h4,
.missao-e-valores h4,
.missao-e-valores h4 {
    color: #fdc689;
    text-transform: uppercase;
    font-family: "allerbold";
}

.missao-e-valores p,
.missao-e-valores p,
.missao-e-valores p {
    padding-bottom: 27px;
    letter-spacing: -1px;
    word-spacing: 2px;
}

.docs {
    margin-top: 60px;
    margin-bottom: 60px;
}

.docs a {
    text-decoration: none;
}

.docs h5 {
    display: inline;
    text-transform: uppercase;
    font-family: "allerbold";
    color: #169cce;
    position: relative;
    top: 95px;
    transition-duration: .1s;
    font-size: 14px;
    line-height: 10px;
}

.left span {
    float: right;
    margin-left: 10px;
}

.right span {
    float: left;
    margin-right: 10px;
}

.docs span {
    width: 190px;
    height: 268px;
    display: inline-block;
    background: #ccc url(../images/docs.png) top repeat;
}

.docs .left {
    display: inline-block;
    width: 45%;
    padding: 0 2%;
    text-align: right;
}

.docs .right {
    display: inline-block;
    width: 45%;
    padding: 0 2%;
}

.termos{
    color: #1f388c;
    text-decoration: none;
}

.termos:hover{
    color: #214de1;
    text-decoration: underline;
}