h1,

h2,

h3,

h4,

h5,

h6,

ul {

    margin: 0;

    padding: 0

}

a,

body {

    color: #222

}

.bt_download a,

.bt_download_black a,

.bubba,

a,

button {

    cursor: pointer

}

html,

input,

textarea {

    font: 100% Arial, Helvetica, sans-serif

}

ul {

    list-style: none

}

h1,

h2,

h3,

h4,

h5,

h6,

p {

    font-weight: 400;

    margin: 0

}

a img {

    border: none;

    text-decoration: none

}

.clear {

    clear: both;

    height: 0;

    overflow: hidden

}

a,

body,

div,

font,

iframe,

img,

object,

pre,

span,

table,

tbody,

td,

th,

tr {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-weight: 400;

    font-style: normal;

    font-size: 100%

}

:focus {

    outline: 0

}

p {

    margin-top: 10px

}

.container {

    position: relative;

    width: 960px;

    margin: 0 auto;

    padding: 0

}

.blog .container.container_blog {

    width: 1200px

}

.container .column,

.container .columns {

    float: left;

    display: inline;

    margin-left: 10px;

    margin-right: 10px

}

.row {

    margin-bottom: 20px

}

.column.alpha,

.columns.alpha {

    margin-left: 0

}

.column.omega,

.columns.omega {

    margin-right: 0

}

.container .one.column,

.container .one.columns {

    width: 40px

}

.container .two.columns {

    width: 100px

}

.container .three.columns {

    width: 160px

}

.container .four.columns {

    width: 220px

}

.container .five.columns {

    width: 280px

}

.container .six.columns {

    width: 340px

}

.container .seven.columns {

    width: 400px

}

.container .eight.columns {

    width: 460px

}

.container .nine.columns {

    width: 520px

}

.container .ten.columns {

    width: 580px

}

.container .eleven.columns {

    width: 640px

}

.container .twelve.columns {

    width: 700px

}

.container .thirteen.columns {

    width: 760px

}

.container .fourteen.columns {

    width: 820px

}

.container .fifteen.columns {

    width: 880px

}

.container .sixteen.columns {

    width: 940px

}

.container .one-third.column {

    width: 300px

}

.container .two-thirds.column {

    width: 620px

}

.container .half.columns {

    width: 470px;

    margin-left: 0;

    margin-right: 0

}

.container .offset-by-one {

    padding-left: 60px

}

.container .offset-by-one-right {

    padding-right: 60px

}

.container .offset-by-two {

    padding-left: 120px

}

.container .offset-by-two-right {

    padding-right: 120px

}

.container .offset-by-three {

    padding-left: 180px

}

.container .offset-by-four {

    padding-left: 240px

}

.container .offset-by-five {

    padding-left: 300px

}

.container .offset-by-six {

    padding-left: 360px

}

.container .offset-by-seven {

    padding-left: 420px

}

.container .offset-by-eight {

    padding-left: 480px

}

.container .offset-by-nine {

    padding-left: 540px

}

.container .offset-by-ten {

    padding-left: 600px

}

.container .offset-by-eleven {

    padding-left: 660px

}

.container .offset-by-twelve {

    padding-left: 720px

}

.container .offset-by-thirteen {

    padding-left: 780px

}

.container .offset-by-fourteen {

    padding-left: 840px

}

.container .offset-by-fifteen {

    padding-left: 900px

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .blog .container.container_blog,

    .container {

        width: 768px

    }

    .container .column,

    .container .columns {

        margin-left: 10px;

        margin-right: 10px

    }

    .column.alpha,

    .columns.alpha {

        margin-left: 0;

        margin-right: 10px

    }

    .column.omega,

    .columns.omega {

        margin-right: 0;

        margin-left: 10px

    }

    .alpha.omega,

    .container .half.columns {

        margin-left: 0;

        margin-right: 0

    }

    .container .one.column,

    .container .one.columns {

        width: 28px

    }

    .container .two.columns {

        width: 76px

    }

    .container .three.columns {

        width: 124px

    }

    .container .four.columns {

        width: 172px

    }

    .container .five.columns {

        width: 220px

    }

    .container .six.columns {

        width: 268px

    }

    .container .seven.columns {

        width: 316px

    }

    .container .eight.columns {

        width: 364px

    }

    .container .nine.columns {

        width: 412px

    }

    .container .ten.columns {

        width: 460px

    }

    .container .eleven.columns {

        width: 508px

    }

    .container .twelve.columns {

        width: 556px

    }

    .container .thirteen.columns {

        width: 604px

    }

    .container .fourteen.columns {

        width: 652px

    }

    .container .fifteen.columns {

        width: 700px

    }

    .container .sixteen.columns {

        width: 748px

    }

    .container .one-third.column {

        width: 236px

    }

    .container .two-thirds.column {

        width: 492px

    }

    .container .half.columns {

        width: 100%;

        display: block;

        clear: both

    }

    .container .offset-by-one {

        padding-left: 48px

    }

    .container .offset-by-one-right {

        padding-right: 48px

    }

    .container .offset-by-two {

        padding-left: 96px

    }

    .container .offset-by-two-right {

        padding-right: 96px

    }

    .container .offset-by-three {

        padding-left: 144px

    }

    .container .offset-by-four {

        padding-left: 192px

    }

    .container .offset-by-five {

        padding-left: 240px

    }

    .container .offset-by-six {

        padding-left: 288px

    }

    .container .offset-by-seven {

        padding-left: 336px

    }

    .container .offset-by-eight {

        padding-left: 384px

    }

    .container .offset-by-nine {

        padding-left: 432px

    }

    .container .offset-by-ten {

        padding-left: 480px

    }

    .container .offset-by-eleven {

        padding-left: 528px

    }

    .container .offset-by-twelve {

        padding-left: 576px

    }

    .container .offset-by-thirteen {

        padding-left: 624px

    }

    .container .offset-by-fourteen {

        padding-left: 672px

    }

    .container .offset-by-fifteen {

        padding-left: 720px

    }

}

