:root {
--top-bar-background:#c7c7c7;
--top-bar-text-color:#333333;
--top-bar-border:#d1d1d1;
--top-sticky-navigation-border:#000000;
--header-background:#435696;
--header-border-color:#828282;
--navigation-background:#364578;
--navigation-links:#ffffff;
--navigation-links-hover:#cccccc;
--primary-color:#ff8400;
--secondary-color:#1c2735;
--tertiary-color:#ffffff;
--general-links:#000000;
--general-links-hover:#ffffff;
--body-background-color:#FFF; 
--general-font-family:'Open Sans', arial;
--general-font-size:14px;
}

@charset "utf-8";


/* CSS Document */
/*mobile*/ 
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;   
    box-sizing:border-box;         
    padding: 0px; margin: 0px; list-style: none; text-decoration: none;
     vertical-align: baseline;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: none;
    padding: 0;
    margin: 0;
    /*transition-duration: 0.3s;*/

}




a [class^="icon-"]{ color:inherit;text-decoration:none; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block; }

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} 
* html .clearfix, *:first-child+html .clearfix{zoom:1}
html, body { font-family: var(--general-font-family); font-size: var(--general-font-size); margin: 0px; padding: 0px; text-align: center; min-width: 1024px; background: var(--body-background-color); color:#333; }

.site { margin:0px auto; width: 1000px; display: inline-block; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; } 
.mb30 { margin-bottom: 30px; }
.chamada { color: #555555; font-size: 23px; font-weight: bold; text-transform: uppercase; text-align: left; margin-bottom: 5px; }
.chamada.categoria{  color: #333; margin-bottom: 0px; }


header { background:#FFF; }
 
.canal  { margin-bottom: 30px; } 
.canal iframe { width: 100%; height: 400px; }


.chamada { color: #000; text-transform: uppercase; font-weight: 600; font-size: 25px; margin-top: 20px; text-align: center; margin-bottom: 30px;}
.chamada:after { content: ""; display: block; vertical-align: middle; text-align: center; width: 150px; height: 10px; margin: 0px auto; border-bottom: 5px solid #4049d9; }
.descr { color: #777777; font-size: 14px; margin: 0px;} 


.chamada a {color: #333;}

.chamada2 { color: #4049d9; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: left; margin-bottom: 15px; text-align: center; border-top: 3px solid #EFEFEF; padding-top: 10px; }
  
h1.titulo { 
padding: 0px;
    margin: 0px;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bolder;
    color: #000;
    letter-spacing: -1px;
}
h2.subtitulo { padding: 0px; margin: 0px; font-size: 20px; line-height: 22px; margin-bottom: 15px; font-weight: 500; color: #777; }

.menu { 
    display: block;
    background: #141748;
    background: linear-gradient(0deg, #333aad, #0e135a);
    border-bottom: 1px solid #4049d9;
    border-top: 1px solid #4267b2;
}
.menu ul { display: flex; justify-content: center; }
.menu ul li {  }
.menu ul li a { color: #FFF; text-transform: uppercase; font-weight: bold; height: 50px; line-height: 50px; padding: 0px 19px; font-size: 15px; display: inline-block; transition-duration: 0.3s; border-right: 1px solid #4049d9;}
.menu ul li a.active, 
.menu ul li a:hover { background: #4049d9; color: #FFF; }

.menu ul li:last-child a { border-right: 0px; }
 
.logo { margin: 5px 0px; display: inline-block; float: left; }
.logo.right { float: right; }
.atual { display: inline-block; border-left: 1px solid #CCC; padding-left: 30px; margin-left: 30px; height: 61px; line-height: 61px; margin-top: 25px; margin-bottom: 25px; float: left; font-size: 23px; color: #555; 
    max-width: 250px;
    line-height: 30px;
 
display: flex;
align-items: center;
justify-content: center;
} 
.atual a { color: #777; } 
.atual a:hover { text-decoration: underline; }
.pub1 { float: right; width: 440px; height: 75px; background: #EEEEEE; margin-top: 20px; }

.baner { background: url(../img/img_design/ilustra.png) center center no-repeat; display: block; overflow: hidden; }

.linha { display: block; clear: both; overflow: hidden;} 

.bg-destaques { background: #FFF; padding: 30px 0px;  } 

.destaques ul li { float: left; width: 240px; text-align: left; margin-right: 10px;}
.destaques ul li a { color: #333; text-decoration: none; font-size: 13.5px; line-height: 16px; display: block; text-align: left;}
.destaques ul li a img { float: left; width: 95px; height: 70px; background: #AAAAAA; margin-right: 7px;   }

.not1 { float: left; width: 730px; text-align: left; }
.not1 .slide { float: left; width: 450px; background: #4049d9;  height: 325px; margin-right: 15px; overflow: hidden; }
.not1 .slide a { display: block; overflow: hidden; width: 450px; }
.not1 .slide a .limit { display: block; height: 250px; overflow: hidden; display: flex; 
align-items: flex-end;
justify-content: center; background: #FFF;}
.not1 .slide  img { max-width: 100%; min-width: 100%; display: block; }
.not1 .slide a .info { padding: 10px; font-size: 16px; font-weight: 600; display: inline-block; color: #FFF;}
 
.not-list { float: left; width: 260px; }
.not-list ul li { display: inline-block; width: 100%; text-align: left; margin-bottom: 15px; }
.not-list ul li a { color: #777; text-decoration: none; font-size: 13px; line-height: 16px; display: block; height: 70px; text-align: justify; }
.not-list ul li a img { float: left;background: #AAAAAA;   max-width: 100%; min-width: 100%;  }
.not-list ul li.activeSlide { background: #4049d9; position: relative;} 
.not-list ul li.activeSlide a { color: #FFF; position: relative; }
.not-list ul li.activeSlide a .titulo {  padding: 3px; display: inline-block; float: left; width: 150px; }
 

.not1  a .limit img{ width: 100%; 
  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);
         }
.not1  a:hover img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


.fancybox-opened .fancybox-title { overflow: inherit !important; }

.not-list ul li a .limit { display: block;  width: 95px; height: 70px; overflow: hidden; display: flex; background: #FFF;
align-items: center; justify-content: center; border: 1px solid #EFEFEF; margin-right: 7px; float: left;}
 
.not-list ul li.activeSlide a:before {
  content: "";
  display: block;
  vertical-align: middle;
  margin-top: 0px;
  width: 0; 
  margin-bottom: 0px;
  height: 0; 
  margin-left: -34px; margin-top: 20px;
  border-left: 20px solid transparent;
  border-top: 20px solid transparent;
  border-right: 15px solid #4049d9;
  border-bottom: 20px solid  transparent;
  position: absolute; left: 0px; z-index: 9999;
}
 
.pub2 { width: 240px; float: right; }  
.pub2 ul li a { /*height: 160px;*/ background: #EFEFEF; border:2px solid #EEE; overflow: hidden; display: block; margin-bottom: 25px; }
.pub2 ul li a img { max-width:100%; }

.not2 { display: block; }
.not2 .not2-destaque { width: 350px; float: left; }
.not2 .not2-destaque.right { float: right; }

.not2 .not2-destaque li a { display: block;  height: 380px; background: #AAAAAA; position: relative; color: #FFF; overflow: hidden; text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.not2 .not2-destaque li a img { min-height: 100%; max-height: 100%; }
.not2 .not2-destaque li a .legenda { color: #FFF; font-weight: bold; font-size: 16px; padding: 15px; position: absolute; bottom: 0px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.32); left: 0px; background: rgba(0,0,0,0.3); } 

.not2 .not2-simples { float: left; width: 270px; margin-left: 15px; }
.not2 .not2-simples li { margin-bottom: 20px; }
.not2 .not2-simples li a { display: block; height: 180px; background: #AAAAAA; position: relative; overflow: hidden; border: 1px solid #efefef; text-align: justify; }
.not2 .not2-simples li a img { max-width: 100%; min-height: 100%; }
.not2 .not2-simples li a .legenda { color: #FFF; font-weight: bold; font-size: 16px; padding: 10px 15px; position: absolute; bottom: 0px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.32); left: 0px; background: rgba(0,0,0,0.2); line-height: 19px;}

.not2  a img{ 
  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);
         }
.not2  a:hover img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


.not3 { display: block;}
.not3 ul li { float: left; width: 450px; text-align: left; margin-bottom: 30px;  height: 150px; overflow: hidden;}
.not3 ul li:nth-child(odd){margin-right: 30px;}
.not3 ul li:nth-child(even){ float: right;}
.not3 ul li a { color: #555; text-decoration: none; font-size: 13px; line-height: 17px; display: block; text-align: justify;}
.not3 ul li a .chapeu { display: inline-block; overflow: hidden; margin-bottom: 5px; color: #4049d9; font-weight: bold; text-transform: uppercase; font-size: 14px; }
.not3 ul li a .chamadinha { font-weight: bold; display: block; margin-bottom: 7px; text-transform: uppercase; font-size: 14px; }
.not3 ul li a img { float: left;  background: #AAAAAA; max-height: 100%;   min-width: 100%; }
.not3 ul li a .limit { display: block; width: 200px; height: 150px; overflow: hidden; display: flex;
align-items: center; justify-content: center; border: 1px solid #EFEFEF; margin-bottom: 10px; margin-right: 20px; float: left;}

.not3  a img{ 
  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);
         }
.not3  a:hover img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


.not4 { float: left; }
/*.not4 ul li { float: left; margin-right: 20px; width: 330px; text-align: left; margin-bottom: 15px; overflow: hidden; height: 320px; }*/

.not4 ul {
  display: flex;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* grid-auto-rows: 100px; */
    grid-gap: 30px 20px;
    padding: 20px 10px;
    padding-top: 0px;
}

.not4 ul li a { color: #777; text-decoration: none; font-size: 13.5px; line-height: 16px; display: block; }
.not4 ul li a .chapeu {
display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    background: #4049d9; 
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #FFF;
    padding: 3px 5px;
}
.not4 ul li a .limit { display: block; height: 170px; overflow: hidden; display: flex;
align-items: center; justify-content: center; border: 1px solid #EFEFEF; margin-bottom: 10px;}
.not4 ul li a .chamadinha { 
    font-weight: bold;
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
    text-transform: uppercase;
    line-height: normal;
    text-align: left;
    color: #333;
 }
  .not4 ul li a img { display: block; max-width: 100%; min-width: 100%; min-height: 100%; background: #AAAAAA; margin-bottom: 7px;  }

.not4  a img{ 
  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);
         }
.not4  a:hover img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}


.not5 { display: block;}
.not5 ul li { display: block; width: auto; text-align: left; margin-bottom: 15px;  overflow: hidden;}
.not5 ul li a { color: #333; text-decoration: none; font-size: 13.5px; line-height: 16px; display: block; text-align: justify;}
.not5 ul li a .chamadinha { font-weight: bold; display: block; margin-bottom: 7px; }
.not5 ul li a img { float: left; width: 35%; height: 70px; background: #AAAAAA; margin-right: 10px;  }
.not5 ul li a:hover { color: #000; }
.not5 ul li a:hover img { opacity: 0.5; transition-duration: 0.5s; }


.not6 { display: block; overflow: hidden; margin-bottom: 30px; margin-top: 30px;}
.not6 ul li { float: left; margin-right: 20px; width: 230px; text-align: left; margin-bottom: 15px; overflow: hidden;}
.not6 ul li a { color: #333; text-decoration: none; font-size: 13.5px; line-height: 16px; display: block;}
.not6 ul li a .chamadinha { font-weight: bold; display: block; margin-bottom: 7px; text-transform: uppercase; font-size: 13.7px; }
.not6 ul li a .limit {
border: 1px solid #EFEFEF;
display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; height: 160px; margin-bottom: 10px;

}
.not6 ul li a img { display: block; max-height: 100%; background: #AAAAAA; margin-bottom: 7px;  }
.not6 ul li:last-child { margin-right: 0px; }

.sidebar { float: right; width: 240px; }

.detalhes { float: left; width: 700px; text-align: left; font-size: 16px; color:#333; }
.detalhes a { color:aqua;}
/*.detalhes hr {  border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
*/

.detalhes hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

}

.detalhes p { margin-bottom: 10px; }
.detalhes .foto-detalhes { display: block;overflow: hidden; margin-bottom: 20px; border: 1px solid #EFEFEF; }
.detalhes .foto-detalhes img { display: block; min-width: 100%; max-width: 100%; }

.detalhes .foto-detalhes .legenda {
    background: #333;
    color:#FFF;
    display: block;
    font-weight: normal;
    padding: 0.67em;
    text-align: left;
    font-size: 14px;
} 

.detalhes .datatime { font-size: 13px; } 

.detalhes embed, .detalhes iframe, .detalhes object { /*min-width: 100%; height: 400px;*/ }


.fb-comments, .fb-comments iframe, .fb-comments span{ width: 100% !important; } 


body.detalhe { float: left; width: 700px !important; min-width: auto;  display: block; text-align: left; font-size: 16px; }
.detalhe p { margin-bottom: 10px; }
.detalhe .foto-detalhes { display: block;overflow: hidden; margin-bottom: 20px; border: 1px solid #EFEFEF; }
.detalhe .foto-detalhes img { display: block; min-width: 100%; max-width: 100%; }

.album-posts { display: block; text-align: center; width: 100%; position: relative; }
.album-posts ul{ padding: 0px;
display: block;
    align-items: center;
    justify-content: center; width: 100% !important; margin-top: 10px;
}
.album-posts ul li { display: block;  text-align: center;  width: 100% !important;}
.album-posts ul li a {height: 400px; display: flex; width: 100%; background: #EFEFEF;
    align-items: center;
    justify-content: center; overflow: hidden; }
.album-posts ul li img { /*max-height: 400px;*/ max-width: 100%; }
#album-posts-control { display: inline-block; width: 100%; background: #EFEFEF; padding: 10px; text-align: center; }
.album-posts #next , .album-posts #prev { font-size: 45px; position: absolute; top: 160px; color: rgba(255,255,255,0.9); z-index: 600; background: rgba(0,0,0,0.1); width: 50px; height: 50px; line-height: 45px; border-radius: 100px; text-align: center; }
.album-posts #prev { left: 20px; }
.album-posts #next  { right: 20px; }
.album-posts #next:hover , .album-posts #prev:hover { color: rgba(255,255,255,1); background: rgba(0,0,0,0.3); transition-duration: 0.5s; }


.listagem { padding: 20px 0px; text-align: left;} 
.listagem li { display: block; overflow: hidden; position: relative;  margin-right: 3%; }
.listagem li:nth-child(even){ margin-right: 0px;}
/*.listagem li:nth-child(even):after { content: "-"; color: #FFF; }*/
.listagem li a { display: block; overflow: hidden; position: relative; border-bottom: 1px solid #333; padding-bottom: 25px;  margin-bottom: 25px; }
.listagem li .col1post img { 
    border: 1px solid #333;
    max-width: 90% !important;
    padding: 5px;
}
.listagem li .col2post .data { color: #777; }
.listagem li .col2post .titulo { font-family: 'Open Sans'; font-weight: 600; font-size: 25px; line-height: normal;  color: #000; margin-bottom: 10px !important;  display: block; }
.listagem li .col2post .texto { display: block; color: #333; }
.listagem li .col1post { float: left; width: 30%; overflow: hidden; margin-right: 2%; }
.listagem li .col2post { float: left; width: 68%; }

.posts-list .base-chamada { 
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 30px;
}
.posts-list .icon-foto {
    padding: 5px;
    border: 1px solid #4e4545;
}
.posts-list .icon-foto img { display: block; }

.form-contato { text-align: left; display: block;overflow: hidden; margin-top: 50px; width: auto; margin-left: auto; margin-right: auto; }
.form-contato form { display: inline-block; color: #787878;}
.form-contato form div { margin-bottom: 15px;}
.form-contato form input { height: 40px; }
.form-contato form input,
.form-contato form textarea {  border:2px solid #D3D3D3; padding: 5px 10px; color: #787878;}
.form-contato form .btn { background: #4049d9; color: #FFF; border: none; cursor: pointer; -webkit-transition-duration: 0.5s; font-weight: 600; text-transform: uppercase;}
.form-contato form .btn:hover { color: #FFF; background: #555555; -webkit-transition-duration: 0.5s;}



.bg-pub-top { background: #FFF; border-top: 3px solid #EFEFEF;  padding: 30px 0px; border-bottom: 3px solid #EFEFEF; }
.bg-pub-top .pub-top { text-align: center; }
.bg-pub-top .pub-top a { background: #EEEEEE; width: 728px;  display: inline-block; border: 1px solid #EFEFEF; }
.bg-pub-top .pub-top a img { max-width: 100%; float: left; } 

.bg-pub-rodape { background: #FFF; padding: 30px 0px; border-bottom: 3px solid #EFEFEF; border-top: 3px solid #EFEFEF; }
.bg-pub-rodape .pub-rodape { text-align: center; }
.bg-pub-rodape .pub-rodape a { background: #EEEEEE; width: 728px; height: 120px; display: inline-block; border: 1px solid #FFF; border:2px solid #EEE;}
.bg-pub-rodape .pub-rodape a img { max-width: 100%; }

footer { color:#CCC; background: #000; }