/*---------------------------- fontes -------------------------------------*/
body {
    color:#333333;
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 13px;
    background: url('../images/background-conexao-escola.webp') no-repeat fixed center top #000;
    background-size: cover;
}
body.bFont {
    font-size: 18px
}
body.contrast {
    background: #000;
}


#main {
    display: table;
    width: 100%;
    position: relative;
    padding-top: 150px;
}

@media (max-width:1024px) {
    #main {
        max-width: 100%
    }
}

@media (max-width:767px) {
    #main {
        display: block;
    }
    #main-content {
        height: auto !important;
    }
}
#main-content {
    min-height: calc(100vh - 175px); /* ajuste anterior no js.js */
}

#main-content > .container {
    width:890px;
}

h1.logo {
    margin:0;
    padding:0;
    text-align: center;
}
h1.logo img {
    width: 100%;
    height: auto;
}
.intro-home {
    font-size: 1.85em; /*1.571em;*/
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
    line-height: 125%;
    padding-top: 28px;
}
ul.btn-opcoes, ul.btn-opcoes li { 
    list-style: none;
    padding: 0 7px;
}
.btn-opcoes {
    margin: 90px 0 30px 0;
    padding: 0;
}
.btn-item,
.btn-item:visited,
.btn-item:active,
.btn-item:focus {
    display: block;
    width: 100%;
    height: 205px;
    background: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding:10px;
    color: #FFF;
    transition: all 0.5s ease-in-out 0s;
    list-style: none;
    text-decoration: none !important;
}
.contrast .btn-item {transition: all 0.2s ease-in-out 0s;}

.btn-item:hover {
    text-decoration: none;
    color: #FFF;
}

.btn-item.btn-aluno {background: rgba(239, 180, 39, 0.7);}
.btn-item.btn-professor {background: rgba(58, 179, 243, 0.7);}
.btn-item.btn-gestao-escolar {background: rgba(78, 135, 76, 0.7);}
.btn-item.btn-acervo-digital {background: rgba(80, 79, 79, 0.7);}

.btn-item.btn-aluno:hover {background: rgba(239, 180, 39, 1);}
.btn-item.btn-professor:hover {background: rgba(58, 179, 243, 1);}
.btn-item.btn-gestao-escolar:hover {background: rgba(78, 135, 76, 1);}
.btn-item.btn-acervo-digital:hover {background: rgba(80, 79, 79, 1);}

.contrast .btn-item.btn-aluno {background:none;border: 1px solid rgba(239, 180, 39, 0.7);}
.contrast .btn-item.btn-professor{background:none;border: 1px solid rgba(58, 179, 243, 0.7);}
.contrast .btn-item.btn-gestao-escolar {background:none;border: 1px solid rgba(78, 135, 76, 0.7);}
.contrast .btn-item.btn-acervo-digital {background:none;border: 1px solid rgba(80, 79, 79, 0.7);}

.contrast .btn-item.btn-aluno:hover {border-width: 4px}
.contrast .btn-item.btn-professor:hover {border-width: 4px}
.contrast .btn-item.btn-gestao-escolar:hover {border-width: 4px}
.contrast .btn-item.btn-acervo-digital:hover {border-width: 4px}

.btn-item h2 {
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-size: 22px
}
.btn-item span {
    font-size: 16px;
}


@media (max-width: 575px) {
    #main {
        padding-top: 50px;
    }
    #main-content > .container {
        width:90%;
    }
    .btn-opcoes {
        margin-top: 50px
    }
    .btn-item {
        height: auto;
        margin-bottom: 20px
    }
    .intro-home {
        font-size: 20px; /*18px;*/
        text-align: center;
    }
}
@media (max-width: 767px) {
    h1.logo img {
        width: 80%;
        height: auto;
    }
    #main {
        padding-top: 50px;
    }
    #main-content > .container {
        width:90%;
    }
    .btn-item {
        height: auto;
        margin-bottom: 20px
    }
}
@media (max-width: 991px) {
    #main-content > .container {
        width:90%;
    }
}

/* BOTTOM NAVIGATION */
#bottom-navigation {
    display: block;
    background: #29A5DC;
    padding: 10px 30px 0;
    color: #fff
}

#bottom-navigation .mn-navegacao {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

#bottom-navigation #functions-footer-bar ul {
    list-style: none;
    float: right;
    margin: 0;
    padding: 0 0 10px
}