@media only screen and (max-width: 767px) {

    .container .half.columns {

        width: 100%;

        display: block;

        clear: both;

        margin-left: 0;

        margin-right: 0

    }

    .blog .container.container_blog,

    .container,

    .container .eight.columns,

    .container .eleven.columns,

    .container .fifteen.columns,

    .container .five.columns,

    .container .four.columns,

    .container .fourteen.columns,

    .container .nine.columns,

    .container .one-third.column,

    .container .one.column,

    .container .one.columns,

    .container .seven.columns,

    .container .six.columns,

    .container .sixteen.columns,

    .container .ten.columns,

    .container .thirteen.columns,

    .container .three.columns,

    .container .twelve.columns,

    .container .two-thirds.column,

    .container .two.columns {

        width: 300px

    }

    .container .column,

    .container .columns {

        margin: 0

    }

    .container .offset-by-eight,

    .container .offset-by-eleven,

    .container .offset-by-fifteen,

    .container .offset-by-five,

    .container .offset-by-four,

    .container .offset-by-fourteen,

    .container .offset-by-nine,

    .container .offset-by-one,

    .container .offset-by-seven,

    .container .offset-by-six,

    .container .offset-by-ten,

    .container .offset-by-thirteen,

    .container .offset-by-three,

    .container .offset-by-twelve,

    .container .offset-by-two {

        padding-left: 0

    }

    .container .offset-by-one-right,

    .container .offset-by-two-right {

        padding-right: 0

    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .container .half.columns {

        width: 100%;

        display: block;

        clear: both;

        margin-left: 0;

        margin-right: 0

    }

    .blog .container.container_blog,

    .container,

    .container .eight.columns,

    .container .eleven.columns,

    .container .fifteen.columns,

    .container .five.columns,

    .container .four.columns,

    .container .fourteen.columns,

    .container .nine.columns,

    .container .one-third.column,

    .container .one.column,

    .container .one.columns,

    .container .seven.columns,

    .container .six.columns,

    .container .sixteen.columns,

    .container .ten.columns,

    .container .thirteen.columns,

    .container .three.columns,

    .container .twelve.columns,

    .container .two-thirds.column,

    .container .two.columns {

        width: 420px

    }

    .container .column,

    .container .columns {

        margin: 0

    }

}

#topo #menu a,

#topo h1 a,

.fa,

.paginacao a {

    display: inline-block

}

@media only screen and (min-width: 1000px) {

    .full {

        float: left;

        width: 50%

    }

    .full .txt {

        margin: 0;

        padding-top: 0

    }

}

@media only screen and (max-width: 800px) {

    .full {

        width: 100%;

        float: none;

        margin-top: 40px

    }

    .full:first-child {

        margin-top: 0

    }

}

.u-full-width {

    width: 100%;

    box-sizing: border-box

}

.u-max-full-width {

    max-width: 100%;

    box-sizing: border-box

}

.u-pull-right {

    float: right

}

#topo h1 a,

.u-pull-left {

    float: left

}

.rollover {

    opacity: 1;

    -webkit-transition: all .2s linear;

    -moz-transition: all .2s linear;

    transition: all .2s linear

}

.rollover:hover {

    opacity: .7

}

.margin0 {

    margin-top: 0!important

}

.margin10 {

    margin-top: 10px!important

}

.margin15 {

    margin-top: 15px!important

}

.margin20 {

    margin-top: 20px!important

}

.margin30 {

    margin-top: 30px!important

}

.margin40 {

    margin-top: 40px!important

}

.margin50 {

    margin-top: 50px!important

}

.center {

    text-align: center!important

}

h1 {

    font-size: 22px

}

h2 {

    font-size: 20px

}

h3 {

    font-size: 18px

}

h4 {

    font-size: 16px

}

h5 {

    font-size: 14px

}

.paginacao,

body,

h6 {

    font-size: 12px

}

body {

    font-family: open_regular, Arial, Helvetica, sans-serif

}

a {

    text-decoration: none;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}

a:hover {

    color: #bababa

}

.paginacao {

    color: #a9a9a9;

    text-align: left;

    margin-top: 20px;

    font-family: open_bold, Arial, Helvetica, sans-serif

}

#topo #menu,

.breadcrumbs,

.bubba,

.inicial .txt,

.paginacao a,

.sucesso_msg {

    text-align: center

}

.paginacao a {

    padding: 10px 0;

    color: #a9a9a9;

    width: 40px;

    border: 2px solid #d2d2d2;

    margin-left: 8px

}

form select.error,

input.error,

select.error,

table.errorSummary {

    border: 1px solid #C00

}

.paginacao a:first-child {

    margin-left: 0

}

.paginacao a.ativado,

.paginacao a:hover {

    color: #FFF;

    background-color: #d2d2d2;

    text-decoration: none

}

::-webkit-input-placeholder {

    color: #fff

}

.breadcrumbs,

.breadcrumbs a {

    color: #7a7a7a

}

.breadcrumbs {

    font-size: 13px;

    margin: 45px 0

}

.breadcrumbs i {

    margin-right: 10px

}

@font-face {

    font-family: FontAwesome;

    src: url(../css/fontes/fontawesome-webfont.eot?v=4.6.3);

    src: url(../css/fontes/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../css/fontes/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../css/fontes/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../css/fontes/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(../css/fontes/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");

    font-weight: 400;

    font-style: normal

}

.fa {

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

.sucesso_msg,

div.errorMessage,

label.error {

    font-weight: 700

}

.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}

.fa-2x {

    font-size: 1.2em

}

.fa-facebook:before {

    content: "\f09a"

}

.fa-instagram:before {

    content: "\f16d"

}

.fa-youtube:before {

    content: "\f16a"

}

.fa-pinterest-p:before {

    content: "\f231"

}

.fa-twitter:before {

    content: "\f099"

}

.fa-envelope-o:before {

    content: "\f003"

}

.fa-home:before {

    content: "\f015"

}

.fa-calendar-o:before {

    content: "\f133"

}

.fa-folder-o:before {

    content: "\f114"

}

.fa-google-plus:before {

    content: "\f0d5"

}

.fa-linkedin:before {

    content: "\f0e1"

}

.fa-close:before,

.fa-remove:before,

.fa-times:before {

    content: "\f00d"

}

.fa-chevron-left:before {

    content: "\f053"

}

.fa-chevron-right:before {

    content: "\f054"

}

.fa-rotate-90 {

    -ms-filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}

:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-rotate-90 {

    filter: none

}

.fa-bars:before,

.fa-navicon:before,

.fa-reorder:before {

    content: "\f0c9"

}

@font-face {

    font-family: open_regular;

    src: url(../css/fontes/OpenSans-Regular-webfont.eot);

    src: url(../css/fontes/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"), url(../css/fontes/OpenSans-Regular-webfont.woff) format("woff"), url(../css/fontes/OpenSans-Regular-webfont.ttf) format("truetype"), url(../css/fontes/OpenSans-Regular-webfont.svg#open_sansregular) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: lato_black;

    src: url(../css/fontes/lato-black-webfont.woff2) format("woff2"), url(../css/fontes/lato-black-webfont.woff) format("woff");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: lato_light;

    src: url(../css/fontes/lato-light-webfont.woff2) format("woff2"), url(../css/fontes/lato-light-webfont.woff) format("woff");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: open_bold;

    src: url(../css/fontes/OpenSans-Bold-webfont.eot);

    src: url(../css/fontes/OpenSans-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(../css/fontes/OpenSans-Bold-webfont.woff) format("woff"), url(../css/fontes/OpenSans-Bold-webfont.ttf) format("truetype"), url(../css/fontes/OpenSans-Bold-webfont.svg#open_bold) format("svg");

    font-weight: 400;

    font-style: normal

}

@font-face {

    font-family: open_sanssemibold;

    src: url(../css/fontes/OpenSans-Semibold-webfont.eot);

    src: url(../css/fontes/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"), url(../css/fontes/OpenSans-Semibold-webfont.woff) format("woff"), url(../css/fontes/OpenSans-Semibold-webfont.ttf) format("truetype"), url(../css/fontes/OpenSans-Semibold-webfont.svg#open_sanssemibold) format("svg");

    font-weight: 400;

    font-style: normal

}

.checkbox .error {

    background-color: #C00;

    padding: 10px

}

div.errorSummary,

table.errorSummary {

    padding: 7px 7px 12px;

    margin: 0 0 20px;

    background: #FEE

}

div.errorSummary {

    border: 2px solid #C00;

    font-size: .9em;

    font-size: 12px

}

div.errorMessage {

    color: red

}

div.errorSummary p {

    font-weight: 700;

    margin: 0;

    padding: 5px

}

div.errorSummary ul {

    margin: 0;

    padding: 0 0 0 20px

}

div.errorSummary ul li {

    margin-bottom: 5px

}

.sucesso_msg {

    border: 2px solid #333;

    padding: 22px 0;

    margin: 0 0 20px;

    background: #1ced7e;

    font-size: 14px;

    color: #595959

}

form input.error,

form textarea.error {

    border: 1px solid #C00

}

#topo {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background: #1d1d1d;

    height: 80px;

    z-index: 1000;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    transition: all .3s

}

#topo .redes,

#topo h1 {

    position: absolute;

    top: 0

}

#topo a {

    color: #FFF

}

#topo h1 {

    width: 58px;

    left: 0;

    margin: 10px 0 0 33px

}

#topo h1 a {

    width: 58px;

    height: 57px;

    padding: 0;

    text-indent: -9999px;

    background: url(../img/topo_logo_b.png) top left no-repeat

}

#topo .redes {

    right: 0;

    margin: 27px 33px 0 0

}

#topo .redes a {

    margin: 0 4px

}

