html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

:root {
    --tjes-bg-dark: #0d1b2a;
    --tjes-bg-light-blue: #eef4fc;
    --tjes-bg-light-pink: #fceef3;
    --tjes-primary: #1685e5;
    --tjes-secondary: #316297;
    --tjes-accent-pink: #FF7797;
    --tjes-text-dark: #0D1B2A;
    --tjes-text-light: #F8F9FA;
    --tjes-text-muted: #6c757d;
    --white: #ffffff;
    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .04);
    --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .08);
}

body {
    background-color: var(--tjes-bg-dark);
    color: var(--tjes-text-dark);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
    scroll-behavior: smooth;
}

.hero-navbar {
    background: var(--tjes-blue);
    color: var(--white);
    position: sticky;
    top: 0;
    z-index: 1030;
    transition: background-color 0.3s ease-out, backdrop-filter 0.3s ease-out, box-shadow 0.3s ease-out;
}

.hero-navbar.scrolled {
    /* background: rgba(255, 255, 255, 0.764); */
    background-color: var(--tjes-secondary);
    backdrop-filter: blur(10px);
    box-shadow: var(--shadow-md);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231685e5' fill-opacity='0.9' d='M0,160L48,176C96,192,192,224,288,218.7C384,213,480,171,576,144C672,117,768,107,864,128C960,149,1056,203,1152,213.3C1248,224,1344,192,1392,176L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FF7797' fill-opacity='0.9' d='M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,245.3C960,256,1056,224,1152,192C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} 

.hero-navbar.scrolled .navbar-brand span {
    color: var(--white) !important;
}

.hero-navbar.scrolled .nav-link {
    color: var(--white);
}

.hero-navbar.scrolled .nav-link:hover,
.hero-navbar.scrolled .nav-link.active {
    color: var(--tjes-accent-pink);
}

.hero-navbar .navbar-brand img {
    max-height: 40px;
    transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hero-navbar.scrolled .navbar-brand img {
    max-height: 32px;
}

.hero-navbar .nav-link {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}

.hero-navbar .nav-link:hover,
.hero-navbar .nav-link.active {
    color: var(--white);
}

.hero-navbar.scrolled .hero-content {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    opacity: 0;
    transform: translateY(-20px);
}

.hero-content {
    padding: 2rem 2rem 3rem;
    /* Padding reduzido para acomodar a busca */
    text-align: center;
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
    transition: padding 0.4s ease-out, max-height 0.5s ease-out, opacity 0.3s ease-out, transform 0.4s ease-out;
    overflow: hidden;
}

.hero-content h1,
.hero-content .lead {
    color: var(--white);
}

.hero-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tjes-secondary);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231685e5' fill-opacity='0.4' d='M0,160L48,176C96,192,192,224,288,218.7C384,213,480,171,576,144C672,117,768,107,864,128C960,149,1056,203,1152,213.3C1248,224,1344,192,1392,176L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FF7797' fill-opacity='0.7' d='M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,245.3C960,256,1056,224,1152,192C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 1;
    z-index: 1;
}

.hero-content .container {
    position: relative;
    z-index: 2;
}

.hero-content h1 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.main-content-wrapper {
    background-color: var(--tjes-bg-light-blue) !important;
    color: var(--tjes-text-dark);
    position: relative;
    z-index: 1; /* Fica abaixo do vídeo */
}

.section-title {
    color: var(--tjes-text-dark);
    font-weight: 700;
    margin-bottom: 3rem;
    text-align: center;
    position: relative;
    font-size: 1.25rem;
}

.section-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background-color: var(--tjes-primary);
    margin: 10px auto 0;
    border-radius: 2px;
}

.card {
    background-color: var(--white);
    border: 1px solid #e9ecef;
    transition: all 0.3s ease-in-out;
    height: 100%;
    border-radius: 0.75rem;
}

.dashboard-card {
    background-color: var(--white);
}

a.text-decoration-none:hover .service-card {
    transform: translateY(-8px);
    box-shadow: var(--shadow-md);
    border-color: var(--tjes-primary);
}

.cartilha-card {
    background-color: #f0efff;
    border-left: 5px solid var(--tjes-secondary);
}

.card-title {
    color: var(--tjes-text-dark);
    font-weight: 600;
    font-size: 1rem;
}

.card-icon {
    font-size: 2.5rem;
    color: var(--tjes-primary);
    margin-bottom: 1rem;
}

.card-text {
    font-size: 0.85rem;
    color: var(--tjes-text-muted);
    min-height: 50px;
}

.btn-gradient {
    color: var(--white);
    font-weight: 700;
    padding: 0.75rem 1.5rem;
    border-radius: 50px;
    transition: all 0.4s ease;
    border: none;
    background-image: linear-gradient(to right, var(--tjes-accent-pink), var(--tjes-secondary), var(--tjes-primary));
    background-size: 300% 100%;
}

.btn-gradient:hover {
    background-position: 100% 0;
    transform: scale(1.05);
    box-shadow: 0 4px 20px rgba(77, 65, 200, 0.3);
}

.site-footer {
    background-color: #0d1b2a;
    color: #e9ecef;
    padding: 3rem 0;
    margin-top: 4rem;
    border-top: 1px solid #2a3b52;
}

.site-footer a {
    color: var(--tjes-accent-pink);
    text-decoration: none;
    transition: color 0.3s;
}

.site-footer a:hover {
    color: var(--white);
}

#news-carousel .carousel-item img {
    height: 529px;
    object-fit: cover;
    border-radius: 0.75rem;
}

