﻿@import url("partials/table.css");
@charset "UTF-8";

:root {
    --cor-principal: #007fb1;
}

#noticia
.logo-page {
    padding: 5px 0 0 0
}

.materia
.label {
    font-size: 14px !important
}

.back-top {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99;
    right: 25px;
    bottom: -25px;
    height: 50px;
    width: 50px;
    transition: all .5s ease-in-out;
    transition-delay: .2s;
    background: url("../../img/backtop.png");
    border: 1px solid #f0f0f0
}

    .back-top:hover {
        background: url("../../img/hover_sesi_backtop.png");
        cursor: pointer;
        border: 1px solid white
    }

    .back-top.show {
        visibility: visible;
        cursor: pointer;
        bottom: 25px;
        opacity: 50
    }

.back-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none
}

.top-bar {
    background: #007fb1;
    border-color: #00661b !important
}

.casa-color, .casa-color *, .casa-color a:focus, .casa-color a:hover, .casa-color-hover:hover, a:hover, .active-item, .page-links .p-links-hold > span .logo-sistema-s, .page-links .p-links-hold > span:hover, .page-links .p-links-hold > span:hover .logo-sistema-s.active, .tabs-noticia-lateral .nav li.active a, .aside-lo-1 ul li:nth-child(1), .tabs header ul li * {
    color: #007fb1 !important
}

main a, .main p a, .panel-body a {
    color: #007fb1
}

.casa-color-light, .casa-color-light *, .casa-color-light a:hover, .casa-color-light-hover:hover {
    color: #c7f8de !important
}

.casa-color-bg-hover:hover {
    background: #007fb1
}

.hat {
    border-color: #007fb1 !important
}

.casa-color-bg-dark, .casa-color-bg, .bt-color,
.footer, .pagination > li.active a, .canal-02-ultimas-noticias .carousel-indicators li.active, .testimon .carousel-indicators li.active, .tslider
.carousel-indicators li.active {
    background-color: #007fb1 !important;
    color: #fff !important
}

    .casa-color-bg-dark,
    .slider #slider-thumbs .bts li.active, a.bt-color:hover, .bt-color:hover, a.bt-color-3:hover, .bt-color-3:hover {
        background: #007a20 !important
    }

.slider #slider-thumbs .bts li, .carousel-indicators li.active {
    border-color: #007a20;
    background-color: #007a20
}

.newsletter div.head:after {
    border-color: transparent transparent transparent #00af19
}

.top-bar nav ul li.active * {
    color: #5bea81
}

.casa-color-border {
    border-color: #007fb1 !important
}

.casa-color-border-seta-top {
    border-color: transparent transparent #007fb1 transparent !important
}

.casa-color-border-seta-right {
    border-color: transparent transparent transparent #007fb1 !important
}

.casa-color-border-seta-bottom {
    border-color: #007fb1 transparent transparent transparent !important
}

.casa-color-border-seta-left {
    border-color: transparent #007fb1 transparent transparent !important
}

.casa-color-border-dark {
    border-color: #007a20 !important
}

.gradient ~ .casa-color-border {
    border-color: #00671d !important
}

.gradient ~ .casa-color-border-seta-top {
    border-color: transparent transparent #00671d transparent !important
}

.gradient ~ .casa-color-border-seta-right {
    border-color: transparent transparent transparent #00671d !important
}

.gradient ~ .casa-color-border-seta-bottom {
    border-color: #00671d transparent transparent transparent !important
}

.gradient ~ .casa-color-border-seta-left {
    border-color: transparent #00671d transparent transparent !important
}

input:focus, select:focus, textarea:focus, button:focus {
    outline-color: #007fb1 !important
}

.gradient {
    background: #00671d !important;
    background: -moz-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#00671d),color-stop(51%,#007fb1),color-stop(100%,#00af19)) !important;
    background: -webkit-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -o-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -ms-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-filter-color-start',endColorstr='$gradient-filter-color-end',GradientType=1) !important
}

.gradient-hover:hover {
    background: #00671d !important;
    background: -moz-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0,#00671d),color-stop(51%,#007fb1),color-stop(100%,#00af19)) !important;
    background: -webkit-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -o-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: -ms-linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    background: linear-gradient(70deg,#00671d 0,#007fb1 51%,#00af19 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-hover-filter-color-start',endColorstr='$gradient-hover-filter-color-end',GradientType=1) !important
}

.gradient-2 {
    background: #00671d;
    background: -moz-linear-gradient(top,rgba0,103,29,1 0,#055417 100%);
    background: -webkit-linear-gradient(top,rgba0,103,29,1 0,#055417 100%);
    background: -o-linear-gradient(top,rgba0,103,29,1 0,#055417 100%);
    background: -ms-linear-gradient(top,rgba0,103,29,1 0,#055417 100%);
    background: linear-gradient(to bottom,rgba0,103,29,1 0,#055417 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradient-2-filter-color-start',endColorstr='$gradient-2-filter-color-end',GradientType=1) !important
}

.bm-fale-conosco a:hover {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
    color: #00af19 !important;
    text-decoration: none
}

#mainHeader .logo-page {
    max-width: 200px;
    width: 200px
}

#noticia .logo-page {
    padding: 5px 0 0 0
}

.card-sac {
    background-color: #007fb1;
    border-radius: 2px;
    padding: 10px;
    color: white;
}

.button-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    margin: 10px 0;
    margin-left: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
    border-left: 5px solid #117243;
}

    .button-link:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        text-decoration: none;
    }


.button-link2 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    margin: 10px 0;
    margin-left: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out;
    height: 150px;
    width: 150px;
    color: #007fb1;
}

    .button-link2:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        text-decoration: none;
    }