#topo #menu {

    font-size: 12px;

    font-family: open_sanssemibold, Arial, Helvetica, sans-serif

}

.bubba h2,

.destaque_blog h2 {

    font-family: lato_black, Arial, Helvetica, sans-serif

}

#topo #menu a {

    color: #fff;

    margin: 28px 7px 0

}

#topo #menu a:hover,

#topo a:hover {

    color: silver;

    text-decoration: none

}

@media only screen and (max-width: 960px) {

    #topo {

        position: relative!important;

        height: auto;

        display: block;

        margin: 0;

        padding: 15px 0

    }

    #topo h1 {

        position: relative;

        display: inline-block;

        width: 61px;

        margin: 0 0 0 20px

    }

    #topo h1 a {

        width: 100%;

        height: 57px;

        padding: 0;

        float: none;

        display: block;

        text-indent: -9999px;

        background-position: top center

    }

    #topo .redes {

        position: relative;

        top: 0;

        right: 0;

        margin: 10px 0 0;

        text-align: center

    }

    #topo .menuBotao {

        color: #FFF;

        float: right;

        font-size: 2.5em;

        margin: 10px 20px 0 0;

        cursor: pointer;

        -webkit-transition: all .3s;

        -moz-transition: all .3s;

        transition: all .3s

    }

    #topo .menuBotao:hover {

        color: silver

    }

    #topo #menu,

    #topo .redes {

        display: none

    }

    #topo #menu .redes,

    #topo #menu a {

        display: block

    }

    #topo #menu a {

        border-bottom: 1px solid #666;

        padding: 10px 0;

        margin: 0

    }

    #topo #menu .redes a {

        display: inline-block;

        border: none;

        padding: 0;

        margin: 0 5px

    }

}