#news-carousel-2 .carousel-item {
    position: relative;
    height: 400px;
    overflow: hidden;
}

#news-carousel-2 .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#news-carousel-2 .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
}

.list-group-item.news-title {
    cursor: pointer;
    border: 1px solid #e9ecef;
    padding: 1rem;
    border-radius: 0.5rem !important;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    background-color: var(--white);
    color: var(--tjes-text-dark);
    transition: all 0.2s ease-in-out;
}

.list-group-item.news-title:hover {
    background-color: #f0efff;
    transform: translateX(5px);
    border-left: 4px solid var(--tjes-primary);
}

.list-group-item.news-title.active {
    background-color: var(--tjes-primary);
    color: var(--white);
    font-weight: bold;
    box-shadow: var(--shadow-md);
    border-color: var(--tjes-primary);
}

.quick-access-card {
    background: var(--white);
    opacity: 0.9;
    color: var(--tjes-text-dark);
    padding: 1rem;
    text-align: center;
    border-radius: 0.75rem;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.quick-access-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: var(--tjes-accent-pink);
    color: var(--tjes-primary);
}

.quick-access-icon {
    font-size: 2.5rem;
    color: var(--tjes-accent-pink);
}

/* Ícone com degradê no último item */
[class*="card-quick-access"]:last-child .quick-access-icon {
    background: linear-gradient(45deg, #ffffff, #ff00cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Último item normal */
[class*="card-quick-access"]:last-child .quick-access-card {
    background: linear-gradient(30deg, #0056b3, #00c6ff);
    color: white;
    border: none;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

/* Último item hover */
[class*="card-quick-access"]:last-child .quick-access-card:hover {
    /* transform: translateY(-5px) scale(1.05);
    box-shadow: var(--shadow-md);
    border-color: var(--tjes-accent-pink); */
	transform: translateY(-5px);
    box-shadow: var(--shadow-md);
    border-color: var(--tjes-accent-pink);
    color: var(--tjes-primary);
}

/* Texto interno branco */
[class*="card-quick-access"]:last-child .quick-access-card .d-block.fw-bold {
    color: white;
}

.nav-pills .nav-link {
    color: var(--tjes-primary);
    font-weight: 600;
}

.nav-pills .nav-link.active {
    background-color: var(--tjes-primary);
    color: var(--white);
    box-shadow: var(--shadow-sm);
}

.alert {
    border-width: 0;
    border-left-width: 5px;
    color: var(--tjes-text-dark);
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffc107;
}

.alert-info {
    background-color: #cff4fc;
    border-color: #0dcaf0;
}

#helena-chat-button {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: block;
    background-color: transparent;
    border: none;
    width: 100px;
    height: 100px;
    cursor: pointer;
    z-index: 1050;
    padding: 0;
}

#helena-chat-button img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
    background-color: #fceef3;
    border: pink 2px solid;
}

#helena-chat-button:hover img {
    transform: scale(1.1);
}

#helena-chat-window {
    position: fixed;
    bottom: 140px;
    right: 30px;
    width: 380px;
    max-width: 90vw;
    max-height: 70%;
    /* max-height: 600px; */
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: var(--shadow-md);
    display: none;
    flex-direction: column;
    overflow: hidden;
    z-index: 1050;
    border: 1px solid #dee2e6;
}

#helena-chat-header {
    color: white;
    background-color: var(--tjes-secondary);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231685e5' fill-opacity='0.4' d='M0,160L48,176C96,192,192,224,288,218.7C384,213,480,171,576,144C672,117,768,107,864,128C960,149,1056,203,1152,213.3C1248,224,1344,192,1392,176L1440,160L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z'%3E%3C/path%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23FF7797' fill-opacity='0.7' d='M0,288L48,272C96,256,192,224,288,197.3C384,171,480,149,576,165.3C672,181,768,235,864,245.3C960,256,1056,224,1152,192C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 10;  /* Garante que o cabeçalho fique sobre o vídeo */
    border-radius: 20px;
    margin: 1px -10px;
}

#helena-chat-header img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--white);
}

#helena-chat-header h4 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    flex: 1; 
    color: var(--white);
}

#helena-chat-close {
    cursor: pointer;
    font-size: 24px;
    line-height: 1;
    opacity: 0.8;
    color: var(--white);
}

#helena-chat-close:hover {
    opacity: 1;
}

#helena-chat-messages {
    flex: 1;
    padding: 16px;
    background-color: #f8f9fa;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.message {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 16px;
    font-size: 0.9rem;
    line-height: 1.5;
    word-wrap: break-word;
}

.message.user {
    background-color: var(--tjes-primary);
    color: var(--white);
    align-self: flex-end;
    border-bottom-right-radius: 4px;
}

.message.assistant {
    background-color: var(--white);
    color: var(--tjes-text-dark);
    align-self: flex-start;
    border-bottom-left-radius: 4px;
    border: 1px solid #e9ecef;
}

#helena-chat-input-area {
    display: flex;
    align-items: center;
    border-top: 1px solid #dee2e6;
    padding: 8px 12px;
    background-color: #fff;
    gap: 8px;
}

#helena-chat-input {
    flex: 1;
    padding: 10px 16px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    color: var(--tjes-text-dark);
    border-radius: 24px;
    outline: none;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

#helena-chat-input:focus {
    border-color: var(--tjes-primary);
}

#helena-chat-send {
    background-color: var(--tjes-primary);
    color: white;
    border: none;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

