@charset "utf-8"; /* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Rethink Sans' Opções de font-weight: 400 a 800 'Literata' Opções de font-weight: 200 a 900 */ /* ========================================================================== ESTILOS PUC > CORES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ESQUEMA DE CORES ESPECÍFICOS PARA CADA SITE ATENÇÃO: Elementos em cinza não se apresentam neste css por serem neutros a qualquer site, mas estes podem ser anulados por estilos que começam com o nome do id específico para o site em questão, que será colocado na tag das páginas. */ /* ================================================================= TOPO === */ /* ========================================================================== */ /* ----- TÍTULO DA PÁGINA ----- */ #puconline header h1 { /* color:#666666; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #puconline header nav a:link, #puconline header nav a:visited { /* color:#AAA; */ } #puconline header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #puconline header #puc_menu_vazio { /* background:#E5E5E5; */ } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #puconline header #puc_menu_faixa { /* background:#EEE; */ } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #puconline header #menu span { background:#CCC; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #puconline header #menu { margin:1px 10px 0 10px; } #puconline header #menu span { top:0; margin-top:-1px; } #puconline header #menu a:link, #puconline header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #puconline header #menu a:link, #puconline header #menu a:visited, #puconline header #menu .puc_menu_submenu_linkmestre { color:#07345B; } /* mouse over */ #puconline header #menu a:hover, #puconline header #menu .puc_menu_submenu_linkmestre:hover, #puconline header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#043458; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #puconline header #menu a:link, #puconline header #menu a:visited, #puconline header #menu .puc_menu_submenu_linkmestre { color:#07345B; background:#E3E8EE; border-color:#7CA2B5; } /* mouse over */ #puconline header #menu a:hover, #puconline header #menu .puc_menu_submenu_linkmestre:hover, #puconline header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#043458; border-color:#7CA2B5; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #puconline header button { color:#FFF; background:#7CA2B5; background-image:url(/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #puconline header #menu .puc_menu_submenu_links a:link, #puconline header #menu .puc_menu_submenu_links a:visited { background:#043458; color:#97D3FF; } #puconline header #menu .puc_menu_submenu_links a:hover { color:#0092FF; background:#18496E; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #puconline header #menu .puc_menu_submenu_links a:link, #puconline header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #puconline header #menu .puc_menu_submenu_links a:hover { background:#7391A7; color:#0092FF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #puconline section { /* border-bottom-color:#DDDDDD; */ } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #puconline h1 { /* color:#666666; */ } #puconline h2 { /* color:#777777; */ } #puconline h3 { /* color:#777777; */ } #puconline h4 { /* color:#777777; */ } #puconline h5 { /* color:#777777; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #puconline section .puc_texto_destaque_em_quadro_centro, #puconline section .puc_texto_destaque_em_quadro_esquerda, #puconline section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } /* ----- LINKS (GERAL) ----- */ #puconline a:link, #puconline a:visited { /* color:#666666; */ } #puconline a:hover { /* color:#333333; */ } /* ----- LINK VOLTAR ----- */ #puconline section article button.puc_link_voltar_TAG-BUTTON { /* color:#666666; background:#EEEEEE; */ } #puconline section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFFFFF; background:#AAAAAA; */ } /* ----- LINK DESTAQUE ----- */ #puconline section article a.puc_link_destaque_TAG-A:link, #puconline section article a.puc_link_destaque_TAG-A:visited, #puconline section article a.puc_link_destaque_centralizado_TAG-A:link, #puconline section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#B4CFE3; color:#043458; } #puconline section article a.puc_link_destaque_TAG-A:hover, #puconline section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#043458; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #puconline section article .puc_link_paginacao_anterior_TAG-A:link, #puconline section article .puc_link_paginacao_anterior_TAG-A:visited, #puconline section article .puc_link_paginacao_proximo_TAG-A:link, #puconline section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #puconline section article .puc_link_paginacao_anterior_TAG-A:hover, #puconline section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #puconline section article .puc_imagem_galeria a:link, #puconline section article .puc_imagem_galeria a:visited { background:#DDDDDD; } #puconline section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #puconline section article .puc_imagem_galeria a:link .puc_texto_menor, #puconline section article .puc_imagem_galeria a:visited .puc_texto_menor, #puconline section article .puc_imagem_galeria a figure { color:#666666; } #puconline section article .puc_imagem_galeria a:hover .puc_texto_menor, #puconline section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #puconline section article .puc_tabela_padrao_TAG-TABLE, #puconline section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #puconline section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFFFFF; } #puconline section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #puconline section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #puconline section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #puconline section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #puconline section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #puconline section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #puconline hr { /* color:#CCC; */ } /* ----- LISTAS ----- */ /* bullet */ #puconline ul li::before { color:#AAAAAA; } /* lista destaque */ #puconline section .puc_lista_especial_TAG-UL li::before, #puconline section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #puconline section .puc_lista_especial_TAG-UL li, #puconline section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #puconline article form { background:/*#EEE*/ #FFFFFF; } /* campos de preenchimento */ #puconline article form input[type=text], #puconline article form input[type=password], #puconline article form input[type=file], #puconline article form textarea, #puconline article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #puconline article form input[type=submit] { background:#C2C3C8; color:#444444; } #puconline article form input[type=submit]:hover { background:#444444; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #puconline section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #puconline section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } /* ----- LINKS REDES SOCIAIS ----- */ #puconline div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #puconline section aside .puc_texto_coluna-lateral_titulo { /* color:#777777; */ } /* ----- BANNER DE TEXTO ----- */ #puconline section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } /* ----- BANNER DE LINK ----- */ #puconline section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #puconline section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #puconline section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#9CC0DB; } /* ========================================================================== ESTILOS ESPECÍFICOS === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ----- AQUI ENTRA OS ESTILOS ESPECÍFICOS PARA O DEPTO/UNID ----- Para sobressair qualquer estilo já existente usar o ID do depto/unid (localizado no body) antes do nome da classe/id OU o termo "!important" */ h3 { border-bottom:1px solid #CCCCCC; padding-bottom:5px; } #banners_lateral { margin-top:35px; } #banners_lateral a:link, #banners_lateral a:visited, #banners_mobile a:link, #banners_mobile a:visited { display:block; margin:0 auto 20px auto; text-align:center; /* width:220px; max-width:100%; */ } #banners_lateral a:hover {} #banners_mobile { margin-bottom:45px; } #banners_grandes a:link, #banners_grandes a:visited, #banners_grandes_mobile a:link, #banners_grandes_mobile a:visited { display:block; margin-bottom:25px; } #banners_grandes_mobile { margin-bottom:25px; } @media (max-width:619px) { #servicos_restritos { margin-bottom:60px; } } #puconline .puconline_sistema { background:/*#EEEEEE*/ #FFFFFF; box-sizing:border-box; position:relative; margin-bottom:30px; border-radius: 3px;} #puconline .puconline_sistema_inner { padding:15px 15px 0 15px; } @media (min-width:620px) { #puconline .margin_zero_desktop { margin-bottom:0; } } #puconline .puconline_sistema h4 { padding-bottom:4px; margin:1px 0 0 0; } #puconline .puconline_sistema .puc_link_destaque_centralizado_TAG-A { display:block; margin:20px 0 0 0; width:100%; max-width:100%; box-sizing:border-box; } /* ========== LINKS SAU ========== */ @media (min-width:620px) { .linkmobile { visibility:hidden; display:none; position:absolute; top:-2000px; left:-2000px; } .linkdesktop { position:absolute; bottom:0px; } #puconline .sau { padding-bottom:60px; } } @media (max-width:619px) { .linkdesktop { visibility:hidden; display:none; position:absolute; top:-2000px; left:-2000px; } #puconline .sau .linksaualternativo:link { padding:4px; font-weight:normal; margin-top:0 !important; display:flex; justify-content:center; align-items:center; font-size:0.9em; } #puconline .sau .linksaualternativo:hover { background-color:#9F6700 !important; } .linksaualternativo span { display:block; } } /* ----- SAU ---- */ #puconline .sau h4 { color:#DC8D00; border-bottom:2px solid #E8DBC4; } #puconline .sau .puc_link_destaque_centralizado_TAG-A:link, #puconline .sau .puc_link_destaque_centralizado_TAG-A:visited { background:#ECB044; color:#FFFFFF; } #puconline .sau .puc_link_destaque_centralizado_TAG-A:hover { background:#D68F0E; color:#FFFFFF; } #email-txt { background:#FFFFFF; padding:15px 20px 15px 20px; max-width:550px; border-radius:7px; font-size:1.1em; line-height:1.5em; } /* ----- SGU ---- */ #puconline .sgu h4 { color:#008181; border-bottom:2px solid #C1D7D7; } #puconline .sgu .puc_link_destaque_centralizado_TAG-A:link, #puconline .sgu .puc_link_destaque_centralizado_TAG-A:visited { background:#31A8A8; color:#FFFFFF; } #puconline .sgu .puc_link_destaque_centralizado_TAG-A:hover { background:#008181; color:#FFFFFF; } #sgu_listalinks { display:flex; flex-wrap:wrap; justify-content:center; } /* ----- SGU ---- */ #puconline .fin h4 { color:#A04CC8; border-bottom:2px solid #DDC6E7; } #puconline .fin .puc_link_destaque_centralizado_TAG-A:link, #puconline .fin .puc_link_destaque_centralizado_TAG-A:visited { background:#BE6DE4; color:#FFFFFF; } #puconline .fin .puc_link_destaque_centralizado_TAG-A:hover { background:#953ABF; color:#FFFFFF; } /* ----- REQ ---- */ #puconline .req h4 { color:#2582C9; border-bottom:2px solid #C4DAEA; } #puconline .req .puc_link_destaque_centralizado_TAG-A:link, #puconline .req .puc_link_destaque_centralizado_TAG-A:visited { background:#4BA3E5; color:#FFFFFF; } #puconline .req .puc_link_destaque_centralizado_TAG-A:hover { background:#2582C9; color:#FFFFFF; } /* ----- DIP ---- */ #puconline .dip h4 { color:#D55151; border-bottom:2px solid #E0D0D0; } #puconline .dip .puc_link_destaque_centralizado_TAG-A:link, #puconline .dip .puc_link_destaque_centralizado_TAG-A:visited { background:#E66B6B; color:#FFFFFF; } #puconline .dip .puc_link_destaque_centralizado_TAG-A:hover { background:#C44545; color:#FFFFFF; } /* ----- NEUTRO ---- */ #puconline .neutro h4 { /* color:#777777; */ border-bottom:2px solid rgba(0,0,0,0.15); } #puconline .neutro .puc_link_destaque_centralizado_TAG-A:link, #puconline .neutro .puc_link_destaque_centralizado_TAG-A:visited { background:#BBBBBB; color:#FFFFFF; } #puconline .neutro .puc_link_destaque_centralizado_TAG-A:hover { background:#AAAAAA; color:#FFFFFF; } #outros_sistemas { display:flex; justify-content:center; flex-wrap:wrap; margin:0 -10px 0 -10px; } #outros_sistemas a:link, #outros_sistemas a:visited { display:flex; align-items:center; justify-content:center; /* flex-grow:1; */ margin:0 10px 20px 10px; padding:10px; /* max-width:150px; */ width:186px; min-height:60px; font-weight:bold; text-align:center; background:#D5D5D5 /* #EEEEEE */; font-size:1.3em; color:#444444; box-shadow:0px 0px 0px rgba(0,0,0,0); box-sizing:border-box; transition:background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s; } #outros_sistemas a:hover { background:#777777 /* #CDCEE8 */; color:#FFFFFF; text-decoration:none; transform:scale(1.2); box-shadow:0px 0px 15px rgba(0,0,0,0.2); } #puconline_links_fixos, #puconline_links_fixos_mobile { display:flex; justify-content:center; flex-wrap:wrap; } #puconline_links_fixos a:link, #puconline_links_fixos a:visited, #puconline_links_fixos_mobile a:link, #puconline_links_fixos_mobile a:visited { width:242px; margin:0 15px 40px 15px; padding:0 15px 0 15px; box-sizing:border-box; text-align:center; font-weight:bold; line-height:1.4em; transition:transform 0.2s; } #puconline_links_fixos a:hover, #puconline_links_fixos_mobile a:hover { text-decoration:none; transform:scale(1.1); } #puconline_links_fixos img, #puconline_links_fixos_mobile img { display:block; margin:0 auto 10px auto; } /* ============== ATENDIMENTO GERAL ============= */ #atendimentoGeral{ background: #d4e6ea4d; padding: 5px 25px 15px 25px; border-radius: 10px; border: #ddd dotted; margin: 40px auto 60px auto; } #atendimentoGeral h3{ color: #003d5c;} #atendimentoGeral .ico{ max-width: 45px !important; }