.bubba,

.bubba img {

    position: relative

}

@media only screen and (min-width: 961px) {

    #topo #menu .redes,

    #topo .menuBotao {

        display: none

    }

}

#banners {

    margin-top: 79px

}

@media only screen and (max-width: 960px) {

    #banners {

        margin-top: 0

    }

}

#rodape h2 a {

    width: 78px;

    height: 76px;

    display: inline-block;

    text-indent: -9999px;

    background: url(../img/logo.png) top left no-repeat

}

*,

:after,

:before {

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}

.bubba {

    z-index: 100

}

.bubba img {

    max-width: 100%;

    display: block

}

.bubba .bubba-tit,

.bubba .bubba-tit>a {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}

.bubba .bubba-tit>a {

    z-index: 1000;

    text-indent: 200%;

    white-space: nowrap;

    font-size: 0;

    opacity: 0

}

.bubba .bubba-tit::after,

.bubba .bubba-tit::before {

    pointer-events: none;

    position: absolute;

    top: 30px;

    right: 30px;

    bottom: 30px;

    left: 30px;

    content: '';

    opacity: 0;

    -webkit-transition: opacity .35s, -webkit-transform .35s;

    transition: opacity .35s, transform .35s

}

#newsletter .fa,

.bubba h2 {

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear

}

.bubba .bubba-tit::after {

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0)

}

.bubba .bubba-tit::before {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    -webkit-transform: scale(0, 1);

    transform: scale(0, 1)

}

.destaque_areas .columns .bubba .bubba-tit::before {

    background: url(../img/infanto.png) center center no-repeat

}

.destaque_areas .columns:first-child .bubba .bubba-tit::before {

    background: url(../img/adulto.png) center center no-repeat

}

.bubba h2 {

    padding-top: 30px;

    opacity: 0;

    font-size: 20px;

    transition: all .3s linear

}

.bubba:hover .bubba-tit::after,

.bubba:hover .bubba-tit::before {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}

.bubba:hover h2 {

    opacity: 1;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}

.inicial .txt {

    font-size: 16px;

    word-spacing: -1px;

    line-height: 34px;

    margin-top: 110px

}

.inicial .destaque_areas .columns {

    width: 50%;

    float: left;

    overflow: hidden;

    height: auto;

    margin-top: 110px;

    vertical-align: bottom

}

.destaque_blog h2 {

    height: 500px;

    font-size: 36px;

    display: table-cell;

    vertical-align: middle;

    color: #072d5c

}

.destaque_blog h2:hover {

    color: #2b3c54!important

}

.destaque_blog h2 span {

    font-family: lato_light, Arial, Helvetica, sans-serif;

    font-size: 17px;

    display: block

}

.destaque_blog .six {

    display: table

}

