#viver_com_obstipacao {
    width: 100%;
    background: #E4F5FF;
}

.submenu {
    width: 100%;
    text-align: center;
    background: #82CCF6;
    min-height: 50px;
    padding: 10px 0;
    box-sizing: border-box;
    height: 50px;
}


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
    background: #3eabe9;
}

.navbar-inverse .navbar-nav > .open > a:after,
.navbar-inverse .navbar-nav > .active > a:after {
    content: '';
    background: url(../img/viver_com_obstipacao/gota_menu_obstipacao.png) no-repeat left top;
    position: absolute;
    bottom: -20px;
    left: 43%;
    width: 16px;
    height: 20px;
    display: block;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #3eabe9;
}

.submenu-links {
    padding: 15px 0 0 0;
    box-sizing: border-box;
    height: 58px;
}

.submenu-link {
    display: inline;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    /* border-radius: 20px; */
    cursor: pointer;
    color: #fff;
    position: relative;
    -webkit-transition: all 500ms ease-out 0ms;
    transition: all 500ms ease-out 0ms;
    text-transform: uppercase;
}

.submenu-links .active {
    background: #e4f5ff;
    color: #333;
}

.submenu-link.active:after {
    /* content: '';
    background: url(../img/viver_com_obstipacao/gota_menu_obstipacao.png) no-repeat left top;
    position: absolute;
    bottom: -20px;
    left: 43%;
    width: 16px;
    height: 20px;
    display: block; */
}



.subtitle {
    font-family: Oswald;
    font-size: 18px;
    color: #282828;
    /* margin-top:30px;
    padding-left: 65px; */
    text-transform: uppercase;
}

.subtitle2 {
    font-family: Oswald;
    font-size: 18px;
    color: #282828;
    /* margin-top:30px;
    padding-left: 65px; */
    text-transform: uppercase;
    margin-top: -30px;
}

.title {
    font-family: Oswald;
    font-size: 30px;
    color: #00aeef;
    width: 450px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.content {
    /* padding-left: 50px;
    padding-right: 50px; */
}


h2 {
    font-size: 24px;
    color: #93934e;
    font-family: Oswald
    font-weight: normal;
    text-transform: uppercase;
}


.bloco {padding: 30px 0;}

.bloco2, .bloco4, .bloco6 {background: #c3e6f9;}


.title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.blue_box {
    background: #3DABE9;
    padding: 15px 30px;
    border-radius: 10px;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
}

/*.pag2 .pag_right img {
width: 60%;
}*/

.pag3 .title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pag3 .title3 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    background: url('../img/viver_com_obstipacao/title_arrow_right.png') no-repeat left top;
    padding-left: 80px;
}

.pag3 .blue_bg {
    font-family: Raleway;
    font-size: 20px;
    color: #FFF;
    background: url('../img/viver_com_obstipacao/bg_title_blue.png') no-repeat left top;
    background-size: cover;
    padding: 10px 20px 10px 10px;
    display: table-cell;
}

.bloco ul {
    list-style: none; padding: 0; margin: 0;
}

.bloco li {
    list-style: none; padding: 0; margin: 0; padding-bottom: 5px;
}

.bloco li:before {
    content: "●  ";
    color: #3eabe9;
}

.pag4 .title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pag5 .title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pag5 .blue_bg {
    font-family: Raleway;
    font-size: 20px;
    color: #FFF;
    background: url('../img/viver_com_obstipacao/bg_title_blue.png') no-repeat left top;
    background-size: cover;
    padding: 10px 20px 10px 10px;
    display: table-cell;
}

.pag5 .blue_bold {
    color: #00ADED;
    font-family: Raleway;
    font-size: 20px;
}

.pag5 ul {
    list-style: none; padding: 0; margin: 0;
}

.pag5 li {
    list-style: none; padding: 0; margin: 0; padding-bottom: 5px;
}

.pag5 li:before {
    content: "●  ";
    color: #3eabe9;
}

.pag5 p.one {font-size: 14px; background: url('../img/viver_com_obstipacao/1.png') no-repeat left top; min-height: 35px; padding-left: 30px; margin-bottom: 10px;}
.pag5 p.two {font-size: 14px; background: url('../img/viver_com_obstipacao/2.png') no-repeat left top; min-height: 35px; padding-left: 30px; margin-bottom: 10px;}
.pag5 p.three {font-size: 14px; background: url('../img/viver_com_obstipacao/3.png') no-repeat left top; min-height: 35px; padding-left: 30px; margin-bottom: 10px;}
.pag5 p.four {font-size: 14px; background: url('../img/viver_com_obstipacao/4.png') no-repeat left top; min-height: 35px; padding-left: 30px; margin-bottom: 10px;}
.pag5 p.five {font-size: 14px; background: url('../img/viver_com_obstipacao/5.png') no-repeat left top; min-height: 35px; padding-left: 30px; margin-bottom: 10px;}


.pag6 .title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 27px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pag7 .title2 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.pag7 .blue_bg {
    font-family: Raleway;
    font-size: 20px;
    color: #FFF;
    background: url('../img/viver_com_obstipacao/bg_title_blue.png') no-repeat right top;
    background-size: cover;
    padding: 10px 20px 10px 10px;
    display: table-cell;
}

.pag7 .title3 {
    color: #000;
    font-family: SueEllenFrancisco;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    background: url('../img/viver_com_obstipacao/title_arrow_left.png') no-repeat right top;
    padding-right: 80px;
    display: table-cell;
}

.pag7 .blue_bg_black {
    font-family: Raleway;
    font-size: 20px;
    color: #000;
    background: url('../img/viver_com_obstipacao/bg_title_blue.png') no-repeat right top;
    background-size: cover;
    padding: 10px 20px 10px 10px;
    display: table-cell;
}

.pag8 .blue_bg {
    font-family: Raleway;
    font-size: 20px;
    color: #FFF;
    background: url('../img/viver_com_obstipacao/bg_title_blue.png') no-repeat right top;
    background-size: cover;
    padding: 10px 20px 10px 10px;
    display: table-cell;
    max-width: 600px;
}

.bg_white {
    background: #fff;
}



#footer {

}

/* MOBILE */

@media (max-width: 767px) {
    .content {
        padding-left: 20px;
        padding-right: 20px;
    }
    .subtitle {
        font-size: 14px;
        padding-left: 30px;
        margin-left: -15px;
    }

    .title {
        font-size: 24px;
        color: #00aeef;
        /* background: url('../img/title_bg.png') no-repeat right bottom; */
        width: 320px;
        padding-left: 30px;
        margin-left: -15px;
    }
}


/* FOOTER */

/*.footer_termos{
    padding: 10px;
    min-height: 40px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background: #00aeef;
}

.footer_termos ul{
    list-style: none;
    margin: 0px auto;
}
.footer_termos ul li{
    display: inline-block;
    color: #fff;
}

.footer_termos ul li a{
    font-size: 12px;
    color: #fff;
}*/