@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900,100italic,300italic,400italic,500italic,700italic,900italic';


body{
   margin:0;
   padding:0;
   font-family: "Roboto Condensed", Calibri, Verdana, sans-serif;
   font-size:16px;
   color:#333;

   background-color:#f5eedd;
   /* background-image:url(../imagens/bg.jpg); */
   /* background-image:url('../imagens/topo.png'); */
   /* background-position:center top; */
   /* background-repeat: repeat-x; */

   /* -webkit-background-size: 100%;*/
   /* -moz-background-size: 100%;*/
   /* -o-background-size: 100%;*/
   /* background-size: 100%;*/

}

a{
   color: #b95621;
   text-decoration:none;
}
a:hover{
   color: #d89d3b;
}


.container-article img{
   max-width: 100% !important;
   height: auto !important;
}

.container-article iframe{
   max-width: 100% !important;
   /*height: auto !important;*/
   min-height: 250px !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
   color: #3399cc;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
   background-color: #3399CC;
   border-color: #3399CC;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
   border-color: #3399cc;
}



.img-cover,
.image-cover{
   width: 100%;
   display: block;
   -webkit-background-size: cover;
   background-size: cover;
}


.loading:after {
   content: ' .';
   animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
   0%, 20% {
      color: rgba(0,0,0,0);
      text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
   }
   40% {
      color: white;
      text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);
   }
   60% {
      text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);
   }
   80%, 100% {
      text-shadow:
      .25em 0 0 white,
      .5em 0 0 white;
   }
}

#menuprincipal{
   /*font-family: 'Ubuntu Condensed', sans-serif;*/
   font-size: 0.95em;
   font-weight: 500;
}

#menuprincipal ul li a{
   border-bottom: 3px solid transparent;
}

#menuprincipal ul li a:hover{
   border-bottom: 3px solid #cc6633;
   color: #cc6633;
}

.link-amarelo{
   color: #FFF;
}

.link-amarelo:hover, .link-amarelo h6:hover{
   color: #ffff00 !important;
   text-decoration: underline;
}

.cor-marrom{
   color: #9c430c;
}

.titulo-principal{
   font-family: "Gentium Book Plus", serif;
   font-weight: 700;
}

.titulo-principal span{
   color: #85c1ea;
}

.preenche_confirmados, .preenche_recuperados,.preenche_mortes, .preenche_letalidade{
   color:#FFF;
   font-size: 42px;
   max-width: 100%;
   clear: both;
   line-height: 42px;
}