@media only screen and (max-width: 960px) {

    .inicial .txt {

        margin-top: 40px

    }

    .destaque_blog .omega {

        display: none

    }

    .destaque_blog h2 {

        height: 300px;

        text-align: center!important

    }

    .container_blog .blog_post img {

        width: 100%!important

    }

    .inicial .destaque_areas .columns {

        width: 100%;

        float: none;

        height: auto;

        margin-top: 0

    }

    .inicial .destaque_areas .columns:first-child {

        margin-top: 50px

    }

    .destaque_areas .columns .bubba .bubba-tit::before {

        background-image: url(../img/infanto_p.png)

    }

}

#newsletter {

    background: #1d1d1d;

    color: #FFF;

    text-align: center;

    padding: 75px 0 60px

}

#newsletter h3 {

    font-size: 26px;

    font-family: lato_black, Arial, Helvetica, sans-serif

}

#newsletter h4 {

    font-size: 15px;

    font-family: lato_light, Arial, Helvetica, sans-serif;

    margin-top: 10px

}

#rodape h3,

.internas .conteudo h2 {

    font-family: lato_black, Arial, Helvetica, sans-serif

}

#newsletter .formulario_news {

    width: auto;

    margin: 40px auto 0;

    border: 2px solid #FFF;

    display: inline-block

}

#newsletter input {

    width: 380px;

    border: none;

    background-color: transparent;

    padding: 19px 20px;

    color: #FFF!important

}

#newsletter .fa {

    color: #FFF;

    background: 0 0;

    border: none;

    padding: 20px;

    transition: all .3s linear

}

#newsletter .fa:hover {

    color: #222;

    background: #FFF

}

#newsletter::-webkit-input-placeholder {

    color: #FFF

}

@media only screen and (max-width: 960px) {

    #newsletter .formulario_news {

        width: auto

    }

    #newsletter input {

        width: 200px

    }

}

#rodape {

    padding: 95px 0 55px;

    text-align: center

}

#rodape h3 {

    font-size: 13px;

    color: #5c5c5c;

    margin-top: 50px

}

#rodape .redes {

    margin-top: 35px

}

#rodape .redes a {

    color: #5c5c5c;

    margin-top: 10px;

    padding: 8px 0;

    height: 28px;

    border-radius: 5px;

    width: 28px;

    text-align: center

}

#rodape .redes a:hover {

    text-decoration: none;

    background: #5c5c5c;

    color: #FFF

}

.internas .conteudo {

    margin-top: 145px;

}

.internas .conteudo h2 {

    font-size: 36px;

    font-family: lato_light, Arial, Helvetica, sans-serif;

    text-align: center

}

.internas .conteudo h3 {

    font-size: 18px;

    font-family: lato_light, Arial, Helvetica, sans-serif;

    text-align: center

}

.internas #newsletter {

    margin-top: 40px

}

.internas .destaque_areas .columns {

    width: 460px;

    float: left;

    overflow: hidden;

    height: auto;

    margin-top: 50px;

    vertical-align: bottom

}



.destaque_areas .columns .bubba .bubba-tit2::before {

    

}

.destaque_areas .columns:first-child .bubba .bubba-tit2::before {

    

}

@media only screen and (max-width: 960px) {

    .internas .conteudo {

        margin-top: 50px!important

    }

}

.empresa .conteudo .txt {

    font-size: 16px;

    line-height: 22px;

    text-align: justify

}

.empresa .principios {

    width: 100%;

    height: 900px;

    background: url(../img/empresa_principios2.jpg) top center no-repeat fixed

}

.empresa .margin {

    margin-top: 120px

}

.empresa .principios h3 {

    font-size: 28px;

    color: #000;

    font-family: lato_black, Arial, Helvetica, sans-serif;

    display: inline-block

}

.empresa .principios h3 span {

    display: block;

    border-bottom: 1px solid #000;

    padding-bottom: 16px

}

.empresa .principios h4 {

    margin-top: 40px;

    display: inline-block;

    font-size: 16px;

    padding: 15px 38px;

    background: #000;

    color: #fff;

    font-family: open_bold, Arial, Helvetica, sans-serif

}

.empresa .principios .txt {

    padding: 58px 40px;

    border: 2px solid #000;

    font-size: 16px;

    line-height: 25px;

    color: #000

}

.empresa .atuacao h3,

.empresa .certificacoes h3 {

    display: inline-block;

    border-bottom: 1px solid #cacaca

}

.empresa .principios .container .columns:first-child .txt {

    padding: 30px 40px

}

.empresa .certificacoes h3 {

    font-size: 33px;

    color: #000;

    font-family: lato_light, Arial, Helvetica, sans-serif;

    padding-bottom: 16px

}

.empresa .certificacoes .txt {

    margin-top: 15px;

    font-size: 16px;

    line-height: 23px

}

.clipping .clipping_lista h2,

.empresa .atuacao h3,

.gestao .beneficios_lista div.column h3,

.gestao .bt_trabalhe a,

.gp_lista a {

    font-family: lato_black, Arial, Helvetica, sans-serif

}

@media only screen and (max-width: 960px) {

    .empresa .margin {

        margin-top: 60px

    }

    .empresa .principios {

        background: #3e3e3e;

        height: auto;

        padding-bottom: 60px

    }

}

