@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 */ @import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700'); @import url('https://fonts.googleapis.com/css?family=Patua+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 ----- */ #ccci header h1 { /* color:#666666; */ } /* ----- CAMINHO / BREADCRUMB ----- */ #ccci header nav a:link, #ccci header nav a:visited { /* color:#AAA; */ } #ccci header nav a:hover { /* color:#555; */ } /* ================================================================= MENU === */ /* ========================================================================== */ /* ----- MENU VAZIO (LINHA) ----- #ccci header #puc_menu_vazio { background:#E5E5E5; } */ /* ----- MENU COMUM A PARTIR DAQUI ----- */ /* ------------------------------------- */ /* ----- FAIXA QUE ATRAVESSA A PÁGINA ----- */ @media (min-width:1140px) { #ccci header #puc_menu_faixa { background:#C2C3C8; border-color: #F4F5F0; } /* fecha @media (min-width:1140px) */ } /* ----- LINHAS ACIMA E ABAIXO DA FAIXA ----- */ #ccci header #menu span { background:#999999; border-color: #F4F5F0; } /* ----- DESATIVAÇÃO DAS BORDAS GRANDES DOS LINKS NO MENU DESKTOP (ex: CCCI) ----- @media (min-width:1140px) { #ccci header #menu { margin:1px 10px 0 10px; } #ccci header #menu span { top:0; margin-top:-1px; } #ccci header #menu a:link, #ccci header #menu a:visited { border-top:0; border-bottom:0; } */ /* fecha @media (min-width:1140px) } */ /* ----- MENU DESKTOP - LINKS ----- */ @media (min-width:1140px) { /* mouse out */ #ccci header #menu a:link, #ccci header #menu a:visited { color:#333; } /* mouse over */ #ccci header #menu a:hover, #ccci header #menu .puc_menu_link_ativo:link, #ccci header #menu .puc_menu_link_ativo:visited { color:#333; background:#DDD; border-color:#BED700; } /* fecha @media (min-width:1140px) */ } /* ----- MENU MOBILE - LINKS ----- */ @media (max-width:1139px) { /* mouse out */ #ccci header #menu a:link, #ccci header #menu a:visited { color:#333333; background:#C2C3C8; border-color: #F4F5F0;} /* mouse over */ #ccci header #menu a:hover, #ccci header #menu .puc_menu_link_ativo:link, #ccci header #menu .puc_menu_link_ativo:visited { color:#333333; background:#DDDDDD; border-color: #F4F5F0; } /* fecha @media (max-width:1139px) */ } /* ----- MENU MOBILE - BOTÃO "MENU" ----- */ #ccci header button { color:#FFF; background:#A3B900; background-image:url(https://www.puc-rio.br/imagens/puc_menu_abrefecha.png); background-repeat:no-repeat; } /* ----- SUBMENU DESKTOP ----- @media (min-width:1140px) { #ccci header #menu ul { background:#043458; } #ccci header #menu ul a:link, #ccci header #menu ul a:visited { color:#97D3FF; } #ccci header #menu ul a:hover { color:#0092FF; background:#18496E; } */ /* fecha @media (min-width:1140px) } */ /* ----- SUBMENU MOBILE ----- @media (max-width:1139px) { #ccci header #menu ul a:link, #ccci header #menu ul a:visited { border-bottom:1px solid #467288; background:#5B7D96; color:#97D3FF; } #ccci header #menu ul a:hover { background:#5B7D96; color:#0092FF; } */ /* fecha @media (max-width:1139px) } */ /* ================================================================= MEIO === */ /* ========================================================================== */ /* ----- BORDA AO FINAL DO CONTEÚDO ----- */ #ccci section { border-bottom-color:#D5DEC1; } /* ============================================= MEIO >> COLUNA PRINCIPAL === */ /* ========================================================================== */ /* ----- TÍTULOS ----- */ #ccci h1 { /* color:#666666; */ } #ccci h2 { /* color:#003A69; */ } #ccci h3 { /* color:#004B88; */ } #ccci h4 { /* color:#777666; */ } #ccci h5 { /* color:#68A9D7; */ } /* ----- TEXTO DESTAQUE EM QUADRO ----- */ #ccci section .puc_texto_destaque_em_quadro_centro, #ccci section .puc_texto_destaque_em_quadro_esquerda, #ccci section .puc_texto_destaque_em_quadro_direita { background:#D9E2E9; color:#003867; } /* ----- LINKS (GERAL) ----- */ #ccci a:link, #ccci a:visited { color:#003A69; } #ccci a:hover { color:#829300; } /* ----- LINK VOLTAR ----- */ #ccci section article button.puc_link_voltar_TAG-BUTTON { /* color:#003A69; background:#C2C3C8; */ } #ccci section article button.puc_link_voltar_TAG-BUTTON:hover { /* color:#FFFFFF; background:#003A69; */ } /* ----- LINK DESTAQUE ----- */ #ccci section article a.puc_link_destaque_TAG-A:link, #ccci section article a.puc_link_destaque_TAG-A:visited, #ccci section article a.puc_link_destaque_centralizado_TAG-A:link, #ccci section article a.puc_link_destaque_centralizado_TAG-A:visited { background:#DBE58C; color:#003A69; } #ccci section article a.puc_link_destaque_TAG-A:hover, #ccci section article a.puc_link_destaque_centralizado_TAG-A:hover { background:#BED700; color:#003A69; } /* ----- LINK DE PAGINAÇÃO ----- */ #ccci section article .puc_link_paginacao_anterior_TAG-A:link, #ccci section article .puc_link_paginacao_anterior_TAG-A:visited, #ccci section article .puc_link_paginacao_proximo_TAG-A:link, #ccci section article .puc_link_paginacao_proximo_TAG-A:visited { color:#003A69; } #ccci section article .puc_link_paginacao_anterior_TAG-A:hover, #ccci section article .puc_link_paginacao_proximo_TAG-A:hover { color:#829300; } /* ----- GALERIA DE IMAGENS ----- */ /* thumbnails #ccci section article .puc_imagem_galeria a:link, #ccci section article .puc_imagem_galeria a:visited { border-color:#CCC; background:#EEE; } #ccci section article .puc_imagem_galeria a:hover { border-color:#043458; background:#D4DEE9; } */ /* legenda dos thumbnails #ccci section article .puc_imagem_galeria a:link span.puc_imagem_galeria_legenda_TAG-SPAN, #ccci section article .puc_imagem_galeria a:visited span.puc_imagem_galeria_legenda_TAG-SPAN { color:#666; } #ccci section article .puc_imagem_galeria a:hover span.puc_imagem_galeria_legenda_TAG-SPAN { color:#043458; } */ /* ----- TABELA ----- */ /* bordas da tabela */ #ccci section article .puc_tabela_padrao_TAG-TABLE, #ccci section article .puc_tabela_padrao_TAG-TABLE td { /* border-color:#CCC; */ } /* linhas para tabela */ #ccci section article .puc_tabela_linha_n1_TAG-TR { background:#003A69 !important; color:#FFFFFF !important; } #ccci section article .puc_tabela_linha_n2_TAG-TR { background:#B5CBDD !important; color:#003A69 !important; } #ccci section article .puc_tabela_linha_n3_TAG-TR { background:#D9E2E9 !important; color:#003A69 !important; } #ccci section article .puc_tabela_linha_clara_TAG-TR { background:#EEE; } #ccci section article .puc_tabela_linha_escura_TAG-TR { background:#DDD; } #ccci section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(odd) { background:#EEE; } #ccci section article .puc_tabela_linha_alternada_TAG-TABLE tr:nth-child(even) { background:#DDD; } /* ----- LINHA HORIZONTAL ----- */ #ccci hr { /* color:#CCC; */ } /* ----- LISTAS ----- */ /* bullet */ #ccci ul li::before { color:#BED700; } /* lista destaque */ #ccci section .puc_lista_especial_TAG-UL li::before, #ccci section .puc_lista_especial_item_unico_TAG-LI::before { color:#004B88; } #ccci section .puc_lista_especial_TAG-UL li, #ccci section .puc_lista_especial_item_unico_TAG-LI { color:#004B88; } /* ----- FORMULÁRIOS ----- */ /* área do formulário */ #ccci article form { background:rgba(0,0,0,0.05); } /* campos de preenchimento */ #ccci article form input[type=text], #ccci article form input[type=password], #ccci article form input[type=file], #ccci article form textarea, #ccci article form select { background:#FFF; border-color:rgba(0,0,0,0.15); } /* botão "enviar" */ #ccci article form input[type=submit] { background:#C2C3C8; color:#003A69; } #ccci article form input[type=submit]:hover { background:#003A69; color:#FFF; } /* ----- PLAYER DE ÁUDIO ----- #ccci section div.puc_player_audio_TAG-DIV { background:#B4CFE3; } #ccci section div.puc_player_audio_TAG-DIV:hover { background:#81BFE7; } */ /* ----- LINKS REDES SOCIAIS ----- */ #ccci div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } /* =============================================== MEIO >> COLUNA LATERAL === */ /* ========================================================================== */ /* ----- TÍTULO ----- */ #ccci section aside .puc_texto_coluna-lateral_titulo { /* color:#004B88; */ } /* ----- BANNER DE TEXTO ----- */ #ccci section aside p.puc_texto_coluna-lateral_banner_TAG-P { background:#D9E2E9; } /* ----- BANNER DE LINK ----- */ #ccci section aside p.puc_texto_coluna-lateral_banner_TAG-P a:link, #ccci section aside p.puc_texto_coluna-lateral_banner_TAG-P a:visited { color:#333; background:#DBE58C; } #ccci section aside p.puc_texto_coluna-lateral_banner_TAG-P a:hover { background:#BED700; } /* ========================================================================== 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" */ /* ----- SUBMENU DESKTOP - LARGURA DE CADA LINK ----- #submenu_exemplo1D { width:203px; } */ /* -------------------------------------------------- */ /* ======================================================================================== INDEX === */ /* ================================================================================================== */ /* ----- SLIDESHOW ----- */ #ccci_index_imagem_slideshow { margin-bottom:30px; border-bottom:10px solid #A4C432; } /* ----- LINKS TIPOS DE INTERCÂMBIO ----- */ #ccci #ccci_index_intercambios { margin-bottom:40px; } #ccci #ccci_index_intercambios div { text-align:center; box-shadow:0 3px 8px #888; } #ccci #ccci_index_intercambios div a:link, #ccci #ccci_index_intercambios div a:visited { display:block; color:#555; padding:20px 0 10px 0; border:3px solid #FFF; text-decoration:none; background-position:bottom left; -webkit-transition:border 0.3s, background 0.3s; transition:border 0.3s, background 0.3s; background:url(/ensinopesq/ccci/imagens/bkg_index_intercambio_transparente.png); background-position:bottom left; background-repeat:no-repeat; } #ccci #ccci_index_intercambios div a:hover { border:3px solid #A4C431; } #ccci #ccci_index_intercambios span { display:block; margin:0 10px 0 0; padding:10px 15px 0 0; text-align:right; font:1.7em Kalam; font-weight:700; color:#6F8521; background:url(/ensinopesq/ccci/imagens/bkg_index_leiamais.png); background-position:right; background-repeat:no-repeat; -webkit-transition:color 0.3s, background 0.3s; transition:color 0.3, background 0.3s; } #ccci #ccci_index_intercambios div a:hover span { color:#003A69; } #ccci #ccci_index_intercambios .puc_layout_coluna_1de3 a:hover { background:url(/ensinopesq/ccci/imagens/bkg_index_intercambio_academico.png); background-position:bottom left; background-repeat:no-repeat; } #ccci #ccci_index_intercambios .puc_layout_coluna_2de3 a:hover { background:url(/ensinopesq/ccci/imagens/bkg_index_intercambio_curtaduracao.png); background-position:bottom left; background-repeat:no-repeat; } #ccci #ccci_index_intercambios .puc_layout_coluna_3de3 a:hover { background:url(/ensinopesq/ccci/imagens/bkg_index_intercambio_dupladiplomacao.png); background-position:bottom left; background-repeat:no-repeat; } #ccci #ccci_index_intercambios .ccci_index_tipo_intercambio { display:block; /* font-family:'Roboto Condensed'; */ font-size:2.0em; color:#004B88; font-weight:500; line-height:1em; margin-top:20px; } /* ----- QUADRO DESTAQUES ----- */ #ccci #ccci_index_destaques .puc_layout_area-inicial_esquerda { background:url(/ensinopesq/ccci/imagens/bkg_index_destaques_linha.png); background-position:top; background-repeat:repeat-x; } #ccci #ccci_index_destaques .puc_layout_area-inicial_esquerda p:first-child { background:url(/ensinopesq/ccci/imagens/bkg_index_destaques_mundo.png); background-repeat:no-repeat; margin:0 0 15px 0; padding:0 0 15px 85px; height:60px; font-size:2.5em; box-shadow:none; } #ccci #ccci_index_destaques .puc_layout_area-inicial_esquerda p:first-child span { background:#F4F5F0; padding:5px 10px 0 10px; display:block; float:left; } #ccci #ccci_index_destaques .puc_layout_area-inicial_esquerda p { margin:0 0 15px 0; padding:10px; background:#FFFFFF; box-shadow:0 2px 3px #BBB; } /* ----- QUADRO OUTRAS OPORTUNIDADES ----- */ #ccci #ccci_index_destaques { margin-bottom:40px; } #ccci #ccci_index_destaques .puc_layout_area-inicial_direita { background:url(/ensinopesq/ccci/imagens/bkg_index_outrasoportunidades_linha.png); background-position:top; background-repeat:repeat-x; } #ccci #ccci_index_destaques .puc_layout_area-inicial_direita p:first-child { background:url(/ensinopesq/ccci/imagens/bkg_index_outrasoportunidades_aviao.png); background-position:top right; background-repeat:no-repeat; margin:0; padding:50px 0 15px 0; font-size:1.4em; color:#003A68; } #ccci #ccci_index_destaques .puc_layout_area-inicial_direita p { margin:0 0 13px 0; font-size:0.9em; } @media (min-width:620px) { #ccci #ccci_index_destaques .puc_layout_area-inicial_direita a img { border:0; width:90%; margin-top:10px; } } @media (max-width:619px) { #ccci #ccci_index_destaques .puc_layout_area-inicial_direita a img { border:0; max-width:300px; width:80%; margin:auto; margin-top:20px; display:block; } } /* ----- TEXTO SOBRE A CCCI ----- */ #ccci #ccci_index_textosobre { margin-bottom:40px; border-bottom:1px solid #CCC; } /* ==================================================================================== ACADÊMICO === */ /* ================================================================================================== */ /* ----- SLIDESHOW ----- */ #ccci #ccci_academico_imagem_slideshow { margin-bottom:30px; } /* ----- MENU ACADÊMICO ----- */ #ccci #ccci_academico_menu_links { display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch; } #ccci #ccci_academico_menu_links img { display:block; margin-bottom:0; border:0; } #ccci #ccci_academico_menu_links a:link, #ccci #ccci_academico_menu_links a:visited { background:#F96; width:200px; display:block; margin:0 12px 20px 12px; text-align:center; line-height:normal; font-size:1.1em; font-weight:bold; background:url(/ensinopesq/ccci/imagens/bkg_academico_menu_link.png); background-repeat:no-repeat; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccci #ccci_academico_menu_links a:hover { background:url(/ensinopesq/ccci/imagens/bkg_academico_menu_link_hover.png); background-repeat:no-repeat; text-decoration:none; } #ccci #ccci_academico_menu_links a span { font-size:0.8em; font-weight:normal; } #ccci #ccci_academico_menu { margin-bottom:30px; } /* ----- MENU ACESSO RÁPIDO ----- */ #ccci #ccci_academico_acessorapido { background:url(/ensinopesq/ccci/imagens/bkg_academico_acessorapido_menu.jpg); background-repeat:repeat-y; } #ccci #ccci_academico_acessorapido p { font-size:1.5em; color:#000000; font-weight:bold; padding-left:18px; margin:0 0 7px 0; background:url(/ensinopesq/ccci/imagens/bkg_academico_acessorapido_titulo.jpg); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_academico_acessorapido a:link, #ccci #ccci_academico_acessorapido a:visited { display:flex; align-items:center; padding:2px 10px 2px 3px; line-height:normal; text-decoration:none; min-height:40px; background:url(/ensinopesq/ccci/imagens/bkg_academico_acessorapido_link.png); background-position:3px center; background-repeat:no-repeat; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccci #ccci_academico_acessorapido a:hover { text-decoration:none; background:url(/ensinopesq/ccci/imagens/bkg_academico_acessorapido_link_hover.png); background-position:3px center; background-repeat:no-repeat; } #ccci #ccci_academico_acessorapido a img { border:0; } /* ----- QUADRO VERDE LATERAL ----- */ #ccci #ccci_academico_quadroverde { padding:15px 10px 15px 10px; margin-top:30px; background:#A4C431; font:1.2em 'Patua One'; color:#FFF; text-align:center; } #ccci #ccci_academico_quadroverde span { font-size:1.4em; } #ccci #ccci_academico_quadroverde strong { font-size:1.8em; letter-spacing:1px; } /* ----- QUADRO DICAS ----- */ #ccci #ccci_academico_quadrodicas { font-size:0.9em; background:url(/ensinopesq/ccci/imagens/bkg_academico_dicas.png); background-repeat:repeat-x; } #ccci #ccci_academico_quadrodicas p { padding:0 15px 0 30px; } #ccci #ccci_academico_quadrodicas p::before { content:"»"; font-weight:bold; width:10px; display:block; float:left; margin:0 0 0 -15px; color:#B0CC4C; } #ccci #ccci_academico_quadrodicas p:first-child { height:44px; display:flex; align-items:center; padding:0 0 0 45px; margin:0 0 10px 0; font-size:1.3em; color:#003A69; font-weight:bold; background:url(/ensinopesq/ccci/imagens/bkg_academico_dicas_titulo.png); background-repeat:no-repeat; } #ccci #ccci_academico_quadrodicas p:first-child::before { content:""; } /* ----- FAQBR-HP ----- */ #ccci_faq_academico_curta { background-color:#EEE; max-width:800px; margin:auto; padding:60px; } #ccci_faq_academico_curta a:link, #ccci_faq_academico_curta a:visited { font-size:1.2em; border-top:#003A69 1px solid; display:block; padding:15px; } #ccci_faq_academico_curta a:hover { text-decoration:none; } #ccci_faq_academico_curta a:first-child { border-top:none; } #ccci_faq_academico_curta_view { border-top:#003A69 1px solid; border-bottom:#003A69 1px solid; } #ccci_faq_academico_curta_view div { margin:15px 30px; } .ccci_quadro_destaque_grande { color:#003A69; margin:auto; margin-top:25px; margin-bottom:25px; max-width:100%; text-align:center; background-color:#D9E2E9; padding:15px; display:block; } /* ============================================================================ INCOMING STUDENTS === */ /* ================================================================================================== */ /* ----- SLIDESHOW ----- */ #ccci #ccci_incoming_imagem_slideshow { margin-bottom:30px; } /* ----- ESCRITO ABAIXO DO SLIDESHOW ----- */ #ccci .ccci_incoming_whystudy, #ccci .ccci_incoming_whystudy2 { color:#003A69; text-align:center; } #ccci .ccci_incoming_whystudy { margin:0 0 30px 0; } #ccci .ccci_incoming_whystudy2 { margin:0; padding:15px; } @media (min-width:620px) { #ccci .ccci_incoming_whystudy, #ccci .ccci_incoming_whystudy2 { font:1.2em 'Patua One'; } } @media (max-width:619px) { #ccci .ccci_incoming_whystudy, #ccci .ccci_incoming_whystudy2 { font:0.9em 'Patua One'; } } /* ----- COLUNAS CONTEÚDO ----- */ #ccci #ccci_incoming_conteudo { } #ccci #ccci_incoming_conteudo_coluna1 { } #ccci #ccci_incoming_conteudo_coluna2 { } #ccci #ccci_incoming_conteudo_coluna3 { } @media (min-width:820px) { #ccci #ccci_incoming_conteudo { display:flex; align-items:flex-start; } #ccci #ccci_incoming_conteudo_coluna1 { width:22%; margin-right:4%; } #ccci #ccci_incoming_conteudo_coluna2 { background:#D1D1D1; width:48%; margin-right:4%; padding-bottom:10px; } #ccci #ccci_incoming_conteudo_coluna3 { width:22%; } } @media (max-width:819px) { #ccci #ccci_incoming_conteudo { display:block; } #ccci #ccci_incoming_conteudo_coluna1, #ccci #ccci_incoming_conteudo_coluna2, #ccci #ccci_incoming_conteudo_coluna3 { margin-bottom:10px; } #ccci #ccci_incoming_conteudo_coluna2 { background:#D1D1D1; padding-bottom:10px; } } /* ----- QUADRO LINKS BRANCO ----- */ #ccci .ccci_incoming_quadro_branco { background:#FFF; border:1px solid #A9C32C; margin-bottom:20px; padding:15px; line-height:normal; } #ccci .ccci_incoming_quadro_branco .ccci_incoming_quadro_branco_titulo { background:url(/ensinopesq/ccci/imagens/bkg_incoming_titulo_grifado.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% 25px; margin:0; padding-bottom:25px; font-size:1.2em; font-weight:bold; text-align:center; } #ccci #ccci_incoming_conteudo_coluna1 .ccci_incoming_quadro_branco .ccci_incoming_quadro_branco_titulo { color:#003A69; } #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco .ccci_incoming_quadro_branco_titulo, #ccci #ccci_incoming_conteudo_coluna3 .ccci_incoming_quadro_branco .ccci_incoming_quadro_branco_titulo { color:#636363; } /* ----- QUADRO LINKS BRANCO > LINKS ----- */ #ccci .ccci_incoming_quadro_branco a:link, #ccci .ccci_incoming_quadro_branco a:visited { padding:5px; display:block; color:#555 !important; border:1px solid #FFF; -webkit-transition:background 0.3s, color 0.3s, border 0.3s; transition:background 0.3s, color 0.3s, border 0.3s; } #ccci .ccci_incoming_quadro_branco a:hover, #ccci .ccci_incoming_quadro_branco_hover { color:#677B03 !important; border:1px solid #A9C32C !important; background:#EDF3D6; text-decoration:none; } #ccci .ccci_incoming_quadro_branco div { background:#FFF; border:1px solid #A9C32C; } #ccci .ccci_incoming_quadro_branco div div { background:#D8E1AB; border:0; border-top:1px solid #A9C32C; } #ccci .ccci_incoming_quadro_branco div a:link, #ccci .ccci_incoming_quadro_branco div a:visited { border:1px solid #FFF; } #ccci .ccci_incoming_quadro_branco div div a:link, #ccci .ccci_incoming_quadro_branco div div a:visited { border:1px solid #D8E1AB; } /* ----- SUBMENUS ----- */ @media (min-width:820px) { #ccci #col1-01, #ccci #col1-03, #ccci #col1-05 { position:absolute; z-index:1000000; margin:-28px 0 0 143px; } #ccci #col1-02 { position:absolute; margin:-27px 0 0 171px; border:1px solid #A9C32C; } #ccci #incoming04, #ccci #incoming05, #ccci #incoming06 { position:absolute; z-index:1000000; margin-top:-28px; left:50%; margin-left:-23px; } /* Se o link ocupar 2 linhas, o submenu entra aqui #ID-SUBMENU { position:absolute; margin-top:-44px; left:50%; margin-left:-23px; } */ } /* /@media (min-width:820px) */ @media (min-width:820px) and (max-width:1065px) { #ccci #incoming07 { position:absolute; z-index:1000000; margin-top:-44px; left:100%; margin-left:-20px; width:150px; } } @media (min-width:1066px) { #ccci #incoming07 { position:absolute; z-index:1000000; margin-top:-28px; left:100%; margin-left:-20px; width:150px; } } /* ----- LINK BOX VERDE ----- */ #ccci #ccci_incoming_link_calendar, #ccci #ccci_incoming_link_faq, #ccci #ccci_incoming_link_portuguese_intensive, #ccci #ccci_incoming_link_portuguese_test, #ccci_incoming_link_agreements, #ccci_incoming_link_infopdf { display:block; margin-bottom:20px; background:#A4C432; } #ccci #ccci_incoming_link_calendar:link, #ccci #ccci_incoming_link_calendar:visited, #ccci #ccci_incoming_link_calendar:hover, #ccci #ccci_incoming_link_faq:link, #ccci #ccci_incoming_link_faq:visited, #ccci #ccci_incoming_link_faq:hover, #ccci #ccci_incoming_link_portuguese_intensive:link, #ccci #ccci_incoming_link_portuguese_intensive:visited, #ccci #ccci_incoming_link_portuguese_intensive:hover, #ccci #ccci_incoming_link_portuguese_test:link, #ccci #ccci_incoming_link_portuguese_test:visited, #ccci #ccci_incoming_link_portuguese_test:hover, #ccci_incoming_link_agreements:hover, #ccci_incoming_link_agreements:link, #ccci_incoming_link_agreements:visited, #ccci_incoming_link_infopdf:hover, #ccci_incoming_link_infopdf:link, #ccci_incoming_link_infopdf:visited { display:block; padding:10px; background:#A4C432; font-size:1.1em; font-weight:bold; line-height:normal; color:#003A68; text-decoration:none; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccci #ccci_incoming_link_calendar { margin-bottom:20px; } #ccci #ccci_incoming_link_portuguese_intensive { margin-top:20px; } #ccci .ccci_incoming_link_box_maior { font-size:1.4em; } #ccci .ccci_incoming_link_box_menor { font-size:0.8em; } #ccci .ccci_incoming_link_box_inner { display:block; border:1px solid #FFF; -webkit-transition:background 0.3s; transition:background 0.3s; } @media (max-width:819px) { #ccci #ccci_incoming_link_calendar .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_faq .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_faq.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_intensive .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_book_payment.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_test .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_portuguese_test.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_agreements .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_agreements.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_infopdf .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_infopdf.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_calendar:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_faq:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_faq.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_intensive:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_book_payment.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_test:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_portuguese_test.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_agreements:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_agreements.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_infopdf:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_infopdf.png); background-position:center left; background-repeat:no-repeat; } } @media (min-width:1007px) { #ccci #ccci_incoming_link_calendar .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_faq .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_faq.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_intensive .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_book_payment.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_test .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_portuguese_test.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_agreements .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_agreements.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_infopdf .ccci_incoming_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_infopdf.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_calendar:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_faq:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_faq.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_intensive:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_book_payment.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_portuguese_test:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_portuguese_test.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_agreements:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_agreements.png); background-position:center left; background-repeat:no-repeat; } #ccci #ccci_incoming_link_infopdf:hover .ccci_incoming_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_incoming_link_infopdf.png); background-position:center left; background-repeat:no-repeat; } } @media (min-width:820px) and (max-width:1006px) { #ccci #ccci_incoming_link_calendar .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_faq .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_portuguese_intensive .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_portuguese_test .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_agreements .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_infopdf .ccci_incoming_link_box_inner { padding:10px; } #ccci #ccci_incoming_link_calendar:hover .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_faq:hover .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_portuguese_intensive:hover .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_portuguese_test:hover .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_agreements:hover .ccci_incoming_link_box_inner, #ccci #ccci_incoming_link_infopdf .ccci_incoming_link_box_inner { background:#EDEDED; } } /* ----- COLUNA MEIO ----- */ @media (min-width:430px) { #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco { width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); } #ccci #ccci_incoming_conteudo_coluna2 #ccci_incoming_col2_global { display:flex; justify-content:space-between; } #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco:first-child { margin:0 10px 0 10px; } #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco:last-child { margin:0 10px 0 0; } } @media (max-width:429px) { #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco { margin:auto; width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px); width:-o-calc(100% - 50px); width:calc(100% - 50px); } #ccci #ccci_incoming_conteudo_coluna2 #ccci_incoming_col2_global { display:block; } #ccci #ccci_incoming_conteudo_coluna2 .ccci_incoming_quadro_branco:first-child { margin-bottom:10px; } } /* ----- COLUNA DIREITA ----- */ #ccci #ccci_incoming_conteudo_coluna3 #ccci_incoming_quadro_cinza { background:#D1D1D1; padding:0 10px 10px 10px; } #ccci #ccci_incoming_conteudo_coluna3 .ccci_incoming_quadro_branco { display:block; margin-bottom:0; } /* #ccci #ccci_incoming_separador { display:flex; justify-content:center; align-items:center; height:12px; background-image:url(../imagens/bkg_incoming_separador_x.jpg); background-repeat:repeat-x; background-position:center; } #ccci #ccci_incoming_separador img { border:0; } */ /* ================================================================================ CURTA DURAÇÃO === */ /* ================================================================================================== */ /* ----- ÁREA INTRO ----- */ #ccci #ccci_curta_intro .puc_layout_area-inicial_maior_esquerda { margin-bottom:0; } #ccci #ccci_curta_intro .puc_layout_area-inicial_maior_direita { align-self:center; font:1.9em 'Patua One'; color:#003B6C; text-align:center; } #ccci #ccci_curta_quadroslogan strong { font-size:1.7em; letter-spacing:2px; } @media (min-width:870px) { #ccci #ccci_curta_imagem_slideshow { } } @media (max-width:869px) { #ccci #ccci_curta_intro { margin-bottom:30px; } #ccci #ccci_curta_imagem_slideshow { margin-bottom:10px; } } /* ----- ÁREA CONTEÚDO (GERAL) ----- */ #ccci #ccci_curta_conteudo { margin-bottom:0; } #ccci #ccci_curta_conteudo h3:first-child { margin-top:0; } /* ----- QUADRO AZUL LATERAL ----- */ #ccci #ccci_curta_conteudo .puc_texto_destaque_em_quadro_esquerda { font:1.4em 'Patua One'; } #ccci #ccci_curta_conteudo .puc_texto_destaque_em_quadro_esquerda strong { font-size:1.7em; letter-spacing:1px; } @media (min-width:620px) { #ccci #ccci_curta_conteudo .puc_texto_destaque_em_quadro_esquerda { margin:10px 40px 20px 0; } } #ccci .ccci_destaque_quadro_azul_fonte_especial { font:1.4em 'Patua One'; } #ccci .ccci_destaque_quadro_azul_fonte_especial strong { font-size:1.7em; letter-spacing:1px; } /* ----- HR ----- */ #ccci #ccci_curta_conteudo hr { margin-top:30px; } /* ----- LINKS ABAIXO CONTEÚDO ----- */ #ccci #ccci_curta_links { display:flex; flex-wrap:wrap; justify-content:space-around; border-bottom:0; } #ccci #ccci_curta_links a:link, #ccci #ccci_curta_links a:visited { display:flex; justify-content:flex-start; align-items:center; line-height:normal; font-size:1.1em; font-weight:bold; text-decoration:none; width:230px; min-height:75px; margin:0 10px 20px 10px; background:url(/ensinopesq/ccci/imagens/bkg_curta_link.png); background-repeat:no-repeat; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccci #ccci_curta_links a:hover { text-decoration:none; background:url(/ensinopesq/ccci/imagens/bkg_curta_link_hover.png); background-repeat:no-repeat; } #ccci #ccci_curta_links a img { border:0; margin-right:10px; } /* ----- MENU LATERAL ----- */ #ccci #ccci_curta_menu_lateral { margin-bottom:20px; } #ccci #curta_interna #ccci_curta_menu_lateral { margin-top:30px; } #ccci #ccci_curta_menu_lateral p { margin:0; height:66px; font-family:'Patua One'; font-size:1.7em; line-height:1.1em; color:#003A68; font-weight:bold; } #ccci #ccci_curta_menu_lateral span { margin:0 10px 0 10px; height:66px; display:flex; align-items:center; background:url(/ensinopesq/ccci/imagens/img_curtaduracao_menu_programas-idiomas.png); background-repeat:no-repeat; background-size:58px; background-position:right; } #ccci #ccci_curta_menu_lateral_inner { border-top:3px solid #003A68; border-bottom:3px solid #003A68; } #ccci #ccci_curta_menu_lateral a:link, #ccci #ccci_curta_menu_lateral a:visited { display:block; padding:10px; font-size:1.2em; font-weight:bold; border-bottom:1px dotted #AAA; background:url(img_curtaduracao_menu_programas-idiomas_bullet.png),#F4F5F0; background-position:-10px center; background-repeat:no-repeat; background-size:0px; color:#377AAE; transition:color 0.3s, background 0.3s, padding 0.3s; } #ccci #ccci_curta_menu_lateral a:last-child { border-bottom:0; } #ccci #ccci_curta_menu_lateral #ccci_curta_menu_lateral_verao:link, #ccci #ccci_curta_menu_lateral #ccci_curta_menu_lateral_verao:visited { background:#DBE58C; } #ccci #ccci_curta_menu_lateral a:hover, #ccci #ccci_curta_menu_lateral #ccci_curta_menu_lateral_verao:hover { color:#003A69; text-decoration:none; background:#BED700; } #ccci #ccci_curta_menu_lateral a:hover { padding-left:26px; background:url(/ensinopesq/ccci/imagens/img_curtaduracao_menu_programas-idiomas_bullet.png),#FFF; background-repeat:no-repeat; background-position:10px center; background-size:15px; } /* ----- LINK CURSOS DE VERÃO ----- */ .ccci_curta_link_verao:link, .ccci_curta_link_verao:visited { display:flex; align-items:center; justify-content:left; padding:0 12px 0 12px; box-sizing:border-box; margin-bottom:50px; height:50px; font-family:'Patua One'; font-size:1.5em; background:url(/ensinopesq/ccci/imagens/img_curtaduracao_menu_programa-verao.png),#C7DE75; background-repeat:no-repeat; background-position:95% center; background-size:58px; transition:background 0.3s, color 0.3s; } .ccci_curta_link_verao:hover { text-decoration:none; color:#003A6B !important; background:url(/ensinopesq/ccci/imagens/img_curtaduracao_menu_programa-verao.png),#A4CD12; background-repeat:no-repeat; background-position:100% bottom; background-size:60px; } /* ----- LINKS BOX LATERAL ----- */ #ccci .ccci_curta_link_box1:link, #ccci .ccci_curta_link_box1:visited, #ccci .ccci_curta_link_box2:link, #ccci .ccci_curta_link_box2:visited { display:block; padding:7px; font-size:1.2em; font-weight:bold; line-height:normal; transform:rotate(-1deg); color:#FFF; text-decoration:none; transition:background 0.3s, color 0.3s; } #ccci .ccci_curta_link_box1:link, #ccci .ccci_curta_link_box1:visited, #ccci .ccci_curta_link_box2:link, #ccci .ccci_curta_link_box2:visited { background:#003A68; } #ccci .ccci_curta_link_box1:hover, #ccci .ccci_curta_link_box2:hover { color:#003A68; text-decoration:none; } #ccci .ccci_curta_link_box_inner { display:block; background:#4D7596; transform:rotate(1.5deg); transition:background 0.3s; } #ccci .ccci_curta_link_box1 .ccci_curta_link_box_inner { padding:15px 10px 15px 50px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_inscricao.png); background-position:center left; background-repeat:no-repeat; } #ccci .ccci_curta_link_box2 .ccci_curta_link_box_inner { padding:10px 10px 10px 67px; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci .ccci_curta_link_box1:hover .ccci_curta_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_inscricao.png); background-position:center left; background-repeat:no-repeat; } #ccci .ccci_curta_link_box2:hover .ccci_curta_link_box_inner { background:#EDEDED; background-image:url(/ensinopesq/ccci/imagens/img_curta_link_box_calendario.png); background-position:center left; background-repeat:no-repeat; } #ccci .ccci_curta_link_box1 { margin-bottom:20px; } #ccci .ccci_curta_link_box_maior { font-size:1.5em; } #ccci .ccci_curta_link_box_menor { font-size:0.7em; } /* ============================================================================= TODAS AS PÁGINAS === */ /* ================================================================================================== */ /* ----- QUADROS INFORMAÇÃO FIM DA PÁGINA ----- */ #ccci .ccci_rodape { margin: 10px auto; max-width:1100px; width:100%; } #ccci .ccci_infos_titulo { border-top:1px solid #A4C431; background:#EDF3D6; padding:10px; margin:40px 0 25px 0; } #ccci .ccci_infos_titulo h4 { margin:0; line-height:normal; color:#004B88; } #ccci #ccci_infos div { padding-top:80px; text-align:center; font-size:0.9em; line-height:normal; } #ccci #ccci_infos div strong { font-size:1em; } @media (min-width:620px) { #ccci #ccci_infos { margin-bottom:0; } #ccci #ccci_infos_conteudo { margin-bottom:0; } #ccci #ccci_infos div { margin-bottom:0; } } @media (max-width:619px) { #ccci #ccci_infos div { margin-bottom:30px; } } #ccci #ccci_infos .puc_layout_coluna_1de3 { background:url(/ensinopesq/ccci/imagens/bkg_index_infos_endereco.jpg); background-position:top center; background-repeat:no-repeat; background-size:80px; } #ccci #ccci_infos .puc_layout_coluna_1de3 div { padding-top:0; } #ccci div.puc_links_redes_sociais_TAG-DIV { margin-top:20px; } #ccci div.puc_links_redes_sociais_TAG-DIV a img { width:40px; height:40px; } #ccci #ccci_infos .puc_layout_coluna_2de3 { background:url(/ensinopesq/ccci/imagens/bkg_index_infos_atendimento.jpg); background-position:top center; background-repeat:no-repeat; background-size:80px; } #ccci #ccci_infos .puc_layout_coluna_3de3 { background:url(/ensinopesq/ccci/imagens/bkg_index_infos_faleconosco.jpg); background-position:top center; background-repeat:no-repeat; background-size:80px; } #ccci #ccci_infos .puc_layout_coluna_3de3 .puc_link_destaque_TAG-A { margin-top:10px; } /* ----- LINKS EM QUADROS ----- */ #ccci #ccci_links_quadros { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; margin-top:40px; } #ccci #ccci_links_quadros a:link, #ccci #ccci_links_quadros a:visited { display:block; padding:15px; margin-bottom:40px; background:#D9E2E9; text-decoration:none; -webkit-transition:background 0.3s, color 0.3s; transition:background 0.3s, color 0.3s; } #ccci #ccci_links_quadros a:hover { color:#003A69; text-decoration:none; background:#B2D0E8; } @media (min-width:620px) { #ccci #ccci_links_quadros a:link, #ccci #ccci_links_quadros a:visited { width:-moz-calc(50% - 50px); width:-webkit-calc(50% - 50px); width:-o-calc(50% - 50px); width:calc(50% - 50px);} } @media (max-width:619px) { #ccci #ccci_links_quadros a:link, #ccci #ccci_links_quadros a:visited { width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); width:calc(100% - 30px);} } #ccci #ccci_links_quadros a div { margin-bottom:5px; font-size:1.2em; background-opacity:0.3; font-weight:bold; display:block; line-height:25px; } #ccci #ccci_links_quadros a div:first-line { font-size:1.35em; } #ccci #ccci_links_quadros a img { border:0; margin:-15px -15px 8px -15px; width:-moz-calc(100% + 30px); width:-webkit-calc(100% + 30px); width:-o-calc(100% + 30px); width:calc(100% + 30px); max-width:-moz-calc(100% + 30px); max-width:-webkit-calc(100% + 30px); max-width:-o-calc(100% + 30px); max-width:calc(100% + 30px); -webkit-transition:opacity 0.3s; transition:opacity 0.3s; } #ccci #ccci_links_quadros a:hover img { opacity:0.8; } #ccci #ccci_links_quadros p:last-child { margin-bottom:0; } /* ------------------------------------------------------------------------- RELATÓRIOS DE VIAGEM --- */ /* -------------------------------------------------------------------------------------------------- */ #ccci #ccci_academico_relatorios { display:flex; flex-wrap:wrap; justify-content:center; } #ccci #ccci_academico_relatorios a:link, #ccci #ccci_academico_relatorios a:visited { display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:1.5em; padding:10px; margin:13px; width:150px; height:150px; transition:background 0.3s, color 0.3s; background:#EDF3D6; border-radius:10px; box-shadow:1px 1px 3px rgba(0,0,0,0.3); } #ccci #ccci_academico_relatorios a:hover { text-decoration:none; background:#DBE58C; } #ccci #ccci_academico_relatorios a img { border:0; margin:0 0 15px 0; width:70px; transform:scale(1,1); transform-origin:bottom center; transition:transform 0.2s; } #ccci #ccci_academico_relatorios a:hover img { transform:scale(1.3,1.3); } #ccci .ccci_academico_relatorios_download { border-bottom:1px dashed #BBB; margin-bottom:30px; padding-bottom:15px; } #ccci .ccci_academico_relatorios_download p { margin:15px 0 0 0; padding-top:15px; border-top:1px dashed #BBB; } #ccci .ccci_academico_relatorios_download p a:link, #ccci .ccci_academico_relatorios_download p a:visited { display:block; padding:7px 7px 8px 35px; font-size:1.2em; font-weight:bold; background:url(/ensinopesq/ccci/imagens/img_ico_mais.png); background-repeat:no-repeat; background-size:28px; background-position:left center; transition:background 0.3s, color 0.3s; } #ccci .ccci_academico_relatorios_download p a:hover { text-decoration:none; background:url(/ensinopesq/ccci/imagens/img_ico_mais_hover.png); background-repeat:no-repeat; background-size:28px; background-position:left center; color:#4FA5EA; } #ccci .ccci_academico_relatorios_download p .ccci_link_menos:link, #ccci .ccci_academico_relatorios_download p .ccci_link_menos:visited { background:url(/ensinopesq/ccci/imagens/img_ico_menos.png); background-repeat:no-repeat; background-size:28px; background-position:left center; transition:background 0.3s, color 0.3s; } #ccci .ccci_academico_relatorios_download p .ccci_link_menos:hover { background:url(/ensinopesq/ccci/imagens/img_ico_menos.png); background-repeat:no-repeat; background-size:28px; background-position:left center; } #ccci .ccci_academico_relatorios_download div { display:flex; flex-wrap:wrap; margin-left:25px; } #ccci .ccci_academico_relatorios_download div a:link, #ccci .ccci_academico_relatorios_download div a:visited { display:block; margin:10px; width:50px; height:65px; background:url(/ensinopesq/ccci/imagens/img_ico_relatorio.png); background-repeat:no-repeat; background-size:contain; transition:background 0.25s, transform 0.25s; } #ccci .ccci_academico_relatorios_download div a:hover { background:url(/ensinopesq/ccci/imagens/img_ico_relatorio_over.png); background-repeat:no-repeat; background-size:contain; transform:scale(1.2,1.2); } #ccci .ccci_academico_relatorios_download div span { display:none; visibility:hidden; } .ccci_academico_relatorios_ttl_guia { display:flex; justify-content:flex-start; align-items:center; } .ccci_academico_relatorios_ttl_guia img { width:35px; margin-right:10px; } .ccci_tabelasjson_guiapais { position:relative; } .ccci_tabelasjson_guiapais a:link, .ccci_tabelasjson_guiapais a:visited { display:flex; position:absolute; right:45px; top:-10px/* -49px */; align-items:center; justify-content:center; font:1em 'Patua One'; transition:transform 0.3s, color 0.3s; } .ccci_tabelasjson_guiapais a:hover { color:#002849 !important; text-decoration:none; transform:scale(1.1,1.1); } .ccci_tabelasjson_guiapais a img { position:absolute; z-index:10; top:6px; right:-23px; width:23px; border-radius:50%; border:4px solid #BED700; } .ccci_tabelasjson_guiapais a span { transform:rotate(-4deg); background:#BED700; padding:3px 7px 4px 7px; } /* --- VIDEOS INSTITUCIONAIS ------------------------------------------------------------------------ */ /* -------------------------------------------------------------------------------------------------- */ .card_videos { background: #EEEEEE; border-radius: 5px; border: 1px #CCCCCC solid; } .card_videos img { border-radius: 5px 5px 0 0; } .card_videos p { padding: 15px; }