#bottom-navigation #functions-footer-bar li {
    display: block;
    float: left
}
@media (max-width:767px) {
    #bottom-navigation #functions-footer-bar li {
        display: block;
        float: unset;
        width: 100%;
        margin-bottom: 16px;
    }
}
#bottom-navigation #functions-footer-bar li a,
#bottom-navigation #functions-footer-bar li a:focus,
#bottom-navigation #functions-footer-bar li a:visited {
    display: block;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 5px 7px 3px;
    margin-left: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: .857em;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}
@media (max-width:767px) {
    #bottom-navigation #functions-footer-bar li a,
    #bottom-navigation #functions-footer-bar li a:focus,
    #bottom-navigation #functions-footer-bar li a:visited {
        margin-left: unset;
        padding: 12px ;
    }
}

#bottom-navigation #functions-footer-bar li a:hover {
    text-decoration: none;
    background: #fff;
    color: #333
}

#bottom-navigation #functions-footer-bar .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle
}

#bottom-navigation #functions-footer-bar .icon-site-map {
    background-position: 0 0
}

#bottom-navigation #functions-footer-bar .icon-ouvidoria {
    background: url(https://web.celepar.pr.gov.br/drupal/images/icon_ouvidoria.svg) no-repeat;
    background-position: 0 0
}

#bottom-navigation #functions-footer-bar a:hover .icon-ouvidoria {
    background-position: 0 -20px
}

#bottom-navigation #functions-footer-bar a:hover .icon-transparencia {
    background-position: 0 -20px
}

#bottom-navigation #functions-footer-bar a i {
    font-size: 1.2em;
    vertical-align: middle
}
#bottom-navigation #functions-footer-bar a span {
    vertical-align: middle
}
#bottom-navigation #functions-footer-bar .icon-transparencia {
    background: url(https://web.celepar.pr.gov.br/drupal/images/icon_transparencia.svg) no-repeat;
    background-position: 0 0
}

#bottom-navigation #block-footer-menu {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, .2);
    clear: both;
    padding: 20px 0 20px
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li {
    display: table-cell;
    float: left;
    width: 16.66666667%;
    font-weight: 700;
    list-style: none;
    padding: 0 15px
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li:first-child {
    display: none
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li>a {
    font-weight: 700;
    text-transform: uppercase
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li li {
    margin: 10px 0;
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    line-height: 100%
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li li li a {
    font-weight: 400;
    color: rgba(255, 255, 255, .8);
    line-height: 100%
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li li.open li a {
    font-size: .833em
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li li.closed>a {
    position: relative;
    display: block
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li li.closed>a:after {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 6px;
    position: absolute;
    right: 0
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li ul {
    padding: 0;
    list-style: none;
    margin-bottom: 15px
}

#bottom-navigation #block-footer-menu ul.mn-navegacao>li ul ul {
    padding-left: 15px;
    display: none;
    list-style: disc
}

#bottom-navigation #block-footer-menu ul.mn-navegacao li a {
    color: rgba(255, 255, 255, .8)
}

#bottom-navigation #block-footer-menu ul.mn-navegacao li a .fa {
    margin-left: 5px
}

#bottom-navigation #block-footer-menu ul.mn-navegacao li a:hover {
    color: #fff
}

#bottom-navigation #block-footer-menu ul.mn-navegacao li.active ul {
    display: block
}

@media (max-width:767px) {
    #bottom-navigation #block-footer-menu ul.mn-navegacao>li {
        width: 50%
    }
    #bottom-navigation #bottom-navigation {
        padding: 10px 0;
        margin: 0
    }
    #bottom-navigation #bottom-navigation .container {
        padding: 0
    }
    #bottom-navigation address {
        line-height: 1
    }
    #bottom-navigation #functions-footer-bar ul {
        float: none
    }
}

@media (min-width:768px) and (max-width:991px) {
    #bottom-navigation #block-footer-menu ul.mn-navegacao>li {
        width: 25%
    }
}
/* FOOTER */
footer#main-footer {
    display: block;
    color: #fff;
    padding: unset;
    margin: 0 auto;
    overflow: hidden;
    background: #2990C7
}

footer#main-footer .footer-logo-celepar img,
footer#main-footer .footer-logo-parana img {
    max-width: 100%
}

footer#main-footer h2 {
    color: #fff;
    font-size: 1.2em;
    margin-bottom: 15px;
    font-weight: 700
}

footer#main-footer .footer-content {
    border-left: 1px solid rgba(255, 255, 255, .2)
}

@media (max-width:1024px) {
    footer#main-footer .footer-content {
        margin-top: 35px;
        border: none
    }
}

footer#main-footer .contact,
footer#main-footer .map {
    position: relative;
    color: #fff;
    white-space: nowrap
}

footer#main-footer .map {
    font-size: .917em;
    font-weight: 700;
    margin-left: 10px
}

