@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    background-color: #f7f7f7;
}

/***** FONTS *****/
#docsSearch h1,
.most-pop-articles h2,
#sidebar h3,
#fullArticle .title,
related h3,
#main-content.span9 #categoryHead h1
{
    font-family: 'Roboto', sans-serif;
}
body,
a.most-pop-articles.two-col .popArticles a,
.category-list h3,
.category-list .category .article-count,
footer p
{
    font-family: 'Open Sans', sans-serif;
}

/* Home */
.navbar .navbar-inner {
    background: #55738f;
    padding-top: 40px;
    padding-bottom: 40px;
}
.navbar-inner .container-fluid {
    text-align: center;
}
.navbar-inner .container-fluid a.brand {
    float: none;
    margin: 0 auto;
    padding: 0;
}
.navbar-inner .container-fluid a.brand img {
    display: block;
    margin: 0 auto;
}

#docsSearch {
    background: #55738f;
    border-bottom: none;
    margin-bottom: 3em;
    padding: 0 0px 13%;
    position: relative;
}
/* #docsSearch:after {
    content: url(https://dl.dropbox.com/s/tolal9d15ohlqrr/diagonal2.svg);
    display: none;
    position: absolute;
    width: 100%;
    height: 133px;
    left: 0;
    bottom: -132px;
} */
#docsSearch span.diagonal {
    position: absolute;
    width: 100%;
    height: 130px;
    left: 0;
    bottom: -129px;
    background: url(./diagonal2.svg);
}

#docsSearch h1 {
    font-size: 32px;
    color: #ffffff;
    font-style: italic;
    margin: 0;
}

#docsSearch #searchBar {
    width: 900px;
    padding: 1em 0 2em;
}
#docsSearch #searchBar .search-query {
    height: 75px;
    border-radius: 10px;
    border: 2px solid #355d82;
    padding: 10px 120px 10px 30px;
}
#docsSearch #searchBar button {
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
    color: transparent;
    text-shadow: none;
    border-radius: 0 10px 10px 0;
    padding: 0;
    height: 71px;
    top: 14px;
    right: 1px;
    width: 100px;
    border: none;
    background: transparent url(./bt-search.png) no-repeat 26px 10px;
}
#docsSearch #searchBar button:hover {
    background: #bfffe2 url(./bt-search.png) no-repeat center 10px;
}

#docsSearch #searchBar button i,
#docsSearch #searchBar button span {
    display: none;
}

#docsSearch + section {
    background-color: #ffffff;
    border-radius: 10px 10px 0 0;
    /* border: 2px solid rgba(0,0,0, 0.2); */
    border: 1px solid rgb(78, 107, 134, .2);
    padding-top: 40px;
    margin-top: -160px;
}

.most-pop-articles h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 50px;
}
.most-pop-articles h2:after {
    content: "";
    display: block;
    background: #7fc1fc;
    width: 75px;
    height: 4px;
    margin: 20px auto;
}

.most-pop-articles {
    max-width: 900px;
}

.most-pop-articles.two-col .popArticles li {
    margin-bottom: 2em;
}
.most-pop-articles.two-col .popArticles a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 45px;
    background: url(./icon1.png?dl=0) no-repeat;
    min-height: 47px;
    line-height: 1.3;
}
.most-pop-articles.two-col .popArticles a,
.most-pop-articles.two-col .popArticles a span {
    color: #000;
}
.most-pop-articles.two-col .popArticles a:hover {
    text-decoration: underline;
    color: #000;
}
.most-pop-articles.two-col .popArticles a:hover span {
    color: #000;
}
.most-pop-articles.two-col .popArticles a span {
    display: block;
    padding-top: 4px;
}
.most-pop-articles.two-col .popArticles .icon-article-doc {
    display: none;
}

#contentArea hr.sep {
    display: none;
}

.category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 925px;
    margin-top: 7em;
}