/*================================
=            NOTÍCIAS            =
================================*/
.noticia-container{
   padding-bottom: 25px;
}
.noticia-container .noticia-image{
   position: relative;
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   width: 100%;
   height: 250px;
}
.noticia-container .noticia-categoria{
   position: relative;
   width: 100%;
   height: 30px;
   margin-top: -8px;
   margin-bottom: -15px;
   color: #fff;
   z-index: 9;
   font-size: 13px;
   padding-top: 5px;
   padding-left: 52px;
}
.noticia-container .noticia-categoria .noticia-categoria-icon{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 48px;
   height: 48px;
   -webkit-border-radius: 24px;
   -moz-border-radius: 24px;
   border-radius: 24px;
}
   /* noticia-container .noticia-categoria:after{
      content: url('../imagens/icon_noticia.png');
      position: absolute;
      left: 0;
      bottom: 0;
      width: 48px;
      height: 48px;
      -webkit-border-radius: 24px;
      -moz-border-radius: 24px;
      border-radius: 24px;
      } */
      .noticia-container .noticia-categoria .noticia-categoria-icon-bg{
         z-index: -1;
         position: absolute;
         right: 0;
         bottom: 0;
         width: 99.5%;
         height: 30px;
         -webkit-border-top-left-radius: 10px;
         -webkit-border-bottom-left-radius: 90px;
         -moz-border-radius-topleft: 10px;
         -moz-border-radius-bottomleft: 90px;
         border-top-left-radius: 10px;
         border-bottom-left-radius: 90px;
      }
   /*
   .noticia-container .noticia-categoria:before{
      content: "";
      z-index: -1;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 99.5%;
      height: 30px;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-bottom-left-radius: 90px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-bottomleft: 90px;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 90px;
      }*/

      .noticia-container .noticia-categoria.cat-1:after,
      .noticia-container .noticia-categoria.cat-1:before{
         background-color: #936632;
      }
      .noticia-container .noticia-categoria.cat-2:after,
      .noticia-container .noticia-categoria.cat-2:before{
         background-color: #db9205;
      }
      .noticia-container .noticia-categoria.cat-3:after,
      .noticia-container .noticia-categoria.cat-3:before{
         background-color: #c44e85;
      }
      .noticia-container .noticia-categoria.cat-4:after,
      .noticia-container .noticia-categoria.cat-4:before{
         background-color: #308a3c;
      }
      .noticia-container .noticia-categoria.cat-5:after,
      .noticia-container .noticia-categoria.cat-5:before{
         background-color: #bc002b;
      }
      .noticia-container .noticia-categoria.cat-6:after,
      .noticia-container .noticia-categoria.cat-6:before{
         background-color: #005dff;
      }
      .noticia-container .noticia-categoria.cat-7:after,
      .noticia-container .noticia-categoria.cat-7:before{
         background-color: #6fc41b;
      }
      .noticia-container .noticia-categoria.cat-8:after,
      .noticia-container .noticia-categoria.cat-8:before{
         background-color: #de1e0a;
      }

      .noticia-container .noticia-content{
         min-height: 246px;
         background-color: #ebebeb;
         padding: 25px 25px 15px 25px;
         -webkit-border-bottom-right-radius: 10px;
         -webkit-border-bottom-left-radius: 10px;
         -moz-border-radius-bottomright: 10px;
         -moz-border-radius-bottomleft: 10px;
         border-bottom-right-radius: 10px;
         border-bottom-left-radius: 10px;
      }

      .noticia-container .noticia-content h4{
         color: #096582;
         font-size: 16px;
         line-height: 1.5;
      }

      .btn-more{
         padding: 0px 10px 3px 11px;
         font-size: 30px;
         line-height: 14px;
         background-color: rgba(51, 153, 204, 1.0);
         color:  #fff;
         text-decoration: none;
         -webkit-border-radius: 18px;
         -moz-border-radius: 18px;
         border-radius: 18px;
      }
      .btn-more:hover{
         text-decoration: none;
         color:  #fff;
         background-color: rgba(51, 153, 204, 0.9);
      }

      /*=====  End of NOTÍCIAS  ======*/



/*==============================
=            VISÕES            =
==============================*/
.container-visoes{
   background-color: #fafdfe ;
   background-image: url('../imagens/bg_acoes.png');
   background-position: center center;
   background-repeat: no-repeat;
   -webkit-background-size: 100%;
   background-size: 100%;
}