footer#main-footer .contact:after,
footer#main-footer .map:after {
    display: block;
    content: "";
    height: 2px;
    width: 100%;
    background: #efb427;
    position: absolute;
    bottom: -4px;
    left: 0
}

footer#main-footer .contact:hover,
footer#main-footer .map:hover {
    text-decoration: none
}

footer#main-footer .contact:hover:after,
footer#main-footer .map:hover:after {
    background: #fff
}

footer#main-footer .titulo-secretaria {
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    font-size: .7em;
    text-align: center;
    margin-top: 10px;
    display: block
}

footer#main-footer address {
    margin: 0
}

footer#main-footer .titulo-orgao {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em
}

footer#main-footer .footer-logo-celepar {
    display: block;
    margin-top: 20px
}
@media (max-width:767px) {
    footer#main-footer .footer-logo-celepar {
        text-align: center;
    }
}
footer#main-footer .footer-logo-celepar.principal {
    float: left
}

footer#main-footer .footer-logo-extra {
    margin-top: 20px;
    display: block;
    float: right
}

footer#main-footer .footer-social {
    float: right
}

footer#main-footer .footer-social a,
footer#main-footer .footer-social a:active,
footer#main-footer .footer-social a:focus,
footer#main-footer .footer-social a:visited {
    background: 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 1.286em;
    height: 38px;
    line-height: 36px;
    text-align: center;
    width: 38px;
    text-decoration: none
}

footer#main-footer .footer-social a:active:hover,
footer#main-footer .footer-social a:focus:hover,
footer#main-footer .footer-social a:hover,
footer#main-footer .footer-social a:visited:hover {
    text-decoration: none
}

footer#main-footer .footer-social a:active:hover.fa-facebook-f,
footer#main-footer .footer-social a:focus:hover.fa-facebook-f,
footer#main-footer .footer-social a:hover.fa-facebook-f,
footer#main-footer .footer-social a:visited:hover.fa-facebook-f {
    background-color: #3367a1;
    border-color: #3367a1
}

footer#main-footer .footer-social a:active:hover.fa-twitter,
footer#main-footer .footer-social a:focus:hover.fa-twitter,
footer#main-footer .footer-social a:hover.fa-twitter,
footer#main-footer .footer-social a:visited:hover.fa-twitter {
    background-color: #00aeef;
    border-color: #00aeef
}

footer#main-footer .footer-social a:active:hover.fa-youtube,
footer#main-footer .footer-social a:focus:hover.fa-youtube,
footer#main-footer .footer-social a:hover.fa-youtube,
footer#main-footer .footer-social a:visited:hover.fa-youtube {
    background-color: #e7503f;
    border-color: #e7503f
}

footer#main-footer .footer-social a:active:hover.fa-instagram,
footer#main-footer .footer-social a:focus:hover.fa-instagram,
footer#main-footer .footer-social a:hover.fa-instagram,
footer#main-footer .footer-social a:visited:hover.fa-instagram {
    background-color: #cb65b1;
    border-color: #cb65b1
}

footer#main-footer .footer-social a:active:hover.fa-flickr,
footer#main-footer .footer-social a:focus:hover.fa-flickr,
footer#main-footer .footer-social a:hover.fa-flickr,
footer#main-footer .footer-social a:visited:hover.fa-flickr {
    background-color: #ff0084;
    border-color: #ff0084
}

footer#main-footer .footer-social a:active:hover.fa-rss,
footer#main-footer .footer-social a:focus:hover.fa-rss,
footer#main-footer .footer-social a:hover.fa-rss,
footer#main-footer .footer-social a:visited:hover.fa-rss {
    background-color: #f68121;
    border-color: #f68121
}

footer#main-footer .footer-social a:active:hover.fa-google-plus-g,
footer#main-footer .footer-social a:focus:hover.fa-google-plus-g,
footer#main-footer .footer-social a:hover.fa-google-plus-g,
footer#main-footer .footer-social a:visited:hover.fa-google-plus-g {
    background-color: #de5e53;
    border-color: #de5e53
}

footer#main-footer .footer-social a:active:hover.fa-linkedin,
footer#main-footer .footer-social a:focus:hover.fa-linkedin,
footer#main-footer .footer-social a:hover.fa-linkedin,
footer#main-footer .footer-social a:visited:hover.fa-linkedin {
    background-color: #0077b5;
    border-color: #0077b5
}

footer#main-footer .footer-social a:active:hover.fa-snapchat-ghost,
footer#main-footer .footer-social a:focus:hover.fa-snapchat-ghost,
footer#main-footer .footer-social a:hover.fa-snapchat-ghost,
footer#main-footer .footer-social a:visited:hover.fa-snapchat-ghost {
    background-color: #ffec00;
    border-color: #ffec00
}

