* { margin: 0; padding: 0; position: relative; text-decoration: none; list-style: none; }
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/* General */


body { font-family: 'Open Sans', sans-serif; }
section { width: 608px; height: 497px; margin: 0 auto; position: relative; overflow: hidden; }
.close { display: inline-block; width: 61px; height: 16px; line-height: 14px; background-color: #000; color: #fff; font-size: 12px; text-align: center; float: right; border-radius: 3px 3px 0 0; }
.principal { width: 601px; clear: both; height: 475px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e7e7e7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e7e7e7 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff
fff 0%, #e7e7e7 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7', GradientType=0 ); /* IE6-9 */ }
.left { float: left; }
.right { float: right; }
.passo1-login .menu {display:none;}
.menu { height: 40px; overflow: hidden; background-color:#f5b619;}
.menu li { float: left; line-height: 38px; font-size: 13px; }
.menu li a { color: #ffffcc; display: inline-block; padding-left: 10px; padding-right: 10px; height: 40px; font-weight:400; font-size:13px; }
.menu li a:hover { background-color: #ff9900; color: #ffffcc; }
.menu li a.active { background-color: #ff9900; color: #ffffcc; }
.home { background: url(../img/bg_home.jpg) no-repeat center top; width: 601px; height: 435px; }
.home h2 { text-align: center; font-size: 25px; color: #454545; font-weight: 300; line-height: 30px; padding-top: 50px; }
.home h2 span { display: block; color: #3a6a7a; }
.home h3 { text-align: center; font-size: 20px; color: #454545; font-weight: 300; line-height: 24px; padding-top: 15px; }
.home .logo { text-align: center; padding-top: 30px; padding-bottom: 20px; }
.home .button { text-align: center; }
.home .link { display: inline-block; font-size: 13px; font-weight: 300; padding: 5px 10px; background-color: #db9600; color: #454545; margin: 0 auto; -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.75); }
.pontos { width: 601px; height: 435px; }
.pontos ul { width: 356px; margin: 0 auto; overflow: hidden; }
.pontos ul li { width: 156px; height: 156px; text-align: center; overflow: hidden; background-color: #ededed; border-radius: 7px; border: 1px solid #dcdcdc; margin-top: 40px; }
.pontos ul li i { display: block; padding-top: 15px; }
.pontos ul li h4 { font-weight: 300; color: #545454; padding: 10px 6px 0 6px; font-size: 13px; text-align: center; line-height: 16px; }
.pontos ul li h4 span { font-size: 11px; }
.pontos ul li .valor { height: 27px; background-color: #767676; position: absolute; bottom: 0; width: 100%; font-size: 13px; color: #fff; line-height: 25px; }
.modules { width: 601px; height: 415px; }
.modules .bar { margin: 0 auto; width: 580px; padding-top: 15px; }
.modules .bar ul { overflow: hidden; border-bottom:1px solid #3a73b8; padding-bottom:15px; width:387px; }
.modules .bar ul li { font-size: 14px; color: #224c7c; font-weight: 400; float: left; margin-right: 20px; }
.modules .bar ul li span { font-size: 18px; color: #3a73b8; font-weight: 400; margin-left:7px; }
.modules .bar .system { position:absolute;  width: 184px; height: 63px; position: absolute; right: -5px; top: -8px; overflow: hidden; background-color:#ff9900; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;  -webkit-box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.25); box-shadow: -2px -2px 1px 0px rgba(50, 50, 50, 0.25);}
.modules .bar .system h4 { font-weight:400; color:#ffffcc; font-size:12px; text-align:center; padding-top:10px; padding-bottom:5px;}
.modules .bar .system p {font-weight:600; color:#ffffcc; font-size:14px; text-align:center; }
.modules .bar .system .a-left { margin-left: 29px; }
.modules .bar .system .a-right { margin-top: 23px; }
.modules .niveis { width: 580px; margin: 0 auto; margin-top: 15px; height: 360px; overflow: auto; }
.modules .niveis .infos { overflow: hidden; margin-bottom: 8px; }
.modules .niveis ul.head { width: 552px; overflow: hidden; padding-bottom:4px; }
.modules .niveis ul.head li { color: #224c7c; font-size: 13px; font-weight: 400; max-width: 92px; min-width: 92px; vertical-align: middle; display: table-cell; text-align: center; height: 25px; }
.modules .niveis ul.border { border: 2px solid #224c7c; border-radius: 7px; display: table; width: 552px; overflow: hidden; background-color:#fff; }
.modules .niveis ul.border li { text-align: center; max-width: 92px; min-width: 92px; vertical-align: middle; display: table-cell; border-right: 1px solid #9cb9db; }
.modules .niveis ul.border li .pdf { display: block; width: 43px; height: 51px; background: url(../img/ico_pdf.png) no-repeat; margin: 0 auto; }
.modules .niveis ul.border li .pdf:hover { opacity: 0.6; }
.modules .niveis ul.border li.border0 { border: 0; }
.modules .niveis ul.border .nivel { font-size: 68px; color: #ff9900; font-weight: 700; background: #ffff99; line-height: 80px; font-family:Arial, Helvetica, sans-serif; }
.modules .niveis ul.border .date { color: #224c7c; font-size: 30px; font-weight: 700; line-height: 26px; }
.modules .niveis ul.border .date span { display: block; font-size: 15px; line-height: 14px; }
.modules .niveis ul.border .teste1 { font-size: 12px; font-weight: 700; color: #224c7c; }
.modules .niveis ul.border .teste1 span { color: #a2cff0; display: inline-block; font-size: 38px; line-height: 36px; }
.modules .niveis ul.border .teste2 { font-size: 12px; font-weight: 700; color: #224c7c; }
.modules .niveis ul.border .teste2 span { color: #739cba; display: inline-block; font-size: 38px; line-height: 36px; }
.modules .niveis ul.border .teste3 { font-size: 12px; font-weight: 700; color: #224c7c; }
.modules .niveis ul.border .teste3 span { color: #a2cff0; display: inline-block; font-size: 38px; line-height: 36px; }
.modules .niveis .nivel5 { border: 2px solid #224c7c; border-radius: 7px; width: 561px; overflow: hidden; text-align: center; background-color:#fff; }
.modules .niveis .nivel5 td { border-right: 1px solid #dadada; }
.modules .niveis .nivel5 td.border0 { border: 0; }
.modules .niveis .nivel5 .nivel { font-size: 68px; color: #ff9900; font-weight: 700; background: #ffff99; line-height: 80px; font-family:Arial, Helvetica, sans-serif;  line-height: 80px; width: 92px; }
.modules .niveis .nivel5 .group table td { height: 100px; width: 76px; border-bottom: 1px solid #dadada; }
.modules .niveis .nivel5 .group .type { width: 36px; background-color: #e9ebec; color: #224c7c; font-size: 15px; font-weight: bold; }
.modules .niveis .nivel5 .group .type span { display: block; width: 15px; margin: 0 auto; line-height: 13px; }
.modules .niveis .nivel5 .group .blue { font-size: 10.5px; font-weight: 700; color: #224c7c; }
.modules .niveis .nivel5 .group .blue span { color: #a2cff0; display: inline-block; font-size: 32px; line-height: 50px; }
.modules .niveis .nivel5 .group .dark-blue { font-size: 10.5px; font-weight: 700; color: #224c7c; }
.modules .niveis .nivel5 .group .dark-blue span { color: #739cba; display: inline-block; font-size: 32px; line-height: 50px; }
.modules .niveis .nivel5 .group .use { line-height: 9px; }
.modules .niveis .nivel5 .group .use span { line-height: 42px; }
.modules .niveis .nivel5 .group .pdf { display: block; width: 43px; height: 51px; background: url(../img/ico_pdf.png) no-repeat; margin: 0 auto; }
.modules .niveis .nivel5 .group .pdf:hover { opacity: 0.6; }
.dados { width: 570px; margin: 0 auto; margin-top: 15px; overflow: auto; padding-right: 10px; }
.dados h3 { text-align: center; font-size: 14px; color: #fff; font-weight: 400; line-height: 24px; background-color:#224c7c; padding:5px 10px 5px 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; display:inline-block; position:relative; z-index:444; margin-left:10px;}
.dados table { border:2px solid #224c7c; background-color:#fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-top:-18px; position:relative; z-index:222; margin-bottom:25px; padding-top:15px; width:100%;}
.dados table td {padding:0; overflow:hidden;}
.dados table td.label { font-size:16px; color:#224c7c; font-weight:400; }
.dados table td.resposta { color:#3a73b8; font-size:15px; font-weight:400; }
.dados table td span { margin-left: 10px; color:#3a73b8; font-size:15px; font-weight:400; }
.dados table td .camp { background-color: #fff; width:276px; float:left; height: 28px; border: 1px solid #3a73b8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size:14px; font-weight:300; color:#3a73b8; padding-left:4px; margin-right:5px;}
.dados table td .salvar {background-color: #F4BB0A; border: 0 none; border-radius: 4px; color: #FFFFFF; cursor: pointer; display: block; font-size: 11px; height: 30px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; width: 60px; float:left;}
.dados table td .salvar:hover {background-color:#3a73b8;}
.login { width: 400px; height:190px; margin: 0 auto; border:2px solid #224c7c; background-color:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding:20px; margin-top:120px; }
.login h3 { text-align: center; font-size: 14px; color: #fff; font-weight: 400; line-height: 24px; background-color:#224c7c; padding:5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px;}
.login h3.erro { background-color:#cc3300;}
.login form { margin-top: 30px; display: block;}
.login form p { margin-top: 14px; overflow:hidden; }
.login form label { font-size: 16px; color: #224c7c; float:left; display: block; width:60px; font-weight:300; padding-top:4px; margin-left:15px;}
.login form .camp { background-color: #fff; width:296px; float:left; height: 28px; border: 1px solid #3a73b8; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; font-size:14px; font-weight:300; color:#3a73b8; padding-left:4px;}
.login form .entrar { display:block; width:78px; margin:0 auto; height:30px; border:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; background-color:#f4bb0a; text-transform:uppercase; color:#fff; font-size:14px; cursor:pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; margin-top:8px; }
.login form .entrar:hover { background-color:#3a73b8;}

.bt-salvar-meo { background-color: #F4BB0A; border: 0 none; border-radius: 4px; color: #FFFFFF; cursor: pointer; display: inline; font-size: 12px;  line-height:20px; padding: 0;  text-transform: uppercase; transition: all 0.3s ease-in-out 0s; width: 68px; }
.bt-salvar-meo:hover { background-color:#3a73b8;}