@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 */ /* ========================================================================== 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 ----- */ #rae header h1 { color:#3D3D3B; } /* ----- CAMINHO / BREADCRUMB ----- */ #rae header nav a:link, #rae header nav a:visited { color:#AAA; } #rae header nav a:hover { color:#555; } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- */ #rae header #puc_menu_vazio { background:#BBB; } /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- #rae section { border-bottom-color:#D5DEC1; } */ /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #rae h1 { color:#3D3D3B; } #rae h2 { color:#A30D19; } #rae h3 { color:#888888; } #rae h4 { color:#888888; } #rae h5 { color:#555555; } /* ----- TEXTO DESTAQUE EM QUADRO ----- #rae section .puc_texto_destaque_em_quadro_centro, #rae section .puc_texto_destaque_em_quadro_esquerda, #rae section .puc_texto_destaque_em_quadro_direita { background:#E3E8EE; color:#07345B; } */ /* ----- LINKS (GERAL) ----- */ #rae a:link, #rae a:visited { color:#662583; } #rae a:hover { color:#A30D19; } /* ----- LINK VOLTAR ----- */ #rae section article button.puc_link_voltar_TAG-BUTTON { color:#555; background:#DDD; } #rae section article button.puc_link_voltar_TAG-BUTTON:hover { color:#662583; background:#CCC; } /* ----- LINK DESTAQUE ----- */ #rae section article a.puc_link_destaque_TAG-A:link, #rae section article a.puc_link_destaque_TAG-A:visited, #rae section article a.puc_link_destaque_centralizado_TAG-A:link, #rae section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#BD1522; color:#FFF; } #rae section article a.puc_link_destaque_TAG-A:hover, #rae section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#662583; color:#FFF; } /* ----- LINK DE PAGINAÇÃO ----- #rae section article .puc_link_paginacao_anterior_TAG-A:link, #rae section article .puc_link_paginacao_anterior_TAG-A:visited, #rae section article .puc_link_paginacao_proximo_TAG-A:link, #rae section article .puc_link_paginacao_proximo_TAG-A:visited { color:#1A73A0; } #rae section article .puc_link_paginacao_anterior_TAG-A:hover, #rae section article .puc_link_paginacao_proximo_TAG-A:hover { color:#09AEFF; } */ /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails #rae section article .puc_imagem_galeria a:link, #rae section article .puc_imagem_galeria a:visited { border-color:#CCC; background:#EEE; } #rae section article .puc_imagem_galeria a:hover { border-color:#043458; background:#D4DEE9; } */ /* legenda dos thumbnails #rae section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #rae section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666; } #rae section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#043458; } */ /* ----- TABELA ----- */ /* bordas da tabela #rae section article .puc_tabela_padrao_TAG-TABLE, #rae section article .puc_tabela_padrao_TAG-TABLE td { border-color:#CCC; } */ /* linhas para tabela #rae section article .puc_tabela_linha_n1_TAG-TR { background:#043458; color:#FFF; } #rae section article .puc_tabela_linha_n2_TAG-TR { background:#9DBDD4; color:#043458; } #rae section article .puc_tabela_linha_n3_TAG-TR { background:#CDDDE8; color:#043458; } #rae section article .puc_tabela_linha_clara_TAG-TR { background:#EEE; } #rae section article .puc_tabela_linha_escura_TAG-TR { background:#DDD; } #rae section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#F5F5F5; } #rae section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#E5E5E5; } */ /* ----- LINHA HORIZONTAL ----- */ #rae hr { color:#BBB; } /* ----- LISTAS ----- */ /* bullet #rae ul li::before { color:#09AEFF; } */ /* lista destaque #rae section .puc_lista_especial_TAG-UL li::before, #rae section .puc_lista_especial_item_unico_TAG-LI::before { color:#0B5182; } #rae section .puc_lista_especial_TAG-UL li, #rae section .puc_lista_especial_item_unico_TAG-LI { color:#0B5182; } */ /* ----- FORMULÁRIOS ----- */ /* área do formulário #rae article form { background:#EEE; } */ /* campos de preenchimento #rae article form input[type=text], #rae article form input[type=password], #rae article form input[type=file], #rae article form textarea, #rae article form select { background:#FFF; border-color:#CCC; } */ /* botão "enviar" #rae article form input[type=submit] { background:#C2C3C8; color:#043458; } #rae article form input[type=submit]:hover { background:#043458; color:#FFF; } */ /* ----- PLAYER DE ÁUDIO ----- #rae section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #rae section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } */ /* ----- LINKS REDES SOCIAIS ----- #rae div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } */ /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- #rae section aside .puc_texto_coluna-lateral_titulo { color:#09AEFF; } */ /* ----- BANNER DE TEXTO ----- #rae section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#E3E8EE; } */ /* ----- BANNER DE LINK ----- #rae section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #rae section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#043458; background:#B4CFE3; } #rae 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" */ /* ----- ÁREA DE DESTAQUES ----- */ #rae_quadro_destaques { padding:0; margin-top:10px; line-height:normal; text-align:left; } #rae_quadro_destaques a:link, #rae_quadro_destaques a:visited { display:block; position:relative; margin-bottom:10px; color:#FFF; width:100%; } #rae_quadro_destaques a:hover { text-decoration:none; } #rae_quadro_destaques a:last-child { margin-bottom:0; } #rae_quadro_destaques a img { width:100%; transition:filter 0.4s; } #rae_quadro_destaques a:hover img { filter:grayscale(100%); } #rae_quadro_destaques_ttl { display:block; margin-bottom:15px; border-bottom:1px dashed #CCC; color:#662583; font-family:'Roboto Condensed'; font-size:2em; } #rae_quadro_destaques .rae_quadro_destaques_texto { position:absolute; z-index:2; width:100%; padding:30px 6px 5px 6px; box-sizing:border-box; bottom:2px; font-size:1.2em; font-weight:500; font-family:'Roboto'; transition:background 0.4s; background:linear-gradient(0deg,rgba(40,40,40,0.9),rgba(0,0,0,0)); } @media (max-width:749px) { #rae_quadro_destaques .rae_quadro_destaques_texto { font-size:1.5em; padding:30px 10px 7px 10px; } } /* ----- MENU ANIMADO ----- */ #rae #rae_menu_principal a:link, #rae #rae_menu_principal a:visited { background:#A30D19; font:20px "Roboto Condensed"; letter-spacing:0.5px; color:#FFF; font-weight:bold; display:block; padding:5px 9px 5px 9px; } #rae #rae_menu_principal a:hover { background:#662583; text-decoration:none; } @media (min-width:680px) { #rae #rae_menu_principal { background:#D5D5D5; width:100%; margin:auto; margin-top:30px; margin-bottom:40px; display:flex; justify-content:space-around; } #rae #rae_menu_principal a:link, #rae #rae_menu_principal a:visited { margin:0 5px 0 5px; } #rae #rae_menu_principal a:hover { background:#662583; } #rae .rae_menu_principal_link_inclinado1 { transform:rotate(6deg); transition:transform 0.3s, background 0.3s; } #rae .rae_menu_principal_link_inclinado2 { transform:rotate(-6deg); transition:transform 0.3s, background 0.3s; } #rae .rae_menu_principal_link_inclinado2:hover, #rae .rae_menu_principal_link_inclinado1:hover { transform:rotate(0deg); } /* fecha @media (min-width:680px) */ } @media (max-width:679px) { #rae #rae_menu_principal { margin-bottom:35px; } #rae #rae_menu_principal a:link, #rae #rae_menu_principal a:visited { width:calc(100% - 20px); margin-bottom:5px; transition:background 0.3s; } /* fecha @media (max-width:679px) */ } /* ----- QUADRO CINZA ----- */ .rae_quadro_cinza { text-align:center; background:#EEEEEE; margin:0 0 20px 0; padding:10px 15px 15px 15px; font-size:1.2em; } /* ----- LINK ATENDIMENTO CTC ----- */ .rae_link_atendimento:link, .rae_link_atendimento:visited { display:flex; align-items:center; text-align:center; padding:10px 12px 12px 12px; margin-bottom:25px; background:#EEEEEE; color:#444444 !important; font-size:1.1em; box-sizing:border-box; transition:background 0.3s, color 0.3s; } .rae_link_atendimento:hover { color:#FFFFFF !important; background:#662583; text-decoration:none; } .rae_link_atendimento strong { font-size:1.2em; color:#662583; transition:color 0.3s; } .rae_link_atendimento:hover strong { color:#FFFFFF; } /* ----- EVENTOS (LATERAL) ----- */ .rae_evento_roxo:link, .rae_evento_roxo:visited { display:block; margin:5px 0 25px 0; background:#F3F3F3; color:#662583; transition:background 0.3s, color 0.3s; } .rae_evento_roxo:hover { text-decoration:none; } .rae_evento_roxo h4 { color:#FFFFFF !important; background:#662583; padding:8px 10px 8px 10px; margin:0; transition:background 0.3s; } .rae_evento_roxo:hover h4 { background:#A30D19; } .rae_evento_roxo h4 .puc_texto_menor { font-size:0.7em; } .rae_evento_roxo p { margin:0; padding:6px 10px 0 10px; } .rae_evento_roxo .rae_evento_maisinfo { font-size:1.1em; margin:7px 0 0 0; padding:2px 6px 3px 6px; background:#E8E1EC; font-weight:bold; display:inline-block; box-sizing:border-box; transition:background 0.3s, color 0.3s; } .rae_evento_roxo:hover .rae_evento_maisinfo { background:#ECD6D8; } /* ----- QUADRO DE EVENTO EM DESTAQUE ----- */ #rae_evento_graduacao .rae_pag_evento_ttl, #rae_evento_posgraduacao .rae_pag_evento_ttl { margin-top:0; } #rae_evento_graduacao .rae_pag_evento_ttl { color:#662583; } #rae_evento_posgraduacao .rae_pag_evento_ttl { color:#BD1522; } #rae_evento_graduacao .quadro_evento_destaque, #rae_evento_posgraduacao .quadro_evento_destaque { font:1.4em 'Roboto Condensed'; padding-top:5px; } #rae_evento_graduacao .quadro_evento_destaque .puc_layout_coluna_2cols_nivelador, #rae_evento_posgraduacao .quadro_evento_destaque .puc_layout_coluna_2cols_nivelador { background:#f2f2f2; padding:20px; } #rae_evento_graduacao .quadro_evento_destaque .puc_layout_coluna_2cols_nivelador { border:3px solid #662583; } #rae_evento_posgraduacao .quadro_evento_destaque .puc_layout_coluna_2cols_nivelador { border:3px solid #BD1522; } #rae_evento_graduacao .quadro_evento_destaque .puc_layout_coluna_2cols_interno, #rae_evento_posgraduacao .quadro_evento_destaque .puc_layout_coluna_2cols_interno { margin-bottom:0; } #rae_evento_graduacao .quadro_evento_destaque h3, #rae_evento_posgraduacao .quadro_evento_destaque h3 { margin:0; font-size:1.5em; color:#FFFFFF !important; padding:10px 13px 7px 13px; display:inline-block; } #rae_evento_graduacao .quadro_evento_destaque h3 { background:#662583; } #rae_evento_posgraduacao .quadro_evento_destaque h3 { background:#BD1522; } #rae_evento_graduacao .quadro_evento_destaque h4, #rae_evento_posgraduacao .quadro_evento_destaque h4 { margin:0 0 15px 0; font-size:1.5em; } #rae_evento_graduacao .quadro_evento_destaque h4 { color:#662583 !important; } #rae_evento_posgraduacao .quadro_evento_destaque h4 { color:#BD1522 !important; } #rae_evento_graduacao .rae_info_instagram, #rae_evento_posgraduacao .rae_info_instagram { border-top:1px solid #CCCCCC; padding-top:20px; margin:25px 0 0 0; } @media (max-width:619px) { #rae_evento_graduacao .rae_info_instagram, #rae_evento_posgraduacao .rae_info_instagram { margin:25px 0 25px 0; } } #rae_evento_graduacao .quadro_evento_destaque .puc_link_destaque_TAG-A, #rae_evento_posgraduacao .quadro_evento_destaque .puc_link_destaque_TAG-A { font-weight:400 !important; } #rae_evento_graduacao .quadro_evento_destaque .puc_link_destaque_TAG-A:link, #rae_evento_graduacao .quadro_evento_destaque .puc_link_destaque_TAG-A:visited { background:#662583; } #rae_evento_graduacao .quadro_evento_destaque .puc_link_destaque_TAG-A:hover { background:#BD1522; } #rae_evento_graduacao .rae_link_desativado:link, #rae_evento_graduacao .rae_link_desativado:visited, #rae_evento_graduacao .rae_link_desativado:hover, #rae_evento_posgraduacao .rae_link_desativado:link, #rae_evento_posgraduacao .rae_link_desativado:visited, #rae_evento_posgraduacao .rae_link_desativado:hover { background:#999999 !important; cursor:default; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno, #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno { box-shadow:0 0 8px 0 #e3e3e3; margin-bottom:45px; position:relative; padding-bottom:86px; background:#FFFFFF; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno { border-top:3px solid #662583; } #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno { border-top:3px solid #BD1522; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno img, #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno img { width:100%; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno p, #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno p { margin:10px; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno strong, #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno strong { font-size:1.2em; } #rae_evento_graduacao .puc_layout_coluna_3cols_interno a, #rae_evento_posgraduacao .puc_layout_coluna_3cols_interno a { position:absolute; width:calc(100% - 20px) !important; max-width:calc(100% - 20px) !important; box-sizing:border-box; bottom:0; margin:10px; }