.visoes-container{
   position: relative;
   cursor: pointer;
   width: 230px;
   height: 230px;
   border-radius: 50%;
   -webkit-background-size: cover;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top center;
   padding: 4px;
   background-color: #fff;
   border: 2px solid #FFF;
   margin: 0 auto;
   margin-bottom: 25px;

   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.visoes-content{
   position: absolute;
   opacity: 1;
   top: 10%;
   right: 10%;
   /* top: 30px; */
   /* right: 30px; */
   /* bottom: 30px; */
   /* left: 30px; */
   /* padding: 26px 35px 10px 35px; */
   font-size: 18px;
   line-height: 22px;
   color:  #fff;
   text-decoration: none;
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   /* border: 3px solid #FFF; */
   border-radius: 50%;
   text-align: center;
   /* vertical-align: center; */

   /* display : flex; */
   /* align-items : center; */
   display: block;
   width: 80%;
   height: 80%;
   padding: 10px;

   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}

.visoes-content span{
   display: block;
   position: relative;
   top: 50%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.visoes-container:hover .visoes-content{
   opacity: 0;
}

.visoes-more{
   position: absolute;
   display: block;
   padding: 7px 8px 11px 8px;
   font-size: 30px;
   line-height: 14px;
   color:  #fff;
   text-decoration: none;
   -webkit-border-radius: 18px;
   -moz-border-radius: 18px;
   border: 4px solid #FFF;
   border-radius: 50%;
}
.visoes-more-bottom{
   bottom: 8px;
   right: 15px;
}
.visoes-more-top{
   top: 8px;
   left: 15px;
}
.visoes-more:hover,
.visoes-more:hover{
   text-decoration: none;
   color:  #fff;
}


.visoes-container.cat-1 .visoes-content,
.visoes-container.cat-1 .visoes-more{
   background-color: #936632;
}
.visoes-container.cat-2 .visoes-content,
.visoes-container.cat-2 .visoes-more{
   background-color: #db9205;
}
.visoes-container.cat-3 .visoes-content,
.visoes-container.cat-3 .visoes-more{
   background-color: #c44e85;
}
.visoes-container.cat-4 .visoes-content,
.visoes-container.cat-4 .visoes-more{
   background-color: #308a3c;
}
.visoes-container.cat-5 .visoes-content,
.visoes-container.cat-5 .visoes-more{
   background-color: #bc002b;
}
.visoes-container.cat-6 .visoes-content,
.visoes-container.cat-6 .visoes-more{
   background-color: #005dff;
}
.visoes-container.cat-7 .visoes-content,
.visoes-container.cat-7 .visoes-more{
   background-color: #6fc41b;
}
.visoes-container.cat-8 .visoes-content,
.visoes-container.cat-8 .visoes-more{
   background-color: #de1e0a;
}
/*=====  End of VISÕES  ======*/



/*======================================================
=            COLUNISTAS E SLIDE HOME MIDDLE            =
======================================================*/
.container-colunista{
   position: relative;
   /*background: linear-gradient(90deg, #3399cc 50%, #FFF 50%);*/
   background: #333;
}

.colunista-container{
   display: table;
   width: 100%;
   margin-bottom: 25px;
   clear: both;
   cursor: pointer;
}
.colunista-container .colunista-image{
   float: left;
   margin: 0 15px 10px 0;
   /* width: 75px; */
   width: 16%;
   padding: 3px;
}
.colunista-container .colunista-content{
   float:left;
   color: #fff;
   width: 74%;

   /* padding-top: 5px; */
   padding-bottom: 10px;
}
.colunista-container .colunista-content small{
   color:  #333333;
}

.container-colunista .carousel-caption{
   width: 100%;
   right: 0;
   left: 0;
   bottom: 0;
   padding-bottom: 0;
}

.container-colunista .carousel-caption p{
   display: block;
   width: 100%;
   background-color: rgba(0,0,0,0.6);
   min-height: 80px;
   text-align: left;
   margin: 0;
   padding: 10px 15px;
}

.container-colunista .carousel-caption h3{
   display: block;
   text-align: left;
   padding: 0px 15px;
   padding-top: 10px;
   line-height: 16px;
   margin-bottom: 0;
   /* background-color: #1cd944; */
   color: #000;
   text-shadow: none;
   font-size: 26px;
}
.container-colunista .carousel-caption h3 small{
   color: #000;
   font-weight: normal;
   margin-bottom: -5px;
   display: inline-block;
   font-size: 22px;
}


.container-colunista .carousel-caption.cat-1 h3{
   background-color: #936632;
}

.container-colunista .carousel-caption.cat-2 h3{
   background-color: #db9205;
}

.container-colunista .carousel-caption.cat-3 h3{
   background-color: #c44e85;
}

.container-colunista .carousel-caption.cat-4 h3{
   background-color: #308a3c;
}

.container-colunista .carousel-caption.cat-5 h3{
   background-color: #bc002b;
}

.container-colunista .carousel-caption.cat-6 h3{
   background-color: #005dff;
}

.container-colunista .carousel-caption.cat-7 h3{
   background-color: #6fc41b;
}

.container-colunista .carousel-caption.cat-8 h3{
   background-color: #de1e0a;
}

/*=====  End of COLUNISTAS E SLIDE HOME MIDDLE  ======*/



/*===================================
=            AGENDA HOME            =
===================================*/
.agenda-container{
   display: table;
   margin-bottom: 25px;
   padding-right: 15px;
   clear: both;
   cursor: pointer;
}
.agenda-container .agenda-image{
   font-size: 30px;
   display:  table-cell;
   margin: 15px 10px 0 0;
   color: #7f7f7f;
}
.agenda-container .agenda-content{
   display:  table-cell;
   color: #000;
   vertical-align: top;
   padding-bottom: 10px;
   padding-left: 10px;
}
.agenda-container .agenda-content small{
   color:  #666;
   font-weight: bold;
}
/*=====  End of AGENDA HOME  ======*/



/*===================================
=            ACERVO HOME            =
===================================*/

#slide_acervo_home {
   display: table;
   width: 100%;
   height: 100%;
}
#slide_acervo_home .carousel-indicators {
   position: relative;
   /*display: inline-block;*/
   display: table-cell;
   height: 100%;
   width: 40%;
   top: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   padding-left: 0;
   margin-left: 0;
   text-align: left;
   list-style: none;
}
#slide_acervo_home .carousel-indicators li {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 25%;
   min-height: 70px;
   margin: 0;
   text-indent: inherit;
   cursor: pointer;
   background-color: #eee;
   border: none;
   border-radius: 0;
   border-left: 10px #0F0 solid;
   border-right: 1px #FFF solid;
   padding: 9.3px 14px 9.3px 10px;
   font-size: 13px;
   margin: 1px;

   background-image: url(../imagens/arrow-right.png);
   background-repeat: no-repeat;
   background-position: center right;
   background-size: 0px 0px;

   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}