#helena-chat-send:hover {
    background-color: var(--tjes-secondary);
}




#helena-chat-send:active {
    background-color: #003d76;
}

/* Scroll personalizado */
#helena-chat-messages::-webkit-scrollbar {
    width: 6px;
}

#helena-chat-messages::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

#helena-chat-hint {
    position: fixed;
    bottom: 150px;
    right: 30px; /* alinhado com o botão */
    background-color: #0056b3; /* Azul forte */
    display: block;
    color: #ffffff;
    padding: 12px 16px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
    font-size: 14px;
    max-width: 240px;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transform: translateY(10px);
    /* pointer-events: none; */
    font-weight: 500;
}

/* Setinha voltada para baixo, alinhada à direita */
#helena-chat-hint::after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 24px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0056b3; /* mesma cor do balão */
}

.helena-chat-close-btn {
    position: absolute;
    top: 4px;
    right: 8px;
    background: transparent;
    border: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

/* Horário */
.timestamp {
    font-size: 11px;
    /* color: var(--white); */
    margin-top: 4px;
    display: block;
    text-align: right;
}

/* Comunicações e Alertas */
.widget-card {
    background-color: var(--tjes-surface-white);
    border-radius: 0.75rem;
    border: 1px solid var(--tjes-border);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.widget-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.07);
}
.chart-container {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    max-height: 400px;
}
.btn-primary-custom {
    background-color: var(--tjes-primary);
    color: white;
    transition: background-color 0.2s;
}
.btn-primary-custom:hover {
    background-color: var(--tjes-secondary);
}
.section-title-2 {
    color: var(--tjes-text-dark);
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
    position: relative;
}
.section-title-2::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background-color: var(--tjes-primary);
    margin: 10px auto 0;
    border-radius: 2px;
}
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}


