@charset "UTF-8"; /* #################################### CARTA DE SERVIÇOS #################################### */ #cs_conteudo, #cs_conteudo *, #cs_conteudo *:before, #cs_conteudo *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cs_conteudo img { border: 0; margin: 0; } /****** LISTAGEM ******/ /* DESCRICAO E VER MAIS*/ #cs_conteudo .cs_area_listagem .cs_area_descricao { color: #555; line-height: 130%; position: relative; overflow: hidden; word-break: break-word; } #cs_conteudo .cs_area_listagem .cs_area_descricao .clique_vermais { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px; padding-top: 30px; font-size: 13px; color: #0f65a2; background: #fff; background: linear-gradient(transparent, #fff 50%); cursor: pointer; } #cs_conteudo .cs_area_listagem .cs_area_descricao .clique_vermais span { display: block; line-height: 100%; } #cs_conteudo .cs_area_listagem .cs_area_descricao .clique_vermais i { font-size: 20px; display: block; line-height: 100%; } #cs_conteudo .cs_area_listagem .cs_area_descricao .clique_vermais:hover i { animation: seta_ver_mais 1s infinite; } /* BUSCA */ /* AREA CAMPOS DO FORMULÁRIO */ #cs_conteudo .cs_area_listagem .sw_area_busca { margin-bottom: 2%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_assunto { width: 50%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_secretaria { width: 50%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_servico { width: 50%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_tipo_servico { width: 50%; } /* BOTÃO */ #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 80%; max-width: 320px; display: block; margin: auto; margin-top: 10px; } /* FILTRO DE ASSUNTOS */ #cs_conteudo .cs_area_listagem .cs_area_assuntos { margin: 2% 0; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos { display: -webkit-flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 15px } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto { display: inline-block; display: -webkit-flex; vertical-align: middle; flex: 30%; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto a { flex: 100%; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto { padding: 20px; background: #f9f9fa; border: solid 1px #ededed; border-radius: 4px; display: -webkit-flex; align-items: center; transition: .25s ease; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto a:hover .cs_cont_assunto { transform: translateY(-5px); box-shadow: 0 5px 10px -5px rgba(0,0,0,.25); } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto .cs_area_img_assunto { width: 80px; height: 80px; line-height: 80px; flex-shrink: 0; text-align: center; font-size: 30px; color: #fff; margin-right: 15px; border-radius: 100%; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto .cs_area_img_assunto .swfa { width: inherit; height: inherit; line-height: inherit; transition: .15s ease; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto .cs_area_img_assunto img { position: absolute; top: 0; left: 0; transition: .15s ease; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto:hover .cs_area_img_assunto .swfa, #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto:hover .cs_area_img_assunto img { transform: scale(1.15); } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_assunto .cs_cont_assunto .cs_titulo_assunto { font-size: 17px; color: #35353b; display: inline; vertical-align: middle; } @media (min-width: 1001px) { /* L2 */ #cs_conteudo .cs_area_listagem .cs_area_assuntos .l2 .cs_assunto:nth-child(-n + 4) { flex: 40%; } } @media (max-width: 1000px) { #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos .cs_assunto { flex: 40%; } } @media (max-width: 600px) { #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos { gap: 10px } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos .cs_assunto { flex: 100%; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos .cs_assunto .cs_cont_assunto { padding: 15px; } #cs_conteudo .cs_area_listagem .cs_area_assuntos .cs_cont_assuntos .cs_assunto .cs_area_img_assunto { width: 60px; height: 60px; line-height: 60px; font-size: 25px; } } /* ÁREA LEGENDA DE SERVIÇOS */ #cs_conteudo .cs_area_listagem .cs_area_legenda_servico { padding: 10px 0; margin: 0; text-align: center; transform: translateX(-70px); } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_titulo_legenda_servico { width: 120px; font-size: 9px; color: #444; display: inline-block; vertical-align: middle; text-align:right; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico { display: inline-block; vertical-align: middle; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico { font-size: 0; width: 95px; line-height: 30px; display: inline-block; vertical-align: middle; padding: 0 5px; border: solid 1px #e5e5e5; border-radius: 2px; margin-left: 3px; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico .cs_area_icone_legenda_servico { width: 20px; height: 20px; line-height: 20px; display: inline-block; vertical-align: middle; border-radius: 100%; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico .cs_descricao_legenda_servico { font-size: 11px; color: #141414; display: inline-block; vertical-align: middle; text-align: left; margin-left: 5px; } /* CORES LEGENDA */ #cs_conteudo .cs_cidadao { background: #0076A3; font-size: 10px; color: #fff; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para.cs_cidadao:after { border-top-color: #2878bc; } #cs_conteudo .cs_empresa { background: #B5000F; font-size: 10px; color: #fff; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para.cs_empresa:after { border-top-color: #8f0d16; } #cs_conteudo .cs_servidor { background: #A85C00; font-size: 10px; color: #fff; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para.cs_servidor:after { border-top-color: #c06400; } #cs_conteudo .cs_online { background: #1E7A2E; font-size: 12px; color: #fff; } #cs_conteudo .cs_telefone { background: #6B00D4; font-size: 11px; color: #fff; } #cs_conteudo .cs_presencial { background: #0076A3; font-size: 11px; color: #fff; } /* LISTAGEM DOS SERVIÇOS */ #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem { border-bottom: solid 1px #ccc; font-size: 0 !important; padding-bottom: 10px; margin-bottom: 5px; display: table; width: 100%; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_info_servicos_encontrados {font-size: 11px; color: #555; margin-top: 27px; float: left; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos {text-align: right; float: right; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos { height: 40px; display: inline-block; font-size: 0; text-align: center; border-radius: 4px; overflow: hidden; transition: 0.4s; cursor:pointer; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos .cs_area_icone_btn { width: 50px; height: 40px; line-height: 42px; display: inline-block; vertical-align: middle; background: #08953d; background: rgba(6,12,9,0.1); font-size: 18px; color: #fff; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos .cs_area_texto_btn { font-size: 12px; color: #fff; display: inline-block; vertical-align: middle; padding: 0 10px; padding-right: 13px; text-align: left; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_servicos { background: #4A4A4A; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_servicos:hover { background: #2C2C2C; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_servicos .cs_area_icone_btn {background: #08953d; background: rgba(6,12,9,0.1); } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_avaliar_servicos {margin-right: 20px; background: #0f65a2;} #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_avaliar_servicos:hover { background: #155e92; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_avaliar_servicos .cs_area_icone_btn { width: 40px; background:#0d5588;} /* SERVIÇO */ #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico { display: flex; align-items: center; gap: 15px; min-height: 100px; background: #f9f9fa; border: solid 1px #e5e5e5; border-radius: 4px; margin: 15px 0; padding: 15px; position: relative; font-size: 0 !important; transition: 0.4s; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico:hover { background: #fff; border-color: #d5d5d5; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos a:last-child .cs_servico { margin-bottom: 0; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_icone_img_servico { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: #fff; border: solid 1px #e5e5e5; position: relative; border-radius: 5px; overflow: hidden; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_icone_img_servico .swfa { font-size: 40px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_icone_img_servico img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico { flex: 1; display: inline-block; vertical-align: top; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico .cs_assunto_servico { display: inline-block; vertical-align:middle; margin-right: 5px; padding: 3px; background: #ebedf0; border: solid 1px #e0e3e8; border-radius: 4px; font-size: 9px; color: #444; text-transform: uppercase; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico .cs_titulo_servico { font-size: 14px; color: #444; margin-top: 3px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico .cs_descricao_servico { font-size: 13px; color: #666; margin-top: 5px; word-break: break-word; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .sw_btn { flex-shrink: 0; margin-left: auto; } #cs_conteudo .cs_btn_solicitar_servico { background: #1E8449; } /* SERVIÇO PARA */ #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para { position: absolute; top: 8px; right: -10px; text-align: right; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para { height: 20px; line-height: 16px; text-align: center; border-radius: 1px 0 0 1px; margin-bottom: 7px; position: relative; display: inline-block; padding: 0px 5px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para i { vertical-align: middle; width: 15px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para div { display: inline-block; overflow: hidden; vertical-align: middle; max-width: 0; white-space: nowrap; transition: 0.3s ease-in-out; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para div span { padding-right: 5px; font-size: 10px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para:hover div { max-width: 140px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_servico_para .cs_servico_para:after { content: ""; position: absolute; top: 100%; right: 0; width: 0; height: 0; border: solid transparent; border-width: 4px 9px 0 0; } @media (max-width: 600px) { #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico { flex-flow: column; align-items: center; } } /* FORMAS DE ACESSO */ #cs_conteudo .cs_area_formas_acesso { display: inline-block; vertical-align: middle; font-size: 0 !important; margin:2px 0; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso { min-width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 10px; margin-right: 2px; position: relative; display: inline-block; padding-left: 2px; transition: 0.4s ease-in-out; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso:hover { padding: 0 5px; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso i { width: 14px; text-align:center; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso div { max-width: 0; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; position:relative; left: -5px; transition: 0.4s ease-in-out; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso:hover div { max-width: 140px; } #cs_conteudo .cs_area_formas_acesso .cs_area_icone_formas_acesso div span { padding-left: 5px; font-size: 11px; } /* *** SERVIÇO - INTERNA *** */ #cs_conteudo .cs_area_servico_interna { position: relative; } /* DATA DE ATUALIZAÇÃO */ #cs_conteudo .cs_area_servico_interna .cs_area_data_atualizacao { position: absolute; top: 7px; right: 0; font-size: 12px; color: #555; } /* TÍTULO SERVIÇO */ #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico { padding: 15px 0; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_area_icone_img_servico { width: 80px; height: 80px; line-height: 80px; text-align: center; display: inline-block; vertical-align: top; background: #fff; border: solid 1px #e5e5e5; position: relative; border-radius: 5px; overflow: hidden; margin-right: 1.5%; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_area_icone_img_servico i { font-size: 34px; line-height: 100%; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_area_icone_img_servico img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico { width: 87%; width: calc(98.5% - 85px); display: inline-block; vertical-align: top; border-bottom: solid 1px #dadde3; padding-bottom: 3px; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico .cs_assunto_servico { display: table; padding: 3px; background: #ebedf0; border: solid 1px #e0e3e8; border-radius: 4px; font-size: 9px; color: #444; text-transform: uppercase; margin: 2px 0; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico .cs_titulo_servico { font-size: 16px; color: #444; } /** SEM ICONE/IMG **/ #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico_sem_icone_img .cs_area_titulo_servico { width: 100%; } /* INFO SERVIÇO */ #cs_conteudo .cs_area_servico_interna .cs_descricao_servico { margin-top: 10px; font-size: 14px; color: #666; text-align: justify; letter-spacing: 0.2px; line-height: 125%; word-spacing: 3px; position: relative; overflow: hidden; word-break: break-word; } .cs_txt_editor img { width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; } .cs_txt_editor iframe { max-width: 100%; max-height: 100%; } /* BOTÕES / SERVIÇO */ #cs_conteudo .cs_area_botoes_servicos { width: 100%; font-size: 0; margin-top: 25px; display: flex; flex-flow: wrap; align-items: center; justify-content: center; gap: 15px; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes { flex: 1; display: flex; flex-flow: wrap; align-items: center; align-items: center; gap: 10px; } /* SOLICITAR SERVIÇO */ /* #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_solicitar_servico { height: 40px; display: inline-block; background: #01a145; font-size: 0; text-align: center; border-radius: 4px; overflow: hidden; margin: 3px 0; margin-right: 10px; transition: 0.4s; cursor: pointer; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_solicitar_servico:hover { background: #08953d; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_solicitar_servico .cs_area_icone_btn { width: 45px; height: 40px; line-height: 42px; display: inline-block; vertical-align: middle; background: #08953d; background: rgba(6,12,9,0.1); font-size: 18px; color: #fff; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_solicitar_servico .cs_area_texto_btn { font-size: 12px; color: #fff; display: inline-block; vertical-align: middle; padding: 0 10px; padding-right: 13px; text-align: left; } */ /* AVALIAR SERVIÇO */ #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_avaliar_servico { height: 40px; display: inline-block; background: #0f65a2; font-size: 0; text-align: center; border-radius: 4px; overflow: hidden; transition: 0.4s; cursor: pointer; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_avaliar_servico:hover { background: #0d5588; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_avaliar_servico.servico_avaliado { cursor: unset; transform: none; transition: none; pointer-events: none; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_avaliar_servico .cs_area_icone_btn { width: 45px; height: 40px; line-height: 42px; display: inline-block; vertical-align: middle; background: #0d5588; background: rgba(6,12,9,0.1); font-size: 18px; color: #fff; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_avaliar_servico .cs_area_texto_btn { font-size: 12px; color: #fff; display: inline-block; vertical-align: middle; padding: 0 10px; padding-right: 13px; text-align: left; } /* BAIXAR PDF */ #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_baixar_pdf { height: 40px; display: inline-block; background: #f0f1f3; font-size: 0; text-align: center; border: solid 1px #e5e7ea; border-radius: 4px; overflow: hidden; margin: 3px 0; transition: 0.4s; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_baixar_pdf:hover { background: #e5e7ea; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_baixar_pdf .cs_area_icone_btn { width: 45px; height: 40px; line-height: 42px; display: inline-block; vertical-align: middle; background: #e5e7ea; background: rgba(121,139,157,0.1); } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_baixar_pdf .cs_area_icone_btn img { width: 25px; height: 25px; margin: 7px auto; border: 0; border-radius: 100%; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes .cs_btn_baixar_pdf .cs_area_texto_btn { font-size: 12px; color: #444; display: inline-block; vertical-align: middle; padding: 0 10px; padding-right: 13px; text-align: left; } /* SERVIÇOS PARA */ #cs_conteudo .cs_area_botoes_servicos .cs_area_servicos_para { font-size: 0; margin-left: auto; } #cs_conteudo .cs_area_botoes_servicos .cs_area_servicos_para .cs_titulo_servico_para { font-size: 11px; color: #222; display: inline-block; vertical-align: middle; margin-right: 4px; } #cs_conteudo .cs_area_botoes_servicos .cs_area_servicos_para .cs_servico_para { width: 75px; padding: 4px 0; display: inline-block; vertical-align: middle; text-align: center; border-radius: 2px; margin-left: 2px; font-size: 9px !important; } @media (max-width: 600px) { #cs_conteudo .cs_area_botoes_servicos { flex-flow: column; justify-content: center; } #cs_conteudo .cs_area_botoes_servicos .cs_area_botoes { justify-content: center; align-items: center; } #cs_conteudo .cs_area_botoes_servicos .cs_area_servicos_para { margin: auto; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_btn_solicitar_servico {width: 100%;} } /* INFORMATIVOS DO SERVIÇO */ #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico { border: solid 1px #e3e5ea; border-radius: 5px; margin-top: 15px; overflow: hidden; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_titulo_informativo { background: #f3f4f6; padding: 7px; position: relative; cursor: pointer; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_titulo_informativo > i { width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block; vertical-align: middle; background: #fff; border: solid 1px #e3e5e9; border-radius: 3px; font-size: 11px; color: #0975c1; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_titulo_informativo > span { display: inline-block; vertical-align: middle; font-size: 13px; color: #444; margin-left: 3px; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_titulo_informativo .cs_btn_recolher_expandir_informativo { width: 25px; height: 25px; position: absolute; top: 5px; right: 5px; background: #e3e5e9; font-size: 14px; color: #666; border: 0 !important; border-radius: 4px; cursor: pointer; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_descricao_informativo { padding: 12px 15px; background: #fff; border-top: solid 1px #e3e5ea; font-size: 13px; color: #666; text-align: justify; letter-spacing: 0.2px; line-height: 140%; word-wrap: break-word; } #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_descricao_informativo .cs_nome_responsavel { width: 87%; width: calc(100% - 124px); display: inline-block; vertical-align: top; padding: 10px 0px 0px 10px;} #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_descricao_informativo .cs_imagem_responsavel {width: 120px; height: 120px; display: inline-block; vertical-align: top; border: solid 1px #e3e5ea; border-radius: 4px; overflow: hidden; position: relative;} #cs_conteudo .cs_area_servico_interna .cs_area_informativos_servico .cs_informativo_servico .cs_area_descricao_informativo .cs_imagem_responsavel img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;} /* SECRETARIA */ #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico { border-top: solid 1px #dadde3; margin-top: 45px; padding-top: 15px; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_informacao {color: #444; font-size: 16px; margin-bottom: 10px; width: 100%;} #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_img_secretaria { width: 120px; height: 120px; display: inline-block; vertical-align: top; border: solid 1px #e3e5ea; border-radius: 4px; overflow: hidden; position: relative; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_img_secretaria img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria { width: 87%; width: calc(100% - 124px); display: inline-block; vertical-align: top; padding-left: 20px; padding-top: 10px;} #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_nome_responsavel_secretaria { font-size: 16px; color: #333; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_nome_secretaria { font-size: 13px; color: #555; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria { margin-top: 5px; border-top: solid 1px #e7e9eb; padding-top: 5px; font-size: 0 !important; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria { width: 49%; padding: 3px 0; display: inline-block; vertical-align: top; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria .cs_titulo_info_secretaria { font-size: 10px; color: #333; display: inline-block; vertical-align: text-bottom; margin-right: 4px; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria .cs_titulo_info_secretaria i { font-size: 12px; color: #0975c1; margin-right: 5px; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria .cs_descricao_info_secretaria { font-size: 13px; color: #141414; display: inline-block; vertical-align: text-bottom; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria a:hover .cs_descricao_info_secretaria { color: #005D9F; text-decoration: underline; } /* #################################### FIM CARTA DE SERVIÇOS #################################### */ /* #################################### MEDIAS #################################### */ @media (max-width: 800px) { /* ÁREA LEGENDA DE SERVIÇOS */ #cs_conteudo .cs_area_listagem .cs_area_legenda_servico { transform: none; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_titulo_legenda_servico { width: auto; display: block; text-align:center; padding-bottom: 5px; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico { display: table; margin:auto; } /* ***** INTERNA ***** */ /* TÍTULO SERVIÇO */ #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico { padding: 15px 0; padding-bottom: 10px; border-bottom: solid 1px #dadde3; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_area_icone_img_servico { vertical-align: top; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico { vertical-align: top; padding-top: 2px; border: 0; } /* SECRETARIA */ #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria { padding-top: 0;} #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria .cs_cont_info_secretaria .cs_info_secretaria { width: 100%; } /* FORMULÁRIO AVALIAÇÃO */ #cs_area_modal .cs_cont_modal .cs_area_interna_modal { width: 100%; float: left; padding: 0 12px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos {margin-top:15px;} } @media (max-width: 480px) { /* BUSCA */ /* AREA CAMPOS DO FORMULÁRIO */ #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_assunto { width: 100%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_secretaria { width: 100%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_servico { width: 100%; } #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .cs_form_tipo_servico { width: 100%; } /* BOTÃO */ #cs_conteudo .cs_area_listagem .sw_area_busca .sw_area_form_busca .sw_form_btn_buscar { width: 80%; display: block; margin: 0 auto; margin-top: 15px; } /* ÁREA LEGENDA DE SERVIÇOS */ #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_titulo_legenda_servico { width: 100%; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico { width: 100%; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico { width: calc((100% - 20px) / 3); line-height: 20px; padding-top: 5px; padding-bottom: 2px; margin: 0; text-align: center; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico:nth-child(2) { margin: 0 5px; } #cs_conteudo .cs_area_listagem .cs_area_legenda_servico .cs_cont_legenda_servico .cs_legenda_servico .cs_descricao_legenda_servico { display: block; text-align: inherit; margin-left: 0; } /* LISTAGEM DOS SERVIÇOS */ #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_info_servicos_encontrados { width: 100%; text-align: center; margin: 15px 0; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos { width: 100%; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos { display:table; margin: auto; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos.cs_btn_avaliar_servicos { margin-bottom: 10px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos .cs_area_icone_btn { width: 40px; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_area_info_topo_listagem .cs_area_btn_baixar_carta_servicos .cs_btn_baixar_carta_servicos .cs_area_texto_btn { max-width: calc(100% - 40px); } /* SERVIÇO */ /* #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_icone_img_servico { display:block; margin: 0 auto; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico { width: 100%; margin-top: 10px; text-align: center; padding: 0; } #cs_conteudo .cs_area_listagem .cs_area_listagem_servicos .cs_servico .cs_area_info_servico .cs_descricao_servico { display: none; } */ /* *** SERVIÇO - INTERNA *** */ /* TÍTULO SERVIÇO */ #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_area_icone_img_servico { display: block; margin: auto; margin-bottom: 3px; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico { width: 100%; text-align:center; padding:0; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico .cs_assunto_servico { display: inline-block; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico .cs_area_formas_acesso { display: table; margin:2px auto; margin-top:5px; } #cs_conteudo .cs_area_servico_interna .cs_area_titulo_servico .cs_cont_titulo_servico .cs_titulo_servico { margin-top: 6px; } /* SECRETARIA */ #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_img_secretaria { display: block; margin: 0 auto; } #cs_conteudo .cs_area_servico_interna .cs_area_secretaria_servico .cs_area_info_secretaria { width: 100% ; margin-top: 20px; padding-left: 0; } } /* #################################### FIM MEDIA #################################### */ /* MENU PROTOCOLOS */ #cs_conteudo .cs_menu_protocolos { margin-top: 20px; } #cs_conteudo .area_protocolos { margin-top: 20px; } /* PROTOCOLOS CARTA DE SERVIÇOS */ .area_protocolos_carta_servicos .sic_solicitacao { grid-template-columns: 1fr 2fr 2fr; }