@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body .oswald { font-family: "Oswald", sans-serif;}

#site { float: left; width: 100%; min-height: 500px;}

#main .titulo { text-align: center; font-size: 1.2em;}

#main .movimento .slides { position: relative; z-index: 1;}
#main .movimento .slides, .slides > li, .flex-control-nav { float: left; width: 100%; margin: 0; padding: 0; list-style: none;}
#main .movimento .slides > li { display: none;}
#main .movimento .slides > li img { float: left; width: 100%;}
#main .movimento .flex-direction-nav { display: none;}
#main .movimento .flex-control-nav { position: absolute; width: 100%; left: 0; bottom: 10px; z-index: 5; text-align: center;}
#main .movimento .flex-control-nav li { margin: 0 3px; display: inline-block;}
#main .movimento .flex-control-paging li a { float: left; width: 12px; height: 12px; border: 1px solid rgb(38 47 64); background-color: rgb(250 250 250); cursor: pointer; display: block; font-size: 0; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
#main .movimento .flex-control-paging li a:hover { background-color: rgb(237 50 55);}
#main .movimento .flex-control-paging li a.flex-active { background-color: rgb(237 50 55);}

#main .carousel { display: none;}
#main .carousel .owl { float: left; width: 100%; position: relative;}
#main .carousel .owl-carousel { float: left; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; display: none; }
#main .carousel .owl-carousel.owl-loaded { display: block;}
#main .carousel .owl-carousel.owl-loading { opacity: 0; display: block;}
#main .carousel .owl-stage-outer { display: flex; position: relative; overflow: hidden;}
#main .carousel .owl-stage { display: flex;}
#main .carousel .owl-item { display: flex; float: left; position: relative; -webkit-tap-highlight-color: transparent;}
#main .carousel .owl-nav { position: absolute; width: 100%; top: 50%; left: 0; margin: -15px 0 0 0;}
#main .carousel .owl-nav button { position: absolute; width: 30px; height: 30px; top: 0; opacity: 0.7; background-position: 50%; background-repeat: no-repeat; background-color: transparent; cursor: pointer; outline: 0; border: 0; font-size: 0;}
#main .carousel .owl-nav button.owl-prev { left: -40px;}
#main .carousel .owl-nav button.owl-next { right: -40px;}
#main .carousel .owl-nav button:hover { opacity: 1;}
#main .carousel .owl-nav button:hover { opacity: 0.3; cursor: default;}
#main .carousel .owl-nav.disabled button:hover { opacity: 0.3;}
#main .carousel .owl-dots { display: none;}
#main .carousel .no-js .owl-carousel { display: block;}

#main .editou { font-size: 18px;}
#main .editou h1 { text-transform: uppercase; font-weight: bold;}
#main .editou h2 { text-transform: uppercase; font-weight: bold;}
#main .editou h3 { text-transform: uppercase; font-weight: bold;}
#main .editou iframe { max-width: 100%;}
#main .editou img { max-width: 100%;}
#main .editou a { color: rgb(0 150 190);}
#main .editou a:hover { text-decoration: underline;}

#main .erro404 { float: left; width: 100%; padding: 41px 0 61px; position: relative;}
#main .erro404 .nome { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 5em; line-height: 1;}
#main .erro404 .numero { float: left; width: 100%; margin: 20px 0; text-align: center; font-size: 12em;}
#main .erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#main .erro404 .infor { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1;}

#main .wfixo { width: 70px; height: 70px; right: 20px; bottom: 20px; z-index: 20; background: rgb(8 131 73) url('../../imagens/site/wfixo.png?v2') 50% no-repeat;}

@media only screen and (max-width: 800px){
  #main .movimento .slides > li img.bordinha { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
}
@media only screen and (max-width: 700px){
  #main .wfixo { width: 50px; height: 50px; right: 5px; bottom: 5px;}
}
@media only screen and (max-width: 500px){
  #main .erro404 .nome { font-size: 4em;}
  #main .erro404 .numero { font-size: 6em;}
  #main .erro404 .infor { font-size: 1em;}
}