@charset "utf-8"; /* CSS Document */ /* ======================================================================================= FONTES === */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* ================================================================================================== */ /* FONTES PUC 'Roboto' Opções de font-weight: 100 / 300 / 400 / 500 / 700 / 900 'Roboto Condensed' Opções de font-weight: 300 / 400 / 700 */ /* FONTES CPA */ /* @import url('https://fonts.googleapis.com/css?family=Caveat:400,700'); */ @import url('https://fonts.googleapis.com/css?family=Contrail+One'); /* ========================================================================== 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 ----- */ #cpa header h1, #cpa header h1 a:link, #cpa header h1 a:visited, #cpa header h1 a:hover { color:#505A72; text-decoration:none; } /* ----- CAMINHO / BREADCRUMB ----- */ #cpa header nav a:link, #cpa header nav a:visited { color:#AAA; } #cpa header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #cpa header #puc_menu_vazio { background:#B0BCCA; } /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #cpa header #puc_menu_faixa { background:#B0BCCA; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #cpa header #menu span { background:#B8C3CE; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- */ @media (min-width:1140px) { #cpa header #menu { margin:1px 10px 0 10px; } #cpa header #menu span { top:0; margin-top:-1px; } #cpa header #menu a:link, #cpa header #menu a:visited { border-top:0; border-bottom:0; } /* fecha @media (min-width:1140px) */ } /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #cpa header #menu a:link, #cpa header #menu a:visited, #cpa header #menu .puc_menu_submenu_linkmestre { color:#2B3345; } /* mouse over */ #cpa header #menu a:hover, #cpa header #menu .puc_menu_submenu_linkmestre:hover, #cpa header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#57607A; border-color:#FFF; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #cpa header #menu a:link, #cpa header #menu a:visited, #cpa header #menu .puc_menu_submenu_linkmestre { color:#2B3345; background:#CFD7DE; border-color:#ADBCC8; } /* mouse over */ #cpa header #menu a:hover, #cpa header #menu .puc_menu_submenu_linkmestre:hover, #cpa header #menu .puc_menu_submenu_conjunto:hover .puc_menu_submenu_linkmestre { color:#FFF; background:#57607A; border-color:#ADBCC8; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #cpa header button { color:#FFF; background:#93A2B2; background-image:url(/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- */ @media (min-width:1140px) { #cpa header #menu .puc_menu_submenu_links a:link, #cpa header #menu .puc_menu_submenu_links a:visited { background:#57607A; color:#BCCCDF; } #cpa header #menu .puc_menu_submenu_links a:hover { color:#FFF; background:#414B69; } /* fecha @media (min-width:1140px) */ } /* ----- SUBMENU MOBILE ----- */ @media (max-width:1139px) { #cpa header #menu .puc_menu_submenu_links a:link, #cpa header #menu .puc_menu_submenu_links a:visited { border-bottom:1px solid #A1AFBB; background:#ACBBC7; color:#2B3345; } #cpa header #menu .puc_menu_submenu_links a:hover { background:#414B69; color:#FFF; } /* fecha @media (max-width:1139px) */ } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #cpa section { border-bottom-color:#DDDDDD; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #cpa h1 { color:#505A72; } #cpa h2 { color:#65708B; } #cpa h3 { color:#838B9F; } #cpa h4 { color:#666666; } #cpa h5 { color:#888888; } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #cpa section .puc_texto_destaque_em_quadro_centro, #cpa section .puc_texto_destaque_em_quadro_esquerda, #cpa section .puc_texto_destaque_em_quadro_direita { background:#DDE5EE; color:#505A72; } /* ----- LINKS (GERAL) ----- */ #cpa a:link, #cpa a:visited { color:#525E7B; } #cpa a:hover { color:#242D43; } /* ----- LINK VOLTAR ----- */ #cpa section article button.puc_link_voltar_TAG-BUTTON { color:#374B5F; background:#C3CDD7; } #cpa section article button.puc_link_voltar_TAG-BUTTON:hover { color:#FFF; background:#57607A; } /* ----- LINK DESTAQUE ----- */ #cpa section article a.puc_link_destaque_TAG-A:link, #cpa section article a.puc_link_destaque_TAG-A:visited, #cpa section article a.puc_link_destaque_centralizado_TAG-A:link, #cpa section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#CBD2DE; color:#374B5F; } #cpa section article a.puc_link_destaque_TAG-A:hover, #cpa section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#50667B; color:#FFFFFF; } /* ----- LINK DE PAGINAÇÃO ----- */ #cpa section article .puc_link_paginacao_anterior_TAG-A:link, #cpa section article .puc_link_paginacao_anterior_TAG-A:visited, #cpa section article .puc_link_paginacao_proximo_TAG-A:link, #cpa section article .puc_link_paginacao_proximo_TAG-A:visited { color:#374B5F; } #cpa section article .puc_link_paginacao_anterior_TAG-A:hover, #cpa section article .puc_link_paginacao_proximo_TAG-A:hover { color:#566D85; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails */ #cpa section article .puc_imagem_galeria a:link, #cpa section article .puc_imagem_galeria a:visited { background:#DDDDDD; } #cpa section article .puc_imagem_galeria a:hover { background:#EEEEEE; } /* legenda dos thumbnails */ #cpa section article .puc_imagem_galeria a:link .puc_texto_menor, #cpa section article .puc_imagem_galeria a:visited .puc_texto_menor, #cpa section article .puc_imagem_galeria a figure { color:#666666; } #cpa section article .puc_imagem_galeria a:hover .puc_texto_menor, #cpa section article .puc_imagem_galeria a:hover figure { color:#666666; } /* ----- TABELA ----- */ /* bordas da tabela */ #cpa section article .puc_tabela_padrao_TAG-TABLE, #cpa section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } /* linhas para tabela */ #cpa section article .puc_tabela_linha_n1_TAG-TR { background:#57607A !important; color:#FFFFFF; } #cpa section article .puc_tabela_linha_n2_TAG-TR { background:#B0BDCA !important; color:#343E55; } #cpa section article .puc_tabela_linha_n3_TAG-TR { background:#DDE5EE !important; color:#343E55; } #cpa section article .puc_tabela_linha_clara_TAG-TR { background:#F5F5F5; } #cpa section article .puc_tabela_linha_escura_TAG-TR { background:#E5E5E5; } #cpa section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #cpa section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } /* ----- LINHA HORIZONTAL ----- */ #cpa hr { color:#CCC; } /* ----- LISTAS ----- */ /* bullet */ #cpa ul li::before { color:#B0BDCA; } /* lista destaque */ #cpa section .puc_lista_especial_TAG-UL li::before, #cpa section .puc_lista_especial_item_unico_TAG-LI::before { color:#505A72; } #cpa section .puc_lista_especial_TAG-UL li, #cpa section .puc_lista_especial_item_unico_TAG-LI { color:#505A72; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #cpa article form { background:#EEE; } /* campos de preenchimento */ #cpa article form input[type=text], #cpa article form input[type=password], #cpa article form input[type=file], #cpa article form textarea, #cpa article form select { background:#FFF; border-color:#CCC; } /* botão "enviar" */ #cpa article form input[type=submit] { background:#B9C8D6; color:#2B3345; } #cpa article form input[type=submit]:hover { background:#50667B; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- */ #cpa section div.puc_player_audio_TAG-DIV { background:#C6D2DE; } #cpa section div.puc_player_audio_TAG-DIV:hover { background:#B5C2CF; } /* ----- LINKS REDES SOCIAIS ----- */ #cpa div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #cpa section aside .puc_texto_coluna-lateral_titulo { color:#8B9FB3; } /* ----- BANNER DE TEXTO ----- */ #cpa section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#DDE5EE; } /* ----- BANNER DE LINK ----- */ #cpa section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #cpa section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#C6D2DE; } #cpa section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#B5C2CF; } /* ========================================================================== 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" */