.category-list .category {
    border: 2px solid #404040;
    border-radius: 5px;
    margin: 0 1.5% 20px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
}

.category-list h3,
.category-list .category .article-count
{
    font-size: 16px;
}

.category-list h3 {
    margin: 0;
    color: #3d3d3d;
    font-weight: 700;
}
.category-list .category h3:before {
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 15px;
}

.category-list .category .article-count {
    color: #188ae2;
    font-weight: 600;
    margin-bottom: 0;
}

/* Ícones das categorias da home */
.category-list .category:nth-of-type(1) h3:before {
    content: url('./icon-pagamento.png');
}
.category-list .category:nth-of-type(2) h3:before {
    content: url('./icon-minhaconta.png');
}
.category-list .category:nth-of-type(3) h3:before {
    content: url('./icon-notificacoes.png');
}
.category-list .category:nth-of-type(4) h3:before {
    content: url('./icon-ofquarto.png');
}
.category-list .category:nth-of-type(5) h3:before {
    content: url('./icon-primeirospassos.png');
}
.category-list .category:nth-of-type(6) h3:before {
    content: url('./icon-privacidade.png');
}
.category-list .category:nth-of-type(7) h3:before {
    content: url('./icon-procquarto.png');
}
.category-list .category:nth-of-type(8) h3:before {
    content: url('./icon-mensagens.png');
}

/* Rodapé */
footer p {
    font-size: 14px;
    color: #727272;
}


/* Internas  */
#categoryHead .sort select {
    display: none;
}

.related h3 {
    text-transform: capitalize;
    font-size: 20px;
    color: #333333;
}
.related h3:after {
    content: "";
    display: block;
    width: 10%;
    height: 3px;
    background: #188ae2;
    margin-top: 12px;
}

.related ul {
    margin: 20px 0 0 23px;
}
.related ul>li {
    margin-bottom: 2em;
}
.related ul>li a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 45px;
    background: url(./icon1.png?dl=0) no-repeat;
    min-height: 47px;
    line-height: 1.3;
}
.related ul>li a i.icon-article-doc {
    display: none;
}
.related ul>li a,
.related ul>li a span
{
    color: #000;
    display: block;
}
.related ul>li a span {
    padding-top: 4px;
}

#sidebar form .search-query {
    height: 45px;
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);
    border: solid 1px rgba(0, 0, 0, 0.06);
    background-size: 14px 14px;
    background-position: 14px 12px;
    padding: 0 0 0 20px;
}
#sidebar #searchBar.sm {
    margin-bottom: 20px;
}
#sidebar #searchBar.sm button {
    height: 45px;
    width: 40px;
    right: 0;
    -webkit-transition: all .30s;
    -o-transition: all .30s;
    transition: all .30s;
}
#sidebar #searchBar.sm button i {
    -webkit-transition: all .30s;
    -o-transition: all .30s;
    transition: all .30s;
}
#sidebar #searchBar.sm button:hover i {
    color: #55738f;
}
#sidebar h3 {
    text-transform: capitalize;
    font-size: 18px;
    color: #404040;
    display: inline-block;
    margin-bottom: 20px;
    border-bottom: 4px solid #188ae2;
}
#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover
{
    color: #188ae2;
    border-bottom: 1px solid #188ae2;
}
#sidebar .nav-list .active a .icon-arrow:before {
    display: none;
}

#sidebar .nav-list .active a .icon-arrow {
    top: 1px;
    position: relative;
}
#sidebar .nav-list a {
    padding: 9px 7px 9px 0;
}

#sidebar .nav-list li {
    padding: 9px 7px 9px 0;
}
#sidebar .nav-list a {
    padding: 0;
}


#main-content {
    background: transparent;
}
.contentWrapper.withRelated {
    border-radius: 3px;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.03);
    border: solid 1px #efefef;
}

#fullArticle .title {
    margin: -45px -46px 30px;
    padding: 30px;
    background: #188ae2;
    border-radius: 3px 3px 0 0;
    color: #fff;
    text-shadow: 1px 2px 3px #1166a9;
}