#slide_acervo_home .carousel-indicators li small{
   font-size: 11px;
}
#slide_acervo_home .carousel-indicators li.active {
   background-color: #CCC;
   background-size: 32px 100%;
}

#slide_acervo_home .carousel-inner {
   position: relative;
   /*display: inline-block;*/
   display: table-cell;
   width: 59%;
   height: 100%;
   overflow: hidden;
   border: 1px #FFF solid;
   vertical-align: top;
}

#slide_acervo_home .carousel-inner .item{
   /*height: 97%;*/
   height: 100%;
}

#slide_acervo_home .carousel-caption{
   width: 100%;
   right: 0;
   left: 0;
   bottom: 0;
   padding-bottom: 0;
}

#slide_acervo_home .carousel-caption p{
   display: block;
   width: 100%;
   background-color: rgba(0,0,0,0.6);
   /* font-size: 95%; */
   min-height: 80px;
   text-align: left;
   margin: 0;
   padding: 10px 15px;
}

/*=====  End of ACERVO HOME  ======*/


/*==============================
=            FOOTER            =
==============================*/
.footer{
   background: #bbb;
   padding: 50px 0;
   color: #fff;
   line-height: 24px;
   font-size: 0.9em;
}
.footer h2{
   color: #fff;
   font-size: 24px;
   margin-top: 0;
}
.footer a{
   color: #fff;
   text-decoration: none;
}
.footer a:hover{
   color: #3399cc;
}
/*=====  End of FOOTER  ======*/








/*===============================
=            HELPERS            =
===============================*/

.img-wp-caption {
   display: table;
   background: #f4f4f4;
   font-size: 0.8em;
}

.img-wp-caption > a {
   display: table;
}
.img-wp-caption > a > img{
   max-width: 100%;
}

.img-wp-caption > em {
   display: table-caption;
   caption-side: bottom;
   background: #f4f4f4;
   padding: 5px;

}

.img-wp-caption[align="aligncenter"]{
   margin: 0 auto;
}

.img-wp-caption[align="alignleft"]{
   float: left;
   margin-right: 10px;
}

.img-wp-caption[align="alignright"]{
   float: right;
   margin-left: 10px;
}

.alignleft{
   float: left;
   margin-right: 10px;
}

.alignright{
   float: right;
   margin-left: 10px;
}


.text-ellipsis{
   display:block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}



.postConteudo figure {
   display: table;
   padding: 10px;
   margin: 10px;
   background: #eee;
}
.postConteudo figure.img-left{
   float: left;
   margin: 0 10px 10px 0;
}
.postConteudo figure.img-right{
   float:right;
   margin: 0 0 10px 10px;
}
.postConteudo figure > img, .postConteudo figure figcaption {
   /*display: table-row;*/
   display: table-caption;
   caption-side: bottom ;
}

.postConteudo figure figcaption {
   /*display: table-row;*/
   padding: 0 10px 5px 0;
   font-size: 12px;
   text-align: center;
   background: #eee;
}

.box-editora-tdd{
   padding: 1px 5px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
   color: #fff;
   background-color: #5bc0de;
   border-color: #46b8da;

   display: inline-block;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-image: none;
   border: 1px solid transparent;
}

.postConteudo img[align="left"],
.postConteudo img[style*="float: left"],
.postConteudo img[style*="float:left"]{
   margin: 5px 10px 0px 0px;
}
.postConteudo img[align="right"],
.postConteudo img[style*="float: right"],
.postConteudo img[style*="float:right"]{
   margin: 5px 0px 0px 10px;
}

/*=====  End of HELPERS  ======*/