/* Minification failed. Returning unminified contents. (224,1): run-time error CSS1019: Unexpected token, found '@import' (224,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Patua+One)' (1106,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (1172,24): run-time error CSS1035: Expected colon, found '%' (1196,23): run-time error CSS1033: Expected closing bracket, found 'i' (1196,24): run-time error CSS1031: Expected selector, found ']' (1196,24): run-time error CSS1025: Expected comma or open brace, found ']' (2152,64): run-time error CSS1031: Expected selector, found '/' (2152,64): run-time error CSS1025: Expected comma or open brace, found '/' */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @import url(https://fonts.googleapis.com/css?family=Patua+One); * { margin: 0; padding: 0; border: 0; } .no-print { } .comprovanteNumeroTicket { font-size: 26pt; color: black; text-align: center; } .tabelaBorda { width: 100%; } .tabelaBorda td { border: 1px solid #999999; padding: 4px; } @media print { .no-print { display: none; } .comprovanteNumeroTicket { font-size: 18pt; color: black; text-align: center; } h1.print-class { margin: 0px; padding: 0px; font-size: 20px; } p { margin: 0 0 0 0; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 10px; } .formCadasto { padding: 10px; } h3 { font-size: 20px; } } body { background: #ffffff; font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; } /*Adiciona estilo para todas as tags label do projeto*/ label { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 90%; } img { max-width: 100%; height: auto; width: auto; /*margin-bottom: -4px;*/ } /*Configurações para exibição ou não do header dependendo do device que acessar*/ .render-header { width: 100%; } /*Configurações para exibiçãodo footer*/ .footer-render { width: 100%; /*margin: 0 auto;*/ } .footer-content { max-width: 862px; margin: 0 auto; background-color: #ededed; text-align: center; } .info-col { /*display: table-cell;*/ display: inline-block; text-align: center; vertical-align: middle; line-height: 1.2em; margin: 10px 0 10px 0; /*line-height: 13em;*/ } .info-link { width: 234px; background-color: #dfdfdf; padding: 10px; margin: 13.2px 12px 13.2px; font-family: Eras ITC; font-size: 11pt; } /*Este header é da tag header do HTML5 e não do header da página*/ header { width: 100%; height: 70px; margin: 2px 0 auto; } #header-inner { /*max-width: 906px;*/ max-width: 862px; margin: 0 auto; } /*INÍCIO DO ESTILO DA NAVEGAÇÃO DO HEADER*/ nav { /*float: right;*/ padding: 25px 0 0px 0px; } #menu-icon { display: hidden; width: 40px; height: 40px; background: url('imagens/nav.png') center; border: 0 auto; } a:hover#menu-icon { border-radius: 4px 4px 0 0; } ul { list-style-type: none; } nav ul li { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 84%; display: inline-block; /*float: left;*/ padding: 10px; font-weight: bold; display: flex; } /*active #24c0f3*/ nav ul li a { color: #000000; text-decoration: none; } nav ul li a:hover { color: #24c0f3; } .current { color: #24c0f3; } .nav2 { font-size: 100%; display: block; /*float: left;*/ padding: 0px; } /*- FIM DA NAVEGAÇÃO -*/ /*- BANNER -*/ .banner { width: 100%; } .banner-inner { /*o tamanho do banner é 580px*/ max-width: 862px; margin: 0 auto; } /* .img-logo-banner { width: 111px; height: 80px; } */ /*.img-logo-banner { width: 394px; height: 126px; padding: 0px 2px 0px 2px; }*/ /*nova logo 2021*/ .img-logo-banner { width: 268px; height: 126px; padding: 0px 2px 0px 2px; } .text-logo-banner1 { font-family: 'Patua One', cursive; font-size: 310%; font-weight: bolder; color: #02467A; } .text-logo-banner2 { font-family: 'Patua One', cursive; font-size: 310%; font-weight: bolder; color: #24c0f1; } .img-banner { width: 96%; height: 96%; margin: 0px 0px 0px 24px; } .img-banner-middle { } /*.img-banner-footer { width: 950px; height: 176px; }*/ /*- FIM DO BANNER -*/ /*INÍCIO DO CONTEÚDO DA PÁGINA*/ .menu { width: 100%; } select[readonly] { background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/ pointer-events: none; touch-action: none; } .sessao-menu-funcional { width: 100%; /*max-width: 882px;*/ margin: 0 auto; } .espaco { height: 8px; margin-top: 11px; } .espaco-menor { height: 4px; margin-top: 11px; } .espaco-menor2 { height: 4px; margin-top: 4px; } .opcao_duvidas { font-size: 140%; font-family: Eras ITC; background-color: #008eb7; /*#73be43;*/ color: #ffffff; padding: 10px; /*width: 100%;*/ max-width: 860px; margin: 0 auto; height: 32px; vertical-align: middle; } .inscricao { font-size: 140%; font-family: Eras ITC; background-color: #72acd8; /*#ca3a5b;*/ color: #ffffff; padding: 10px; max-width: 244px; height: 32px; vertical-align: middle; /*width: 244px;*/ /*margin: 0 auto;*/ } .consulta { font-size: 140%; font-family: Eras ITC; background-color: #5794c2; /*#f4b010;*/ color: #ffffff; padding: 10px; max-width: 244px; height: 32px; vertical-align: middle; /*margin: 0 auto;*/ } .consulta_resultado { font-size: 140%; font-family: Eras ITC; background-color: #3c7bab; /*#2abeec;*/ color: #ffffff; padding: 10px; max-width: 244px; height: 32px; vertical-align: middle; /*margin: 0 auto;*/ } .divulgacao { font-size: 140%; font-family: Eras ITC; background-color: #02467a; /*#5a5a5a;*/ color: #ffffff; padding: 10px; /*width: 100%;*/ max-width: 862px; margin: 0 auto; height: 32px; vertical-align: middle; } .sessao-two-column-inner-wrapper { /*float: left;*/ max-width: 880px; margin: 0 auto; } .article1 { float: left; margin: 0 auto; width: 30%; height: auto; } .article2 { float: left; margin: 14px 0 auto; width: 100%; height: auto; } .article3 { float: left; margin: 14px 0 auto; width: 100%; height: auto; } .article-footer { float: left; margin: 14px 0 auto; width: 100%; height: auto; } .aside1 { float: right; margin: 0 auto; width: 70%; height: auto; } .sessao-etapas { width: 100%; /*max-width: 882px;*/ margin: 0 auto; } .img-etapas { width: 96%; height: 96%; margin: 0 auto; max-width: 884px; } .sessao-menu-funcional2 { width: 100%; float: left; /*/max-width: 882px;*/ margin: 0 auto; } .sessao-two-column-inner-wrapper2 { max-width: 862px; margin: 0 auto; } article { float: left; margin: 0 auto; width: 50%; height: auto; } aside { float: right; margin: 0 auto; width: 50%; height: auto; } .div-grupamento-head { font-size: 83%; font-family: Eras ITC; color: #ffffff; padding: 10px; background-color: #5794c2; /*#ca3a5b;*/ max-width: 440px; width: 400px; /*height: 30px;*/ float: left; text-align: center; } .div-grupamento { font-size: 83%; font-family: Eras ITC; color: #000000; padding: 10px; background-color: #ededed; max-width: 440px; width: 400px; /*height: 30px;*/ float: left; text-align: center; } .div-resultado-head { font-size: 83%; font-family: Eras ITC; color: #ffffff; padding: 10px; background-color: #24c0f1; /*#2abeec;*/ max-width: 440px; width: 400px; /*height: 30px;*/ float: right; text-align: center; } .div-resultado { font-size: 83%; font-family: Eras ITC; color: #000000; padding: 10px; background-color: #ededed; max-width: 440px; width: 400px; /*height: 30px;*/ float: right; text-align: center; } .mapaDeNavegacao { max-width: 862px; margin: 0 auto; height: 25px; top: 185px; left: 0px; /* font-family: 'Titan One', cursive; */ font: 16px/1.4 "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif; /* color:#ff6215; */ color: #02467a; font-weight: bolder; text-align: right; /*border-bottom: solid 1px #DDDDDD;*/ } /*Links do menu de inscrição*/ a.menu-link { /*font-size: 140%;*/ font-family: Eras ITC; color: #ffffff; padding: 10px; max-width: 244px; text-decoration: none; margin: 0 0 0 -10px; vertical-align: middle; } a:hover.menu-link { /*font-size: 140%;*/ font-family: Eras ITC; color: #ffffff; padding: 10px; max-width: 244px; text-decoration: underline; margin: 0 0 0 -10px; vertical-align: middle; } /*Configuração da aparência dos formulários*/ .area-full{ width: 100%; } .area-normal { max-width: 862px; margin: 0 auto; } .obrigatorio { text-decoration: none; font-family: Calibri, Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #ff0000; margin: 0; } .bordaFormCadastro { max-width: 862px; margin: 0 auto; border: solid; border-width: 1px; border-color: #dddddd; /*#dddddd*/ } .camposForm { padding: 16px; } .botaoPassoCadastro { background-color: #24b1f3; width: 107px; height: 37px; cursor: pointer; padding: 3px 3px 3px 3px; color: white; font-weight: bold; font-size: 100%; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } /*FORMATAÇÃO PARA OS CAMPOS DOS FORMULÁRIOS*/ input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; /*font-family: inherit;*/ /*font-size: 0.875rem;*/ font-family: Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size: 10pt; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; } input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; /*padding: 1rem 2rem 1.0625rem 2rem;*/ padding: 10px 14px 10px 14px; font-size: 1rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b2dfed; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; padding-bottom: 1.0625rem; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008CBA; border-color: #007095; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007095; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008CBA; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } select { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif font-weight: normal; -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select.radius { border-radius: 3px; } select:focus { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select[multiple] { height: auto; } option { box-sizing:border-box; color:rgba(0, 0, 0, 0.75); cursor:default; display:block; font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size:14px; font-style:normal; font-variant-caps:normal; font-variant-east-asian:normal; font-variant-ligatures:normal; font-variant-numeric:normal; font-weight:400; height:auto; letter-spacing:normal; line-height:normal; min-height:16.8px; padding-bottom:1px; padding-left:2px; padding-right:0px; padding-top:0px; text-align:start; text-indent:0px; text-rendering:auto; text-shadow:none; text-size-adjust100%; text-transform:none; white-space:pre; width:auto; word-spacing:0px; writing-mode:horizontal-tb; } input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; -webkit-appearance: radio; -webkit-rtl-ordering: logical; text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; box-sizing: border-box; } input[type="checkbox" i] { -webkit-appearance: checkbox; box-sizing: border-box; } input, textarea, select, button { text-rendering: auto; color: initial; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; } input, textarea, select, button, meter, progress { -webkit-writing-mode: horizontal-tb !important; } .row { margin: 10px 0 auto; } /*.div-row { display: table-row; margin: 0 auto; } .div-cell { display: table-cell; margin: 10px 0 auto; }*/ .botaoAction { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; /*******************************************************/ -webkit-appearance: button; background-color: #008CBA; width: 147px; height: 37px; cursor: pointer; /*padding: 3px 3px 3px 3px;*/ padding: 10px 10px 10px 10px auto; color: white; /*font-weight: bold;*/ /*line-height: normal;*/ /**/ margin: 0 auto; border: 1px solid #cccccc; box-sizing: border-box; align-items: flex-start; text-align: center; user-select: none; white-space: pre; -webkit-rtl-ordering: logical; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; -webkit-writing-mode: horizontal-tb !important; } #menu-icon { /*display: hidden;*/ width: 40px; height: 40px; background: url(imagens/nav.png) center; } .lista-bairros { /*max-width: 242px;*/ width: 30%; display: table-cell; } .consulta-escola { /*max-width: 242px;*/ width: 60%; display: table-cell; } .combo-bairros { max-width: 242px; margin-bottom:10px; } .text-autosugest{ max-width: 436px; } .table-polos-escolas{ width: 100%; display: table; } .table-head-polos-escolas { display: table-cell; font-size: 8pt; padding: 2px; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-color: #cccccc; border-bottom-color: #cccccc; border-left-color: #cccccc; border-right-color: #cccccc; } .copyright { width: 100%; } .copyright-content { /*max-width: 862px;*/ } /*TELA FAÇA SUA INSCRICAO*/ /*#####################################################################################################################*/ .box-origem-aluno { max-width: 862px; margin: 0 auto; /*display: table;*/ } .ja-estudou { max-width: 376px; background-color: #f2f2f2; display: table-cell; padding: 18px; text-align: center; } .nao-estudou { max-width: 376px; background-color: #f2f2f2; display: table-cell; padding: 18px; text-align: center; } .box-pn { /*Estilo da borda*/ border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; /*Tamanho da borda*/ border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; /*Cor da borda*/ border-top-color: #d8d8d8; border-bottom-color: #d8d8d8; border-left-color: #d8d8d8; border-right-color: #d8d8d8; } .combo-ticket { width: 100%; height: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 100%; } .combo-origem { width: 100%; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 90%; } .combo-ano { width: 260px; } /*TELA INSCRICAO - PASSO 1*/ /*#####################################################################################################################*/ .formCadasto { max-width: 862px; margin: 0 auto; padding: 20px; } .formCadastoMargemInferior { margin-bottom: 20px; } /*#fieldPolos{ display: none; }*/ #fieldEscolas { /*display: none;*/ } .row-buscar-codigo-aluno { max-width: 862px; margin: 24px 10px 14px auto; vertical-align: middle; text-align: left; } .img-link-buscar-aluno { background: url(imagens/lupaVerde.png) no-repeat top left; width: 32px; height: 32px; display: block; text-indent: -9999px; } .row-form-cadastro { max-width: 862px; margin: 0 auto; padding: 0; display: inline; } .campo-form-cadastro-80 { max-width: 862px; } .campo-form-cadastro-30 { max-width: 280px; } .campo-form-cadastro-50 { max-width: 431px; } .campo-form-cadastro-20 { max-width: 20%; } .campo-form-ddd { max-width: 56px; } .campo-form-telefone { max-width: 194px; } .campo-form-sexo-genero{ max-width: 500px; margin: 10px 0 10px 0; } .campo-form-sexo { max-width: 230px; margin: 0; text-align: left; } .campo-form-genero { max-width: 230px; margin: 0; text-align: left; visibility: hidden; } .campo-form-codigo-nome { max-width: 640px; margin: 10px 0 10px 0; } .campo-form-codigo { max-width: 230px; margin: 0; text-align: left; } .campo-form-nome { max-width: 400px; margin: 0; text-align: left; } .campo-form-redeorigem { max-width: 795px; margin: 0; text-align: left; } .article-codigo { margin: 0 0 10px 0; } .article-sexo { margin: 0 0 10px 0; } .aside-genero { margin: 0 0 10px 0; } .aside-nome { margin: 0 0 10px 0; } .row-composta { } .pad{ padding: 6px; vertical-align: top; } .tipodef-esquerda { max-width: 862px; } .tipodef-direita { max-width: 862px; } /*.table1 { max-width: 862px; margin: 0 auto; display: table; } .table-row1 { display: table-row; padding: 0px; } .table-cell1 { display: table-cell; padding: 0px; }*/ .titulo1 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-size: 16px; color: #0a4b7f; line-height: 1.6; font-weight: bolder; text-align: justify; text-rendering: optimizeLegibility; } .div-filiacao { max-width: 862px; display: table-row; } .div-filiacao-cell { width: 425px; display: table-cell; } .div-filiacao-espaco { width: 12px; display: table-cell; } .tabela { max-width: 862px; margin: 0 auto; display: inline-block; border: 3px solid white; } /* Definição de estilos para linha de cabeçalho da tabela*/ .cabecalho { text-align: center; text-rendering: optimizeLegibility; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; color: Snow; background: #008eb7; } /* Definição de estilos para coluna */ .primeiro { text-align: center; text-rendering: optimizeLegibility; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; background: #02467a; } /* Definição de estilos para coluna */ .ultimo { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; text-align: center; text-rendering: optimizeLegibility; background: #008cba; } /*Tabela da busca de código*/ /***********************************************************************************************************************/ #tbResultadoAluno { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border-collapse: collapse; width: 100%; } #tbResultadoAluno td, #tbResultadoAluno th { border: 1px solid #ddd; padding: 8px; } #tbResultadoAluno tr:nth-child(even) { background-color: #f2f2f2; } #tbResultadoAluno tr:hover { background-color: #ddd; } #tbResultadoAluno th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #008cba; color: white; } /*Tabela Resultado Listas Creche*/ /***********************************************************************************************************************/ #tbResultadoListaCreche { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border-collapse: collapse; width: 100%; } #tbResultadoListaCreche td, #tbResultadoListaCreche th { border: 1px solid #ddd; padding: 2px; } #tbResultadoListaCreche tr:nth-child(even) { background-color: #f2f2f2; } #tbResultadoListaCreche tr:hover { background-color: #ddd; } #tbResultadoListaCreche th { padding-top: 12px; padding-bottom: 12px; padding-left: 4px; padding-right: 4px; text-align: left; background-color: #008cba; color: white; } /*Formatação de campos para seleção de escolas*/ /***********************************************************************************************************************/ #pergunta-irmao-escola1 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola1 { display: table-cell; width: 280px; } #pergunta-responsavel-escola1 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola1 { display: table-cell; width: 280px; } /*Seleção Escola 1*/ #pergunta-irmao-escola2 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola2 { display: table-cell; width: 280px; } #pergunta-responsavel-escola2 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola2 { display: table-cell; width: 280px; } /*Seleção Escola 2*/ #pergunta-irmao-escola2 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola2 { display: table-cell; width: 280px; } #pergunta-responsavel-escola2 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola2 { display: table-cell; width: 280px; } /*Seleção Escola 3*/ #pergunta-irmao-escola3 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola3 { display: table-cell; width: 280px; } #pergunta-responsavel-escola3 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola3 { display: table-cell; width: 280px; } /*Seleção Escola 4*/ #pergunta-irmao-escola4 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola4 { display: table-cell; width: 280px; } #pergunta-responsavel-escola4 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola4 { display: table-cell; width: 280px; } /*Seleção Escola 5*/ #pergunta-irmao-escola5 { display: table-cell; width: 448px; } #cod-aluno-irmao-escola5 { display: table-cell; width: 280px; } #pergunta-responsavel-escola5 { display: table-cell; width: 448px; } #cod-aluno-responsavel-escola5 { display: table-cell; width: 280px; } /*DIV MODAL msg modal*/ /*#####################################################################################################################*/ .modalDialog { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 99999; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialog:target { opacity: 1; pointer-events: auto; } .modalDialog > div { max-width: 300px; position: relative; /*margin: 50% auto;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); /*background: -webkit-linear-gradient(#fff, #999);*/ background: -o-linear-gradient(#fff, #999); } .modalDialogCancelar { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 99998; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialogCancelar:target { opacity: 1; pointer-events: auto; } .modalDialogCancelar > div { max-width: 650px; position: relative; /*margin: 50% auto;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); /*background: -webkit-linear-gradient(#fff, #999);*/ background: -o-linear-gradient(#fff, #999); } .modalDialogSimNao { position: fixed; font-family: Arial, Helvetica, sans-serif; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 99997; opacity: 0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in; transition: opacity 400ms ease-in; pointer-events: none; } .modalDialogSimNao:target { opacity: 1; pointer-events: auto; } .modalDialogSimNao > div { max-width: 300px; position: relative; /*margin: 50% auto;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 5px 20px 13px 20px; border-radius: 10px; background: #fff; background: -moz-linear-gradient(#fff, #999); /*background: -webkit-linear-gradient(#fff, #999);*/ background: -o-linear-gradient(#fff, #999); } .close { background: #606061; color: #FFFFFF; line-height: 25px; position: absolute; right: -12px; text-align: center; top: -10px; width: 24px; text-decoration: none; font-weight: bold; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000; } .close:hover { background: #00d9ff; } /*****AUTO COMPLETE SUGGESTION*****/ #w { display: block; width: 750px; margin: 0 auto; padding-top: 30px; } #content { display: block; width: 100%; background: #fff; padding: 25px 20px; padding-bottom: 35px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; } #searchfield { display: block; width: 100%; text-align: center; margin-bottom: 35px; } #searchfield form { display: inline-block; background: #eeefed; padding: 0; margin: 0; padding: 5px; border-radius: 3px; margin: 5px 0 0 0; } #searchfield form .biginput { width: 600px; height: 40px; padding: 0 10px 0 10px; background-color: #fff; border: 1px solid #c8c8c8; border-radius: 3px; color: #aeaeae; font-weight: normal; font-size: 1.5em; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #searchfield form .biginput:focus { color: #858585; } .flatbtn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; outline: 0; border: 0; color: #f3faef; text-decoration: none; background-color: #6bb642; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); font-size: 1.2em; font-weight: bold; padding: 12px 22px 12px 22px; line-height: normal; text-align: center; vertical-align: middle; cursor: pointer; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0,0,0,0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); -moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3); } .flatbtn:hover { color: #fff; background-color: #73c437; } .flatbtn:active { -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1); } .btn-reservar { color: #fff; background-color: #008cba; border-color: #2e6da4; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; } .autocomplete-suggestion { padding: 10px 5px; font-size: 10pt; white-space: nowrap; overflow: hidden; } .autocomplete-selected { background: #f0f0f0; } .autocomplete-suggestions strong { font-weight: normal; color: #3399ff; } /*************************************/ /*****TABELA RESPONSIVA*****/ /*#div-polosEscolas { visibility: hidden; }*/ #rt1 { font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; border-collapse: collapse; width: 100%; } .rt { width: 100%; font-size: 9pt;/*12*/ line-height: 18px;/*15*/ border-collapse: collapse; border-spacing: 0; } .rt th, .rt td { margin: 0; padding: 0;/*10*/ vertical-align: top; border: 1px solid #babcbf; padding: 4px; } .rt th { text-align: left; padding: 4px; } #rt1 td, th {padding: 4px; } #rt1 tr:nth-child(even) { background-color: #f2f2f2; } #rt1 tr:hover { background-color: #ddd; } #rt1 th { padding: 4px; text-align: left; background-color: #008cba; color: white; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 400px; } /* The Close Button */ .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } /**************************/ /*FORMATAÇÃO PARA MOBILE*/ /*#####################################################################################################################*/ /*#####################################################################################################################*/ @media (max-width: 906px) { /*****TABELA RESPONSIVA*****/ /*#rt1 { display: block; position: relative; width: 100%; } #rt1 thead { display: block; float: left; } #rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } #rt1 thead tr { display: block; } #rt1 th { display: block; } #rt1 tbody tr { display: inline-block; vertical-align: top; } #rt1 td { display: block; min-height: 1.25em; }*/ .rt { font-size: 8pt; } #rt1 { display: block; position: relative; width: 100%; } #rt1 thead { display: block; float: none; } #rt1 tbody { display: -webkit-box; overflow-x: auto; } #rt1 th, #rt1 tr, #rt1 td { display: block; min-height: 18px; } .rt th { display: block; } .rt td { border-left: 0; border-right: 0; border-bottom: 0;}*/ /**************************/ input[type="checkbox" i] { margin: 0 6px auto; } body { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; margin: 0 auto; padding: 0; } header { width: 100%; border: 0 auto; height: 6px; } .render-header { width: 100%; max-width: 100%; /*border: 0 auto;*/ } header { width: 100%; max-width: 100%; } #header-inner { /*display: none;*/ /*max-width: 862px;*/ width: 100%; margin: 0 auto; text-align: center; } .banner { width: 100%; border: 0 auto; } #menu-icon { display: inline-block; float: right; } .banner-inner { width: 100%; margin: 0 auto; } .img-logo-banner { height: 62px; width: 90px; margin: 0 6px auto; display: none; } .text-logo-banner1 { font-size: 160%; position: absolute; top: 8px; left: 110px; } .text-logo-banner2 { font-size: 160%; position: absolute; top: 40px; left: 114px; } nav { /*float: right;*/ padding: 10px 10px 0px 0px; } nav ul, nav:active ul { display: none; z-index: 1000; position: absolute; padding: 20px; background: #fff; right: 20px; top: 60px; border: 1px solid #008eb7; border-radius: 2px 0 2px 2px; width: 50%; } nav:hover ul { display: block; } nav li { text-align: center; width: 100%; padding: 10px; } .sessao-two-column-inner-wrapper { /*float: left;*/ max-width: 100%; width: 100%; margin: 0 auto; } .opcao_duvidas { width: 100%; max-width: 100%; font-size: 110%; } .inscricao { width: 100%; max-width: 100%; font-size: 110%; } .consulta { width: 100%; max-width: 100%; font-size: 110%; } .consulta_resultado { width: 100%; max-width: 100%; font-size: 110%; } .divulgacao { width: 100%; max-width: 100%; font-size: 110%; } .img-banner { display: none; } .aside1 { display: none; } .article1 { float: left; margin: 0 auto; width: 100%; /*height: auto;*/ } .article2 { float: left; margin: 18px 0 auto; /*width: 30%;*/ height: auto; } /* .article3 { float: left; margin: 14px 0 auto; width: 100%; height: auto; }*/ .sessao-etapas { /*display: none;*/ width: 100%; margin: 0 auto; } .mapaDeNavegacao { max-width: 100%; width: 100%; margin: 0 auto; height: 25px; } .footer-render { } .footer-content{ width: 100%; margin: 0 auto; text-align: center; } .info-col { margin: 0 auto; padding: 0; } .sessao-menu-funcional2 { max-width: 100%; width: 100%; text-align: center; } .sessao-two-column-inner-wrapper2 { max-width: 100%; width: 100%; text-align: center; } .quadro-quem { float: left; width: 100%; } .div-grupamento-head { width: 100%; max-width: 100%; padding: 10px; height: 40px; vertical-align: middle; font-size: 94%; text-decoration: none; } .quadro-datas { float: right; width: 100%; } .div-grupamento { width: 100%; max-width: 100%; padding: 10px; } .div-resultado-head { width: 100%; max-width: 100%; padding: 10px; height: 40px; vertical-align: middle; font-size: 94%; text-decoration: none; } .div-resultado { width: 100%; max-width: 100%; padding: 10px; } /*button, .button { display: inline-block; }*/ .box-origem-aluno { max-width: 100%; width: 100%; margin: 0 auto; display: inline-block; } .ja-estudou { max-width: 340px; display: normal; } .nao-estudou { max-width: 340px; display: normal; } .formCadasto { /*max-width: 100%;*/ width: 100%; padding: 10px; } .row-buscar-codigo-aluno { width: 100%; } .row-form-cadastro { width: 100%; } .campo-form-cadastro-80 { width: 100%; } campo-form-cadastro-50 { width: 100%; } .campo-form-cadastro-30 { width: 100%; } .combo-ano { width: 100%; } .campo-form-sexo { max-width: 100%; width: 100%; float:left; } .campo-form-genero { max-width: 100%; width: 100%; float: right; visibility: hidden; } .campo-form-sexo-genero { width: 100%; } .article-sexo { width: 100%; float: left; } .aside-genero { width: 100%; float: right; margin: 10px 0; } /*.table1 { max-width: 862px; margin: 0 auto; display: inline-block; } .table-row1 { display: inline-block; padding: 0px; vertical-align: top; } .table-cell1 { display: normal; padding: 0px; }*/ .tipodef-esquerda { max-width: 100%; width: 100%; float: left; } .tipodef-direita { max-width: 100%; width: 100%; float: right; } .tabela { max-width: 862px; margin: 0 auto; display: inline-block; border: 3px solid white; } /* Definição de estilos para linha de cabeçalho da tabela*/ .cabecalho { text-align: center; text-rendering: optimizeLegibility; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; color: Snow; background: #008eb7; } /* Definição de estilos para coluna */ .primeiro { text-align: center; text-rendering: optimizeLegibility; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; background: #02467a; } /* Definição de estilos para coluna */ .ultimo { font: 11px Arial, sans-serif; text-align: center; background: #BCEE68; } /* Combo Bairro e TextBox Escola ou EDI */ .lista-bairros { width: 100%; display: table-row; float: left; } .consulta-escola { /*max-width: 242px;*/ width: 100%; display: table-row; float: right; } .combo-bairros { max-width: 100%; width: 100%; } .text-autosugest { max-width: 100%; width: 100%; } #div-filiacao{ width: 100%; } #div-filiacao1 { display: block; width: 100%; } #div-filiacao-espaco { display: none; } #div-filiacao2 { display: block; width: 100%; } } input.reset-input { width: 120px; display: inline-block; } /* tela de comprovante */ .blocoinscricao { background-color: #cbeaf9; color: #093270; margin-bottom: 5px; border-radius: 25px; } .blocoinscricao .numero { font-size: 40px; font-weight: bold; text-align:center; margin-bottom: 5px; } .blocoinscricao .comprovante { font-size: 16px; font-weight: bold; text-align: center; } .blocoaviso { background-color: #1c90be; color: #ffffff; text-align: center; margin-bottom: 5px; border-radius: 20px; font-size: 16px; font-weight: bold; } /* style.css by: Fat */ body, h1, h2, h3, h4, h5, h6 { font-family: Roboto, sans-serif; } p { font-family: Roboto-Bold, sans-serif; } .container, .col-md-12, .container-fluid { padding: 0; } /***** HEADER *****/ .wrapper { padding: 0; } .whrapper-buscar { display: flex; align-items: center; justify-content: space-between; } .logo { padding-left: 0; } .menu_topo { width: 100%; position: relative; height: 80px; background-color: #008FBE; display: flex; /* align-items: center; */ justify-content: center; } button.btn-link { display: none; } .whrapper_menu { /*background-color: #1BB5DA;*/ /*nova logo 2021*/ background-color: #005E96; height: 80px; } .menu_principal { width: 100%; position: relative; height: 80px; display: flex; align-items: center; } nav.header_menu, nav.second_menu { display: flex; height: 80px; } nav.header_menu ul, nav.second_menu ul { display: flex; max-width: 1140px; margin: auto; padding-right: 15px; padding-left: 15px; align-items: center; justify-content: center; } nav.header_menu ul li { /*padding: 10px;*/ padding: 10px 5px; /*margin-right: 10px;*/ margin-right: 5px; list-style: none; font-family: Roboto, sans-serif; } nav.header_menu ul li a { color: white; margin: 0 1px; text-decoration: none; /*font-size: 16px;*/ font-size: 15px; font-weight: 700; } nav.header_menu ul li a:hover { color: #c8eff8; outline: 0; } /*SECOND MENU*/ nav.second_menu ul li { list-style: none; } nav.second_menu ul li a { margin: 0 16px; text-decoration: none; font-weight: 700; color: #028FBE; font-size: 15px; min-height: 48px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 5px; min-width: 95px; /*font-size: 0.714em; text-transform: uppercase; font-family: 'Gotham-Bold', sans-serif; color: #028FBE;*/ } nav.second_menu ul li a:hover { background: #028fbe; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: white; } /* The Modal (background) */ .modalPreInscricaoMSG { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.6); /* Black w/ opacity */ } /* Modal Content */ .modalPreInscricaoMSG-content { background-color: #fefefe; margin: auto; padding: 20px; border: 2px solid #fff; width: 600px; background: #028fbe; padding: 13px; margin-top: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; /*min-height: 75px;*/ /*display: flex;*/ /*align-items: center;*/ /*justify-content: center;*/ margin-bottom: 0px; font-size: 18px; font-family: 'Gotham-Bold', sans-serif; color: #fff; } .box-educacao h3 { background: #028fbe; padding: 13px; margin-top: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; min-height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 0px; font-size: 16px; font-family: 'Gotham-Bold', sans-serif; } /* The Close Button */ .closePreInscricaoMSG { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .closePreInscricaoMSG:hover, .closePreInscricaoMSG:focus { color: #000; text-decoration: none; cursor: pointer; } @media (max-width: 768px) { nav.second_menu ul li a { /*color: white; width: 100%; display: block; min-height: initial; text-align: left;*/ color: white; justify-content: flex-start; margin: 0 15px; display: flex; width: 100%; } nav.second_menu ul li a:hover { background: transparent; color: #028fbe; } } /*@media (max-width: 768px) { nav.second_menu ul li a:hover { background: transparent; color: #028fbe; } }*/ /*nav.second_menu ul a:hover { color: white; text-decoration: none; }*/ /*Fim Second Menu*/ /***** FIM HEADER *****/ .title-item h1 { color: gray; padding-top: 20px; font-weight: 300; font-family: Roboto-Light, sans-serif; } .box-list, .lista { display: flex; justify-content: space-between; } .img-background img { width: 100%; opacity: .2; } .section-full { margin-bottom: 20px; background-repeat: repeat; } a.link-item { display: contents; text-decoration: none; } .matricula-carioca { background: #028fbe; text-align: center; /*margin-right: 25px;*/ height: 126px; } h3.color-blue { color: #0000ab; text-transform: uppercase; font-weight: bold; font-size: 60px; } h3.color-white { color: white; text-transform: uppercase; font-weight: bold; font-size: 80px; } /* Topo */ .section-img-top { position: absolute; background-image: url("imagens/detalhe-topo-opcao2.png"); height: 341px; background-repeat: no-repeat; background-size: cover; background-position: top center; width: 100%; z-index: -1; } .box-fazer-inscricao, .box-consultar-inscricao, .box-resultados-creche, .box-consultar-ticket { padding: 0px 30px; text-align: center; margin-right: 25px; color: white; background: #028FBE; border-radius: 8px; box-shadow: 0px 0px 10px grey; max-width: 190px; height: 102px; display: flex; align-items: center; justify-content: center; } .box-fazer-inscricao { border-top: 10px solid #D5EDFA; border-bottom: 10px solid #D5EDFA; margin-left: 25px; } .box-consultar-inscricao { border-top: 10px solid #007CA9; border-bottom: 10px solid #007CA9; } .box-resultados-creche { border-top: 10px solid #14AACC; border-bottom: 10px solid #14AACC; } .box-consultar-ticket { border-top: 10px solid #007CA9; border-bottom: 10px solid #007CA9; display: none; } .box-fazer-inscricao h3 a, .box-consultar-inscricao h3 a, .box-resultados-creche h3 a, .box-consultar-ticket h3 a { color: white; margin: 15px auto; font-family: 'Gotham-Bold', sans-serif; font-size: 19px; /* original 22px alterado para 19px por causa da palavra pré-inscrição*/ min-height: 48px; min-width: 130px; } .box-fazer-inscricao h3:hover a, .box-consultar-inscricao h3 a:hover, .box-resultados-creche h3 a:hover, .box-consultar-ticket h3 a:hover { color: #09336F; } .wrapper-box a:hover { text-decoration: none; } /*Seção de Educação*/ .wrapper-box { background: #CBEAF9; height: 126px; padding-left: 15px; padding-right: 15px; display: flex; align-items: center; justify-content: space-between; } .section-educacao { display: block; } .wrapper-data { width: 50%; } .wrapper-data span.number-1, .wrapper-data p.text-1 { color: #028FBE; font-family: 'Gotham-Bold', sans-serif; } .wrapper-data span.number-1 { font-size: 34px; } .wrapper-data p.text-1 { font-size: 18px; } .wrapper-data span.number-2, .wrapper-data p.text-2 { color: white; font-family: 'Gotham-Bold', sans-serif; } .wrapper-data span.number-2 { font-size: 34px; } .wrapper-data p.text-2 { font-size: 18px; } .content-educacao, .content-saiba-mais { display: flex; justify-content: center; } .content-educacao { background-color: #7DCEF0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; min-height: 120px; background-image: url("imagens/bg-box-datas-full.png"); background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; background-position: center; } .box-educacao { padding: 30px; padding-left: 0; padding-right: 0; background: #a5dbf4; text-align: center; margin-right: 30px; color: white; padding-top: 0px; border-radius: 8px; box-shadow: 0px 0px 10px grey; border-radius: 15px; width: 18.4%; margin-right: 2%; width: 22%; margin-right: 4%; z-index: 9; padding-bottom: 0px; } /*.pao-de-acucar { background-image: url("http://127.0.0.1/asp.net/bootstrap-4-3-1/prefeitura/prefeitura/images/hero-bg.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 300px; }*/ .section-new-footer { background-image: url("imagens/detalhe-rodape.png"); height: 404px; background-repeat: no-repeat; background-size: cover; background-position: bottom center; width: 100%; } .img-prefeitura { text-align: right; position: relative; top: 240px; } .pao-de-acucar { height: 460px; } .pao-de-acucar.mobile { display: none; } .pao-de-acucar img { width: 100%; position: relative; top: -100px; z-index: -1; } .last-child { margin-right: 0; } /*SAIBA MAIS*/ .section-saiba-mais { display: none; } .calendario, .saiba-mais, .duvidas { background-image: linear-gradient(to right, #7ebce3, #0e71b4); text-align: center; border-radius: 25px; margin-bottom: 30px; } .calendario img, .saiba-mais img, .duvidas img { float: left; position: relative; padding: 7px 17px; margin-right: -51px; } /* css - para + */ .calendario img.calendario-retrair.first-child, .saiba-mais img.saiba-mais-retrair.first-child, .duvidas img.duvidas-retrair.first-child { display: block; } .calendario img.calendario-expandir.second-child, .saiba-mais img.saiba-mais-expandir.second-child, .duvidas img.duvidas-expandir.second-child { display: none; } .calendario.esconder-retrair img.calendario-expandir, .saiba-mais.esconder-retrair img.saiba-mais-expandir, .duvidas.esconder-retrair img.duvidas-expandir { display: block; } .calendario.esconder-retrair img.calendario-retrair, .saiba-mais.esconder-retrair img.saiba-mais-retrair, .duvidas.esconder-retrair img.duvidas-retrair { display: none; } .calendario.esconder-retrair.mostrar-expandir img.calendario-expandir, .saiba-mais.esconder-retrair.mostrar-expandir img.saiba-mais-expandir, .duvidas.esconder-retrair.mostrar-expandir img.duvidas-expandir { display: none; } .calendario.esconder-retrair.mostrar-expandir img.calendario-retrair, .saiba-mais.esconder-retrair.mostrar-expandir img.saiba-mais-retrair, .duvidas.esconder-retrair.mostrar-expandir img.duvidas-retrair { display: block; } /* Mobile max 768px + para - */ @media (max-width: 768px) { .section-educacao { display: block; } .section-educacao.row.box-educacao { display: block; width: 100% !important; } .calendario img.calendario-retrair.first-child { display: none;display: block; } .calendario img.calendario-expandir.second-child { display: block;display: none; } .calendario.esconder-retrair img.calendario-expandir, .saiba-mais.esconder-retrair img.saiba-mais-expandir, .duvidas.esconder-retrair img.duvidas-expandir { display: none;display: block; } .calendario.esconder-retrair img.calendario-retrair, .saiba-mais.esconder-retrair img.saiba-mais-retrair, .duvidas.esconder-retrair img.duvidas-retrair { display: block;display: none; } .calendario.esconder-retrair.mostrar-expandir img.calendario-expandir, .saiba-mais.esconder-retrair.mostrar-expandir img.saiba-mais-expandir, .duvidas.esconder-retrair.mostrar-expandir img.duvidas-expandir { display: block;display: none; } .calendario.esconder-retrair.mostrar-expandir img.calendario-retrair, .saiba-mais.esconder-retrair.mostrar-expandir img.saiba-mais-retrair, .duvidas.esconder-retrair.mostrar-expandir img.duvidas-retrair { display: none;display: block; } } /* css + para - */ .calendario img.calendario-expandir.first-child, .saiba-mais img.saiba-mais-expandir.first-child, .duvidas img.duvidas-expandir.first-child { display: block; } .calendario img.calendario-retrair.second-child, .saiba-mais img.saiba-mais-retrair.second-child, .duvidas img.duvidas-retrair.second-child { display: none; } .calendario.esconder-expandir img.calendario-expandir, .saiba-mais.esconder-expandir img.saiba-mais-expandir, .duvidas.esconder-expandir img.duvidas-expandir { display: none; display: block; } .calendario.esconder-expandir img.calendario-retrair, .saiba-mais.esconder-expandir img.saiba-mais-retrair, .duvidas.esconder-expandir img.duvidas-retrair { display: block; display: none; } .calendario.esconder-expandir.mostrar-retrair img.calendario-expandir, .saiba-mais.esconder-expandir.mostrar-retrair img.saiba-mais-expandir, .duvidas.esconder-expandir.mostrar-retrair img.duvidas-expandir { display: block; display: none; } .calendario.esconder-expandir.mostrar-retrair img.calendario-retrair, .saiba-mais.esconder-expandir.mostrar-retrair img.saiba-mais-retrair, .duvidas.esconder-expandir.mostrar-retrair img.duvidas-retrair { display: none; display: block; } .calendario h2, .saiba-mais h2, .duvidas h2 { color: white; padding-top: 5px; padding-bottom: 5px; font-size: 20px; } .box-saiba-mais { background: white; margin-bottom: 20px; text-align: center; } .box-saiba-mais h3 { min-height: 75px; text-align: center; } .box-saiba-mais img { border-radius: 50%; width: 120px; } /*Duvidas*/ .section-duvidas { /*display: none;*/ margin-bottom: 30px; } .box-duvidasInterno { background: #29b4d8; color: white; border-radius: 15px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-width: 200px; width: 31% !important; margin: 0 1%; width: 48% !important; } .box-duvidasInterno.background-whatsapp { background: #008FBE; min-height: 110px; } .box-duvidasInterno.background-1746 { background: #008FBE; min-height: 110px; } .agrupa-icone-texto { display: flex; align-items: center; justify-content: center; gap: 20px; } img.icone-whatsapp { width: 50px; height: auto; margin-top: 20px; margin-bottom: 10px; } img.icone-1746 { width: 80px; height: auto; margin-top: 20px; margin-bottom: 10px; } .row.creditos { margin-right: initial; margin-left: initial; } @media(max-width: 991px) { .box-duvidasInterno { width: 96% !important; margin-right: 0%; margin-bottom: 25px; margin-left: 2%; } } .box-duvidas1 { background: #29b4d8; color: white; border-radius: 15px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-width: 300px; width: 30%; margin-right: 5%; } .box-duvidas2 { background: #5ac2e2; color: white; border-radius: 15px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-width: 300px; width: 30%; margin-right: 5%; } .box-duvidas3 { background: #14aacc; color: white; border-radius: 15px; text-align: center; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; min-width: 300px; width: 30%; } .box-duvidas1:hover, .box-duvidas2:hover, .box-duvidas3:hover { background: #09336f; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .box-duvidas h2, .box-duvidas h3 { text-align: center; } .box-duvidas h2 { font-size: 30px; } .box-duvidas h3 { font-size: 18px; margin-top: 0; } /*Educação*/ .box-educacao h3 { background: #028fbe; padding: 13px; margin-top: 0; border-top-right-radius: 15px; border-top-left-radius: 15px; min-height: 99px; display: flex; align-items: center; justify-content: center; margin-bottom: 0px; font-size: 16px; font-family: 'Gotham-Bold', sans-serif; min-height: 115px; } .section-saiba-mais h3 { color: #028fbe; } .section-saiba-mais h3:hover { color: #09336f; } .box-item { display: block; background: green; color: white; margin-right: 10px; text-align: center; margin-bottom: 15px; padding: 5px 25px 5px 25px; background-color: #ececec; max-width: 11.2%; border: 1px solid #ececec; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; } .box-item:hover { border: 1px solid #1bb5d9; -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; -o-transition: .3s ease-out; transition: .3s ease-out; } .box-item img { width: 40px; } .box-item p { color: #777777; font-size: .75em; margin-bottom: 0px; font-weight: bold; } .slides { margin-top: 20px; margin-bottom: 30px; } span.rio { font-size: 27px; font-weight: bold; color: black; } /***** SECTION BLOG *****/ .section-blog { margin-bottom: 30px; } .section-blog .title { font-size: 27px; } .section-blog .post-thumbnail-large h3 { font-size: 27px; color: black; } .post-thumbnail-large img { width: 100%; } /***** SECTION PORTAIS *****/ .section-portais { height: 50vh; color: #f3f3f3; } /***** FOOTER *****/ .links-footer { background-color: #e7e7e7; height: 115px; display: flex; align-items: center; } nav.footer-menu ul { text-align: center; } nav.footer-menu li { list-style: none; } nav.footer-menu li:before { content: '/'; } nav.footer-menu li:after { content: '/'; } nav.footer-menu li a { font-size: 0.9em; font-weight: 700; color: #626262; text-decoration: none; } .footer { background: #1BB5DA; color: white; display: inline-block; text-align: center; width: 100%; height: auto; } .footer img { width: 100px; display: block; margin: auto; text-align: center; padding-top: 25px; padding-bottom: 15px; } /***** FIM *****/ /* max 1199px */ @media (max-width: 1199px) { .box-fazer-inscricao, .box-consultar-inscricao, .box-resultados-creche, .box-consultar-ticket { max-width: 156px; } .box-fazer-inscricao h3, .box-consultar-inscricao h3, .box-resultados-creche h3 { min-width: 90px; } /*Duvidas*/ .box-duvidas1, .box-duvidas2 { margin-right: 3.33%; } } /* max 991px */ @media (max-width: 991px) { .box-fazer-inscricao, .box-consultar-inscricao, .box-resultados-creche, .box-consultar-ticket { max-width: 220px; } .box-fazer-inscricao h3, .box-consultar-inscricao h3, .box-resultados-creche h3 { min-width: 150px; } /*Seção de Educação*/ .box-educacao { width: 100%!important; margin-bottom: 25px; } .box-educacao.second-child { margin-right: 0%; } /*Duvidas*/ .box-duvidas1, .box-duvidas2, .box-duvidas3 { width: 100%; margin-right: 0%; margin-bottom: 25px; } } @media (max-width: 991px) { .wrapper-box { justify-content: center; display: flex; align-items: center; height: auto; padding: 5px 0; } } @media (max-width: 906px) { .wrapper-box { justify-content: center; display: flex; align-items: center; height: auto; background: none; padding: 5px 0; } } /* Mobile max 768px */ @media (max-width: 768px) { .wrapper-box { padding-left: 15px; padding-right: 15px; display: block; height: auto; padding-bottom: 20px; padding-top: 5px; background: none; } .container.section-second-menu { width: 100%; } .menu_topo { display: none; } button.btn-link { display: block; position: relative; /*right: -168px; */ position: absolute; right: 0%; } .section-second-menu { padding-left: 0px !important; padding-right: 0px !important; } nav.second_menu { display: none; height: auto; } nav.second_menu a { color: white; } nav.second_menu ul { display: block; max-width: 1140px; margin: auto; /*padding-right: 15px;*/ /*padding-left: 15px;*/ background: #028fbe; Z-INDEX: 999999; POSITION: relative; COLOR: WHITE; WIDTH: 100%; padding-right: 0px; padding-left: 0px; } nav.second_menu ul li { color: white; margin-left: 0px; margin-right: 0px; border-bottom: 1px solid white; width: 100%; } nav.second_menu ul li:hover { background: white; color: #028fbe; } .matricula-carioca { margin-right: 0px; /*margin-right: -15px;*/ margin-right: -9px; margin-left: 0px; /*margin-left: -15px;*/ margin-left: -9px; padding-left: 0; padding-right: 0; } h3.color-white { font-size: 45px; margin-top: 0; margin-bottom: 0; } h3.color-blue { padding-top: 10px; font-size: 35px; } .wrapper-box { background: #CBEAF9; /*height: 126px;*/ padding-left: 15px; padding-right: 15px; display: block; align-items: center; justify-content: space-between; } /*.wrapper-box { padding-left: 15px; padding-right: 15px; display: block; height: auto; padding-bottom: 20px; padding-top: 5px; background: none; }*/ .box-consultar-inscricao, .box-fazer-inscricao, .box-resultados-creche { margin-right: 0; margin-top: 20px; width: 100%; margin-left: 0; } .box-consultar-inscricao h3, .box-fazer-inscricao h3, .box-resultados-creche h3 { font-size: 20px; min-height: initial; } .box-fazer-inscricao { max-width: initial; } .box-consultar-inscricao { max-width: initial; } .box-resultados-creche { max-width: initial; } .box-educacao { width: 100%; margin-bottom: 20px; } .calendario { cursor: pointer; } .calendario h2 { padding-top: 5px; margin-bottom: 30px; font-size: 20px; } .container { padding-left: 15px; padding-right: 15px; } nav.header_menu ul { display: none; } .box-list, .lista, .box-item { display: flex; max-width: 100%; width: 100%; align-items: start; overflow: -webkit-paged-x; } .box-item img { width: 34px; } .footer { padding-left: 7%; padding-right: 7%; } .section-new-footer { height: 156px; background-size: contain; } .img-prefeitura { top: auto; } } @media (max-width: 767px) { .matricula-carioca { margin-right: 0px; margin-left: 0px; } } /* Mobile max 480px */ @media (max-width: 480px) { .matricula-carioca img { padding: 20px; max-width: 60%; } .box-resultados-creche { z-index: 9; position: relative; } .pao-de-acucar { display: none; } .pao-de-acucar.mobile { display: block; height: 130px; } .section-new-footer { background-image: url("imagens/detalhe-rodape-v-mobile-480.png"); height: 164px; background-repeat: no-repeat; top: 85px; display: block; position: relative; } .img-prefeitura { text-align: center; bottom: 60px; display: block; } } /* Mobile max 320px */ @media (max-width: 320px) { button.btn-link { /*right: -120px;*/ right: 0%; } .matricula-carioca img { width: 100%; } .pao-de-acucar.mobile { height: 60px; } .section-new-footer { background-image: url("imagens/detalhe-rodape-v-mobile.png"); height: auto; background-repeat: no-repeat; top: 113px; display: block; position: relative; } .img-prefeitura { bottom: 113px; } } .wrapper { display: block; } #sidebar { min-width: 250px; max-width: 250px; height: 100vh; position: fixed; top: 0; left: 0; /* top layer */ z-index: 9999; } .overlay { display: none; position: fixed; /* full screen */ width: 100vw; height: 100vh; /* transparent black */ background: rgba(0, 0, 0, 0.7); /* middle layer, i.e. appears below the sidebar */ z-index: 998; opacity: 0; /* animate the transition */ transition: all 0.5s ease-in-out; } /* display .overlay when it has the .active class */ .overlay.active { display: block; opacity: 1; } #dismiss { width: 35px; height: 35px; position: absolute; /* top right corner of the sidebar */ top: 10px; right: 10px; } /* modificacoes calendario em 19-05-2022 */ .wrapper-data-100 { width: 100%; } .wrapper-data-100 span.text_1_maior, .wrapper-data-100 p.text_1_menor { color: #028FBE; font-family: 'Gotham-Bold', sans-serif; } .wrapper-data-100 span.text_1_maior { font-size: 34px; } .wrapper-data-100 p.text_1_menor { font-size: 18px; } .wrapper-data-100 span.text_2_maior, .wrapper-data-100 p.text_2_menor { color: white; font-family: 'Gotham-Bold', sans-serif; } .wrapper-data-100 span.text_2_maior { font-size: 34px; } .wrapper-data-100 p.text_2_menor { font-size: 18px; } @font-face { font-family: 'Gotham-Light'; src: url('fonts/gotham/GothamLight.eot'); src: local('Gotham Light'), local('GothamLight'), url('fonts/gotham/GothamLight.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamLight.woff2') format('woff2'), url('fonts/gotham/GothamLight.woff') format('woff'), url('fonts/gotham/GothamLight.ttf') format('truetype'), url('fonts/gotham/GothamLight.svg#GothamLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gotham-Black'; src: url('fonts/gotham/GothamBlack.eot'); src: local('Gotham Black'), local('GothamBlack'), url('fonts/gotham/GothamBlack.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamBlack.woff2') format('woff2'), url('fonts/gotham/GothamBlack.woff') format('woff'), url('fonts/gotham/GothamBlack.ttf') format('truetype'), url('fonts/gotham/GothamBlack.svg#GothamBlack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham-Medium'; src: url('fonts/gotham/GothamMedium.eot'); src: local('Gotham Medium'), local('GothamMedium'), url('fonts/gotham/GothamMedium.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamMedium.woff2') format('woff2'), url('fonts/gotham/GothamMedium.woff') format('woff'), url('fonts/gotham/GothamMedium.ttf') format('truetype'), url('fonts/gotham/GothamMedium.svg#GothamMedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gotham-Ultra'; src: url('fonts/gotham/GothamUltra.eot'); src: local('Gotham Ultra'), local('GothamUltra'), url('fonts/gotham/GothamUltra.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamUltra.woff2') format('woff2'), url('fonts/gotham/GothamUltra.woff') format('woff'), url('fonts/gotham/GothamUltra.ttf') format('truetype'), url('fonts/gotham/GothamUltra.svg#GothamUltra') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gotham-Black-Italic'; src: url('fonts/gotham/GothamBlack-Italic.eot'); src: local('Gotham Black Italic'), local('GothamBlack-Italic'), url('fonts/gotham/GothamBlack-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamBlack-Italic.woff2') format('woff2'), url('fonts/gotham/GothamBlack-Italic.woff') format('woff'), url('fonts/gotham/GothamBlack-Italic.ttf') format('truetype'), url('fonts/gotham/GothamBlack-Italic.svg#GothamBlack-Italic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham-Thin-Italic'; src: url('fonts/gotham/GothamThin-Italic.eot'); src: local('Gotham Thin Italic'), local('GothamThin-Italic'), url('fonts/gotham/GothamThin-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamThin-Italic.woff2') format('woff2'), url('fonts/gotham/GothamThin-Italic.woff') format('woff'), url('fonts/gotham/GothamThin-Italic.ttf') format('truetype'), url('fonts/gotham/GothamThin-Italic.svg#GothamThin-Italic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Gotham-ExtraLight-Italic'; src: url('fonts/gotham/GothamExtraLight-Italic.eot'); src: local('Gotham ExtraLight Italic'), local('GothamExtraLight-Italic'), url('fonts/gotham/GothamExtraLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamExtraLight-Italic.woff2') format('woff2'), url('fonts/gotham/GothamExtraLight-Italic.woff') format('woff'), url('fonts/gotham/GothamExtraLight-Italic.ttf') format('truetype'), url('fonts/gotham/GothamExtraLight-Italic.svg#GothamExtraLight-Italic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Gotham-Bold'; src: url('fonts/gotham/GothamBold.eot'); src: local('Gotham Bold'), local('GothamBold'), url('fonts/gotham/GothamBold.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamBold.ttf') format('truetype'), url('fonts/gotham/GothamBold.svg#GothamBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gotham-Thin'; src: url('fonts/gotham/GothamThin.eot'); src: local('Gotham Thin'), local('GothamThin'), url('fonts/gotham/GothamThin.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamThin.woff2') format('woff2'), url('fonts/gotham/GothamThin.woff') format('woff'), url('fonts/gotham/GothamThin.ttf') format('truetype'), url('fonts/gotham/GothamThin.svg#GothamThin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gotham-Light-Italic'; src: url('fonts/gotham/GothamLight-Italic.eot'); src: local('Gotham Light Italic'), local('GothamLight-Italic'), url('fonts/gotham/GothamLight-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamLight-Italic.woff2') format('woff2'), url('fonts/gotham/GothamLight-Italic.woff') format('woff'), url('fonts/gotham/GothamLight-Italic.ttf') format('truetype'), url('fonts/gotham/GothamLight-Italic.svg#GothamLight-Italic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gotham-ExtraLight'; src: url('fonts/gotham/GothamExtraLight.eot'); src: local('Gotham ExtraLight'), local('GothamExtraLight'), url('fonts/gotham/GothamExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamExtraLight.woff2') format('woff2'), url('fonts/gotham/GothamExtraLight.woff') format('woff'), url('fonts/gotham/GothamExtraLight.ttf') format('truetype'), url('fonts/gotham/GothamExtraLight.svg#GothamExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gotham-Medium-Italic'; src: url('fonts/gotham/GothamMedium-Italic.eot'); src: local('Gotham Medium Italic'), local('GothamMedium-Italic'), url('fonts/gotham/GothamMedium-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamMedium-Italic.woff2') format('woff2'), url('fonts/gotham/GothamMedium-Italic.woff') format('woff'), url('fonts/gotham/GothamMedium-Italic.ttf') format('truetype'), url('fonts/gotham/GothamMedium-Italic.svg#GothamMedium-Italic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gotham-Ultra-Italic'; src: url('fonts/gotham/GothamUltra-Italic.eot'); src: local('Gotham Ultra Italic'), local('GothamUltra-Italic'), url('fonts/gotham/GothamUltra-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamUltra-Italic.woff2') format('woff2'), url('fonts/gotham/GothamUltra-Italic.woff') format('woff'), url('fonts/gotham/GothamUltra-Italic.ttf') format('truetype'), url('fonts/gotham/GothamUltra-Italic.svg#GothamUltra-Italic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gotham-Bold-Italic'; src: url('fonts/gotham/GothamBold-Italic.eot'); src: local('Gotham Bold Italic'), local('GothamBold-Italic'), url('fonts/gotham/GothamBold-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/gotham/GothamBold-Italic.woff2') format('woff2'), url('fonts/gotham/GothamBold-Italic.woff') format('woff'), url('fonts/gotham/GothamBold-Italic.ttf') format('truetype'), url('fonts/gotham/GothamBold-Italic.svg#GothamBold-Italic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'GothamBook'; src: url('fonts/gotham/GothamBook.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Gotham-Book-Italic'; src: url('fonts/gotham/GothamBook-Italic.ttf'); font-weight: normal; font-style: italic; } .menu_principal nav, nav.second_menu { padding-top: 0px; } .box-origem-aluno label { font-family: 'Gotham-Medium', sans-serif; /*font-size: 28px;*/ /*font-size: 26px;*/ /*font-size: 24px;*/ /*font-size: 21px;*/ /*font-size: 1.857em;*/ /*font-size: 1.714em;*/ font-size: 1.5em; color: #028fb8; font-weight: normal; } .textoPesqusiaUsuario { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; font-size: 1.143em; font-weight: 500; } .menuPaginaPrincipal { padding: 10px 15px 10px 15px; margin-right: 10px; list-style: none; font-weight: bold; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 0.71em; text-transform: uppercase; font-family: "Gotham-Bold",sans-serif; color: #028fbe; } #lista-bairros{ padding-bottom:10px; } select#Id_MovimentacaoOrigem, select#Id_SerieAtributo { /*font-size: 16px;*/ color: #ffffff; background-image: url('imagens/seta-formulario.png'),linear-gradient(to right, #7ebce3, #0e71b4); border-radius: 0; height: auto; outline: none; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; font-family: 'Gotham-Medium',sans-serif; /*font-size: 24px;*/ /*font-size: 22px;*/ /*font-size: 20px;*/ /*font-size: 18px;*/ /*font-size: 1.571em;*/ /*font-size: 1.429em;*/ font-size: 1.286em; font-weight: 500; width: 100%; padding: 0.5rem 1.5rem 0.5rem 3rem; white-space: pre-line; } #Id_MovimentacaoOrigem option, #Id_SerieAtributo option { background: #bde4f7; color: #00516e !important; /*font-size: 18px;*/ /*font-size: 16px;*/ /*font-size: 13px;*/ /*font-size: 0.75em;*/ font-size: 0.929em; font-family: 'Gotham-Book',sans-serif; } #Id_MovimentacaoOrigem option:hover, #Id_SerieAtributo option:hover { background: #14aacc; color: #ffffff !important; } .imgSeleciona { vertical-align: text-bottom; height: 30px; } .box-origem-aluno input#dat_nascim { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; } .bordaFormCadastro span.seta { display: flex; align-items: center; vertical-align: middle; height: 48px; position: absolute; } .bordaFormCadastro .select-style img{ height: 15px; width: 15px; position: relative; left: 8px; top: -6px; } #divInscricao .mapaDeNavegacao { max-width: 862px; margin: 0 auto; height: 25px; top: 185px; left: 0px; /* font-family: 'Titan One', cursive; */ font: 16px/1.4 "myriad-pro-1", "myriad-pro-2", "Lucida Grande", Sans-Serif; font: 16px/1.4 "Gotham-Medium",sans-serif; /* color: #ff6215; */ color: #02467a; font-weight: bolder; text-align: right; /* border-bottom: solid 1px #DDDDDD; */ } #divInicio .botaoAction, #divInscricao .botaoAction { font-family: 'Gotham-Bold', sans-serif; color: #028fbe; /*font-size: 14px;*/ /*font-size: 17px;*/ /*font-size: 1em;*/ font-size: 1.214em; background-color: #afdde7; width: auto; border: 0; padding: 4px 20px; height: 45px; } .area-normal .obrigatorio { text-decoration: none; font-family: 'Gotham-Medium', sans-serif; /*font-size: small;*/ /*font-size: 13px;*/ font-size: 0.929em; color: #ff0000; margin: 0; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: green; /* corde fundo da option selecionada e ao passar o mouse */ color: red; /* cor da option ao passar o mouse e do item selecionado*/ } fieldset.formCadasto legend { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; width: initial; margin-bottom: 0; /*font-size: 21px;*/ font-size: 1.5em; font-weight: 500; } fieldset.formCadasto label { display:contents; } fieldset.formCadasto .campo-form-cadastro-80 label, fieldset.formCadasto .campo-form-ddd label, fieldset.formCadasto .campo-form-cadastro-20 label, fieldset.formCadasto .campo-form-cadastro-30 label { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; /*font-size: 14px;*/ /*font-size: 16px;*/ /*font-size: 1em;*/ font-size: 1.143em; font-weight: 500; } .campo-form-ddd { max-width: 60px!important; } fieldset.formCadasto .campo-form-cadastro-80 input#nome, fieldset.formCadasto .campo-form-cadastro-80 input#nome_responsavel, fieldset.formCadasto .campo-form-cadastro-80 input#num_fone_responsavel, fieldset.formCadasto .campo-form-cadastro-80 input#num_cel_responsavel, fieldset.formCadasto .campo-form-cadastro-80 input#email_inscr, fieldset.formCadasto .campo-form-cadastro-80 input#num_inscr_irmao, fieldset.formCadasto .campo-form-cadastro-20 input#CEP, fieldset.formCadasto .campo-form-cadastro-80 input#logradouro_endereco, fieldset.formCadasto .campo-form-cadastro-30 input#NumeroEndereco, fieldset.formCadasto .campo-form-cadastro-30 input#ComplementoEndereco, fieldset.formCadasto .campo-form-cadastro-80 input#bairro_endereco, fieldset.formCadasto .campo-form-cadastro-30 input#cidade_endereco, fieldset.formCadasto .campo-form-cadastro-30 input#uf_endereco { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; font-size: 0.929em; font-weight: 500; } fieldset.formCadasto .campo-form-cadastro-30 input#uf_endereco { min-width: 40px; } fieldset.formCadasto .div-filiacao input#nom_mae, fieldset.formCadasto .div-filiacao input#dat_nascim_filiacao1, fieldset.formCadasto .div-filiacao input#nom_pai { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; font-size: 0.929em; font-weight: 500; } fieldset.formCadasto .campo-form-ddd input#ddd_fone_responsavel, fieldset.formCadasto .campo-form-ddd input#ddd_cel_responsavel { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; font-size: 0.929em; font-weight: 500; } fieldset.formCadasto .article-sexo label, fieldset.formCadasto .div-filiacao label { font-family: 'Gotham-Medium', sans-serif; color: #028fb8; /*font-size: 14px;*/ /*font-size: 16px;*/ /*font-size: 1em;*/ font-size: 1.143em; font-weight: 500; } fieldset.formCadasto .article-sexo .combo-origem, fieldset.formCadasto .campo-form-cadastro-80 .campo-form-cadastro-50, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioImediata_0, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioAlocacao_0, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioAlocacao_1, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_0, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_1, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_2, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_3, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_4, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_5, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_6, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_7, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_8, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_9, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosPoloDeficiente, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosPoloDefasado, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola1, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola2, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola3, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola4, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola5 { font-family: 'Gotham-Medium', sans-serif; color: #ffffff; background-image: url('imagens/seta-formulario.png'), linear-gradient(to right, #7ebce3, #0e71b4); height: auto; outline: none; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; /*font-size: 14px;*/ /*font-size: 16px;*/ /*font-size: 1em;*/ font-size: 1.143em; font-weight: 500; width: 100%; padding: 0.5rem 1.5rem 0.5rem 3rem; white-space: pre-line; } fieldset.formCadasto .article-sexo .combo-origem option, fieldset.formCadasto .campo-form-cadastro-80 .campo-form-cadastro-50 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioImediata_0 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioAlocacao_0 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioAlocacao_1 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_0 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_1 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_2 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_3 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_4 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_5 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_6 option, fieldset.formCadasto .campo-form-cadastro-80 #RespostaQuestionarioCreche_7 option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosPoloDeficiente option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosPoloDefasado option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola1 option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola2 option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola3 option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola4 option, fieldset.formCadasto .campo-form-cadastro-80 #ddlBairrosEscola5 option { background: #bde4f7; color: #00516e !important; font-family: 'Gotham-Book',sans-serif; /*font-size: 0.75em;*/ font-size: 0.929em; font-weight: 400; } fieldset.formCadasto .campo-form-cadastro-80 #rt1 { font-family: 'Gotham-Book', sans-serif; } .campo-form-sexo-genero, .campo-form-cadastro-80 { max-width: 100%; } .campo-form-sexo-genero span.seta, .campo-form-cadastro-80 span.seta { display: flex; align-items: center; vertical-align: middle; height: 48px; position: absolute; } .campo-form-sexo-genero .select-style img, .campo-form-cadastro-80 .select-style img { height: 15px; width: 15px; position: relative; left: 8px; top: -8px; } /* section #footer */ section#footer .article-footer .footer-render .small-12.medium-12.large-12.columns { /*font-size: 22px!important;*/ font-size: 1.571em!important; color: #028fb8!important; font-family: 'Gotham-Bold',sans-serif!important; text-align: center!important; } section#footer .article-footer .footer-content { background-color: #afdde7; } section#footer .article-footer .info-link { /*font-size: 14px;*/ font-size: 1em; font-family: 'Gotham-Bold',sans-serif; color: #ffffff; background-image: linear-gradient(to right, #7ebce3, #0e71b4); border-radius: 15px; min-height: 109px; display: flex; align-items: center; justify-content: center; } section#footer .article-footer .info-link a { color: #ffffff; } section#footer .article-footer .info-link a:hover { color: #09336F; text-decoration: none; } /* section #copyright */ section#copyright .copyright .copyright-content .small-12.medium-12.large-12.columns { /*font-size: 12px!important;*/ font-size: 0.857em!important; color: #028fb8!important; font-family: 'Gotham-Bold',sans-serif!important; } /* table */ table { overflow-x: scroll; } .table-polos-escolas { min-height: .01%; overflow-x: auto; display: block!important; } .table-polos-escolas table { border-collapse: collapse; border-spacing: 0; } .table-polos-escolas table { background-color: transparent; } #rt1 { width: 100%; max-width: 100%; margin-bottom: 20px; } #rt1 thead { display: table-header-group!important; vertical-align: middle; border-color: inherit; } #rt1 tr { display: table-row!important; vertical-align: inherit; border-color: inherit; } #rt1 th, #rt1 td { display: table-cell!important; vertical-align: inherit; } #rt1 td, #rt1 th { padding: 0; } #rt1 th { text-align: left; } #rt1>tbody>tr>td, #rt1>tbody>tr>th, #rt1>tfoot>tr>td, #rt1>tfoot>tr>th, #rt1>thead>tr>td, #rt1>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } #rt1>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table-polos-escolas>#rt1>tbody>tr>td, .table-polos-escolas>#rt1>tbody>tr>th, .table-polos-escolas>#rt1>tfoot>tr>td, .table-polos-escolas>#rt1>tfoot>tr>th, .table-polos-escolas>#rt1>thead>tr>td, .table-polos-escolas>#rt1>thead>tr>th { white-space: nowrap; } #rt1>caption+thead>tr:first-child>td, #rt1>caption+thead>tr:first-child>th, #rt1>colgroup+thead>tr:first-child>td, #rt1>colgroup+thead>tr:first-child>th, #rt1>thead:first-child>tr:first-child>td, #rt1>thead:first-child>tr:first-child>th { border-top: 0; } .table-polos-escolas tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } /* início da área do footer */ .section-new-footer { display: flex; } .destaque { font-size: 1.30em; } @media (max-width: 768px) { .section-new-footer { display: flow-root; } } @media (max-width: 480px) { .section-new-footer { display: flex; } } figure { margin: 190px 0 0!important; } @media (max-width: 768px) { figure { margin: initial!important; } } .img-prefeitura { text-align: right; position: relative; /*top: 240px;*/ top: initial; align-items: center; display: flex; justify-content: flex-end; } @media (max-width: 480px) { .img-prefeitura { display: initial; } } /* fim da área do footer */ @media (max-width: 992px) { .col-md-4.logo .logo_principal img { max-width: initial!important; } nav.header_menu ul { /*display: flex; max-width: 1140px; margin: auto;*/ padding-right: 15px!important; padding-left: 15px!important; position: relative; width: 100%; background: transparent; } nav.second_menu ul, nav.second_menu:active ul { position: relative; width: 100%; background: transparent; } } @media (max-width: 906px) { nav { padding: 0px!important; } nav:hover ul { display: flex!important; } nav ul, nav:active ul { right: initial!important; top: 0px!important; padding: 0px 15px!important; border: 0px solid #028fbe!important; border-radius: 0px!important; position: relative; width: 100%; } nav li { text-align: left!important; width: initial!important; } .banner-inner { width: 100%; margin: 0 auto; background: #028fbe; text-align: center; padding: 1rem; } .text-logo-banner1, .text-logo-banner2 { font-size: calc(3.1em - 1vh) !important; position: relative!important; top: initial!important; left: initial!important; } .text-logo-banner2 { color: #ffffff!important; } .box-origem-aluno label { /*font-size: 18px;*/ font-size: 1.286em; } select#Id_MovimentacaoOrigem, select#Id_SerieAtributo { /*font-size: 15px;*/ font-size: 1.071em; } .campo-form-ddd { min-width: 60px; } .select-style img { left: 8px; top: -8px; } .campo-form-sexo-genero { max-width: 100%!important; } /* table */ .table-polos-escolas { width: 100%!important; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-polos-escolas>#rt1 { margin-bottom: 0; } #rt1 { display: inline-table!important; } .rt th, .rt td { margin: 0!important; padding: 0; vertical-align: top; border: 1px solid #babcbf!important; padding: 4px; } } @media (max-width: 768px) { .container.section-second-menu { width: 100%; } nav:hover ul { display: block!important; } nav li { width: 100%!important; } nav.header_menu ul { display: none!important; } nav.second_menu ul { background: #028fbe!important; padding-left: 0px!important; padding-right: 0px!important; } .text-logo-banner1, .text-logo-banner2 { font-size: calc(3.1em - 2vh) !important; } #divInicio, #divInscricao { padding: 0 15px; } } @media (max-width: 480px) { .text-logo-banner1, .text-logo-banner2 { font-size: calc(3.1em - 4vh) !important; } #divInicio .botaoAction, #divInscricao .botaoAction { min-width: 46%; } } @media (max-width: 370px) { #divInicio .botaoAction, #divInscricao .botaoAction { min-width: 55%; } } @media (max-width: 321px) { .text-logo-banner1, .text-logo-banner2 { font-size: calc(3.1em - 6vh) !important; } } @media (min-width: 992px) { .menu { width: 66.66666667%!important; } }