footer#main-footer .footer-social a:active:hover.fa-pinterest-p,
footer#main-footer .footer-social a:focus:hover.fa-pinterest-p,
footer#main-footer .footer-social a:hover.fa-pinterest-p,
footer#main-footer .footer-social a:visited:hover.fa-pinterest-p {
    background-color: #bd0e20;
    border-color: #bd0e20
}

footer#main-footer .footer-social a:active:hover.fa-whatsapp,
footer#main-footer .footer-social a:focus:hover.fa-whatsapp,
footer#main-footer .footer-social a:hover.fa-whatsapp,
footer#main-footer .footer-social a:visited:hover.fa-whatsapp {
    background-color: #4dc247;
    border-color: #4dc247
}

footer#main-footer .footer-social a:active:hover.fa-map-marker-alt,
footer#main-footer .footer-social a:focus:hover.fa-map-marker-alt,
footer#main-footer .footer-social a:hover.fa-map-marker-alt,
footer#main-footer .footer-social a:visited:hover.fa-map-marker-alt {
    background-color: #00aeef;
    border-color: #00aeef
}

footer#main-footer .footer-social a:active:hover.fa-headset,
footer#main-footer .footer-social a:focus:hover.fa-headset,
footer#main-footer .footer-social a:hover.fa-headset,
footer#main-footer .footer-social a:visited:hover.fa-headset {
    background-color: #00aeef;
    border-color: #00aeef
}

footer#main-footer .footer-social a:active:hover.fa-comment-dots,
footer#main-footer .footer-social a:focus:hover.fa-comment-dots,
footer#main-footer .footer-social a:hover.fa-comment-dots,
footer#main-footer .footer-social a:visited:hover.fa-comment-dots {
    background-color: #666;
    border-color: #666
}

@media (max-width:1024px) {
    footer#main-footer .footer-social {
        display: table;
        margin: 0 auto;
        float: none
    }
}

@media (max-width:1024px) {
    footer#main-footer .footer-logo-parana {
        max-width: 100px;
        display: table;
        margin: 0 auto
    }
    footer#main-footer .footer-logo-parana img {
        width: 100%;
        height: auto
    }
}

.addtoany_list>a span {
    border-radius: 50%!important;
    width: 38px!important;
    height: 38px!important;
    padding: 8px
}

@media (max-width:1024px) {
    .footer-content {
        margin-top: 15px;
        text-align: center
    }
}


/* hacks */
.block.padding-40-00 {
    padding: 40px 0;
}

/*body.contrast a, body.contrast a:hover {
    color: #ff6 !important;
}*/

body.contrast footer,
body.contrast footer#main-footer {
    background: none;
    background-color: #000 !important;
    color: #FFF !important; 
}
body.contrast footer#main-footer .map::after,
body.contrast footer#main-footer .contact::after {
    background: #FFFF66 !important;
    color: #000000 !important; }
body.contrast footer#main-footer .footer-social a {
    color: #FFFF66 !important; }
body.contrast footer#main-footer .footer-social a:hover {
    color: #FFF !important; }      
body.contrast #bottom-navigation {
    background: #333 !important;
}
body.contrast #bottom-navigation #functions-footer-bar li a:hover {
    background-color: #000 !important;
    border: 1px solid;
    border-color: #fff;
    color: #fff !important;
}

.btn-warning {
    background-color: #efb427; /* Cor de fundo escura */
    color: #fff; /* Cor do texto */
    border-color: #efb427; /* Cor da borda */
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.btn-primary {
    background-color: #3ab3f3; /* Cor de fundo escura */
    color: #fff; /* Cor do texto */
    border-color: #3ab3f3; /* Cor da borda */
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.btn-success {
    background-color: #4e874c; /* Cor de fundo escura */
    color: #fff; /* Cor do texto */
    border-color: #4e874c; /* Cor da borda */
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.btn-dark {
    background-color: #504f4f; /* Cor de fundo escura */
    color: #fff; /* Cor do texto */
    border-color: #504f4f; /* Cor da borda */
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 20px;
}

.btn-success:hover {
  background-color: #476d46; /* Cor de fundo no hover */
  color: #fff; /* Cor do texto */
  border-color: #476d46; /* Cor da borda no hover */
}

.btn-dark:hover {
  background-color: #23272b; /* Cor de fundo no hover */
  color: #fff; /* Cor do texto */
  border-color: #23272b; /* Cor da borda no hover */
}