.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
}
.sticky{
    position:sticky
}
.top-0{
    top:0px
}
.z-50{
    z-index:50
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
}
.mb-12{
    margin-bottom:3rem
}
.mb-2{
    margin-bottom:0.5rem
}
.mb-4{
    margin-bottom:1rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mb-8{
    margin-bottom:2rem
}
.ml-1{
    margin-left:0.25rem
}
.mt-2{
    margin-top:0.5rem
}
.mt-4{
    margin-top:1rem
}
.mr-3{
    margin-right:0.75rem
}
.mt-1{
    margin-top:0.25rem
}
.block{
    display:block
}
.flex{
    display:flex
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.h-10{
    height:2.5rem
}
.h-12{
    height:3rem
}
.h-64{
    height:16rem
}
.h-16{
    height:4rem
}
.w-10{
    width:2.5rem
}
.w-full{
    width:100%
}
.w-16{
    width:4rem
}
.flex-grow{
    flex-grow:1
}
.transform{
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
}
.grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
}
.flex-col{
    flex-direction:column
}
.items-start{
    align-items:flex-start
}
.items-center{
    align-items:center
}
.justify-end{
    justify-content:flex-end
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.gap-4{
    gap:1rem
}
.gap-6{
    gap:1.5rem
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.25rem * var(--tw-space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.75rem * var(--tw-space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:0.5rem
}
.rounded-md{
    border-radius:0.375rem
}
.border{
    border-width:1px
}
.border-0{
    border-width:0px
}
.border-2{
    border-width:2px
}
.border-l-4{
    border-left-width:4px
}
.border-blue-400{
    --tw-border-opacity:1;
    border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))
}
.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-white\/50{
    border-color:rgb(255 255 255 / 0.5)
}
.border-yellow-400{
    --tw-border-opacity:1;
    border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))
}
.bg-blue-100{
    --tw-bg-opacity:1;
    background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))
}
.bg-purple-100{
    --tw-bg-opacity:1;
    background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))
}
.bg-transparent{
    background-color:transparent
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-white\/10{
    background-color:rgb(255 255 255 / 0.1)
}
.bg-white-100{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-yellow-100{
    --tw-bg-opacity:1;
    background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))
}
.p-1{
    padding:0.25rem
}
.p-2{
    padding:0.5rem
}
.p-4{
    padding:1rem
}
.p-6{
    padding:1.5rem
}
.p-3{
    padding:0.75rem
}
.px-3{
    padding-left:0.75rem;
    padding-right:0.75rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.py-8{
    padding-top:2rem;
    padding-bottom:2rem
}
.pb-12{
    padding-bottom:3rem
}
.pt-8{
    padding-top:2rem
}
.text-center{
    text-align:center
}
.text-2xl{
    font-size:1.5rem;
    line-height:2rem
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm{
    font-size:0.875rem;
    line-height:1.25rem
}
.font-bold{
    font-weight:700
}
.font-medium{
    font-weight:500
}
.font-semibold{
    font-weight:600
}
.text-blue-700{
    --tw-text-opacity:1;
    color:rgb(29 78 216 / var(--tw-text-opacity, 1))
}
.text-blue-800{
    --tw-text-opacity:1;
    color:rgb(30 64 175 / var(--tw-text-opacity, 1))
}
.text-blue-900{
    --tw-text-opacity:1;
    color:rgb(30 58 138 / var(--tw-text-opacity, 1))
}
.text-gray-600{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.text-gray-700{
    --tw-text-opacity:1;
    color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.text-white\/60{
    color:rgb(255 255 255 / 0.6)
}
.text-white\/70{
    color:rgb(255 255 255 / 0.7)
}
.text-white\/80{
    color:rgb(255 255 255 / 0.8)
}
.text-white\/90{
    color:rgb(255 255 255 / 0.9)
}
.text-yellow-700{
    --tw-text-opacity:1;
    color:rgb(161 98 7 / var(--tw-text-opacity, 1))
}
.text-yellow-800{
    --tw-text-opacity:1;
    color:rgb(133 77 14 / var(--tw-text-opacity, 1))
}
.text-yellow-900{
    --tw-text-opacity:1;
    color:rgb(113 63 18 / var(--tw-text-opacity, 1))
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.text-gray-800{
    --tw-text-opacity:1;
    color:rgb(31 41 55 / var(--tw-text-opacity, 1))
}
.text-green-500{
    --tw-text-opacity:1;
    color:rgb(34 197 94 / var(--tw-text-opacity, 1))
}
.antialiased{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.placeholder-white\/70::placeholder{
    color:rgb(255 255 255 / 0.7)
}
.shadow-md{
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.shadow-sm{
    --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.transition-colors{
    transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
}
.transition-shadow{
    transition-property:box-shadow;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
}
.transition-all{
    transition-property:all;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms
}
.duration-300{
    transition-duration:300ms
}
.hover\:-translate-y-1:hover{
    --tw-translate-y:-0.25rem;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:bg-purple-50:hover{
    --tw-bg-opacity:1;
    background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))
}
.hover\:shadow-md:hover{
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.hover\:shadow-lg:hover{
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.focus\:border-purple-500:focus{
    --tw-border-opacity:1;
    border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))
}
.focus\:ring-0:focus{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.focus\:ring-purple-500:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(168 85 247 / var(--tw-ring-opacity, 1))
}
@media (min-width: 640px){
    .sm\:grid-cols-2{
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
    .sm\:grid-cols-4{
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
}
@media (min-width: 768px){
    .md\:col-span-2{
        grid-column:span 2 / span 2
    }
    .md\:mt-0{
        margin-top:0px
    }
    .md\:flex{
        display:flex
    }
    .md\:h-80{
        height:20rem
    }
    .md\:w-auto{
        width:auto
    }
    .md\:grid-cols-2{
        grid-template-columns:repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3{
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
    .md\:text-base{
        font-size:1rem;
        line-height:1.5rem
    }
}
@media (min-width: 1024px){
    .lg\:col-span-2{
        grid-column:span 2 / span 2
    }
    .lg\:inline{
        display:inline
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(3, minmax(0, 1fr))
    }
    .lg\:grid-cols-4{
        grid-template-columns:repeat(4, minmax(0, 1fr))
    }
    .lg\:grid-cols-5{
        grid-template-columns:repeat(5, minmax(0, 1fr))
    }
}

#queremos-te-ver-aqui-card{
    overflow: hidden;
}

/* BARRA DE ROLAGEM NO CARD ACOMPANHAMENTO SEI */
.acompanhamento-sei-card {
    height: 529px;
    display: flex;
    flex-direction: column;
}

.service-card .card-header {
    flex-shrink: 0;
}

.service-card .card-body {
    flex: 1 1 auto;
    overflow: hidden;
}

.service-card .card-body-agenda {
    max-height: 177px;
    overflow-y: auto;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
}

.processo-lista {
    max-height: 100%;
    overflow-y: auto;
    padding-right: 8px; /* espaço para a scrollbar */
}

.icon-add {
    float: right;
    position: relative;
}

.processo-data {
    font-size: small;
    color: gray;
}

#seiModal .modal-content {
  border-radius: 8px;
}

/* Remova estilos de tela cheia */
.overlay {
    position: absolute; /* Importante: relativo ao #meu-container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* fundo translúcido */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

/* Exemplo de spinner */
.spinner {
    width: 40px;
    height: 40px;
    border: 5px solid #ccc;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


#banner-carousel .carousel-item {
  height: 207px;
  overflow: hidden;
}

#banner-carousel .banner-image {
  width: 100%;
  max-width: 1200px;
  height: 207px;
  object-fit: cover;
  border-radius: 0.75rem;
}

/* copiados do style.css */
        /*Do bootstrap 6.3.2: */
        .img-responsive,
        .thumbnail > img,
        .thumbnail a > img,
        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
        display: block;
        max-width: 100%;
        height: auto;
        }
        a.btn.btn-default.btn-{
            color: #333333;
            background-color: #ffffff;
            border-color: #cccccc;
        }
		.thumbnail {
		display: block;
		padding: 4px;
		margin-bottom: 20px;
		line-height: 1.42857143;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		border-radius: 4px;
		-webkit-transition: border 0.2s ease-in-out;
		-o-transition: border 0.2s ease-in-out;
		transition: border 0.2s ease-in-out;
		}
		.thumbnail > img,
		.thumbnail a > img {
		margin-left: auto;
		margin-right: auto;
		}
		a.thumbnail:hover,
		a.thumbnail:focus,
		a.thumbnail.active {
		border-color: #337ab7;
		}
		.thumbnail .caption {
		padding: 9px;
		color: #333333;
		}
        .pull-right {
		float: right !important;
		}
		/**
		* páginas e posts internos
		*/

		.i-post h2 {
			/*font-size: 30px;*/
			margin: 25px 0;
		}

		.i-post h3 {
			font-size: 24px;
			margin: 20px 0;
		}

		.i-post h4 {
			font-size: 1em;
			font-weight: 400;
			margin: 25px 0 10px 0;
			padding-bottom: 4px;
		}

		.i-post h5 {
			font-size: 1.28em;
			margin: 2px 0 2px 0;
		}

		.i-post h6 {
			font-size: 1.14em;
			margin: 36px 0;
		}

		.i-post p {
			font-family: 'Roboto', sans-serif;
			font-size: 1.14em;
			line-height: 1.7em;
			font-weight: 400;
			color: #3a3a3a;
		}

		.i-post menu,
		.i-post ol,
		.i-post ul {
			margin: 16px 0;
			padding: 0 0 0 40px;
		}

		.i-post ul {
			list-style-type: disc;
		}

		.i-post nav ul,
		.i-post nav ol {
			list-style: none;
			list-style-image: none;
		}


		.i-post table {
			border: 1px solid var(--medium-bg-color);
			border-collapse: collapse;
			border-spacing: 0;
			/* font-size: 0.85em; */
			line-height: 1.3;
			margin: 0 0 20px;
			width: 100%;
		}

		.i-post table thead{
			background-color: var(--light-bg-color);

		}

		.i-post table thead td{
			font-weight: 500;
			padding: 15px;
		}

		.i-post table td p{
			line-height: 1.2em;
			margin: 0;
		}

		.i-post caption,
		.i-post th,
		.i-post td {
			font-weight: normal;
			text-align: left;
		}

		.i-post caption {
			font-size: 1.14em;
			margin: 20px 0;
		}

		.i-post th {
			font-weight: bold;
			text-transform: uppercase;
		}

		.i-post td {
			border: 1px solid var(--medium-bg-color);
			padding: 15px;
		}

		/**
		* 5.0 Content
		* ----------------------------------------------------------------------------
		*/

		.entry {
			padding: 0;
		}

		.entry-header,
		.entry-content,
		.entry-summary,
		.entry-meta {
			width: 100%;
		}

		.entry-content li a{
			padding: 5px;
			display: inline-block;
			color: #009ebf;
			/*color: #b3134b; outubro rosa*/
		}

		.entry-content li a:hover{
			background-color: #f2f2f2;
			text-decoration: none;
			color: var(--main-bg-color);
			/*color: #b3134b; outubro rosa*/
		}

		.entry-header h4 {
			font-size: 18px;
			color: steelblue;
			font-weight: bold;
		}

		ul#listyofiles {
			list-style: none;
		}

		.intro-text img {
			display: none;
		}

		.mtli_pdf {
			background-position: left !important;
		}

		a.mtli_attachment {
			padding-left: 25px !important;
		}

		div.printfriendly {
			display: none;
		}

		.post-edit-link {
			margin: 0;
			display: inline-block;
			color: #0086a2;
		}
		/*.post-edit-link, .glyphicon-edit{
			display: none;
		}*/

		/**
		* 5.1 Entry Header
		* ----------------------------------------------------------------------------
		*/



		.entry-thumbnail img {
			display: block;
			margin: 0 auto 10px;
		}

		.entry-header {
			margin: 30px 0;
		}
		.card .entry-header{
			margin: 10px 0;
		}
		.clear {
			display: block;
			height: 1px;
			clear: both;
		}

		.entry-title {
			margin: 0 0 5px;

		}
		.title-pages{
			font-size: 2em;
			font-weight: 400;
			margin: 10px 0 5px 0;
			padding-bottom: 10px;
			border-bottom: 1px solid #f1f1f1;
		}

		.entry-title a {
			color: #141412;
		}

		.entry-title a:hover {
			color: #ea9629;
		}

		.hide-title {
			position:absolute;
			right:10000px;
		}

		/**
		* 5.2 Entry Meta
		* ----------------------------------------------------------------------------
		*/

		.entry-meta {
			clear: both;
			font-size: 0.8em;
			color: #5f5f5f;
			padding: 5px 0;
			text-transform: uppercase;
		}

		.entry-meta a {
			color: #bc360a;
		}

		.entry-meta a:hover {
			color: #bc360a;
		}

		.entry-meta > span {
			margin-right: 20px;
		}

		.entry-meta > span:last-child {
			margin-right: 0;
		}

		.featured-post:before {
			content: "\f308";
			margin-right: 2px;
		}

		.entry-meta .date a:before {
			content: "\f303";
		}

		.comments-link a:before {
			content: "\f300";
			margin-right: 2px;
			position: relative;
			top: -1px;
		}

		.entry-meta .author a:before {
			content: "\f304";
			position: relative;
			top: -1px;
		}

		.categories-links a:first-child:before {
			content: "\f301";
		}

		.tags-links a:first-child:before {
			content: "\f302";
			position: relative;
			top: -1px;
		}

		.edit-link a:before {
			content: "\f411";
			position: relative;
			top: -1px;
		}

		.glyphicon-edit,
		.glyphicon-arrow-left {
			color: #0086a2;
		}



		.single-author .entry-meta .author,
		.sticky.format-standard .entry-meta .date,
		.sticky.format-audio .entry-meta .date,
		.sticky.format-chat .entry-meta .date,
		.sticky.format-image .entry-meta .date,
		.sticky.format-gallery .entry-meta .date {
			display: none;
		}


		/**
		* 5.3 Entry Content
		* ----------------------------------------------------------------------------
		*/

		.entry-content {
			-webkit-hyphens: auto;
			-moz-hyphens:    auto;
			-ms-hyphens:     auto;
			hyphens:         auto;
			word-wrap: break-word;
		}

		.entry-content a,
		.comment-content a {
			color: #016A8D;
		}

		.entry-content a:hover,
		.comment-content a:hover {
			color: #ea9629;
		}

		.entry-content .more-link {
			white-space: nowrap;
		}

		.entry-content blockquote {
			font-size: 24px;
		}

		.entry-content blockquote cite,
		.entry-content blockquote small {
			font-size: 16px;
		}


@media (min-width: 768px) {

			.container-fluid {
				padding-left: 0 !important;
				padding-right: 0 !important;
			}

			div.printfriendly {
				display: block;
				margin: 10px;
			}

			/* Header */
			#cabecalho #top-links,
			#cabecalho #top-links ul {
				float: right;
				position: relative;
				top: 0px;
			}

			#link-tjes-az{
				background-color: #007790;
				/*background-color: #b3134b; - outubro rosa*/
				border-radius: 3px;
			}

			.navbar-nav > li > a {
				padding-top: 8px;
				padding-bottom: 8px;
				z-index: 9999 !important;
				position: relative !important;
			}

			#menu {
				padding-left: 0;
				padding-right: 0;
			}

			#menu > ul > li > a:hover,
			#menu > ul > li.open > a {
				border-bottom: 3px solid var(--border-color); 
				/*border-bottom: 3px solid #CB2660;  outubro rosa */
			}

			#menu ul li ul.dropdown-menu li a {
				padding: 12px 15px;
			}

			.nav > li {
				border-bottom: none !important;
			}


			/* Acesso rápido */
			.icon-pautas-julgamentos a,
			.icon-conselho-nacional a,
			.icon-revista a,
			.icon-planejamento a {
				line-height: 1.1em;
				padding-top: 10px;
			}

			/* Home coluna direita */
			.container-slide {
				height: 280px;
			}
			.article-principal-left {
				padding-right: 10px !important;
			}

			.carousel-indicators {
				bottom: -20px;
			}

			/* coordenadorias */
			.section-coord {
				padding: 0;
				background-color: transparent !important;
			}


			/* Search page */
			.search-results .col-sm-3 {
				margin-top: 30px;
				text-align: right;
				padding: 15px;
			}

			.search-results .col-sm-8 {
				border-left: 1px solid var(--light-bg-color);;
				margin-bottom: 20px;
			}

			.coluna-direita-home .clearfix h4 {
				margin-left: 0px;
			}

			/* category page */
			.page-category header{
				margin-bottom: 30px;
			}

			.page-category .page-category-item {
				margin-bottom: 25px;
			}

			.page-category-item h3 {
				margin: 5px 0 15px 0;
			}
		}


		@media (min-width: 992px){
			.article-principal-right {
				padding-left: 10px !important;
			}

			.col-md-offset-1 {
				margin-left: 4.33333333%;
			}

			.pagina-sistemas .media-body {
				width: 180px !important;
			}

		}


		@media (min-width: 1200px) {

			/* Acesso rápido */

			.acesso-rapido {
				position: relative;
				/* left: 15px; */
				padding: 0;
			}

			.icon-pautas-julgamentos a,
			.icon-revista a,
			.icon-planejamento a {
				line-height: 1.1em;
				padding-top: 18px;
			}

			.coluna-direita-home h3 {
				font-size: 1.48em;
				margin: 10px 0;
				line-height: 1.2em;
				width: 90%;
			}

			.coluna-direita-home .article-principal-right h3 {
				font-size: 1.8em;
				margin: 5px 0 10px 0;
				font-weight: 500;
			}

			.coluna-direita-home p {
				font-size: 1.1em;
				line-height: 1.6em;
			}


			.tv-justica a.btn-ver-mais {
				margin-top: -25px;
			}

			article.noticia {
				padding-right: 50px;
			}


			/* Footer */

			#menu-menu-deslogado-1 {
				width: 85%;
				margin: 0 auto;
			}

			#menu-menu-logado-1{
				width: 1120px;
				margin: 0 auto;
			}
		}



		/**
		* 9.0 Print
		* ----------------------------------------------------------------------------
		*/

		/* Retina-specific styles. */
		@media print,
			(-o-min-device-pixel-ratio: 5/4),
			(-webkit-min-device-pixel-ratio: 1.25),
			(min-resolution: 120dpi) {

			.site-header .search-field {
				background-image: url(images/search-icon-2x.png);
			}

			.format-audio .audio-content,
			.format-status .entry-content:before,
			.format-status .entry-meta:before,
			.comment-list > li:after,
			.comment-list .children > li:before {
				background-image: url(images/dotted-line-2x.png);
			}
		}

		@media print {
			body {
				background: none !important;
				color: #000;
				font-size: 10pt;
			}
			
			.selos-tp{
				display: none;
			}


			footer a[rel="bookmark"]:link:after,
			footer a[rel="bookmark"]:visited:after {
				content: " [" attr(href) "] "; /* Show URLs */
			}

			.site {
				max-width: 98%;
			}

			.site-header {
				background-image: none !important;
			}

			.site-header .home-link {
				max-width: none;
				min-height: 0;
			}

			.site-title {
				color: #000;
				font-size: 21pt;
			}

			.site-description {
				font-size: 10pt;
			}

			.author-avatar,
			.site-footer,
			.comment-respond,
			.comments-area .comment-edit-link,
			.comments-area .reply,
			.comments-link,
			.entry-meta .edit-link,
			.page-links,
			.site-content nav,
			.widget-area,
			.main-navigation,
			.navbar,
			.more-link,
			.selos-tp,
			.carousel-inner {
				display: none;
			}

			.entry-header,
			.entry-content,
			.entry-summary,
			.entry-meta {
				margin: 0;
				width: 100%;
			}

			.page-title,
			.entry-title {
				font-size: 21pt;
			}

			.entry-meta,
			.entry-meta a {
				color: #444;
				font-size: 10pt;
			}

			.entry-content img.alignleft,
			.entry-content .wp-caption.alignleft {
				margin-left: 0;
			}

			.entry-content img.alignright,
			.entry-content .wp-caption.alignright {
				margin-right: 0;
			}

			.format-image .entry-content .size-full {
				margin: 0;
			}

			/* Remove colors from post formats */
			.hentry {
				background-color: #fff;
			}

			/* Comments */
			.comments-area > li.comment {
				background: none;
				position: relative;
				width: auto;
			}

			.comment-metadata {
				float: none;
			}

			.comment-author .fn,
			.comment-reply-link,
			.comment-reply-login {
				color: #333;
			}
		}


		/**
		* 9.0 Menu lateral
		* ----------------------------------------------------------------------------
		*/

		.page-menu{
			margin-top: 10px;
		}

		.page-menu h2{
			font-size: 1.28em;
			margin: 10px 0;
			line-height: 1.2em;
			padding: 5px;
			text-transform: uppercase;
			border-left: 3px solid var(--logo-color);
		}

		/**
		* 9.0 Página nótícia
		* ----------------------------------------------------------------------------
		*/

		article.noticia {
			padding-left: 25px;
		}

		.noticia .entry-content p {
			font-size: 1.3em;
			font-weight: 300;
			text-align: left !important;
			display: block;
			margin-block-start: 1em;
			margin-block-end: 1em;
			margin-inline-start: 0px;
			margin-inline-end: 0px;
			unicode-bidi: isolate;
		}

		.noticia .entry-content ul {
			margin: 16px 0;
			padding: 0 0 0 40px;
		}

		.noticia .entry-content .intro-text p {
			font-weight: 400;
			font-size: 1.5em;
			line-height: 1.3em;
			margin: 25px 0 25px -25px;
			padding-left: 25px;
			color: gray;
			border-left: 4px solid #bd5252;
		}

		.noticia img, .noticia-sidebar ul li img {
			border-radius: 5px;
			height: auto;
			max-width: 100%;
			vertical-align: middle;
		}

		img.aligncenter {
			margin: 5px auto;
		}

        .img-responsive {
            max-width: 100%;
            height: auto;
        }

		div.icon-sistemas-judiciais .img-responsive {
			display: inline;
		}

        .noticia-sidebar a {
            text-decoration: none;
            color: #016A8D;
        }

		aside.noticia-sidebar ul {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}

		aside.noticia-sidebar ul li {
			margin-bottom: 50px;
		}

		aside.noticia-sidebar ul li p {
			font-size: 1em;
			margin: 10px 0;
			line-height: normal;
		}

		.noticia-sidebar ul li h3{
			font-size: 1.2em;
			font-weight: 400;
			margin: 0 0 10px 0;
		}

		.noticia-sidebar ul li img {
			width: 100%;
			height: auto;
		}

		ul.post-categories{
			padding-left: 0px;
            margin-block-start: 1em; 
            margin-block-end: 1em;
		}
		ul.post-categories li {
			display: inline-block;
			padding: 5px;
			background-color: rgb(247, 247, 247);
			border-radius: 3px;
			border: 1px solid #ccc;
			text-decoration: none;
		}

		ul.post-categories li a {
			color: #636368;
			display: block;
			font-size: 0.9em;
            text-decoration: none;
		}

		ul.post-categories li a:hover {
			text-decoration: none;
		}

		/*aside.noticia-sidebar article{
			margin-bottom: 20px;
		}

		.noticia-sidebar article h3{
			font-size: 1.2em;
			font-weight: 400;
			margin: 0 0 10px 0;
		}

		.noticia-sidebar article p {
			font-size: 1em;
			margin: 10px 0;
			line-height: normal;
		}

		.noticia-sidebar article img {
			width: 100%;
			height: auto;
		}*/
		/**
		* 9.0 Página todas as nótícias
		* ----------------------------------------------------------------------------
		*/

		.noticias-page{
			margin-top: 30px;
		}

		.noticias-page article:first-child{
			margin-left: 0;
		}

		.noticias-page h4{
			font-size: 14px;
			font-family: 'Roboto', sans-serif;
			font-weight: 400;
		}
		.noticias-page .noticia-item:first-child{
			margin-left: 30px;
		}

		#page-categories h2 {
			margin: 25px 0;
			font-size: 20px;
			font-family: 'Roboto';
			font-weight: 500;
			line-height: 1.3;
		}

		#page-categories a.article-titulo {
			text-decoration: none;
			color: var(--tjes-secondary);
		}

		.post-date.text-uppercase {
			font-size: x-small;
			margin: -5px 0;
		}


		/* Página de notícias do setor */

		.page-noticia-item{
			border-bottom: 1px solid #ccc;
			margin-bottom: 25px;
		}

		/* menu lateral de página */
		.pagenav,
		.pagenav ul,
		.pagenav ul li,
		.pagenav ul li a {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 1.3;
		display: block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #016A8D;
		}

		.pagenav > ul > li{
			border-bottom: 1px solid #DDDDDD;
			background-color: #f7f7f7;
		}

		.pagenav ul li:last-child{
			border-bottom: none;
		}

		.pagenav ul li.current_page_item a{
			background-color: var(--light-bg-color);
			color: #016A8D;
			border-left: 3px solid var(--logo-light-color);
		}

		.pagenav ul ul {
		display: none;
		background-color: #eee;
		}
		.align-right {
		float: right;
		}
		.pagenav > ul > li > a {
			font-size: 13px;
			font-family: 'Roboto', sans-serif;
			padding: 10px 30px 10px 10px;
			display: block;
			color: #016A8D;
			text-decoration: none;
			cursor: pointer;
			z-index: 2;
			text-shadow: none !important;
		}
		.pagenav > ul > li.active > a,
		.pagenav > ul > li.open > a {
			background-color: #f7f7f7;
		}

		.pagenav > ul > li > a:hover {
				background-color: var(--hover-color);
		}

		.pagenav > ul > li.page_item_has_children span {
			padding: 5px;
			border: 1px solid #ddd;
			border-radius: 5px;
			position: absolute;
			z-index: 3;
			/*background: #efefef;*/
			right: 0;
			top: 5px;
			cursor: pointer;
		}

		.pagenav > ul > li.page_item_has_children span:hover {
			background-color: #efefef;
		}

		/* Page links */
		.page-links {
			clear: both;
			font-size: 16px;
			font-style: italic;
			font-weight: normal;
			line-height: 2.2;
			margin: 20px 0;
			text-transform: uppercase;
		}

		.page-links a,
		.page-links > span {
			background: #fff;
			border: 1px solid #fff;
			padding: 5px 10px;
			text-decoration: none;
		}