.empresa .atuacao h3 {

    font-size: 28px;

    padding-bottom: 13px

}

.empresa .atuacao .txt {

    font-size: 16px;

    line-height: 22px;

    text-align: justify;

    margin-top: 30px

}

.empresa .atuacao .mapa {

    margin-top: 80px

}

.internas.campanhas #catalogo {

    margin-top: 70px

}

.internas.campanhas .colecao {

    margin-top: 90px

}

.internas.campanhas #newsletter {

    margin-top: 40px

}

.linhas .linhas_lista {

    margin-top: 30px;

    font-size: 15px;

    line-height: 28px;

    text-align: justify;

    vertical-align: top

}

.linhas .linhas_lista li {

    margin-top: 50px;

    padding-top: 50px;

    border-top: 1px solid #e3e3e3

}

.linhas .linhas_lista li:first-child {

    border: none

}

.linhas .linhas_lista li .four {

    margin-top: 8px

}

@media only screen and (max-width: 960px) {

    .linhas .linhas_lista li .four {

        text-align: center

    }

    .linhas .linhas_lista li .eleven {

        margin-top: 10px

    }

}

.internas.release .banner {

    width: 100%;

    height: 1080px;

    background: url(../img/release.jpg) top center no-repeat

}

.internas.release .txt {

    font-size: 16px;

    line-height: 22px;

    text-align: justify;

    margin-top: 100px

}

.internas.release #newsletter {

    margin-top: 100px

}

.clipping .clipping_lista .column {

    margin-top: 40px

}

.clipping .clipping_lista h2 {

    text-align: left;

    margin-top: 30px;

    font-size: 16px

}

.clipping .clipping_lista .data {

    margin-top: 15px;

    font-size: 12px;

    color: #8d8d8d

}

.gp_lista {

    margin-top: 60px

}

.gp_lista a {

    font-size: 30px;

    color: #FFF;

    text-align: center;

    background-position: top center;

    background-repeat: no-repeat

}

.gp_lista a:hover {

    opacity: .8;

    text-decoration: none

}

.gp_lista a span {

    display: block

}

.gp_lista a:nth-child(1) {

    height: 240px;

    background-image: url(../img/gp_base.png)

}

.gp_lista a:nth-child(2) {

    height: 240px;

    background-image: url(../img/gp_base.png)

}

.gp_lista a:nth-child(3) {

    height: 240px;

    background-image: url(../img/gp_base.png)

}

.gp_lista a:nth-child(4) {

    height: 240px;

    background-image: url(../img/gp_base.png)

}

.gp_lista a:nth-child(5) {

    height: 240px;

    background-image: url(../img/gp_base.png)

}

.gp_lista a:nth-child(1) span,

.gp_lista a:nth-child(2) span {

    margin: 0 50px;

    padding: 80px 0

}

.gp_lista a:nth-child(3) span,

.gp_lista a:nth-child(4) span {

    margin: 0 50px;

    padding: 80px 0

}

@media only screen and (max-width: 960px) {

    .gp_lista a span {

        margin: 0!important

    }

}

.gestao .txt {

    font-size: 16px;

    line-height: 22px;

    margin-top: 60px;

    text-align: justify

}

.gestao .beneficios_lista {

    margin-top: 30px;

    text-align: center

}

.gestao .beneficios_lista div.column {

    margin-top: 70px

}

.gestao .beneficios_lista div.column .icone {

    display: inline-block;

    background: #00a9fb;

    padding: 41px 40px;

    border-radius: 100%

}

.gestao .beneficios_lista div.column h3 {

    margin-top: 25px;

    font-size: 16px

}

.gestao .beneficios_lista div.column .txt {

    margin-top: 15px;

    text-align: center!important

}

.gestao .bt_trabalhe a,

.gestao .trabalhe_conosco img {

    display: block;

    text-align: center

}

.gestao .trabalhe_conosco {

    margin-top: 50px

}

.gestao .bt_trabalhe a {

    font-size: 20px;

    padding: 35px 0;

    border: 2px solid #d7d7d7

}

.gestao .bt_trabalhe a:hover {

    text-decoration: none;

    background: #eee

}

.varejo .txt {

    font-size: 16px;

    line-height: 28px;

    margin-top: 40px;

    text-align: justify

}

.varejo .txt a {

    color: #00a8d2;

    font-family: open_bold, Arial, Helvetica, sans-serif

}

.gestao.programas .programas_lista {

    margin-top: 30px

}

.gestao.programas .accordionButton {

    margin-top: 30px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 30px;

    text-align: left;

    font-size: 16px;

    font-family: lato_black, Arial, Helvetica, sans-serif;

    cursor: pointer

}

.contato.visite .bt_visite,

.gestao.programas .accordionContent .links {

    font-family: open_bold, Arial, Helvetica, sans-serif

}

.gestao.programas .accordionButton a {

    width: 20px;

    float: right;

    margin-top: 4px

}

.gestao.programas .accordionButton a:hover {

    text-decoration: none

}

.gestao.programas .accordionContent .center {

    margin-top: 40px

}

.gestao.programas .accordionContent .txt {

    line-height: 24px;

    margin-top: 30px

}

