p { font-size: 16px; } .tooltip1 { position: relative; display: inline-block; border-bottom: 2px dotted #dd850a; cursor: help; } .tooltip1 .tooltiptext1 { visibility: hidden; width: 200px; background-color: #dd850a; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; font-size: 1.2rem; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -60px; } .tooltip1:hover .tooltiptext1 { visibility: visible; } li::marker { color: #D76F00; } #introtext{ background-color: #FFFFFF; } @media (min-width: 836px) { #introtext{ background-color: #FFFFFF; } } @media (max-width: 835px) { #introtext{ background-color: #F0F4F9; } } @media screen and (max-width: 782px) { html #wpadminbar { height: 46px; min-width: 240px; z-index: 90; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 90; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .df-messenger { background: #42A5F5; background: var(–df-messenger-button-titlebar-color); border: none; border-radius: 50%; bottom: 0px; box-shadow: rgba(0, 0, 0, 0.24) 1px 4px 15px 0px; cursor: pointer; height: 56px; position: absolute; right: 0px; width: 6px; bottom: 180px; } } .mensagem-erro { color: #d9534f; /* Um tom de vermelho */ font-weight: bold; border: 1px solid #d9534f; padding: 10px; background-color: #f2dede; margin-top: 20px; } table.comBordaComplexa tr { border: 0px solid #FFFFF0; border-bottom: 0.250rem solid #E6E6E6; background: #FFFFFF; } .numero{ background: #F0F4F9; padding: 7px; border-radius: 50%; }

Informações do curso

Inscrições: ini a fim

Progresso

Oferta: ini a fim

Progresso

Vagas: vagas

Modalidade: ini

Nível: ini

Duração: ini 

Público-alvo

ini

Atividades

ini

Certificação

ini

ini

Inscrição Ir para curso /* Ripple azul effect */ .buttonazulripple { background-position: center; transition: background 0.8s; } .buttonazulripple:hover { background: #336ce7 radial-gradient(circle, transparent 1%, #155ffd 1%) center/15000%; } .buttonazulripple:active { background-color: #336ce7; background-size: 100%; transition: background 0s; } /* Button azul style */ .buttonazul { padding: 15px; margin: 5px; min-width: 216px; max-width: 260px; border: 1px solid #ddd; border: none; cursor: pointer; color: white; background-color: #0f55ab; border-radius: 50px !important; text-align: center; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); outline: none; } /* Ripple verde effect */ .buttonverderipple { background-position: center; transition: background 0.8s; } .buttonverderipple:hover { background: #46db88 radial-gradient(circle, transparent 1%, #00bbaa 1%) center/15000%; } .buttonverderipple:active { background-color: #46db88; background-size: 100%; transition: background 0s; } /* Button verde style */ .buttonverde { padding: 15px; margin: 5px; min-width: 216px; max-width: 260px; border: 1px solid #ddd; border: none; cursor: pointer; color: white; background-color: #3cb371; border-radius: 50px !important; text-align: center; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); outline: none; } /* Link style */ .linkpag{ a: color: #ffffff; a:active color: #ffffff; a:visited color: #ffffff; } #colBut{ display: none; } @media (max-width: 835px) { .buttonazul{ min-width: 136px; max-width: 160px; position: fixed; bottom: 1%; left: 10%; /* z-index: 10000000; */ z-index: 95; } .buttonverde{ min-width: 136px; max-width: 160px; position: fixed; bottom: 1%; right: 15%; /* z-index: 10000000; */ z-index: 95; } #colBut{ background-color: #F0F4F9; opacity: 1; min-height: 80px; max-height: 60px; position: fixed; bottom: 0%; /* z-index: 1000000; */ z-index: 90; } } }

Conteúdo programático

ini