@charset "utf-8";
html,body{font-family:'PT Sans','Arial',sans-serif;margin:0px;padding:0px}
body{background:#f3f3f3;color:#333}
ol,ul{list-style:none}
h1{font-size:18px}
h1,h2,h3{color:#457}
a{text-decoration:none}
img{max-width:none;width:none}
form{margin:0}
.hldr{width:960px;margin:0 auto;overflow:hidden}
.nav-container{position:absolute;width:100%;z-index:10;top:0;left:0}
.nav-container .logo{background:url("../img/sisos-logo-horizontal-menor.png") no-repeat;height:55px;width:200px;margin-top:10px;float:left}
.nav-container ul.main{float:right;margin:13px 0 0}
.nav-container ul.main li{list-style:none;float:left;border-right:solid 1px #3b4a69;margin:0;padding:0 10px;font-size:16px}
.nav-container ul.main li a{color:#3b4a69;text-decoration:none;padding:6px 5px;display:block}
.nav-container ul.main li a:hover{color:#9baac9;transition-duration:.5s;-webkit-transition-duration:.5s;-moz-transition-duration:.5s}
#main{padding-top:80px;position:relative;overflow:visible}
#main nav .prev{left:30px;background-position:0 -56px}
#main nav .next{right:30px;background-position:0 0}
.main-left{position:relative;z-index:10;width:500px;float:left;overflow:visible;margin-left:10px}
.complete-title{font-family:'Arial',sans-serif;font-weight:400;color:#347;font-size:32px;line-height:1em;text-align:justify;margin:5px 0 20px;text-shadow:1px 1px 2px #999}
.complete-desc{font-size:18px;color:#4a4a4a;line-height:1.5em;text-align:justify}
#main .form{width:380px;margin:20px auto 0;padding:10px;background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EBEBEB,endColorstr=#E5EBEBEB)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EBEBEB,endColorstr=#E5EBEBEB);zoom:1;background-color:rgba(235,235,235,0.9);border:1px solid #ddd;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
#main .form a{color:#34A !important}
#main .form h2{font-size:25px;margin:0;line-height:1em}
#main i{padding-top:10px;display:block;font-size:14px}
.main-right{float:right;margin-top:5px}
#parallax{position:absolute;width:100%;height:520px;top:0;left:0;border-bottom:1px solid #ccc\9;overflow:hidden;box-shadow:0 2px 3px #888}
#parallax img{width:100%;min-height:520px}
#beneficios{background:#f3f3f3;padding:30px 0}
#beneficios .hldr{overflow:hidden}
#beneficios .form h2{font-size:28px;padding:10px 0;margin:0px}
ul.highlight{margin:40px 0 0;float:left;width:48%}
ul.highlight li{height:50px;font-size:14px;line-height:1.3em;color:#4a4a4a;text-align:justify;background:url("../img/beneficios.png") no-repeat;padding-left:64px;margin-bottom:20px}
ul.highlight li p{padding-top:15px}
#depoimentos{background:#fafafa;padding:20px 0}
#investimento{background:#f3f3f3;padding:60px 0}
#caixa-depoimentos{max-width:770px;margin:15px auto 0}
#caixa-investimento{margin:0 auto;background:#50bdf3;padding:10px;width:50%}
#contato{background:#fafafa;padding:30px 0 40px 0}
#container_footer{clear:both;border-top:solid 1px #bababa;background:#3d5071}
#beneficios,#investimento,#depoimentos,#contato{clear:both;border-bottom:solid 2px #ddd\9;box-shadow:inset 0 2px 2px #ccc}
#footer{text-align:center;margin:0 auto;color:#94a2c9}
#footer p{font-size:14px;font-weight:700;line-height:1.5em}
#experimente-ja input{outline:0;padding:4px 8px;width:300px;margin:15px 0 0 0}
#experimente-ja label{float:left;width:60px;font-size:16px;line-height:30px;margin:15px 0 0 0;clear:left}
#form_contato{float:left;width:325px}
#form_contato input{outline:0;padding:4px 8px;width:240px;margin:15px 0 0 0}
#form_contato textarea{outline:0;padding:4px 8px;width:300px;height:75px;margin:0}
#form_contato label{float:left;width:60px;font-size:16px;line-height:30px;margin:15px 0 0 0;clear:left}
#form_contato #mensagem{width:100%;height:100px}
#mais{margin-left:0}
#mais li{background:url("../img/beneficios.png") no-repeat 0 -350px;color:#4a4a4a;font-size:90%;line-height:20px;margin-bottom:5px;padding-left:25px}
.box{width:360px;padding:20px;margin-left:350px;margin-top:55px}
.box p{color:#4a4a4a;font-size:14px;font-weight:700;line-height:1.9em}
#valor{background:#4b8bf5;color:#fff;font-size:18px;font-weight:700;padding:20px}
p#copyright{margin-top:8px;color:#94a2c9;font-size:9px;font-weight:700;line-height:1.9em}
.balaodialogo{position:relative;max-width:500px;margin-left:260px;background-color:#e8edf3;border-radius:10px;border:solid 1px #dbe0eb;color:#f7f7f7}
#aspas{float:left;margin-left:2%;margin-top:2%}
#seta-balao{position:absolute;left:-42px;top:15px;width:42px;height:35px;background:url("../img/balao.png") no-repeat -37px 0}
#aspas-balao{width:37px;height:32px;background:url("../img/balao.png") no-repeat;float:left;margin:10px 0 0 10px}
#msg{color:red}
dd{font-size:10px;font-weight:700;margin:5px 0 -10px 60px;display:block;line-height:1em;margin-left:25px\9}
dd.error{color:red}
dd.ok{color:green}
textarea+el{padding:5px 0 0 0}
.ok{font-size:12px;font-weight:700;line-height:1.9em;padding-left:4px;color:green}
.erro{font-size:12px;font-weight:700;line-height:1.9em;padding-left:4px;color:red}
ul#fade1{width:200px;float:left}
ul#fade1 img{width:180px;border:1px solid #999;border-radius:10px;border-color:#ddd #999 #999 #ddd}
ul#fade1 li{list-style:none;color:#4ad;font-weight:400;font-size:14px}
ul#fade1 li strong{display:block}
ul#fade1 li span{font-size:12px;color:#444;font-style:italic}
ul#fade2{margin:10px 15px 10px 60px;text-align:justify;font-size:14px;color:#444;font-style:italic}
ul#fade2 li {list-style:none}
.f-nav{position:fixed;z-index:9999;background:#3d5071;border-top:3px solid #05c;border-bottom:1px solid #8fa9b8;box-shadow:0 1px 4px rgba(0,0,0,0.4);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.4);-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.4);height:60px}
.f-nav .logo{background:url("../img/sisos-logo-horizontal-menor-branco.png") no-repeat;margin-top:5px;cursor:pointer}
.f-nav ul.main li{border-right:solid 1px #fff}
.f-nav ul.main li a{text-decoration:none;color:#fff}
button.close{padding:0;cursor:pointer;background:#fff;border:0;-webkit-appearance:none}
.modal-header .close{float:right;font-size:20px;font-weight:700;color:#666;text-shadow:1px 1px 0 #ccc;margin-top:-3px}
.modal.fade.in{top:50%}
.modal-header h3{color:#333;font-size:14px;line-height:20px}
.modal-header{height:20px;border-bottom:1px solid #bbb}
.modal-body{max-height:none}
.modal-footer{padding:6px 0px;border-top:1px solid #bbb}
.btn-sisos{font-weight:700;background-color:#0C84C6 !important;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#26aaf2",endColorstr="#0b84c5");background-image:-khtml-gradient(linear,left top,left bottom,from(#26aaf2),to(#0b84c5));background-image:-moz-linear-gradient(top,#26aaf2,#0b84c5);background-image:-ms-linear-gradient(top,#26aaf2,#0b84c5);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#26aaf2),color-stop(100%,#0b84c5));background-image:-webkit-linear-gradient(top,#26aaf2,#0b84c5);background-image:-o-linear-gradient(top,#26aaf2,#0b84c5);background-image:linear-gradient(#26aaf2,#0b84c5);border-color:#0b84c5 #0b84c5 #0B79B5;color:#fff !important;text-shadow:0 -1px 0 rgba(0,0,0,0.23);-webkit-font-smoothing:antialiased}
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px}
.icon-ok{background-position:-288px 0}
.social a{background:url('../img/icon-social.png') no-repeat;width:29px;height:30px;display:block;float:left}
@media(max-width:599px){
.hideMobile{display:none}
ul.highlight,.hldr,#main .form{width:95%;padding:2.5%;margin:0 auto}
ul.highlight{padding:0}
ul.highlight li{font-size:15px}
ul.highlight li p{padding:0}
.main-left,.main-right,.balaodialogo,.complete-desc,.highlight,#beneficios,ul#fade1,#form_contato,#contato img{float:none !important}
.main-left,.main-right{margin:0}
#beneficios{margin-left:auto;margin-right:auto;padding:30px 0 10px}
#beneficios .form h2{padding:0 0 10px}
.main-right{text-align:center}
.main-right img,#contato img{width:100% !important;height:auto !important;margin:30px 0 10px 0}
#contato{padding:10px 0 30px}
#contato img{margin:30px 0 0 !important}
#contato .btn-sisos{margin-top:15px}
#investimento{padding:30px 0}
#caixa-investimento{width:94%}
.main-left,#form_contato{width:auto !important}
#main .form h2{font-size:22px}
#contato h2,#mais{margin:0}
#experimente-ja input,#form_contato input,#form_contato textarea{margin:0;width:95%}
#experimente-ja label{margin-top:5px}
#experimente-ja .btn-sisos,#contato .btn-sisos{width:100% !important}
#footer div{width:auto !important;float:none !important;margin:0 !important}
#parallax{height:625px}
#parallax img{width:auto}
.complete-desc{font-size:16px}
.janela_modal{font-size:12px}
}