@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');

body {background-color: #efefef; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 'PT Sans', sans-serif; font-size: 62.5%}
.container {width:95%; margin:0 auto}
.menu-social {height:40px; width:100%; text-align: right;}
.topo {background: #280c8c; width:100%; height:82px; position:relative}
.logo {width:316px; height:82px; position:absolute; left:50%; text-align:center; margin-left:-158px}
.logo img {width:100%; height:auto}
.nav {margin-top:20px; color:#efefef; position:absolute; z-index: 500}
.busca {position:absolute; width:300px; margin-top:20px; right:3%}
.busca .fa {padding: 0; font-size: 1em; margin: 0; border-radius: 0; color: white; background-color: #280c8c}
.busca form input[type=text] {font-size: 1.6em; float: right; padding: 5px 8px; margin-top: 5px; width: 60px; border: 0; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out;}
.busca form input[type=text]:focus {width: 60%; border: 0; outline-width: 0;}
.busca button {float: right; padding: 5px; width:30px; background: none; color: white; font-size: 2.7em; border: 0; border-left: none;  cursor: pointer;}
.busca11form:hover input[type=text] {width:152px; padding:10px 8px; border:1px solid grey; transition: width 0.5s}

.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #280c8c;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

.sticky {position: fixed; top: 0; width: 100%; z-index:200; transition: 0.5s;}

.banner-principal {width:100%; text-align:center; margin-bottom:50px; margin-top:50px}
.banner-principal img {width:970px; height: auto;}
.banner-noticia {float: right; padding-left: 20px; padding-bottom: 20px; width: 360px;}
.banner-noticia img {width: 100%;height: auto;}

.noticia-bloco {width:100%}
.noticia img {max-width: 100%; height: auto}
.hoverzoom {overflow: hidden; width:100%; height: auto; vertical-align: bottom;}
.hoverzoom a {color:#fff; text-decoration:none; overflow: hidden; width:100%; height: auto; position:relative; text-shadow: 1px 1px 1px #000; ; background: rgba(0, 0, 0, 0.3)}
.hoverzoom a:hover {color:#ede9e9}
.hoverzoom a .foto-home {bottom: 0; left: 0; z-index:110; position: absolute; width:100%; height: 900px; display: block; background: rgba(0, 0, 0, 0.3)}
.hoverzoom a .texto-home {bottom: 0; padding-bottom: 20px; padding-left: 2.5%; padding-right: 1%; z-index:111; position: absolute; width:96.5%; height: auto; display: block}
.hoverzoom a h1 {font-size:6.9em; font-weight:700; padding:0; line-height:1em; letter-spacing:1.5px}
.hoverzoom a h3 {font-weight:none; padding:0; margin:0; margin-top:10px}
.hoverzoom a img {width:100%; height:auto; border-radius: 2px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); position: relative;}
.hoverzoom:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1)}

.noticia-bloco ul {margin:0; padding:0; list-style:none}
.noticia-bloco ul li:first-child {margin-bottom:44px}
.noticia-bloco h1 {font-size:3em}

.noticia-destaque {float:left; width:57%}
.noticia-destaque a h1 {font-size:6em; margin-bottom: 10px}
.noticia-destaque a h3 {font-size:2.45em;}
.noticia-destaque img {width: 100%; height: 615px !important; object-fit:cover; object-position: center center;}
.noticia-destaque2 {float:right; width:40%}
.noticia-destaque2 a h1 {font-size:3em; padding: 0; margin: 0}
.noticia-destaque2 a h3 {font-size:1.5em; padding: 0; margin: 0}
.noticia-destaque2 li:first-child img {width: 100%; height: 265px; object-fit:cover; object-position: center center}
.noticia-destaque2 li:last-child img {width: 100%; height: 300px; object-fit:cover; object-position: center center}
.noticia-lista-home {width:100%; margin-top:60px}
.noticia-lista-home ul {margin:0; padding:0; list-style:none}
.noticia-lista-home ul li {display:inline-block; width:30%; margin-right:4.5%}
.noticia-lista-home ul li:last-child {margin-right:0}
.noticia-lista-home a h1 {font-size:3em;}
.noticia-lista-home a h3 {font-size:1.8em;}
.noticia-lista-home img {width: 100%; height: 360px !important; object-fit:cover; object-position: center center}


.noticia-bloco-01 {float:left; width:48.5%}
.noticia-bloco-01 a h1 {font-size:3em; padding: 0; margin: 0}
.noticia-bloco-01 a h3 {font-size:1.5em;}
.noticia-bloco-02 {float:right; width:49.5%}
.noticia-bloco-02-a {float:left; width:42.5%}
.noticia-bloco-02-a a h1 {font-size:2.5em; padding: 0; margin: 0}
.noticia-bloco-02-a a h3 {font-size:1.5em;}
.noticia-bloco-02-a li {margin-bottom: 20px}
.noticia-bloco-02-a ul li:first-child {margin-bottom:20px}
.noticia-bloco-02-a ul li:last-child {margin-bottom:0px}

.noticia-bloco-02-b {float:right; width:48.5%}
.noticia-bloco-02-b a h1 {font-size:3em; padding: 0; margin: 0}
.noticia-bloco-02-b a h3 {font-size:1.5em;}

.titulo-categorias {text-align: center; font-size: 3em}
.descricao-categoria {width: 70%; margin: 0 auto; font-size: 1.8em; vertical-align: top; background-color: #efefef}
.descricao-categoria img {float: left; padding-right: 10px;}

.noticia {margin-top: 50px; width: 70%; margin: 0 auto}
.noticia h1.titulo {font-size: 5.8em; color: #111111; line-height: 1.14em; margin-bottom: 20px}
.noticia h2 {border-left: 5px solid #280c8c; padding-left: 15px}
.noticia h3.linha-fina {font-size: 2em; color: #555555; line-height: 1.4em}
.noticia div.detalhes-post {float: left;}
.noticia span.usuario {font-size: 1.6em; color: #555555; display: block; font-weight: bold;}
.noticia span.data {font-size: 1.4em; color: #555555; display: block }
.noticia div.conteudo {font-size: 2em; color: #333333; padding-top: 30px; line-height: 1.7em; width: 70%; margin: 0 auto}
.noticia div.conteudo a {color: #333333; text-decoration: none; font-weight: bold;}
.noticia div.conteudo a:hover {text-decoration: underline;}
.noticia .legenda-foto {font-size: 1.5em; color: #555555; display: block; margin-top: 8px}
.noticia .barra-social {float: right;; margin-bottom: 30px; margin-top: -10px}
.noticia iframe {width: 100%; max-width: 100%}
.veja-mais {margin: 0 auto; padding-top: 30px; margin-top: 50px; width: 70%; border-top: 2px solid #969696; }
.veja-mais h1 {font-size: 2.5em}
.veja-mais ul {margin: 0; padding: 0; list-style: none;}
.veja-mais ul li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #C8C8C8}
.veja-mais ul li a {color: #280c8c; text-decoration: none; font-size: 2.4em; line-height: 1.16em; font-weight: bold;}
.veja-mais ul li b {font-size: 0.8em; color: #555555; line-height: 1em; display: block; margin-bottom: 5%; text-transform: uppercase;}
.veja-mais ul li img {width: 50%; height: auto; float: left; padding-right: 10px}
.veja-mais ul li p {font-size: 1.6em; color: #555555; line-height: 1.25em}
.veja-mais ul li span {font-size: 1.2em; color: #555555; line-height: 1em}
ul.galeria-fotos {padding: 0; margin: 0; list-style: none;}
ul.galeria-fotos li {display: inline-block; width: 30%; padding: 1%}
ul.galeria-fotos li img {width: 100%; height: auto}
.direto-redacao a {display: block; width: 100%; text-align: center; color: #fff !important; background-color: #280c8c; padding: 2% 0; font-size: 1.2em; margin-top: 3%}
.direto-redacao a:hover {text-decoration: none !important; background-color: #0A0A2A;}


.btn-vejamais {width: 100%; padding-bottom: 10px; padding-top: 10px; color: #fff; background-color: #280c8c; font-size: 1.8em; text-align: center; border: 0; cursor: pointer;}


.bl-youtube {margin-top: -55px; width: 100%; margin-bottom: 20px; border: 1px solid #272727;}
.bl-youtube .titulo-bl-youtube {text-decoration: none; display: block; background: #272727; color: #fff; font-size: 4em; font-weight: bold;; margin-bottom: 5px; padding-top: 8px; padding-bottom: 8px}
.bl-youtube .titulo-bl-youtube img {float: left; margin-right: 10px; margin-left: 10px}
.bl-youtube div {padding: 15px}
.bl-youtube div a {text-decoration: none; font-size: 1.8em; line-height: 1.16em; font-weight: bold; color: #272727}

.titulo-colunistas {margin-top: 0}
.colunistas {padding: 0; list-style: none; margin: 0}
.colunistas li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #C8C8C8}
.colunistas li img {width: 30%; height: auto; float: right; padding-left: 10px}
.colunistas li a {text-decoration: none; font-size: 1.8em; line-height: 1.16em; font-weight: bold; color: #280c8c}
.colunistas li a span {display: block; color: #29272a; margin-bottom: 20px; padding-top: 10px}
.colunistas li b {display: block; margin-top: 8px; font-size: 1.5em; text-transform: uppercase;}

.fb-comments {margin: 0 auto; padding-top: 30px; margin-top: 50px; width: 100%; border-top: 2px solid #969696; }
footer {width:100%; background-color:#29272a; margin-top:80px; padding-top:32px; padding-bottom:50px}
.menu-social-rodape {float: right;}
.menu-rodape {float: left; display: block;}
.menu-rodape img {display: block; margin-bottom: 30px}
.menu-rodape a {color: #fff; text-decoration: none; padding-right: 8px; margin-right: 8px; border-right: 1px solid #fff; font-size: 1.6em}
.menu-rodape a:last-child {border-right: 0}
.menu-rodape a:hover {text-decoration: underline}

.fa {padding: 5px; font-size: 17px; width: 17px; text-align: center; text-decoration: none;  margin: 5px 2px; border-radius: 50%; color: white; background-color: #989a9e}
.menu-social-rodape .fa {background-color: #29272a}

.fa-facebook:hover {background: #3B5998; color: white;}
.fa-twitter:hover {background: #55ACEE; color: white;}
.fa-linkedin:hover {background: #007bb5; color: white;}
.fa-youtube:hover {background: #bb0000; color: white;}
.fa-instagram:hover {background: #125688; color: white;}
.fa-rss:hover {background: #ff6600; color: white;}
.fa-whatsapp:hover {background: #a4c639; color: white;}

audio:hover, audio:focus, audio:active {-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); box-shadow: 15px 15px 20px rgba(0,0, 0, 0.4); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
audio {-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear;-moz-box-shadow: 2px 2px 4px 0px #006773;-webkit-box-shadow:  2px 2px 4px 0px #006773;box-shadow: 2px 2px 4px 0px #006773;-moz-border-radius:7px 7px 7px 7px ;-webkit-border-radius:7px 7px 7px 7px ;border-radius:7px 7px 7px 7px ;margin-bottom: 7%;height: 90px}


#bannerdhtml {background-repeat: no-repeat; position:fixed; left: 50%; top: 360px; width: 800px; height: 400px; z-index: 1; margin-left:-450px;}
#bannerdhtml img {width: 100%; height: auto;}
a.banner {width: 800px; height: 400px; display: block; text-decoration: none; float:left; margin-right:10px}
a.botao_fechar {position:absolute; width: 40px; height: 40px; top: 0px; left: 820px; float:right; position: absolute; display: block;text-decoration: none;}


@media screen and (max-width: 620px){


.menu-social {display: none; height: 0}
.topo {height:52px; top: 0}
.logo {width:200px; height:52px; position:absolute; left:10%; float:none; margin-left:0}
.busca {width:150px; margin-top:5px; right:1%}
.nav {margin-top:5px; float:none}
.nav span span {display:none}
.sidenav a {font-size: 18px;}


.banner-principal img {width:100%; height:auto}
.banner-noticia {float: none; padding-left: 0; padding-bottom: 15px; display: block; text-align: center; width: 100%}


.hoverzoom {width: 94%; padding: 3%; background-color: #fff;}
.hoverzoom a div {bottom:10px}
.hoverzoom a {text-shadow: 0 0 0; background: none}
.hoverzoom a:hover {color:#280c8c}
.hoverzoom a .foto-home {display: none;}
.hoverzoom a .texto-home {padding-bottom: 20px; padding-left: 0; padding-right: 0; position: relative; width:100%; display: block}
.hoverzoom a h1 {font-weight:700; padding:0; margin: 0; line-height:1em; letter-spacing:1.5px; color: #280c8c; font-size: 2.8em}
.hoverzoom a h3 {font-weight:none; padding:0; margin:0; margin-top:10px; color: #555555; font-size: 1.5em; font-weight: 500}
.hoverzoom a img {width:100%; height:auto; position: relative;}



.noticia-destaque {float:none; width:100%; margin-bottom: 40px}
.noticia-destaque2 {float:none; width:100%;}


.noticia-lista-home {width:100%; margin-top:60px}

.noticia-lista-home ul {margin:0; padding:0; list-style:none}

.noticia-lista-home ul li {display:block; width:100%; margin-right:0; margin-bottom:30px}



.noticia-bloco-01 {float:none; width:100%; margin-bottom:30px}

.noticia-bloco-01 img {width:100%; height:auto}

.noticia-bloco-02 {float:none; width:100%; margin-bottom: 30px}

.noticia-bloco-02 img {width:100%; height:auto}

.noticia-bloco-02-a {float:none; width:100%; margin-bottom: 30px}

.noticia-bloco-02-b {float:none; width:100%}

.bl-youtube {margin-top: 0px;}



.noticia {margin-top: 50px; width: 100%; margin: 0 auto}

.noticia h1.titulo {font-size: 3.3em; line-height: 1.1em; margin-bottom: 20px}

.noticia h3.linha-fina {font-size: 1.6em; color: #555555; line-height: 1em}

.noticia div.conteudo {width: 100%}

.noticia .legenda-foto {font-size: 1.2em}

ul.galeria-fotos li {width: 45%; padding: 2%}

.direto-redacao a span {display: block;}



.fb-comments {border-top: 0}



.veja-mais {width: 100%}

.veja-mais h1 {font-size: 2.5em}

.veja-mais ul li {padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #C8C8C8}

.veja-mais ul li a {font-size: 2.2em}

.veja-mais ul li img {width: 100%; height: auto; float: none; padding-right: 0; display: block;; margin-bottom: 10px}

.veja-mais ul li p {font-size: 1.6em; color: #555555; line-height: 1.25em; display: block; margin-top: 8px}

.veja-mais ul li span {font-size: 1.2em; color: #555555; line-height: 1em; display: block; margin-top: 8px}





footer {text-align: center;}

.menu-social-rodape {float: none; display: block; margin-top: 30px}

.menu-social-rodape .fa {font-size: 2.5em; width: 25px}



.menu-rodape {float: none; margin-top: 30px}



#bannerdhtml {background-repeat: no-repeat; position:fixed; left: 1%; top: 160px; width: 90%; height: 400px; z-index: 1; margin-left:0;}
#bannerdhtml img {width: 100%; height: auto;}
a.banner {width: 90%; height: 400px; display: block; text-decoration: none; float:left; margin-right:0}
a.botao_fechar {position:absolute; width: 40px; height: 40px; top: 0px; right: -3%; float:right; position: absolute; display: block; text-decoration: none;}



}