body {padding-top: 60px }

.wrap {}

.topo {font-family: MuseoSans, Arial, Sans-Serif; width: 100%  }
.topo .nav > li > a{padding:15px 24px;}

.navegacao{float:right;}
.navbar-brand{height: 60px}
.navbar-nav > li > a{line-height: 30px }

.navbar-default .navbar-brand{font-size: 150%; color:#78c4f7; line-height: 30px}

.navbar-default {
    background-color: #2c3e50;
    border-bottom: 1px solid #2c5379;
}

.navbar-inverse .navbar-nav > li > a{color:#78c4f7; outline: none !important}
.navbar-inverse .navbar-nav > li > a.active{background: #3498db;  transition: all .1s linear; color:#fff !important; }
.navbar-inverse .navbar-nav > li > a:hover{background: #3498db !important;  transition: all .1s linear;}


.banner {width: 100%; min-height: 460px; background-repeat: none; background-attachment: fixed; margin-top: 60px  }

.banner-inner {
    width:100%; 
    min-height: 460px;
    background: rgba(16,64,110,1);
    background: -moz-linear-gradient(-45deg, rgba(16,64,110,1) 0%, rgba(25,99,180,0.4) 59%, rgba(32,124,229,0.4) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(16,64,110,1)), color-stop(59%, rgba(25,99,180,0.4)), color-stop(100%, rgba(32,124,229,0.4)));
    background: -webkit-linear-gradient(-45deg, rgba(16,64,110,1) 0%, rgba(25,99,180,0.4) 59%, rgba(32,124,229,0.4) 100%);
    background: -o-linear-gradient(-45deg, rgba(16,64,110,1) 0%, rgba(25,99,180,0.4) 59%, rgba(32,124,229,0.4) 100%);
    background: -ms-linear-gradient(-45deg, rgba(16,64,110,1) 0%, rgba(25,99,180,0.4) 59%, rgba(32,124,229,0.4) 100%);
    background: linear-gradient(135deg, rgba(16,64,110,1) 0%, rgba(25,99,180,0.4) 59%, rgba(32,124,229,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10406e', endColorstr='#207ce5', GradientType=1 );=1 );
}

.banner-inner .pattern{background: url(../images/pattern2.png); min-height: 460px}

.banner-inner .jumbotron{background: none !important; font-family: MuseoSans, Arial, Sans-Serif; color:#fff; text-align: center;}
.banner-inner .jumbotron h1{font-size: 5.3em; margin-top: 40px !important;}
.banner-inner .jumbotron p {
    margin-bottom: 25px;
    font-size: 2.0em;
    font-weight: 100;
}

.banner-inner .btn-conheca{padding: 20px 60px}



.banner-inner .jumbotron.btn-conheca{padding:14px 60px;}

.skew_appended{
    width: 100%;
    _position: absolute;
    _left: 0;
    overflow: hidden;
    -webkit-transform: skewY(-1.9deg);
    -ms-transform: skewY(-1.9deg);
    transform: skewY(-1.9deg);
    -webkit-backface-visibility: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1;
    background: #3498db;
    margin-top: -30px;
}


.skew_prepended {
    width: 100%;
    _position: absolute;
    _left: 0;
    overflow: hidden;
    -webkit-transform: skewY(-1.9deg);
    -ms-transform: skewY(-1.9deg);
    transform: skewY(-1.9deg);
    -webkit-backface-visibility: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1;
    background: #3498db;
    margin-top: -30px;
}

.skew_appended2{
    width: 100%;
    _position: absolute;
    _left: 0;
    overflow: hidden;
    -webkit-transform: skewY(-1.9deg);
    -ms-transform: skewY(-1.9deg);
    transform: skewY(-1.9deg);
    -webkit-backface-visibility: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1;
    background: #f2f2f2;
    margin-top: 60px;

}


.skew_prepended2 {
    width: 100%;
    _position: absolute;
    _left: 0;
    overflow: hidden;
    -webkit-transform: skewY(-1.9deg);
    -ms-transform: skewY(-1.9deg);
    transform: skewY(-1.9deg);
    -webkit-backface-visibility: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 1;
    background: #f2f2f2;
    margin-top: -30px;
}

.box-video{background:#3498db; padding-top:30px; min-height: 300px; margin-top: -24px; text-align: center; color:#fff; font-size: 3.0em; font-family: MuseoSans_light, Arial, Sans-serif}
.box-video a{color:#fff; font-size: 4.2em}

.box-video strong{font-family:  MuseoSans, Arial, Sans-serif !important; font-weight: 700}

.modal-header{font:1.43em MuseoSans, Arial, Sans-serif;}

.vantagens{margin-top:30px; font-family: MuseoSans, Arial, Sans-serif; color:#666; font-weight: 300}
.vantagens h2{margin-bottom:30px; font-size: 3.5em;font-family: MuseoSans_light, Arial, Sans-serif; color:#3498db;}

.vantagens h4{padding-bottom:10px; padding-top: 15px; color:#3498db;}
.vantagens .t{min-height: 70px; color:#888;}

.circle-base {
    background-color: #00A8D6;
    width: 120px;
    height: 120px;
    position: relative;
    border: 6px solid #B4DEFE;
    border-radius: 50%;
    margin: 0px auto;
}

.circle-inner {
    background-color: #FFF;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    position: absolute;
    border: 6px solid #FFF;
    border-radius: 50%;
    color: #00A8D6;
    text-align: center;
    margin: 0px auto;
    font-size: 38px;
}

.circle-inner .fa{line-height: 1.9em}

.copyright{width: 100%; padding:10px; background: #2C3E50; color:#ccc; min-height: 40px; font-size: 1.0em;font-family: MuseoSans_light, Arial, Sans-serif; color:#3498db;}
.copyright p{padding-top:10px;}
.copyright ul{list-style-type: none; padding:0;}
.copyright ul li{float:left;}
.copyright ul li a{display: inline-block; padding:0 10px; color:#fff; font-size: 1.9em}

.box-questionario{background:#f2f2f2; padding: 10px 30px; margin-top: -30px;}

.questionario{line-height:15px; margin-top:20px; margin-bottom: 30px; _background: #f2f2f2; _border-radius:3px; padding:24px 20px 24px 25px !important; _border:1px solid #ddd; font-size: 1.2em;font-family: MuseoSans, Arial, Sans-serif; color:#3498db;}
.questionario legend {
    font-family: MuseoSans_light,Arial,sans-serif;
    color: #2C3E50;
    font-size: 1.6em;
    padding-bottom: 15px !important;
    margin-bottom: 50px;
    border-bottom: 1px dashed #ccc;
}
.questionario .control-label{font-weight: normal; color:#666 !important;}
.questionario .btn-envio{padding:18px 40px !important; float: right;}
.fxd{float: right !important;}


/* s c r e e n   m o b i l e   */

@media (max-width: 768px) {

  .box-video{font-size: 2.0em !important}
  .vantagens h2 {font-size:2.8em !important;}
  .banner-inner .jumbotron h1{font-size: 3.8em; margin-top: 40px !important;}
  .banner-inner .jumbotron p {font-size: 1.5em !important}
  .navegacao{float:none !important;}
  .fxd{float: none !important;}
  .box-questionario{background:#f2f2f2; padding: 0 !important; margin-top: -30px;}
  .questionario{padding:5px;}
  .questionario legend {
      font-size: 1.1em;
      padding-bottom: 15px !important;
      margin-bottom: 50px;
      border-bottom: 1px dashed #ccc;
  }

}