.gestao.programas .accordionContent .links {

    margin-top: 30px;

    font-size: 16px;

    color: #b4b4b4

}

.gestao.programas .accordionContent .links a {

    display: inline-block;

    margin: 0 20px;

    color: #00a8d2

}

.gestao.programas .accordionContent .links a:first-child {

    margin-left: 0

}

.contato .conteudo .contato_infos {

    margin-top: 100px;

    text-align: center!important;

    font-size: 16px

}

.contato .conteudo .redes a {

    color: #5c5c5c;

    padding: 8px;

    border-radius: 5px

}

.contato .conteudo .redes a:hover {

    text-decoration: none;

    color: #b4b4b4

}

.contato .conteudo .linha {

    margin-top: 80px;

    padding-top: 80px;

    border-top: 1px solid #e3e3e3

}



.contato .conteudo .linha2 {

    margin-top: 80px;

    padding-top: 0px;

    border-top: 1px solid #e3e3e3

}



.contato .conteudo .txt {

    font-size: 15px

}

.contato.visite .bt_visite {

    padding: 35px 0 35px 50px;

    display: block;

    text-align: center;

    background: url(../img/icone_baixe_xls.png) 25px center no-repeat;

    margin-top: 22px;

    font-size: 12px;

    color: #949494

}

.contato.visite .linha {

    margin: 25px 10px 0;

    padding-top: 0;

    border-top: 2px solid #d7d7d7

}

.contato.visite .file {

    margin-top: 0!important

}

@media only screen and (max-width: 960px) {

    .contato.visite .bt_visite {

        padding: 80px 0 0;

        background: url(../img/icone_baixe_xls.png) top center no-repeat;

        margin-top: 22px

    }

}

.blog {

    background: #f3f3f3

}

.blog .blog_lista li {

    margin-top: 40px;

    background: #FFF

}

.blog .blog_lista li:first-child {

    margin-top: 80px

}

.blog .blog_lista li img {

    display: block

}

.blog .blog_lista li h2 {

    font-family: lato_black, Arial, Helvetica, sans-serif;

    font-size: 24px;

    margin-top: 40px

}

.blog .blog_lista li .txt {

    margin-top: 25px;

    font-size: 16px;

    line-height: 24px;

    text-align: justify

}

.blog .blog_lista li strong a {

    margin-top: 20px;

    font-weight: 400;

    display: block;

    font-size: 14px;

    font-family: open_bold, Arial, Helvetica, sans-serif

}

.blog .box h3,

.blog .box_news h4,

.blog.blog_mostra .blog_post h4,

.blog.blog_mostra .post_conteudo h2 {

    font-family: lato_black, Arial, Helvetica, sans-serif

}

.blog .blog_lista li .post_infos {

    padding-bottom: 30px

}

.blog .box {

    background: #FFF;

    margin-top: 40px;

    padding: 35px 0

}

.blog .box:first-child {

    margin-top: 80px

}

.blog .box h3 {

    font-size: 22px;

    padding-bottom: 30px;

    border-bottom: 2px solid #f3f3f3;

    text-align: center

}

.blog .box li {

    margin-left: 60px;

    list-style: disc;

    font-size: 16px;

    margin-top: 15px

}

.blog .box li:first-child {

    margin-top: 40px

}

.blog .box .redes {

    text-align: center;

    margin-top: 35px

}

.blog .box .redes a {

    color: #5c5c5c;

    padding: 8px;

    border-radius: 5px

}

.blog .box .redes a:hover {

    text-decoration: none;

    background: #5c5c5c;

    color: #FFF

}

.blog .box_news {

    padding-top: 67px;

    margin-top: 40px;

    background: url(../img/blog_news.jpg) top left no-repeat;

    height: 389px

}

.blog .box_news h3 {

    font-size: 16px;

    color: #FFF;

    padding-bottom: 14px;

    border-bottom: 1px solid #c3d6df;

    display: inline-block

}

.blog .box_news h4 {

    color: #FFF;

    font-size: 22px;

    margin-top: 30px

}

.blog .box_news .box_conteudo {

    margin-left: 50px

}

.blog .box_news .formulario_news {

    width: 220px;

    margin: 40px auto 0;

    border: none;

    background: url(../img/box_news_fundo.png) top left;

    display: block

}

.blog .box_news input {

    width: 164px;

    border: none;

    background-color: transparent;

    padding: 19px 20px;

    color: #222

}

.blog .box_news .fa {

    color: #222;

    background: 0 0;

    border: none;

    padding: 20px;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear

}

.blog .box_news .fa:hover {

    color: #222;

    background: #FFF

}

.blog .box_news::-webkit-input-placeholder {

    color: #fff

}

.blog #newsletter {

    margin-top: 50px

}

@media only screen and (max-width: 960px) {

    .blog {

        background: #fff

    }

}

.blog.blog_mostra .post_conteudo {

    background: #FFF;

    padding: 90px 0

}

.blog.blog_mostra .post_conteudo h2 {

    font-size: 31px

}

.blog.blog_mostra .post_conteudo .post_infos span {

    margin-top: 40px;

    font-size: 13px;

    color: #7a7a7a;

    display: inline-block;

    margin-right: 20px

}

