/*
    Created on : 18/02/2016, 14:29:16
    Author     : ClickAtivo
    Developer  : Victor
*/

/* Reset */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, th, td {margin:0; padding:0;}
abbr, acronym {border:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
caption, th {text-align:left;}
q:before, q:after {content:'';}
img{ max-width: 100%;}
p, label{ font-family: 'Open Sans', sans-serif; margin: 0px; color: #484848;}

/* Auxiliares */
.back-laranja:hover,
.back-amarelo:hover,
.back-vermelho:hover,
.back-marinho:hover,
.back-verde:hover,
.back-azul:hover,
.back-marrom:hover,
.back-roxo:hover{ text-decoration: underline !important;}

.back-laranja, .back-laranja:hover{ background: #ff7800 !important;}
.back-amarelo, .back-amarelo:hover{ background-color: #f4b800 !important;}
.back-vermelho, .back-vermelho:hover{ background-color: #b12d25 !important;}
.back-marinho, .back-marinho:hover{ background-color: #39777b !important;}
.back-verde, .back-verde:hover{ background-color: #759907 !important;}
.back-azul, .back-azul:hover{ background-color: #00b2bf !important;}
.back-marrom, .back-marrom:hover{ background-color: #a27f2b !important;}
.back-roxo, .back-roxo:hover{ background-color: #794686 !important;}

.cat-vermelho, .cat-vermelho:hover{ color: #b12d25;}
.cat-laranja, .cat-laranja:hover{ color: #ff7800;}
.cat-amarelo, .cat-amarelo:hover{ color: #f4b800;}
.cat-marinho, .cat-marinho:hover{ color: #39777b;}
.cat-verde, .cat-verde:hover{ color: #759907;}
.cat-azul, .cat-azul:hover{ color: #00b2bf;}
.cat-marrom, .cat-marrom:hover{ color: #a27f2b;}
.cat-roxo, .cat-roxo:hover{ color: #794686;}

.link-vermelho:hover{ color: #b12d25;}
.link-laranja:hover{ color: #ff7800;}
.link-amarelo:hover{ color: #f4b800;}
.link-marinho:hover{ color: #39777b;}
.link-verde:hover{ color: #759907;}
.link-azul:hover{ color: #00b2bf;}
.link-marrom:hover{ color: #a27f2b;}
.link-roxo:hover{ color: #794686;}

.title{ width: 100%; float: left; margin-bottom: 20px;}
.title h1{ font-size: 1.14em; color: #484848; font-weight: 600; margin: 0px; padding-bottom: 10px; border-bottom: 4px solid #8b8b8b; width: auto; float: left; text-transform: uppercase}
.title hr{ margin: 0px; border-color: #8b8b8b; width: 100%; float: left;}
.title-vermelho h1, .title-vermelho hr{ color: #b12d25; border-color: #b12d25;}
.title-laranja h1, .title-laranja hr{ color: #ff7800; border-color: #ff7800;}
.title-amarelo h1, .title-amarelo hr{ color: #f4b800; border-color: #f4b800;}
.title-marinho h1, .title-marinho hr{ color: #39777b; border-color: #39777b;}
.title-verde h1, .title-verde hr{ color: #759907; border-color: #759907;}
.title-azul h1, .title-azul hr{ color: #00b2bf; border-color: #00b2bf;}
.title-marrom h1, .title-marrom hr{ color: #a27f2b; border-color: #a27f2b;}
.title-roxo h1, .title-roxo hr{ color: #794686; border-color: #794686;}
.title-interna h1, .title-interna hr{ border-color: #75b93d;}
.noticia-control{ float: right;}
.noticia-control .btn-prev, .noticia-control .btn-next{ padding: 8.5px 12px; background: #8b8b8b; float: left; margin-left: 1px; font-size: 10px;}

.vermelho-control .btn-prev, .vermelho-control .btn-next{ background: #b12d25; color: #fff;}
.vermelho-control .btn-prev:hover, .vermelho-control .btn-next:hover{ background: #dfdfdf; color: #b12d25;}
.laranja-control .btn-prev, .laranja-control .btn-next{ background: #ff7800; color: #fff;}
.laranja-control .btn-prev:hover, .laranja-control .btn-next:hover{ background: #dfdfdf; color: #ff7800;}
.amarelo-control .btn-prev, .amarelo-control .btn-next{ background: #f4b800; color: #fff;}
.amarelo-control .btn-prev:hover, .amarelo-control .btn-next:hover{ background: #dfdfdf; color: #f4b800;}
.marinho-control .btn-prev, .marinho-control .btn-next{ background: #39777b; color: #fff;}
.marinho-control .btn-prev:hover, .marinho-control .btn-next:hover{ background: #dfdfdf; color: #39777b;}
.verde-control .btn-prev, .verde-control .btn-next{ background: #759907; color: #fff;}
.verde-control .btn-prev:hover, .verde-control .btn-next:hover{ background: #dfdfdf; color: #759907;}
.azul-control .btn-prev, .azul-control .btn-next{ background: #00b2bf; color: #fff;}
.azul-control .btn-prev:hover, .azul-control .btn-next:hover{ background: #dfdfdf; color: #00b2bf;}
.marrom-control .btn-prev, .marrom-control .btn-next{ background: #a27f2b; color: #fff;}
.marrom-control .btn-prev:hover, .marrom-control .btn-next:hover{ background: #dfdfdf; color: #a27f2b;}
.roxo-control .btn-prev, .roxo-control .btn-next{ background: #794686; color: #fff;}
.roxo-control .btn-prev:hover, .roxo-control .btn-next:hover{ background: #dfdfdf; color: #794686;}

.links-vermelhos .btn{ background: #b12d25; color: #fff; border: none;}
.links-vermelhos a{ color: #b12d25;}
.links-laranjas .btn{ background: #ff7800; color: #fff; border: none;}
.links-laranjas a{ color: #ff7800;}
.links-amarelos .btn{ background: #f4b800; color: #fff; border: none;}
.links-amarelos a{ color: #f4b800;}
.links-marinhos .btn{ background: #39777b; color: #fff; border: none;}
.links-marinhos a{ color: #39777b;}
.links-verdes .btn{ background: #759907; color: #fff; border: none;}
.links-verdes a{ color: #759907;}
.links-azuis .btn{ background: #00b2bf; color: #fff; border: none;}
.links-azuis a{ color: #00b2bf;}
.links-marrons .btn{ background: #a27f2b; color: #fff; border: none;}
.links-marrons a{ color: #a27f2b;}
.links-roxos .btn{ background: #794686; color: #fff; border: none;}
.links-roxos a{ color: #794686;}

.showIn1147, .showIn378{ display: none;}
.showIn767, .showIn480{ display: none !important;}

.mt25{ margin-top: 25px;}
.mt20{ margin-top: 20px;}
.mb40{ margin-bottom: 40px;}
.mt40{ margin-top: 40px;}

/* Estrutural */
body{ font-family: 'Open Sans', sans-serif;}

#barra-topo{ height: 31px; background: #2c2c2c;}
#barra-topo p{ color: #fff; font-size: 1.28em; letter-spacing: 4px; padding: 3px 0px; float: left;}
#barra-topo nav{ float: right;}
#barra-topo nav ul#menu-topo, #barra-topo nav ul#social-topo, #barra-topo nav ul#menu-topo li, #barra-topo nav ul#social-topo li{ float: left; list-style: none;}
#barra-topo nav ul#menu-topo li, #barra-topo nav ul#menu-topo li a{ color: #fff; font-size: 0.92em;}
#barra-topo nav ul#menu-topo li{ margin: 0px 2px; padding: 7px 0px;}
#barra-topo nav ul#menu-topo li a{ float: left;}

.icon-fb, .icon-twit, .icon-goog, .icon-yt, .icon-insta{ float: left; padding: 15px 13px;}
.icon-fb{ background: url(../../imagens/icon-fb.png) no-repeat center; width: 7px; height: 13px;}
.icon-twit{ background: url(../../imagens/icon-twit.png) no-repeat center; width: 14px; height: 11px;}
.icon-goog{ background: url(../../imagens/icon-goog.png) no-repeat center; width: 14px; height: 14px;}
.icon-yt{ background: url(../../imagens/icon-yt.png) no-repeat center; width: 15px; height: 10px;}
.icon-insta{ background: url(../../imagens/icon-insta.png) no-repeat center; width: 13px; height: 12px;}

.icon-fb:hover{ background: url(../../imagens/icon-fb-hover.png) no-repeat center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;}
.icon-twit:hover{ background: url(../../imagens/icon-twit-hover.png) no-repeat center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;}
.icon-goog:hover{ background: url(../../imagens/icon-goog-hover.png) no-repeat center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;}
.icon-yt:hover{ background: url(../../imagens/icon-yt-hover.png) no-repeat center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;}
.icon-insta:hover{ background: url(../../imagens/icon-insta-hover.png) no-repeat center; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s;}

.logomarca{ margin: 25px 0px; float: left;}
.publicidade-top{ float: right;}
.publicidade-top span.title{ width: 20px; height: 90px; float: left; background: url(../../imagens/title-publicidade.jpg) no-repeat center; margin: 15px 0px;}
.publicidade-top a{ width: 728px; height: 90px; float: left; margin: 15px 0px;}

#menu{ padding: 0px;}
#menu nav.navbar-default{ border: none; background: #6bb543;}
#menu nav.navbar-default ul li.active a, #menu nav.navbar-default ul li a:focus{ background: none;}
#menu nav.navbar-default ul li a{ color: #fff; font-size: 1em; position: relative;}

.dropdown-menu > li > a:hover{ text-decoration: underline;}
.navbar{ min-height: 60px;}
.menu-home{ padding-left: 0px !important;}
.arrow-down{ position: absolute; width: 9px; height: 5px; background: url(../../imagens/arrow-down.png) no-repeat center; bottom: 6px; left: 45%;}
#menu nav.navbar-default ul li:hover a .arrow-down{ background: url(../../imagens/arrow-down-hover.png) no-repeat center;}


@media (min-width: 768px) {
    .navbar-nav > li:hover > ul.dropdown-menu{ display: block;}
    .menu-ativo{ position: absolute; height: 4px; width: 80%; background: #6bb543; bottom: -6px;}
}

#menu nav.navbar-default ul li.menu-amarelo:hover a, #menu nav.navbar-default ul li.menu-amarelo .dropdown-menu{ background-color: #f4b800;}
#menu nav.navbar-default ul li.menu-vermelho:hover a, #menu nav.navbar-default ul li.menu-vermelho .dropdown-menu{ background-color: #b12d25;}
#menu nav.navbar-default ul li.menu-marinho:hover a, #menu nav.navbar-default ul li.menu-marinho .dropdown-menu{ background-color: #39777b;}
#menu nav.navbar-default ul li.menu-verde:hover a, #menu nav.navbar-default ul li.menu-verde .dropdown-menu{ background-color: #759907;}
#menu nav.navbar-default ul li.menu-azul:hover a, #menu nav.navbar-default ul li.menu-azul .dropdown-menu{ background-color: #00b2bf;}
#menu nav.navbar-default ul li.menu-marrom:hover a, #menu nav.navbar-default ul li.menu-marrom .dropdown-menu{ background-color: #a27f2b;}
#menu nav.navbar-default ul li.menu-laranja:hover a, #menu nav.navbar-default ul li.menu-laranja .dropdown-menu{ background-color: #ff7800;}
#menu nav.navbar-default ul li.menu-roxo:hover a, #menu nav.navbar-default ul li.menu-roxo .dropdown-menu{ background-color: #794686;}

.navbar-form button{ background: none; border: none; color: #fff; position: absolute; right: 20px; top: 30%;}
.navbar-form{ margin-top: 11px; margin-bottom: 11px; position: relative;}
.navbar-form input.form-control{ border-color: #aed698; background: none; color: #fff; height: 38px; padding: 6px 30px 6px 12px; width: 235px;}
/* Mudando a cor do placeholder */
.navbar-form input::-webkit-input-placeholder{ color: #fff;}
.navbar-form input:-moz-placeholder{color: #fff;}
.navbar-form input::-moz-placeholder{color: #fff;}
.navbar-form input:-ms-input-placeholder{ color: #fff;}
.navbar-form input:focus { border-color: #fff; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.001), 0 0 8px rgba(102, 175, 233, .1);  box-shadow: inset 0 1px 1px rgba(0,0,0,.001), 0 0 8px rgba(102, 175, 233, .1); }

#container-destaques{ margin-bottom: 30px;}
.destaque-box{ width: 100%; float: left; height: 360px; position: relative; }
.destaque-box .label{ position: absolute; top: 0px; left: 0px; font-weight: normal; border-radius: 0px; font-size: 0.92em; padding: 10px 15px; z-index: 2; text-transform: uppercase;}
.destaque-box .destaque-img{ width: 100%; height: 360px; overflow: hidden; position: absolute; z-index: 1;}
.destaque-box .destaque-img > img{ max-width: none;}
.box-title{ width: 100%; position: absolute; bottom: 0px; z-index: 2; background: rgba(0, 0, 0, 0.7); padding: 15px; color: #fff; font-size: 1.35em;}
.box-title:hover{ color: #fff;}

.box-last-news{ width: 100%; float: left; margin-bottom: 10px;}
.contador{ width: 52px; height: 54px; float: left; background: #f3f3f3; color: #8b8b8b; font-size: 2.28em; text-align: center; padding: 5px 0px; margin-right: 10px;}
.box-last-news-desc{ float: left; width: 82%; }
.categoria{ font-size: 0.78em; display: inline-block; padding-right: 5px; text-transform: uppercase;}
.last-news-data{ font-size: 0.78em; color: #484848; text-transform: uppercase;}
.last-news-title{ width: 100%; float: left; font-size: 1em; line-height: 1.28em; color: #484848;}

#container-destaques-secundarios{ margin-bottom: 40px;}

.noticia-destaque{ margin-bottom: 30px; width: 100%; min-height: 264px; float: left;}
.noticia-destaque .img-noticia{ width: 100%; float: left; height: 200px; overflow: hidden; margin-bottom: 10px;}
.noticia-destaque .img-noticia > img{ width: 100%;}

.publicidade-mid{ width: 100%; float: left; height: 325px; padding: 10px; border: 1px solid #f2f2f2; }
.publicidade-mid span.title{ width: 100%; height: 20px; float: left; background: url(../../imagens/title-publicidade2.jpg) no-repeat top center; margin: 0px;}
.publicidade-mid a{ width: 100%; float: left; height: 280px; overflow: hidden;}

.box-outras-noticias{ width: 100%; float: left; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; padding-top: 20px;}
.outras-noticias-img{ width: 50%; float: left; height: 95px; overflow: hidden;}
.outras-noticias-img > img{ max-width: none; width: 100%;}
.box-outras-noticias-desc{ width: 50%; float: left; padding: 10px 0px 0px 10px;}

.container-social{ width: 100%; float: left; margin-bottom: 30px; margin-top: 30px;}
.box-social{ float: left; text-align: center; width: 117px;}
.box-social a{ width: 118px; height: 75px; float: left; overflow: hidden; margin-bottom: 10px;}
.btn-facebook{ background: url(../../imagens/btn-facebook.jpg) no-repeat center;}
.btn-twitter{ background: url(../../imagens/btn-twitter.jpg) no-repeat center;}
.btn-instagram{ background: url(../../imagens/btn-instagram.jpg) no-repeat center;}
.box-social span{ font-size: 1em; color: #484848; font-weight: 200;}
.box-social span > strong{ font-weight: 400; color: #484848;}

#publicidade-bottom{ margin-bottom: 40px;}
#publicidade-bottom .publicidade{ padding: 13px; border: 1px solid #f2f2f2; width: 100%; float: left;}
#publicidade-bottom .publicidade span.title{ width: 20px; height: 90px; float: left; background: url(../../imagens/title-publicidade.jpg) no-repeat center; margin: 15px 0px;}
#publicidade-bottom .publicidade a{ width: 1060px; height: 120px; float: left; margin-left: 10px; }

#container-articulistas{ margin-bottom: 40px;}
.articulista{ text-align: center;}
.articulista a{ float: left; width: 100%; margin-bottom: 10px;}
.articulista span{ font-size: 1em; color: #484848; font-weight: 200; text-transform: uppercase;}
.articulista span > strong{ font-weight: 400; color: #484848;  text-transform: none;}

.btn-plus{ width: 16px; height: 15px; float: right; background: url(../../imagens/icon-plus.png) no-repeat center;}

#menu-rodape{ width: 100%; float: left; background: #313131; }
#menu-rodape nav ul{ list-style: none;}
#menu-rodape nav ul li{ float: left; min-height: 67px;}
#menu-rodape nav ul li a{ font-size: 0.92em; color: #fff; padding: 24px 6.5px; float: left;}

#rodape-desc{ background: #3b3b3b;}
#rodape-desc .col-md-4{ padding-top: 30px; padding-bottom: 30px;}
#rodape-desc p{ color: #fff; font-weight: 200; margin-top: 10px;}
#logo-rodape{ padding-right: 15px;}
#newsletter, #mais-buscadas{ background: url(../../imagens/separador-rodape.png) no-repeat center left;}
#rodape-desc h2{ font-size: 1.14em; color: #fff; margin: 0px;}
#newsletter form{ margin-top: 15px;}
#newsletter input{ height: 38px; background: transparent; border-color: #939393; }
#newsletter button{ border: none; background: #646464; color: #fff;}
#newsletter button:hover{ background: #939393;}
#mais-buscadas{ min-height: 300px;}
#mais-buscadas h2{ margin-bottom: 10px;}
#mais-buscadas .label-default{ background: #343234; color: #adadad; font-size: 0.92em; font-weight: 400; margin-bottom: 2px; margin-right: 2px; float: left;}
#mais-buscadas .label-default:hover{ background: #646464; color: #fff;}

#clickativo{ height: 85px;}
#clickativo .col-md-12{ text-align: center; padding-top: 35px;}

.title-breadcrumb{ list-style: none;}
.title-breadcrumb li{ float: left; font-size: 0.78em; padding-left: 5px;}
.title-breadcrumb li, .title-breadcrumb li a{ color: #484848; text-transform: uppercase;}

.item-articulista{ border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; margin-bottom: 20px;}
.item-articulista strong{ font-size: 14px; color: #484848; font-weight: 400;}
.item-articulista span{ font-size: 11px; font-weight: 200; color: #484848;}

.conteudo h2{ margin: 0px; color: #484848; text-transform: uppercase; font-size: 2.35em;}
.compartilhar{ padding: 10px 0px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-top: 20px; margin-bottom: 25px;}
.conteudo p{ float: left; margin-bottom: 10px; font-size: 1.07em;}
.conteudo img{ float: left; margin: 10px 15px 5px 0px;}
.galeria{ float: left; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #e5e5e5; margin-bottom: 25px;}
.galeria .col-md-2{ margin-bottom: 10px;}
.conteudo h3{ font-size: 1.14em; color: #484848; margin: 0px; margin-bottom: 15px; width: 100%; float: left;}
.conteudo h4{ font-size: 1.78em; color: #484848; margin: 10px 0px 15px; width: 100%; float: left;}
.well{ padding: 11px;}

.oneOne{ width: 100%; float: left;}
.twoOne{ width: 49%; float: left;}
.space{ margin-right: 2%;}

.form-control{ height: 38px;}
.form-contato input.form-control{ height: 48px; }
.form-contato .form-control{ border-radius: 0px;}
.center{ text-align: center;}
.btn-success{ padding: 10px 12px;}
.select-verde{ background: #6bb543; color: #fff; height: 40px; border: none;}
.box-video{ position: relative; float: left; width: 100%; margin-bottom: 10px; margin-top: 15px;}
.play{ width: 53px; height: 53px; position: absolute; top: 40%; left: 44%; background: url(../../imagens/play.png) no-repeat center; opacity: 0.7;}
.box-video:hover .play{ opacity: 1.0; transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; }


@media (max-width: 1147px) {
    .showIn1147{ display: block;}
    .hideIn1147{ display: none;}
    .publicidade-top a{ width: 694px;}
    .navbar-form input.form-control, .navbar-form button{ display: none;}
    .navbar-form > a{ color: #fff; position: absolute; top: -55px; font-size: 18px; right: 20px; border: 1px solid #fff; padding: 10px;}
    .navbar-form{ position: absolute; right: 83px; top: 55px;}
    .navbar-form button{ color: #6bb543}
    .navbar-form input.form-control{ border-color: #8b8b8b; color: #484848;}
    .navbar-form input::-webkit-input-placeholder{ color: #484848;}
    .navbar-form input:-moz-placeholder{color: #484848;}
    .navbar-form input::-moz-placeholder{color: #484848;}
    .navbar-form input:-ms-input-placeholder{ color: #484848;}
    .box-last-news-desc{ width: 79%;}
    .box-social, .box-social a{ width: 100px;}
    #publicidade-bottom .publicidade a{ width: 904px;}
    #menu-rodape nav ul li{ min-height: auto;}
    #menu-rodape nav ul li a{ padding: 8px 6.5px}
}

@media (max-width: 991px) {
    .navbar-header{ margin-top: -180px;}
    .navbar-toggle .icon-bar{ width: 30px; height: 6px;}
    .navbar-default .navbar-toggle .icon-bar{ background-color: #6bb543;}
    .navbar-default .navbar-toggle{ border: none; background: none;}
    .publicidade-top a, .publicidade-top span.title{ margin: 0px; margin-top: -15px;}
    .publicidade-top a{ width: 700px;}
    .navbar{ min-height: auto;}
    #menu nav.navbar-default{ margin-top: 15px;}
    .navbar-collapse{ margin-top: 120px; border-top: 0px;}
    .navbar-form > a{ display: none;}
    .navbar-form{ position: relative; right: auto; top: auto; border: none;}
    .navbar-form input.form-control, .navbar-form button{ display: block;}
    .menu-home{ padding-left: 10px !important;}
    .arrow-down{ left: auto; bottom: 18px; right: 15px;}
    .dropdown-menu{ position: relative; top: auto; left: auto; float: left; width: 100%; margin-bottom: 10px;}
    .navbar-nav > li:hover > ul.dropdown-menu{ display: none;}
    .navbar-form input.form-control{ width: 100%; border-color: #aed698;}
    .navbar-form input::-webkit-input-placeholder{ color: #fff;}
    .navbar-form input:-moz-placeholder{color: #fff;}
    .navbar-form input::-moz-placeholder{color: #fff;}
    .navbar-form input:-ms-input-placeholder{ color: #fff;}
    .navbar-form button{ color: #fff;}
    .form-group{ margin: 0px;}
    .title{ margin-top: 20px;}
    #container-destaques{ margin: 0px;}
    .box-last-news-desc{ width: 91%;}
    .publicidade-mid{ width: 48%; margin-right: 4%; margin-top: 20px;}
    .container-social{ width: 48%; margin-top: 20px;}
    .container-social .title{ margin-top: 0px;}
    .box-social, .box-social a{ width: 115px;}
    .container-video iframe{ height: 400px}
    .articulista{ margin-bottom: 15px;}
    #publicidade-bottom .publicidade a{ width: 662px;}
    #newsletter, #mais-buscadas{ background: none;}
    #newsletter input{ margin-bottom: 10px;}
    #rodape-desc .col-md-4{ padding: 20px 0px;}
    #mais-buscadas{ min-height: auto;}
    .space{ margin-right: 2%;}
    .twoOne, .oneOne{ margin-bottom: 15px;}
    #sidebar .publicidade-mid, #sidebar .container-social{ width: 100%;}
    .container-video .box-video{ width: 50%;}
    .container-video p{ float: left;}
}

@media (max-width: 767px) {
    .showIn767{ display: block !important;}
    .publicidade-top{ width: 100%;}
    .publicidade-top a{ width: 90%;}
    .navbar-toggle{ margin-right: 20px;}
    .box-outras-noticias-desc{ padding: 0px 0px 0px 10px;}
    .box-social, .box-social a{ width: 100px;}
    #publicidade-bottom{ display: none;}
    .box-last-news-desc{ width: 80%;}
    .box-social, .box-social a{ width: 80px}
    #menu-rodape{ display: none;}
    #menu-topo{ display: none;}
    .container-video .box-video{ width: 100%;}
    .container-video .play{ left: 30%;}
}

@media (max-width: 559px) {
    .publicidade-mid, .container-social{ width: 100%;}
    .box-social, .box-social a{ width: 118px;}
    .container-video iframe{ height: 305px;}
    #sidebar .col-xs-6{ width: 100%; float: left;}
    .resultados-busca .col-xs-6, .container-videos .col-xs-6{ width: 100%;}
}

@media (max-width: 479px) {
    .showIn480{ display: block !important;}
    .hideIn480{ display: none !important;}
    .publicidade-top{ display: none;}
    .navbar{ margin-bottom: 15px;}
    #container-destaques .col-xs-6, .destaque-box .destaque-img > img, #container-destaques-secundarios .col-xs-6, .noticia-destaque .img-noticia > img{ width: 100%!important; height: auto!important;}
    #container-destaques .col-xs-6{ margin-bottom: 15px;}
    #barra-topo p{ letter-spacing: 1px;}
    .articulista{ width: 50%;}
    .box-busca{ background: #6bb543; height: 60px;}
    .box-busca input{ width: 100%; float: left; height: 38px; background: transparent; border-color: #aed698; color: #fff; margin-top: 10px;}
    .box-busca input:hover{ border-color: #fff;}
    .box-busca input::-webkit-input-placeholder{ color: #fff;}
    .box-busca input:-moz-placeholder{color: #fff;}
    .box-busca input::-moz-placeholder{color: #fff;}
    .box-busca input:-ms-input-placeholder{ color: #fff;}
    .box-busca button{ background: none; border: none; color: #fff; font-size: 18px; position: absolute; right: 20px; top: 18px;}
    .navbar-header{ margin-top: -180px;}
    .conteudo .col-xs-8{ width: 100%;}
    .galeria .col-xs-3{ width: 50%;}
    .space{ margin-right: 0px;}
    .twoOne{ width: 100%;}
    .articulista a > img{ float: none;}
    .item-articulista .col-xs-4, .item-articulista .col-xs-8{ width: 100%;}
    .title-breadcrumb{ display: none;}
    .container-video .play{ left: 44%;}
}

@media (max-width: 378px) {
    .showIn378{ display: block;}
    .hideIn378{ display: none;}
    #barra-topo p{ font-size: 1em; padding: 5px 0px;}
    .destaque-box{ height: 315px;}
    .noticia-destaque .img-noticia{ height: 178px;}
    .box-social, .box-social a{ width: 100px;}
    .container-video iframe{ height: 215px;}
    #menu nav.navbar-default{ margin-top: 0px;}
    .navbar-header{ margin-top: -145px;}
    .navbar-collapse{ margin-top: 84px;}
    .box-last-news-desc{ width: 75%;}
}

@media (max-width: 360px) {
    .box-social, .box-social a{ width: 90px;}
    #barra-topo p{ font-size: 0.92em; padding: 7px 0px;}
    .icon-fb, .icon-twit, .icon-goog, .icon-yt, .icon-insta{ padding: 15px 10px;}
}

@media (max-width: 330px) {
    .articulista{ width: 100%;}
    .destaque-box{ height: 269px;}
    .box-social, .box-social a{ width: 85px;}
}

@media (max-width: 320px) {
    .destaque-box{ height: 257px;}
    .noticia-destaque .img-noticia{ height: 146px;}
    .box-outras-noticias{ padding-top: 10px; padding-bottom: 10px;}
    .container-video iframe{ height: 190px;}
}



.cookiealert {
	font-size: 12.5px;
	display: flex;
	align-items:center;
	position: fixed;
	visibility: hidden;
	z-index: 999;
	bottom: 0;
	left: 16px;
	right: 16px;
	margin: auto;
	max-width: 1334px;
	min-height: 30px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);
	border: solid 1px #eeeeee;
	background-color: #fff;
	transform: translateY(100%);
	transition: all 500ms ease-out;
	
	}
	
	@media only screen and (max-width: 800px){
		.cookiealert.show {
		flex-flow: column;
        bottom: 90px !important;
			}
			.default-btn{
				width: 100% !important;
			}
			.acceptcookies{
				margin-left: 5px !important;
			}
			.cookiealert {
				flex-flow: column;
			}
	}
	
	.btn.btn-cookie{
		background: #6bb543;
		border-color: #6bb543;
		color: #ffff !important;
		border-radius: 30px;
		line-height:  25px;
		margin-left:  35px;
	}
	
	.btn-cookie:hover{
		cursor: pointer;
		background: #9cd64e;
		border-color: #9cd64e;
		color: #fff;
		border-radius: 30px;
	}
	
	.cookiealert.show {
		bottom: 16px;
		left: 16px;
		right: 16px;
		opacity: 1;
		visibility: visible;
		transform: translateY(0%);
		transition-delay: 1000ms;
	}
	
	.cookiealert a.link {
		text-decoration: underline;
		color:white;
	}