html, body { margin: 0; padding: 0; height: 100%; }
/*body { background-color: #484848; font-size: 16px; font-family:Encode sans; }*/
.content { /*background-image: url('../Content/Images/010.3.jpg');*/ background-color: #cbcbcb; margin-top: 65px; }
.jumbotron { background: #f2f2f2; background: transparent; margin: 0; padding-bottom: 0; }
.content-confirm { padding-top: 10%; }
    .content-confirm h3 { color: #555 !important; }
hr { border-color: #e7e7e7; }
footer .content { margin-top: 0px !important; max-width: 1024px !important; background-image: none !important; min-height: initial !important; margin: auto; }
    footer .content ul li { float: left; list-style: none; margin-top: 5px; margin-right: 25px; }
    footer .content a { color: #fff; }
    footer .content .navegacao { float: left; width: 50%; padding-top: 15px; }
    footer .content .cnpj { float: right; width: 35%; text-align: right; }
#footer { float: left; /*position: absolute;*/ bottom: 0; left: 0; color: #fff; width: 100%; background: #484848; /*border-top: 1px solid #cbcbcb;*/ padding-top: 25px; padding-bottom: 25px; }

/*.form-horizontal { padding-bottom: 50px; }*/
.recursos, .planos, .contato, .plataformas { max-width: 1024px; margin: auto; }
.planos { max-width: 920px; padding-bottom: 50px; }

.content-area { padding-top: 50px; padding-right: 0; padding-left: 0; padding-bottom: 50px; }
.form-content-box { max-width: 450px; box-shadow: rgba(0, 0, 0, 0.0980392) 0 1px 1px; color: #4a4747; margin: 0px auto; text-align: center; }
    .form-content-box .details { padding: 30px 30px; background: #fff; }
        .form-content-box .details .main-title h1 { color: #505050; font-size: 30px; }
    .form-content-box .checkbox { padding-left: 8px; margin: 15px 0; }
    .form-content-box .footer { font-size: 13px; padding: 20px; background-color: #f5f5f5; }
    .form-content-box .checkbox a { color: #8b8b8b; font-size: 13px; margin: 0px 30px; }
.main-title h1 { font-weight: 700; text-align: center; margin: 0 0 25px; text-transform: uppercase; font-size: 27px; }
.main-title h2, h3, h5 { text-align: center; color: #555; }

.col-back { float: right; margin: 5px; }
.navbar-header { width: 100%; }
.navbar-nav > li, .navbar-nav { float: left !important; }
.navbar-nav { margin: 7.5px 5px; }
.navbar-right { float: right !important; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: transparent; color: transparent; }
.navbar-inverse .navbar-toggle .icon-bar { color: #563d7c; background-color: #563d7c; }
.login-menu { float: right !important; }
.content h1, h2, h3 { color: #563d7c; }
.recursos h2 { color: #222; }
.termos { margin-left: 160px; }
.navbar-inverse { background-color: #f2f2f2; border-color: #f6f6f6; }
.navbar-fixed-top { border-width: thin; }
.navbar-inverse .navbar-nav > li > a { color: #555; }
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #cbcbcb !important; }
.navbar-collapse { float: left !important; }

/*.container { display: block; position: relative; padding-left: 35px; margin-top: 18px; margin-bottom: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .container input { position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }
.container:hover input ~ .checkmark { background-color: #ccc; }
.container input:checked ~ .checkmark { background-color: #00BFFF; }
.checkmark:after { content: ""; position: absolute; display: none; }
.container input:checked ~ .checkmark:after { display: block; }
.container .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/

.navbar-inverse .navbar-nav > .active > a { background-color: #563d7c !important; color: #fff !important; }


@media only screen and (min-width: 1024px) and (max-width: 1375px) {
    .jumbotron { padding: 20px 0; }
}

@media (min-width: 768px) {
    .nav > li.login a { margin-top: 10px; padding: 5px 10px; }
}

@media only screen and (min-width: 200px) and (max-width: 480px) {
    .planos { background: #f2f2f2; padding: 25px 10px; }
    .navbar-brand { padding: 18px 18px; font-size: 15px; }
    .navbar-header { width: auto; }
    .nav > li > a { padding: 10px 8px; }
    .navbar-inverse .navbar-collapse { border-color: transparent !important; width: 70%; padding-top: 10px; }
    /*.navbar-nav {  margin:-0.5px 5px;  }*/
    .content { padding: 15px; margin-top: 75px; background-repeat: no-repeat; background-size: auto 100%; }
    .jumbotron { padding-top: 10px; padding-bottom: 10px; border: 0; }
        .jumbotron .h1, .jumbotron h1 { font-size: 26px !important; }
        .jumbotron p { font-size: 16px; }
    .recursos .col-xs-6 { width: 100%; }
    .recursos h2 { font-size: 20px !important; }
    .contato .endereco, .contato .formulario { width: 100%; min-height: inherit; }
    .planos { width: auto !important; }
    .plano { clear: both; margin-bottom: 15px !important; width: auto !important; }
    .termos { margin-left: 0px; }
    .container { padding-left: 20px; }
    /*.login-menu .planoLogin { display: none !important; }*/
    /*body { background: none; }*/
    .planos { padding: inherit; }
    /*.navbar-brand { background: url(/Content/Images/logo32.2.png) no-repeat; width: 32px; height: 32px; padding-top: 15px; }*/
    #footer { padding-top: 0; padding-bottom: 5px; }
        #footer .navegacao { display: none; }
        #footer .cnpj { width: 100%; }
    footer .content .cnpj { padding: 10px; text-align: left; }
    /*.login { margin-top: 2px !important; }*/
    .jumbotron h5 { font-size: 16px !important; }
    .form-content-box .checkbox a { float: left; width: 100%; margin: 10px 0; }
}

@media only screen and (min-width: 200px) and (max-width: 1024px) {
    body { background: none; }
}