@import url("/legado/fonts.css"); .container, .container *, .container:before, .container:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .bkgpagina{ background:#fff; border-radius:15px; } .container{ float:left; width:100%; margin: 0; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'Open Sans', 'Helvetica', Helvetica, Arial, sans-serif; } .container .box-container{ float:left; width:100%; } .container .box-container .box{ float: left; margin-right: 4%; width: 48%; box-shadow: 0 0 2px rgba(0,0,0,0.4); border-radius: 2px; overflow:hidden; } .container .box-container .box:last-child{ margin-right: 0px; } .container .box-container .box .box-header{ padding: 10px; background: #16917c; color: #fff; text-transform: uppercase; font-weight: 600; float:left; width:100%; } .container .box-container .box .box-body{ float:left; width:100%; padding: 10px; text-align:justify; font-size: 14px; line-height: 20px; margin-bottom:10px; } .container .box-btn{ float:left; text-align:center; width:100%; margin-bottom: 10px; } .container .box-btn .senharec{ display: block; font-size: 13px; margin-top: 10px; color: #4F4F4F; } .container .box-btn .senharec:hover{ text-decoration:underline; } .container .box-btn .senharec b{} .container .btn{ padding: 10px 25px; cursor: pointer; background: #5C8A9E; display: inline-block; color: #fff; font-size: 20px; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; outline: none; border: none; -webkit-appearance: none; -moz-appearance: none; } .container .btn:hover{ background:#2D6D89; } .container .btn.wait{ background: #eee; box-shadow: 0 0 1px #989898; color: #8E8E8E; } .container .btn.sucesso{ background: #0BB014; box-shadow: 0 0 1px #7E7E7E; color: #FFFFFF; } .container .btn.small{ font-size:11px; float:left; } .container .form{ float:left; width:100%; padding:0 10px; min-height:10px; } .container .form .field.required:before{ content: '*'; color: red; position: absolute; bottom: 15px; left: -15px; line-height: 0px; } .container .form .field{ float:left; width:100%; margin-bottom:10px; text-align:left; position:relative; } .container .form .field.destaque{ padding: 10px; border: 2px solid #2E7898; position:relative; border-radius:0 3px 3px 3px; margin-top: 22px; } .container .form .field.destaque .tag{ position: absolute; top: -22px; left: -2px; background-color: #2E7898; color: #fff; padding: 0 10px; border-radius: 3px 3px 0 0; } .container .form .field .sec-separator{ text-transform: uppercase; font-weight: bold; color: #16917C; position: relative; float: left; width:100%; border-bottom:2px solid; height: 11px; margin-bottom: 11px; } .container .form .field .sec-separator span{ background-color: #F3F3F1; z-index: 99; padding-right: 10px; } .container .form .field .obs{ float: left; font-size: 13px; width: 100%; text-align: left; padding: 5px 0; color: #888; } .container .form .field .texto-simples{ text-align: left; font-size: 13px; float: left; border-left: 3px solid red; padding-left: 5px; } .container .form .field label{ font-size: 12px; font-weight: 600; text-transform: uppercase; color: #5A5A5A; float:left; width:100%; } .container .form .field label span{ font-size: 10px; line-height:19px; color: #F00; } .container .form .field .campo{ width: 100%; float: left; margin-top: 5px; padding: 10px; border-radius: 3px; border: 1px solid #ddd; outline: none; color: #333; background: #F9F9F9; text-transform:uppercase; } .container .form .field textarea.campo{ font-family: 'Open Sans', 'Helvetica', Helvetica, Arial, sans-serif; height:200px; resize: vertical; } .container .form .field .campo.noupper{ text-transform:none; } .container .form .field .campo.erro{ border: 1px solid red; } .container .form .field select{ width: 100%; float: left; margin-top: 5px; padding: 9px 10px; border-radius: 3px; border: 1px solid #ddd; outline: none; color: #333; background: #F9F9F9; text-transform:uppercase; } .container .form .field select.disabled{ background:#DDD; } .container .form .field .radiogroup{ float:left; width:100%; margin-top:5px; } .container .form .field .radiogroup label{ float:left; margin-right:10px; cursor:pointer; } .container .form .field .radiogroup label input{ cursor:pointer; float:left; } .container .form .field .part2{ float:left; width:48%; margin-right: 4%; } .container .form .field .part2:last-child{ margin-right:0px; } .container .form .field .part3{ float:left; width:30.6666%; margin-right: 4%; } .container .form .field .part3:last-child{ margin-right:0px; } .container .form .field .part4{ float:left; width: 21.98888888%; margin-right: 4%; } .container .form .field .part4:last-child{ margin-right:0px; } .container .form .field .part5{ float:left; width: 16.79999999999%; margin-right: 4%; } .container .form .field .part5:last-child{ margin-right:0px; } .container .form .field .msg-field{ display:none; float:left; width:100%; font-size:13px; } .container .form .field .msg-field.erro{ color:red; } .container .form .field .box-itens{ float:left; width:100%; margin-top:5px; } .container .form .field .box-itens .item{ float: left; padding: 9px 10px; box-shadow: 0 0 1px rgba(0,0,0,0.4); border-radius: 3px; width: 24.1988888%; margin-right: 1%; margin-bottom: 1%; cursor: pointer; } .container .form .field .box-itens.c1 .item{ width:100%; margin-right:0; margin-bottom:0; } .container .form .field .box-itens.c4 .item:nth-of-type(4n + 0){ margin-right: 0; } .container .form .field .box-itens.par .item{ width: 47%; margin-right:5%; margin-bottom:0px; } .container .form .field .box-itens.par .item:nth-of-type(2n + 0){ margin-right: 0; } .container .form .field .box-itens.c3 .item{ width: 32.5999999%; } .container .form .field .box-itens.c3 .item:nth-of-type(3n + 0){ margin-right: 0; } .container .form .field .box-itens.c5 .item{ width: 19.1988888%; } .container .form .field .box-itens.c5 .item:nth-of-type(5n + 0){ margin-right: 0; } .container .form .field .box-itens .item span{ color: #2D6D89 !important; float:left; line-height:19px !important; font-size:10px; } .container .form .field .box-itens .item .check{ float: left; margin-right:10px; cursor:pointer; } .container .form .field .box-itens .item .radio{ float: left; margin-right:10px; cursor:pointer; } .container .form .field .box-itens .item.ativa{ background:#2D6D89; } .container .form .field .box-itens .ativa span{ color: #fff !important; } .container .form .field .fielddesc{ float: left; width: 100%; font-size: 12px; line-height: 14px; padding: 5px; color: #FFF; margin-top: 5px; background-color: #2D6D89; box-shadow: 0 0 1px #C0C0C0; border-radius: 3px; } .container .form .field .secTitulo{ float: left; width: 100%; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; border-top: 2px solid #2D6D89; border-bottom: 2px solid #2D6D89; } .container .form .field .secTitulo .h1{ float: left; width: 100%; color: #2D6D89; text-transform: uppercase; font-size: 18px; font-weight: 600; } .container .form .field .secTitulo .h2{ float: left; width: 100%; color: #888; } .container .form .resposta{ padding: 10px; display: inline-block; color: #fff; width: 100%; margin-top:10px; } .container .form .resposta.sucesso{ background-color: #2EC216; border: 4px solid rgba(32, 160, 11, 0.52); } .container .form .resposta .titulo{ font-size: 30px; text-align: center; color:#fff; } .container .form .resposta .mensagem{ text-align: center; font-size: 17px; } .container .texto{ float: left; width: 100%; color: #555; font-size: 14px; padding: 10px; box-shadow: 0px 0px 2px #ccc , 0px 2px 0px #ccc; border-radius: 3px; background-color: #FBFBFB; } .container .texto .titulo{ float: left; width: 100%; font-size: 25px; text-transform: uppercase; color: #103B5A; font-weight: 600; text-align: center; line-height: 30px; border-bottom: 1px solid #E8E6E6; padding-bottom: 5px; margin-bottom: 5px; } .container .texto .desc{ float: left; width: 100%; font-size: 16px; text-align: center; } .box-titulo{ float: left; width: 100%; text-align: left; } .box-titulo .principal{ font-size: 30px; color: #2D6D89; float:left; width:100%; } .box-titulo .subtitulo{ float: left; width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #888; } .alert-box{ width: 100%; float: left; padding: 5px; border-radius: 5px; color: #fff; font-size: 13px; margin-bottom:10px; } .alert-box.sucesso{ background-color:#0EAB1C; } .alert-box.erro{ background-color: #D70E0E; } .alert-box .alert-msg{ float: left; width: 90%; text-align: left; line-height:19px; } .alert-box .alert-msg .alert-titulo{ font-weight: bold; } .alert-box .alert-msg .alert-text{} .alert-box .alert-close{ float: right; background-color: #eee; color: #838080; font-weight: bold; border-radius: 5px; line-height: 19px; padding: 0 13px; padding-top: 0px; cursor: pointer; } .alert-box .alert-close:hover{ color: red; background-color: #E2E2E2; } .texto{ text-align: justify; line-height: 25px; } .nouper{ text-transform:none !important; } .container .form .att-recaptcha{ display: inline-block; background-color: #11BD31; padding: 6px 20px 6px 50px; color: #fff; margin-top: 3px; border-radius: 3px; box-shadow: 0 0 1px #ddd, 0 2px #0BB72B; cursor: pointer; position: relative; } .container .form .att-recaptcha:before{ content: ''; position: absolute; width: 20px; height: 20px; background-size: cover; background-image: url("/legado/assets/a67f166f30f95e2308794935.webp"); left: 20px; top: 8px; } .container .form .att-recaptcha:hover{ background-color: #37D855; }