.blog.blog_mostra .post_conteudo .post_infos span i {

    margin-right: 10px

}

.blog.blog_mostra .post_conteudo .post_infos span a {

    color: #7a7a7a

}

.blog.blog_mostra .blog_post h4 {

    color: #6e6e6e;

    font-size: 14px;

    margin-top: 70px

}

.blog.blog_mostra .blog_post .redes {

    font-size: 14px;

    margin-top: 70px

}

.blog.blog_mostra .blog_post .redes h4 {

    display: inline;

    margin: 0

}

.blog.blog_mostra .blog_post .redes a {

    width: 33px;

    height: 33px;

    text-align: center;

    display: inline-block;

    color: #FFF;

    border-radius: 5px;

    margin: 10px 4px;

    line-height: 33px

}

.blog.blog_mostra .blog_post .redes a:first-child,

.blog.blog_mostra .post_outras li:first-child {

    margin-left: 0

}

.blog.blog_mostra .blog_post .redes a:hover {

    text-decoration: none

}

.blog.blog_mostra .blog_post .redes a:nth-child(1),

.blog.blog_mostra .blog_post .redes a:nth-child(2) {

    background-color: #46589a

}

.blog.blog_mostra .blog_post .redes a:nth-child(3) {

    background-color: #63afe9

}

.blog.blog_mostra .blog_post .redes a:nth-child(4) {

    background-color: #be3e2d

}

.blog.blog_mostra .blog_post .redes a:nth-child(5) {

    background-color: #b0282a

}

.blog.blog_mostra .blog_post .redes a:nth-child(1):hover {

    background-color: #424f80

}

.blog.blog_mostra .blog_post .redes a:nth-child(2):hover {

    background-color: #3d4c81

}

.blog.blog_mostra .blog_post .redes a:nth-child(3):hover {

    background-color: #3e89c3

}

.blog.blog_mostra .blog_post .redes a:nth-child(4):hover {

    background-color: #9a2212

}

.blog.blog_mostra .blog_post .redes a:nth-child(5):hover {

    background-color: #8b2123

}

.blog.blog_mostra .blog_post .txt {

    margin-top: 50px;

    font-size: 16px;

    line-height: 24px;

    text-align: justify

}

.blog.blog_mostra .post_outras h5 {

    font-size: 22px;

    font-family: lato_black, Arial, Helvetica, sans-serif

}

.blog.blog_mostra .post_outras li h2,

.op-title {

    font-size: 16px;

    font-family: lato_black, Arial, Helvetica, sans-serif

}

.blog.blog_mostra .post_outras,

.blog.blog_mostra .post_outras ul {

    margin-top: 40px

}

.blog.blog_mostra .post_outras li:last-child {

    margin-right: 0

}

.blog.blog_mostra .post_outras li img {

    border-radius: 5px

}

.blog.blog_mostra .post_outras li h2 {

    margin-top: 20px

}

.blog.blog_mostra .box:first-child {

    margin-top: 0

}

.blog.internas .destaque_blog {

    margin-top: 78px

}

.linkh2:hover {

    color: #686664

}

.making-of {

    padding: 80px 0;

    text-align: center

}

.bt_cinza a {
    color: #fff;
    padding: 22px;
    background: #555555;
    border-radius: 19px;
    width: 48%;
    font-size: 15px;
    text-align: center
}

.bt_cinza a:hover {
    color: #fff;
    background-color: #242424;
    text-decoration:none
}

.bt_download a {
    color: #fff;
    padding: 22px;
    background: #1acc59;
    border-radius: 19px;
    width: 48%;
    font-size: 15px;
    text-align: center
}

.bt_download a:hover {
    color: #fff;
    background-color: #1ab551;
    text-decoration:none
}

.bt_download_black a {
    color: #fff;
    padding: 22px;
    background: #222222;
    border-radius: 19px;
    width: 48%;
    font-size: 15px;
    text-align: center
}

.bt_download_black a:hover {
    color: #fff;
    background-color: #444444
}

@media only screen and (max-width: 960px) {

    .making-of img {

        width: 100%

    }

}

.destaque_blog {

    background: url(../img/detaque_blog_768.jpg) top center no-repeat;

    vertical-align: middle

}

@media only screen and (max-width: 1920px) {

    .destaque_blog {

        background: url(../img/destaque_blog_v2.jpg) top center no-repeat;

        vertical-align: middle

    }

}

@media only screen and (max-width: 768px) {

    .destaque_blog {

        background: url(../img/detaque_blog_768.jpg) top center no-repeat;

        vertical-align: middle

    }

    .destaque_blog .container {

        width: 100%!important;

        text-align: center

    }

    .destaque_blog .columns.sixten.offset-by-ten {

        padding: 0;

        text-align: center;

        width: 100%!important

    }

    .destaque_blog h2 {

        width: 100%;

        display: block;

        padding-top: 120px

    }

}

@media only screen and (max-width: 480px) {

    .destaque_blog {

        background: url(../img/destaque_blog_480.jpg) top center no-repeat;

        vertical-align: middle

    }

}