/*    ROBOTO     */

		/* ITALIC */

		/* roboto-300 - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 300;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
		src: local('Roboto Light'), local('Roboto-Light'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-300italic - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 300;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-regular - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Roboto'), local('Roboto-Regular'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-italic - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 400;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Italic'), local('Roboto-Italic'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}


		/* NORMAL */

		/* roboto-500 - latin */

		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 500;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
		src: local('Roboto Medium'), local('Roboto-Medium'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-500italic - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 500;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-700 - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 700;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
		src: local('Roboto Bold'), local('Roboto-Bold'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-700italic - latin */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 700;
		src: url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}


		/* roboto-300 - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 300;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.eot'); /* IE9 Compat Modes */
		src: local('Roboto Light'), local('Roboto-Light'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-300italic - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 300;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-regular - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.eot'); /* IE9 Compat Modes */
		src: local('Roboto'), local('Roboto-Regular'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-italic - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 400;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Italic'), local('Roboto-Italic'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-500 - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 500;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.eot'); /* IE9 Compat Modes */
		src: local('Roboto Medium'), local('Roboto-Medium'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-500italic - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 500;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-700 - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 700;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.eot'); /* IE9 Compat Modes */
		src: local('Roboto Bold'), local('Roboto-Bold'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
		}
		/* roboto-700italic - latin-ext */
		@font-face {
		font-family: 'Roboto';
		font-style: italic;
		font-weight: 700;
		src: url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.eot'); /* IE9 Compat Modes */
		src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/roboto-v18-latin-ext/roboto-v18-latin-ext-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
		}


		/*    LATO     */

		/* Italic */

		/* lato-regular - latin */
		@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 400;
		src: url('css/fonts/lato-v14-latin/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Lato Regular'), local('Lato-Regular'),
			url('css/fonts/lato-v14-latin/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
		}
		/* lato-italic - latin */
		@font-face {
		font-family: 'Lato';
		font-style: italic;
		font-weight: 400;
		src: url('css/fonts/lato-v14-latinlato-v14-latin-italic.eot'); /* IE9 Compat Modes */
		src: local('Lato Italic'), local('Lato-Italic'),
			url('css/fonts/lato-v14-latin/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
		}

		/* NORMAL */

		/* lato-700 - latin */
		@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 700;
		src: url('css/fonts/lato-v14-latin/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
		src: local('Lato Bold'), local('Lato-Bold'),
			url('css/fonts/lato-v14-latin/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
		}
		/* lato-700italic - latin */
		@font-face {
		font-family: 'Lato';
		font-style: italic;
		font-weight: 700;
		src: url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
		src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
			url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
		}

		/* lato-regular - latin-ext */
		@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 400;
		src: url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.eot'); /* IE9 Compat Modes */
		src: local('Lato Regular'), local('Lato-Regular'),
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-regular.svg#Lato') format('svg'); /* Legacy iOS */
		}
		/* lato-italic - latin-ext */

		@font-face {
		font-family: 'Lato';
		font-style: italic;
		font-weight: 400;
		src: url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.eot'); /* IE9 Compat Modes */
		src: local('Lato Italic'), local('Lato-Italic'),
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-italic.svg#Lato') format('svg'); /* Legacy iOS */
		}
		/* lato-700 - latin-ext */
		@font-face {
		font-family: 'Lato';
		font-style: normal;
		font-weight: 700;
		src: url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.eot'); /* IE9 Compat Modes */
		src: local('Lato Bold'), local('Lato-Bold'),
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700.svg#Lato') format('svg'); /* Legacy iOS */
		}
		/* lato-700italic - latin-ext */
		@font-face {
		font-family: 'Lato';
		font-style: italic;
		font-weight: 700;
		src: url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.eot'); /* IE9 Compat Modes */
		src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
			url('css/fonts/lato-v14-latin-ext/lato-v14-latin-ext-700italic.svg#Lato') format('svg'); /* Legacy iOS */
		}