#fullArticle .printArticle {
    right: 10px;
    top: 10px;
}

#fullArticle .printArticle i.icon-print{
    color: #085fa2;
}
#fullArticle .printArticle:hover .icon-print {
    color: #04487b;
}

#main-content.span9 #categoryHead {
    position: relative;
    margin: -45px -46px 30px -46px;
    padding: 30px;
    background: #188ae2;
    border-radius: 3px 3px 0 0;
    color: #fff;
}
#main-content.span9 #categoryHead h1 {
    text-shadow: 1px 2px 3px #1166a9;
    width: 100%;
}

#categoryHead .sort {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
    margin-bottom: 0;
}

#categoryHead .sort select {
    height: 40px;
}

.contentWrapper p.descrip {
    color: #fff;
    margin-top: 20px;
}

.articleList li {
    margin-bottom: 2em;
}
.articleList li a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 0 45px;
    background: url(./icon1.png?dl=0) no-repeat;
    min-height: 47px;
    line-height: 1.3;
}
.articleList li a i.icon-article-doc {
    display: none;
}
.articleList li a,
.articleList li a span
{
    color: #000;
    display: block;
}
.articleList li a span {
    padding-top: 4px;
}

#serp .articleList>li {
    padding: 20px;
    margin: 0;
}
#serp .articleList>li:nth-child(even) {
    background: #f9f9f9;
}
#serp .articleList>li a {
    padding-top: 4px;
}
#serp .articleList>li a:hover {
    text-decoration: underline;
}
#serp .articleList>li a + p {
    margin-top: 10px;
}

#serp .articlesFound, #serp .nada {
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 20px;
}


/* media queries */
@media (max-width: 1140px)
{
    #docsSearch + section {
        margin: -12em 15px;
    }
}

@media (max-width: 940px)
{
    #docsSearch h1 {
        font-size: 25px;
    }
    #docsSearch #searchBar {
        width: 100%;
        padding: 1em 15px 2em;
    }
    #docsSearch #searchBar button {
        right: 1em;
    }
    .most-pop-articles h2 {
        font-size: 27px
    }
    .most-pop-articles h2:after {
        margin: 10px auto;
    }
    .most-pop-articles.two-col .popArticles a {
        font-size: 14px;
    }
    .category-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    #docsSearch {
        padding: 0 20px 13%;
        margin-top: -1px;
    }
    #docsSearch + section {
        margin: -100px 15px;
    }
    #main-content.span9 {
        margin: 40px 20px 2em;
    }
    #main-content.span9 #categoryHead {
        margin: -26px -20px 40px;
    }
    #sidebar {
        margin: 0 auto;
        padding: 0 1.6em;
    }
    .articleList li a,
    .related ul>li a
    {
        padding-right: 0;
    }
}

@media (max-width: 600px) {
    #docsSearch + section {
        padding-top: 20px;
        margin: -60px 15px;
    }
    .category-list {
        padding: 0 20px;
        margin-top: 2em;
    }
    .most-pop-articles.two-col .popArticles {
        padding: 0 30px;
    }
    #docsSearch #searchBar button {
        background-size: 40% 60%;
        background-position: 50px 13px;
    }
    #docsSearch #searchBar button:hover {
        background-size: 40% 60%;
        background-position: 30px 13px;
    }
    .navbar .navbar-inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #fullArticle .title {
        margin: -25px -20px 30px;
        font-size: 25px;
        line-height: 1.2;
    }
    .related ul {
        padding: 8px 20px 0;
    }
    #serp .articleList>li a {
        font-size: 15px;
        padding-top: 0;
    }
    footer {
        margin-top: 30px;
    }
}

@media (max-width: 480px) {
    .category-list .category {
        padding: 30px 15px;
    }
    .most-pop-articles.two-col .popArticles {
        padding: 0 20px;
    }
}