.top-bg-blog
{ background: #0796fb; width: 100%; height: 110px; }

.bg-bt-blog
{ background: #fff; height: 60px; position: absolute; width: 100%; border-bottom: 2px solid #CCC; }

.bg-bt-blog .social-blog a
{ display: inline-block; overflow: hidden; height: auto; cursor: pointer; }

    .bg-bt-blog .social-blog a img
    { display: inline-block; }

    .blog-profile h3
    { color: #1d1d1d; margin-bottom: 0; font-size: 32px; }

    .blog-profile p
    { color: #888888; margin-bottom: 15px; margin-top: 5px; font-size: 11px; font-weight: bold; }

    .blog-logo
    { border: 4px solid #FFF; margin-top: -80px; max-width: 170px; }

    .bg-bt-blog ul
    { list-style: none; margin-left: 260px; margin-top: 14px; z-index: 11; position: relative; }

        .bg-bt-blog ul li
        { display: inline-block; }

        .bg-bt-blog ul.pull-right li strong
        { display: inline-block; font-size: 18px; }

        .bg-bt-blog ul.pull-right
        { margin-top: 14px; }

        .bg-bt-blog ul.pull-right li
        { display: inline-block; font-size: 14px; line-height: 14px; color: #444; }

    .blog-mais-lidas
    { background: #FFF; padding: 10px; text-align: left; }

        .blog-mais-lidas h3
        { background: #FFF; font-size: 13px; text-transform: uppercase; margin-top: 5px; color: #777777; font-weight: bold; border-bottom: 2px solid #CCCCCC; display: inline-block; padding-bottom: 4px; margin-bottom: 20px; }

        .blog-mais-lidas article
        { border-bottom: 1px solid #DDDDDD; margin-bottom: 30px; margin-top: 5px; }

        .blog-mais-lidas article h4
        { font-size: 11px; text-transform: uppercase; font-weight: bold; color: #ef6363; }

        .blog-mais-lidas article p
        { display: inline-block; }

        .blog-mais-lidas article .blog-eye
        { font-size: 11px; display: block; font-weight: bold; color: #777777; }


    .blog-list
    { margin-top: 90px; margin-left: 0; }

        .blog-list article
        { box-shadow: 0px 2px 3px rgba(0,0,0,.13), 1px 2px 2px rgba(0,0,0,.1), -1px -2px 2px rgba(0,0,0,.05); padding: 10px 20px 20px 20px; border-radius: 5px; margin-bottom: 20px; }

            .blog-list article h2
            { margin-top: 10px; }

            .blog-list article h2 a
            { font-size: 26px; color: #000000; }

            .blog-list article .thumbnail
            { border: 0; }

            .blog-list article .thumbnail ul
            { list-style: none; padding: 0; margin: 0; }

                .blog-list article .thumbnail ul li
                { padding: 10px 0 10px 0; font-size: 12px; }

                .blog-list article .thumbnail ul li a
                { color: #0796fb; font-weight: bold; font-size: 12px; }


            .blog-list article .resumo
            { font-size: 15px; color: #494747; }


@media only screen and (max-width: 600px) {
    .fig-blogs { top: 135px !important; left: 35px !important; color: white; max-width: 460px !important; }

    .titulo-blogs { text-align: center; font-size: 30px !important; }

    .resumo-blogs { text-align: center; font-size: 26px !important; }
}
.perfis-blog { float: left; padding: 30px 30px 30px 30px; }

.titulo-blogs { text-align: center; font-size: 40px; text-shadow: 1px 0px 15px black; margin-right: 20px; }

.resumo-blogs { text-align: center; font-size: 25px; margin-right: 22px; }

.fig-blogs { position: absolute; top: 145px; left: 55px; color: white; max-width: 470px }

.figure-container { display: inline-block; position: relative; }

.figure-link { color: white; }

.figure-link:hover { color: white; text-decoration: initial; }

.bg-white { background-color: white; }