@charset "utf-8";

#main { min-height: 500px;}
#main .zoomInOut { height: auto; animation: zoomInOut 30s ease-in-out infinite; transform-origin: center center;}

#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; overflow: hidden;}
#main .movimento .slides > li { display: none;}

#main .carousel { display: none;}
#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; background-repeat: no-repeat; cursor: pointer; font-size: 0;}
#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 { margin: 11px 0; text-transform: uppercase; font-weight: bold; font-size: 3em;}
#main .editou h2 { margin: 11px 0; text-transform: uppercase; font-weight: bold; font-size: 2em;}
#main .editou h3 { margin: 11px 0; font-weight: bold; font-size: 1.5em;}
#main .editou h4 { margin: 11px 0; font-size: 1.3em;}
#main .editou h5 { margin: 11px 0; font-size: 1.2em;}
#main .editou h6 { margin: 11px 0; font-size: 0.9em;}
#main .editou p { margin-block-start: 11px; margin-block-end: 11px;}
#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;}

@media only screen and (max-width: 800px){
  #main .movimento .slides > li img.borda4 { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

  #main .editou h1 { font-size: 1.8em;}
  #main .editou h2 { font-size: 1.4em;}
  #main .editou h3 { font-size: 1.3em;}
  #main .editou h4 { font-size: 1.1em;}
  #main .editou h5 { font-size: 1em;}
}
@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;}
}
@keyframes zoomInOut {
  0% {
    transform: scale(1) translateX(0px);
  }
  50% {
    transform: scale(1.3) translateX(20px);
  }
  100% {
    transform: scale(1) translateX(0px);
  }
}