 





/* general layout */

*,

*::before,

*::after {

  margin: 0;

  padding: 0;

  box-sizing: inherit;

}





 



html {

  margin: 0;

  padding: 0;

  font-family: 100%/1.5 sans-serif;

  overflow-x: hidden; /* Mantem o site no tamanho de qualquer browser sem margem */

    min-height: 101%;  /* evita que a pagina mova */

    

     

}







body {

  font: 100%/1.5 sans-serif;

    margin-top: 0;

 background-color: #fff;

 box-sizing: border-box;

color: #fff;

}



  



/* unvisited link */

a:link {

    color: #808080;

}









/* visited link */

a:visited {

    color: darkgray;

}









/* mouse over link */

a:hover {

    color: darkgray;

}









/* selected link */

a:active {

    color: blue;

}







@font-face {

    font-family: Aero;

    src: url(../Aero.ttf);

    font-weight:400;

}



.header span {

    font-family: Aero;

    font-size: 16px;

    font-weight: bolder;

}

  



.header li {

    font-family: Aero;

    font-size: 16px;

    font-weight: bolder;

}

  

.br-title{

    font-family: Aero;

    font-size: 16px;

    font-weight: bolder;

}



#prev, #next{

    font-family: Aero;

    font-size: 16px;

    font-weight: bolder;

}









#so-sid ul li a {

 background: #edcd00;

 color: #fff;

 display: block;

 height: 50px;

 font-size: 18px;

 line-height: 50px;

 position: relative;

 text-align: center;

 width: 50px;

}

.soc{



width: 50px;





}























.menu-trigger{



display: none;





}







.header {

    position: fixed;

     top:0;

    right: 0;

    left: 0;

   

    margin: 0;

    width: 100%;

 height: 100px;

   line-height:100px;

font-size:20px;

 z-index: 1;

 



  

     

}

 







.header img {

    position: absolute;

    margin: auto;

   top: 200px !important;

    left: 0;

   right: 77%;

    bottom: 0;

  width: 15%;

   z-index: 1;



    

  

}











.header span {

   

    text-align: right;

    padding-right: 25px;

}

  





 





.menu-trigger{



display: none;





}







#nav-menu.scrolling {

      position: fixed;

    top: 0px;

    width:90%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}







.barra2.scrolling {

  position: fixed;

    top: 50px;

    width:80%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 50px !important;

    left: 0;

    right: 77%;

    bottom: 0;

  width: 10%;

    

  

}









#nav-menu {

    position: fixed;

    top: 90px;

    width:90%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}





#nav-menu:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:50px solid transparent;

    border-left:50px solid #edcd00;

     

}







.header ul {

    position: absolute;

   

    top: 0;

    right: 50px;

display: inline;



}



.header ul > li {

     

display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 





}













.header ul > li a{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #fff;

font-weight: normal;

letter-spacing: 2px;

 transform: skew(-20deg); /* INVERSE SKEW */

}









.header ul > li a:hover{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #edcd00;

 

font-weight: normal;

letter-spacing: 2px;

 transform: skew(-20deg); /* INVERSE SKEW */

}



 







 



.header li:hover {

     

 display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 

 background:#000;

 color: red !important;



}











.header ul > li .active {

     

 display:inline-block ;

  transition: background 0.2s ;

  transform: skew(0deg) !important;  /* SKEW */

 

 background:#000 ;

 color: #edcd00 !important;



}











.barra2 {

    position: fixed;

    top: 140px;

    width:80%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 

.barra2:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:50px solid transparent;

    border-left:50px solid #000;

       z-index: -1;

}













 



.breaking-news {

  display: block;

  background-color: #000;

  color: #c6c6c6;

  overflow: hidden;

    



}







.breaking-news .newswrapper {

  position: relative;



}









.breaking-news .br-title {

  display: block;

  overflow: hidden;

  position: relative;

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: red;

  line-height: 50px;

  cursor: default;

  left: 100px;

   



   

}













.breaking-news .br-navi {

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  height: 50px;

  line-height: 50px;

  cursor: default;



}









.breaking-news .br-navi a {

  display: inline-block;

  position: relative;

  margin-left: 0;

  line-height: 50px;

  width: 26px;

  text-align: center;

  border-radius: 50%;

  vertical-align: middle;

  background-color: transparent;

  color: #fff;

  font-size: 10px;











}













.breaking-news .br-navi a:before {

  display: block;

  content: '';

  z-index: 0;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #edcd00;

  border-radius: 50%;

  opacity: .1;

  filter: alpha(opacity=10);

  transition: all .2s;

  -moz-transition: all .2s;

  -webkit-transition: all .2s;

  -o-transition: all .2s;

















}



















.breaking-news .br-navi a:hover:before {

  opacity: 1;

  filter: alpha(opacity=100);

}



.breaking-news .br-navi a i {

  display: block;

  position: relative;

  z-index: 2;

}



.breaking-news .br-navi a:hover {

  color: #232323;

}



.breaking-news .br-article-list {

  display: block;

  position: absolute;

  left: 300px;

  top: 0;

  right: 0;

  line-height: 50px;

  font-size: 12px;

  overflow: hidden;

}



.breaking-news .br-article-list:after,.breaking-news .br-article-list:before {

  display: block;

  position: absolute;

  z-index: 2;

  top: 0;

  left: 100%;

  width: 100px;

  height: 100%;

  box-shadow: 5px 0 60px 40px #000;

  content: '';



}



.breaking-news .br-article-list:before {

  left: auto;

  right: 100%;

}



.breaking-news .br-article-list a {

  color: #fff;

  display: inline-block;

  line-height: inherit;

    font-weight: lighter;

  font-size: 12px;

  text-decoration: none;

}



.breaking-news .br-article-list a:not(.post-title-comment) strong {

  display: inline-block;

  border-bottom: 1px solid transparent;

  padding-bottom: 1px;

  line-height: 50px;

  vertical-align: middle;

  transition: all .2s;

  -moz-transition: all .2s;

  -webkit-transition: all .2s;

  -o-transition: all .2s;

}



.breaking-news .br-article-list a:not(.post-title-comment):hover strong {

  border-color: red;

}



.breaking-news .br-article-list a strong {

  display: inline-block;

  margin-left: 8px;

  color: #fff;

  font-weight: lighter;

  font-size: 12px;

}



.breaking-news .br-article-list a.post-title-comment {

  color: red;

  margin-left: 5px;

  display: inline-block;

    font-weight: lighter;

  font-size: 12px;

}



.breaking-news .br-article-list a.post-title-comment i {

  padding-right: 3px;

  width: 19px;

}



.breaking-news .br-article-list a.post-title-comment:hover {

  color: #fff;

}



.breaking-news .br-article {

  display: inline-block;

  white-space: nowrap;

  margin-right: 24px;

  position: relative;

}



.breaking-news .br-article:before {

  display: block;

  position: absolute;

  content: '\f111';

  font-family: FontAwesome;

  font-size: 4px;

  padding-top: 0px;

  right: -15px;

  color: #000;

}



.breaking-news .br-article:last-child:before {

  display: none;

}



.breaking-news .br-article-list-inner {

  display: block;

  white-space: nowrap;

  position: relative;

}





.newswrapper {

  position: relative;

  width: 80%;

  margin: 0 auto 0 auto;

  position: relative;

  color: inherit;

left: 100px;





}

















 /* Menu/Header */









/*breadcrumbs */



#breadcrumbs {

 border-bottom: 1px solid #000000;

 padding: 10px 10px 10px 10px;

 color: #000;

 background-color: #fff !important;

  

  

 font-weight: normal;

letter-spacing: 2px;

    

}



#breadcrumbs a {

    text-decoration:none;

    color: #000000;

     

   

}



#breadcrumbs a:hover {

    text-decoration:underline;

}



/*breadcrumbs */













/*client popup */



 

.lightbox {

  /** Hide the lightbox */

  display: none;

  

  /** Apply basic lightbox styling */

  position: fixed;

  z-index: 9999;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  color:#333333;

  background-color: rgba(0, 0, 0, 0.6);

  }



.lightbox:target {

    /** Show lightbox when it is target */

    display: block;

    outline: none;

}



.cardbox {

  position: relative;

    width: -webkit-min-content;

    width: -moz-min-content;

    width: min-content;

  width:90%;

  height: 50%;

  margin: 5% auto;

  padding:0px;

  background-color:#ccc;

  box-shadow: 0px 1px 26px -3px #000; 

  }



.cardboxtitle {

  margin:0;

   

  font-size:22px;

  background-color: #edcd00;

  max-width: 100%;

  height: 40px;

  line-height: 40px;



  }

p.cardboxtitle {

   color: #fff!important;

   font-weight: bold;

  line-height: 40px!important;

  }

 .cardboxcontent {

  display:block;

   

  background-color: #fff;

  }



.cardboxclose {

 position: absolute;

 top: 0;

 right: 0;

  display:block;

  padding: 10px;

  text-decoration:none;

  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-size:22px;

  color:#edcd00 !important;

   background-color: #000;

  }







div.paragraphs {

  overflow: auto;

  line-height: 20px;

  margin-bottom: 25px;



}



div.paragraphsleft{

   position: absolute;

          top: 40px;

          left: 0;

  width: 50%;

  height:100%;

  border-right: 1px solid #000;

   background-color: #fff;

}







.cardboximg{

 max-width:100%; 

          max-height:100%;

           

           box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

          background-color: #fff;

     overflow: hidden;

display: block;

text-align: center;

margin: 0 auto;



 



}



div.paragraphsright{

   position: absolute;

          top: 40px;

          right: 0;

  width: 50%;

  height:100%;

  border-right: 1px solid #000;

   background-color: #fff;

    color: #000;

    text-align: left;

    padding: 10px;



}







/*client popup */































.maincontainer {

max-width:100%;

width: 100%;

background-color: #fff;

color: #000;

height: auto;

position-top: 100px;

margin-left: auto;

margin-right: auto;

position-bottom: 50px;

 





}















.conteudo{

background-color: #fff;

padding-bottom: 100px;

padding-top: 150px;

}











/* Section Inner */

div.section-inner {

    max-width: 1200px;

  padding: 0 20px;

  margin: 0 auto;

}










div.section-inner h2 span {

 background:#000; 

 padding:10px;

 color: #fff;

  }





div.section-inner h2{

width:100%; 

text-align:center;  

margin:0px auto 0px auto;

 font-weight: bold;

 padding-top: 10px;

 padding-bottom: 10px;

 padding-right: 5px;

 padding-left: 5px;

  background-color: #edcd00;



}



/* Section Inner*/





















  .post_area {

        width:100%;

        background:#fff; 

        

        padding: 0px;

        }

        .post_area .imgprincipal {

          padding: 10px;

          float:left;

          

          }





.imgprincipal {

          width:50%; 

           

          position: absolute;

          top: 100px;

          left: 0px;

          

          }



          

          .post_area p {margin-bottom:10px; 

            text-align:justify; 

            font-family: 100%/1.5 sans-serif;

color: #000;

padding-right: 10px;

padding-left: 10px;









          }

          

          .post_area h2 {padding-bottom:10px;}

          

        







    

#pbox{

overflow: hidden;

background-color: #fff;

 

color: #000;

position: relative;

min-height: 300px;

 width: 100%;

height: 300px;

 

margin-bottom: 20px;

position: relative;

box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}



 

 

.tp{



 margin: 15px auto 15px auto !important;

    text-align: center;

    display: block;

color: #edcd00;

background-color: #000 !important;

border: 1px solid #000;

box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}







.tp2{



 margin: 0 auto 25px auto !important;

    text-align: center;

    display: block;

color: #fff;

background-color: #edcd00 !important;

 

box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}

















#pagination_controls{



margin: 10px auto 10px auto;

    text-align: center;

    display: block;



background-color: #edcd00;

 

 



}



p.tl{



 margin: 0 auto;

    text-align: center;

    display: block;

color: #000;

font-weight: normal;



}



div#pagination_controls span.active

{

  padding: 10px;

    border: 1px solid #000;

    background-color: #000;

    color: #edcd00;

    border-radius: 2px;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    font-weight: bold;

}







  #rmlink {

       

    

          height:auto; 

          position: absolute;

           bottom: 0;

          right: 0;

          background:#edcd00; 

      color:#FFF; 

padding:8px;

text-decoration:none;

font-weight: bold;





    }

    

    #ltitle  {

      text-decoration: none;

    font-size: 16px;

         font-family: 100%/1.5 sans-serif;

 

    font-weight: bold;

    max-width: 100%;

background-color: #edcd00;

text-align: center;

display: block;

color: #fff;

padding: 10px;

position: absolute;

top:0px;

left: 0;

right: 0;

 







    }

    .seccomentarios{



margin-bottom: 10px;





    }



h3.commentbar{

background-color:#edcd00 ;

padding:5px; 

color:#fff;'

text-transform: capitalize!important;

font-weight: bold;

}





p.commentbar{

background-color:#000 ;

padding:5px; 

color:#fff;'

 text-transform: capitalize  !important;

font-weight: bold;

 



}

div.comment{





 width:50%; 

          height:50%;

          position: absolute;

          top: 100px;

          right: 0px;

          background-color: #fff;

     overflow: hidden;

word-wrap: break-word;











}



p#comment{

display: block;

 



padding:10px;

color: #000;









}



span#subtitle{

display: block;

    padding-left:10px;

    padding-right:10px;

    color: #000;

      font-style: italic;

      font-weight: 600;

      

}





span#subtitle2{

display: block;

     margin-top: 20px;

    color: #000;

      font-style: italic;

      font-size: 20px;

      font-weight: bold;



}









.sidebar{

      width:100%;

      background:#fff;

       display: block;

     

      }

      

   



.recent_posts{

display: block;

width:100%;

height: 100px;

margin: 0 ;

padding: 0;

 

background-color: #fff;

border-bottom: 1px solid #E5E5E5;

 

}



 .recentpostsimg{

display: block;

float: left;

width:50%;

height: 100px;

margin: 0;

padding: 0;

 background-color: #fff;

 border-bottom: 1px solid #E5E5E5;

 overflow: hidden;

  

 

}







.recentpostsimg img{

display: block;

width:100%;

height: 100%;

 overflow: hidden;

margin: 0;

padding: 0;

 background-color: #fff;

 



}























 .recentpoststxt{

display: table-cell; 

float: right;

width:50%;

height: 100px;

margin: 0;

padding: 0;

 background-color: #fff;



 overflow: hidden;

 

 border-bottom: 1px solid #E5E5E5;



}



 

 .txt{

display: table-cell; 

text-decoration: none;

 color: #000;

    height: 100px; 

  vertical-align: middle;

  text-align: justify;

  padding: 5px;

 border-bottom: 1px solid #E5E5E5;

 font-weight: normal;

 font-size: 12px;

}



 

 



   

 .recent_posts:hover{

opacity: 0.4;

    filter: alpha(opacity=100); /* For IE8 and earlier */

  

}











#related {

  background: #fff; 

  width:25%; 

    display: block;

 text-align: center;

 float: left;

  

 

 



 }

 

 a#trelated{

 color: #fff;

   display: block;

 background-color:#edcd00;

  height: 50px;

overflow: hidden;

padding: 10px;

line-height: 40px;

font-weight: bold;

text-decoration: none;

 }



 #trelated{

 

   display: block;

   margin: 0 auto;

 

  text-align: center;

color: #000;

  

 overflow: hidden;



 }



#related2{

background-color: #edcd00;

margin: 0;

padding: 0;

width: 100%;

height: 100%;

border-right: 2.5px solid #fff; 

 



}

 

 





 #related2 img{

display: block;

margin: 0;

padding: 0;

  width: 100%;

    height: 100%;

 



}



.post_detail {

        width:100%;

        background:#fff; 

    

        padding: 0px;



 



        }



.post_detail img {

        width:100%;

         height: 100%;



 



        }



#detailscontent {

  color: #000;

         margin-top: 25px;

        text-align: justify;

        word-wrap: break-word;

        line-height: 25px;

        display: block;



        }





span.postadopor2{

 text-decoration: none;

   position: absolute;

max-width: 100%;

background-color: #fff;

 

text-align: left;

display: block;

color: #000;

padding: 10px;

top:50px;

left: 0;

right: 0;

    font-family: 100%/1.5 sans-serif;

   



}

 

span.postadopor{

font-weight: bold;

margin-right: 10px;

 

 



 

}

span.postdata{

font-weight: bold;

margin-right: 10px;

margin-left: 10px;

 px;



 

}









 .postinfo{

       

  font-size: 12px; 

  width: 80%;

 color: #ccc;

background-color: #fff;

font-weight: lighter;

 padding: 8px;

margin: 0;



 

border-right: none;

border-left: none;

border-bottom: none;

 border-width: 1px;

 position: absolute;

 bottom: 0;

     left: 0;

}



.postinfo1{

  display: inline-block;

 color: #ccc;

background-color: #fff;

height: auto;

margin-right: 0px;

margin-left: 0;

margin-top: 0;

margin-bottom: 0;

padding: 0;

border-style: none;

border-right: none;

border-left: none;

}







.postinfotxt1 {

  color: #ccc;

        

       font-size: 12px; 

        }





.postinfoimg1 {

 

  

 width:20px;

    vertical-align: middle;

    margin-right: 5px;

    margin-left: 10px;

    padding: 0;

  

       



        }



.comtitle {



  font-size: 16px;

  padding: 20px;

  background: #edcd00;

  border-radius: 0px 0px 0px 0px;

  color: #fff;

  text-align: center;

  margin-top: 25px;

 







}



h2.comentarios{

box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);  

color: #fff;

margin-bottom: 25px !important;

}





 

 



form.commentform {



    display: block;

  margin: 0 auto 25px auto !important;

text-align: center;

   

    font-size:13px;

    line-height:13px;

    

    color:#000000;

     max-width:100%;

    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);  

}











 

 .commentform  input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form textarea {

    margin:0 auto 20px auto;

    font-size:14px;

    line-height:14px;

    font-size:1.4rem;

    line-height:1.4rem;

    box-shadow:none;

    -moz-box-shadow:none;

    -webkit-box-shadow:none;

    background:#fff;

    width:75%;

    display:block;

      border: none;

    border-bottom: 2px solid #000;

   



}

 

 





 .commentform input:-webkit-autofill,

 .commentform input:-webkit-autofill:hover, 

 .commentform input:-webkit-autofill:focus

 .commentform input:-webkit-autofill, 

 .commentform textarea:-webkit-autofill,

 .commentform textarea:-webkit-autofill:hover

 .commentform textarea:-webkit-autofill:focus,

 .commentform select:-webkit-autofill,

 .commentform select:-webkit-autofill:hover,

 .commentform select:-webkit-autofill:focus {

   

  -webkit-text-fill-color: inherit !important;

  -webkit-box-shadow: 0 0 0px 1000px #fff inset;

  transition: background-color 5000s ease-in-out 0s;

}

 







  #submit{

    display: block;

  margin: 10px auto 10px auto;

text-align: center;

  color: #000;

    width:50%;

    line-height: 50px;

  border: none; cursor: pointer; color: #fff; font-size: 100%;

  font-weight: bold;

   background-color: #edcd00;

   -webkit-border-radius: 0px; -moz-border-radius: 0px; 

   -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); 

   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); 

   border-bottom: 1px solid rgba(0, 0, 0, 0.4); 

   border-top: 1px solid rgba(255, 255, 255, 0.6);

  background: -webkit-gradient(

      linear,

      left bottom,

      left top,

      color-stop(0.23, #edcd00),

      color-stop(0.62, #edcd00)

  );

  background: -moz-linear-gradient(

      center bottom,

      #000 23%,

      #000 62%

  );



}









  #submit2{

    display: block;

  margin: 10px auto 25px auto;

text-align: center;

  color: #000;

    width:20%;

    line-height: 50px;

  border: none; cursor: pointer; color: #fff; font-size: 100%;

  font-weight: bold;

   background-color: #edcd00;

   -webkit-border-radius: 0px; -moz-border-radius: 0px; 

   -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); 

   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); 

   border-bottom: 1px solid rgba(0, 0, 0, 0.4); 

   border-top: 1px solid rgba(255, 255, 255, 0.6);

  background: -webkit-gradient(

      linear,

      left bottom,

      left top,

      color-stop(0.23, #edcd00),

      color-stop(0.62, #edcd00)

  );

  background: -moz-linear-gradient(

      center bottom,

      #000 23%,

      #000 62%

  );



}





























 /* Main Column */

div.main {

  width: 65%;

  float: left;

  margin-right: 5%;

  line-height: 20px;

  font-size: 15px;

}



.ls1 {

   display: block;

     width: 100%;

   margin: 0 auto;

}

























.quemsomos {

  border-bottom: 2px solid #E5E5E5;

  font-size:18px;

  margin:0 auto;

  width: 100%;

  display: block;

  margin-bottom: 25px;











}





span.quemsomos2 {

  

  font-size:12px;

  color: #666;

  





}









.quemsomos:after {

  content: '';

  display: block;

  border-bottom: 2px solid #edcd00;

  margin-bottom: -2px;

  max-width: 100px;

 padding-top: 15px;

}







ol.a {

 

  padding-left: 0px;





}

ol li:before {

  content: '✓';

  color: #04ff00;

  font-weight: bold;

}

 

 .at {



display: block;

background-color: #fff; 

color: #000;

padding: 5px;

width: 120px;

font-weight: bold;



 }







.icons{

display: block;





}









/* Side Column */

div.side {

  width: 30%;

  float: left;

}



/* Info Box */

div.info-box-a {

  background-color: #000000;

  color:#ffffff;

  padding:  0 0 0 0;

  font-size: 13px;

  margin: 0 0 25px 0;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}















div.info-box-b {

  background-color: #fff;

  color:#000;

 

   font-size: 13px;

  margin: 0 0 25px 0;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);



}









div.info-box-b .title {

  font-size: 16px;

    padding: 20px;

  background: #edcd00;

  border-radius: 0px 0px 0px 0px;

  color: #fff;

  text-align: center;

   

  

}







div.info-box-form {

  background-color: #fff;

  color:#000;

   text-align: center;

   font-size: 13px;

  margin: 0 0 25px 0;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

 padding-bottom: 20px;

}









div.info-box-form .title {

  font-size: 16px;

    padding: 20px;

  background: #edcd00;

  border-radius: 0px 0px 0px 0px;

  color: #fff;

  text-align: center;

   

  

}



div.info-box-form h6 {

  color: #000;

  font-size: 13px;

   font-weight: bold;

    padding: 20px 0 0 0 ;

    font-weight: normal;

    text-align: center;

}



div.info-box-form h4 {

font-size: 13px;

    color: #000;

    letter-spacing: 2px;

     

    padding: 20px 0 0 0 ;

font-weight: normal;

text-align: center;



}













/* Info Box */

div.info-box-a2{

  background-color: #fff;

  color:#000;

  padding:  0 0 0 0;

  font-size: 13px;

  margin: 0 0 25px 0;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}

















div.info-box-a2 .title {

  font-size: 16px;

    padding: 20px;

  background: #edcd00;

  border-radius: 0px 0px 0px 0px;

  color: #fff;

  text-align: center;

  margin-bottom: 20px;

   

  

}







/* Info Box */



























.lss {

  width: 100%;

   display: block;



  margin: 0 auto;

}







.lsb {

   display: none;



   

}

































/*form*/





    form {

    margin:0;









    

}



#telefone{

    display: none;



}





#assunto{

    display: none;



}





#answer{

    display: none;



}







form label {

    display: block;

  margin: 0 auto 10px auto;

text-align: center;

   

    font-size:13px;

    line-height:13px;

    

    color:#000000;

     max-width:100%;

     

}













form label.error {

    margin-top:-1em;

    margin-bottom:1em;

    font-size:12px;

    

    line-height:1.2rem;

    color:#c0392b;

    max-width:100%;

}

form input[type="text"], form input[type="password"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="month"], form input[type="week"], form input[type="email"], form input[type="number"], form input[type="search"], form input[type="tel"], form input[type="time"], form input[type="url"], form textarea {

    margin:0 auto 20px auto;

    font-size:14px;

    line-height:14px;

    font-size:1.4rem;

    line-height:1.4rem;

    box-shadow:none;

    -moz-box-shadow:none;

    -webkit-box-shadow:none;

    background:#fff;

    width:75%;

    display:block;

      border: none;

    border-bottom: 2px solid #000;

   



}

 

fieldset {

    border:0px;

    margin:0;

    padding:0

    

}





input:-webkit-autofill,

input:-webkit-autofill:hover, 

input:-webkit-autofill:focus

input:-webkit-autofill, 

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover

textarea:-webkit-autofill:focus,

select:-webkit-autofill,

select:-webkit-autofill:hover,

select:-webkit-autofill:focus {

   

  -webkit-text-fill-color: inherit !important;

  -webkit-box-shadow: 0 0 0px 1000px #fff inset;

  transition: background-color 5000s ease-in-out 0s;

}

 



 





.required {

    color:#e9266d;

}

#success, #error {

    display:none;

    height: 1%;

}

#success span, #error span {

     

 

}

#success span p, #error span p {

   

}

#success span p {

 

color:#ffffff;

display: block;

background-color: #000 ;

padding: 10px;

font-weight: bold;

position: relative;

top: -200px;

z-index: 1;

margin-bottom: -200px;







}



 



#success img, #error img {

  

  display:block;

  

position: relative;

top: -300px;

text-align: center;

margin: 0 auto;

 

    



     

   

}



















#error span p {

    color:#c0392b;

}



.textcenter {

    text-align: center; 

}



section.form{

  display:block;

  margin:0 auto;

  text-align: center;



   

  

  

}





.content{

  

  

  background-color:#fff; 

  max-width:800%; 

  margin:0 auto; 

  border: 0px solid #fff;

  padding-top: 0px;

  font-weight:bold;

  

}



.content #submit{

    display: block;

  margin: 0 auto 10px auto;

text-align: center;

  color: #000;

    width:50%;

    line-height: 50px;

  border: none; cursor: pointer; color: #fff; font-size: 100%;

  font-weight: bold;

   background-color: #edcd00;

   -webkit-border-radius: 0px; -moz-border-radius: 0px; 

   -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); 

   -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6); 

   border-bottom: 1px solid rgba(0, 0, 0, 0.4); 

   border-top: 1px solid rgba(255, 255, 255, 0.6);

  background: -webkit-gradient(

      linear,

      left bottom,

      left top,

      color-stop(0.23, #edcd00),

      color-stop(0.62, #edcd00)

  );

  background: -moz-linear-gradient(

      center bottom,

      #000 23%,

      #000 62%

  );

}





/* end form*/









/*Search */



/* Info Box */

div.info-box-search {

  background-color: #000000;

  color:#ffffff;

  padding:  0 ;

  font-size: 13px;

  margin: 0 0 25px 0;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);

}



#search{

height: auto;

background-color: #fff;

padding: 20px;

 









}



#search input {

margin-top: 20px;

display: block;

margin: 10px auto 0 auto;





}











div.info-box-search .title {

  font-size: 16px;

    padding: 20px;

  background: #edcd00;

  border-radius: 0px 0px 0px 0px;

  color: #fff;

  text-align: center;

   

  

}





 









/*Search */































 

 /* === FOOTER === */

 .line{



 border-top: 5px solid white;

  border-image: url("../img/line3.jpg") 10% stretch;



 }

 .clientelogo{



width:10%;



 }



.bottom-footer {

    background: #000000;





    

}

.bottom-footer-inner {

    width: 100%;

    margin: 0 auto;

    padding: 0 0 30px 0;

    overflow: hidden;



}

.bottom-footer-inner img {

    margin: 0 auto 0 auto;

    display: block;

    text-align: center;

}

.bottom-footer-inner p {

    float: none;

    text-align: center;

    font-size: 13px;

    line-height: 17px;

    color: #fff;

    margin: 0 auto;

    padding: 20px;

}

.bottom-footer-inner ul {

    max-width: 100%;hidden;

    float: none;

    display: block;

    text-align: center;

    background: #000000;

     border-bottom: 1px solid white;

 border-image: url("../img/line3.jpg") 10% stretch;

}











.bottom-footer-inner ul li {

    display: inline-block;

    zoom:1;

    *display:inline;

    text-align: center;

    float: none;

    

    font-weight: 500;

    font-style: normal;

    font-size: 13px;

}

.bottom-footer-inner ul li a {

    display: inline-block;

    text-decoration: none;

    color: #fff;

    text-transform: uppercase;

    padding: 20px 20px 20px 20px;

    -webkit-transition: all .3s ease 0s;

    -moz-transition: all .3s ease .0s;

    -o-transition: all .3s ease 0s;

    -ms-transition: all .3s ease 0s;

    transition: all .3s ease 0s;

}

.bottom-footer-inner ul li a:hover {

    

    text-decoration: none;

    color: #ffffff;

    font-weight: bold;

}







.bottom-footer-inner ul li a:hover {

    display: inline-block;

    zoom:1;

    *display:inline;

}





.bottom-footer-inner ul li a {

    

    background-color: #000000;

    }

    







.bottom-footer-inner .legal-links a {

    

    font-size: 13px;

    line-height: 17px;

    color: #000000;

    text-transform: none;

    padding: 20px 15px;

}

#embed_npfido {

    display: none;

}

.bottom-footer-inner .legal-links {

    margin: 0 auto;

}

/* Footer */











/* clientes card */



.client_area {

    display: block;

        width:100%;

        background:#fff; 

        float:left;

        padding: 0px;

        margin: 0 auto;

        text-align: center;

        }

















 .clientbox {

 display: inline-block;

 

max-width: 30%;

 overflow: hidden;

}





 

.snip1336 {

   

  position: relative;

  float: left;

  overflow: hidden;

  margin: 10px 1%;

  width: 230px;

  

  width: 100%;

  color: #ffffff;

  text-align: left;

  line-height: 1.4em;

  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5)

}

.snip1336 * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;



}

.snip1336 img {

  width: 100%;

  vertical-align: top;

   

}

.snip1336 figcaption {

  width: 100%;

  background-color: #edcd00;

  padding-top: 0px;

  padding-left: 25px;

  padding-right: 25px;

  padding-bottom: 25px;

  position: relative;

}

.snip1336 figcaption:before {

  position: absolute;

  content: '';

  bottom: 100%;

  left: 0;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 55px 0 0 400px;

  border-color: transparent transparent transparent #edcd00;

}

.snip1336 figcaption a {

  padding: 5px;

  border: 1px solid #ffffff;

  color: #ffffff;

  

  text-transform: uppercase;

  margin: 10px 0;

  display: inline-block;

  opacity: 0.65;

  width: 47%;

  text-align: center;

  text-decoration: none;

  font-weight: bolder;

  letter-spacing: 1px;

}

 

.snip1336 .profile {

  border-radius: 50%;

  position: absolute;

  bottom: 100%;

  left: 25px;

  

  max-width: 90px;

  opacity: 1;

   

}

 

.snip1336 h3 {

  display: block;

  margin: 0 0 5px 0;

   color: #fff;

   font-weight: bold;

font-size: 16px;

}

.snip1336 h3 span {

  display: block;

    font-weight: bold;

  color: #fff;

  font-size: 12px;

  margin: 0 0 5px 0;

}

.snip1336 p {

  display: block;

  margin: 0 0 5px 0;

  font-size: 16px;

   padding: 0;

  

font-weight: bold;

 

}

 









/* clientes card */







































/* share button */



.share-post a, .share-post a:hover{text-decoration:none;cursor:pointer;}



.share-post



{text-align:center;margin:20px 0;padding:30px 20px 20px;font-family: 'Roboto Condensed', sans-serif;}

.widget .post-body &gt; .share-post ul {padding:0;}





.share-post li{display:inline-block;margin:0 1% 15px;padding:0;list-style:none;position:relative;transition:all ease-out .2s;}

.share-post li a{padding:5px 15px 6px 38px;color:#fff;display:block;font-size:15px;font-weight:700;line-height:22px;border-radius:10px 3px;text-shadow:2px 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.12),0 2px 4px rgba(0,0,0,0.24);transition:all 0.6s ease-out;}

 

.share-post li .facebook{background:#3b5998;}

.share-post li .twitter{background:#19bfe5;}

 

.share-post li .whatsapp{background:#34AF23;}

 

.share-post li .instagram{background:#8a3ab9;}

 

.share-post li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:6.3px 12px;font-family:fontawesome;text-align:center;line-height:20px;font-size:16px;}

.share-post li:hover{opacity:.8;}

.share-post li:hover a{color:#fff;}

.share-post li .fa {display:initial;}

 



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

.share-post li.whatsapp-mobile{display:inline-block;}} /* Hace aparecer Whatsapp */

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

.share-post li{width:75%;margin:0;margin-bottom:10px;} /* Hace que sea responsive */

.share-post li:last-child{margin-bottom:20px;}

.share-post li .fa:before{display:inline-block;}}







/* share button */







::-webkit-input-placeholder { /* Chrome */

  color: #ccc;

  font-size: 14px;

  font-weight: normal;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #ccc;

  font-size: 14px;

  font-weight: normal;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #ccc;

  opacity: 1;

  font-size: 14px;

  font-weight: normal;

}

:-moz-placeholder { /* Firefox 4 - 18 */

  color: #ccc;

  opacity: 1;

  font-size: 14px;

  font-weight: normal;

}

















 

/* deletar isso eh style do viewport java */



 .viewport {



color: red !important;



}/* deletar isso eh style do viewport java */









/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/



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



 





 





 

 

 

 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 15px !important;

    left: 0;

    right: 87%;

    bottom: 0;

  width: 10%;

    

  

}

 



 }

















/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/



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



 









.menu-trigger{



display: none;





}







.header {

    position: fixed;

     top:0;

    right: 0;

    left: 0;

   

    margin: 0;

    width: 100%;

 height: 100px;

   line-height:100px;

font-size:20px;

 z-index: 1;

 



  

     

}

 







.header img {

    position: absolute;

    margin: auto;

   top: 150px !important;

    left: 0;

   right: 87%;

    bottom: 0;

  width: 15%;

   z-index: 1;



    

  

}











.header span {

   

    text-align: right;

    padding-right: 25px;

}

  





 





.menu-trigger{



display: none;





}





#nav-menu.scrolling {

      position: fixed;

    top: 0px;

    width:90%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}







.barra2.scrolling {

  position: fixed;

    top: 50px;

    width:80%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:40px;

      z-index: -1;

}



 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 10px !important;

    left: 0;

    right: 87%;

    bottom: 0;

  width: 10%;

    

  

}



#nav-menu {

    position: fixed;

    top: 90px;

    width:90%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}





#nav-menu:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:50px solid transparent;

    border-left:50px solid #edcd00;

     

}







.header ul {

    position: absolute;

   

    top: 0;

    right: 50px;

display: inline;



}



.header ul > li {

     

display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 





}













.header ul > li a{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #fff;

font-weight: normal;

letter-spacing: 0px;

 transform: skew(-20deg); /* INVERSE SKEW */

}









.header ul > li a:hover{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #edcd00;

 

font-weight: normal;

letter-spacing: 0px;

 transform: skew(-20deg); /* INVERSE SKEW */

}



 







 



.header li:hover {

     

 display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 

 background:#000;

 color: red !important;



}











.header ul > li .active {

     

 display:inline-block ;

  transition: background 0.2s ;

  transform: skew(0deg) !important;  /* SKEW */

 

 background:#000 ;

 color: #edcd00 !important;



}









.barra2 {

    position: fixed;

    top: 140px;

    width:80%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 

.barra2:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:50px solid transparent;

    border-left:50px solid #000;

       z-index: -1;

}



 

.newswrapper {

  position: relative;

  width: 90%;

  margin: 0 auto 0 auto;

  position: relative;

  color: inherit;

left: 15px;





}





 }



















/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/



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



 









.menu-trigger{



display: none;





}







.header {

    position: fixed;

     top:0;

    right: 0;

    left: 0;

   

    margin: 0;

    width: 100%;

 height: 100px;

   line-height:100px;

font-size:20px;

 z-index: 1;

 



  

     

}

 







.header img {

    position: absolute;

    margin: auto;

   top: 150px !important;

    left: 0;

   right: 87%;

    bottom: 0;

  width: 15%;

   z-index: 1;



    

  

}











.header span {

   

    text-align: right;

    padding-right: 25px;

}

  





 





.menu-trigger{



display: none;





}





#nav-menu.scrolling {

      position: fixed;

    top: 0px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}







.barra2.scrolling {

  position: fixed;

    top: 50px;

    width:80%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 10px !important;

    left: 0;

    right: 87%;

    bottom: 0;

  width: 10%;

    

  

}



#nav-menu {

    position: fixed;

    top: 90px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}





#nav-menu:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:0px solid transparent;

    border-left:0px solid #edcd00;

     

}







.header ul {

    position: absolute;

   

    top: 0;

    right:0;

display: inline;



}



.header ul > li {

     

display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 





}













.header ul > li a{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #fff;

font-weight: normal;

letter-spacing: 0px;

 transform: skew(-20deg); /* INVERSE SKEW */

}









.header ul > li a:hover{

   display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #edcd00;

 

font-weight: normal;

letter-spacing: 0px;

 transform: skew(-20deg); /* INVERSE SKEW */

}



 







 



.header li:hover {

     

 display:inline-block;

  transition: background 0.2s;

  transform: skew(20deg);  /* SKEW */

line-height: 50px;

 

 background:#000;

 color: red !important;



}











.header ul > li .active {

     

 display:inline-block ;

  transition: background 0.2s ;

  transform: skew(0deg) !important;  /* SKEW */

 

 background:#000 ;

 color: #edcd00 !important;



}







.barra2 {

    position: fixed;

    top: 140px;

    width:90%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 

.barra2:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:50px solid transparent;

    border-left:50px solid #000;

       z-index: -1;

}



 

.newswrapper {

  position: relative;

  width: 90%;

  margin: 0 auto 0 auto;

  position: relative;

  color: inherit;

left: 15px;





}





 }











/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/



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



 

 #so-sid ul li a {

 background: #edcd00;

 color: #fff;

 display: block;

 height: 50px;

 font-size: 18px;

 line-height: 50px;

 position: relative;

 text-align: center;

 width: 20px;

}





.soc{



width: 20px;





}





 .clientbox {

 display: inline-block;

 

max-width: 100%;

 overflow: hidden;

}





.menu-trigger{

display: block;

 







 position: absolute;

    top: 90px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  border-bottom: 5px solid #000; 

    line-height:50px;





}



span.menu-trigger {

background-color: #edcd00;

display: block;

color: #fff;

text-align: right;

letter-spacing: 2px !important;

 font-size: 20px;

 cursor:pointer;

}





.header {

    position: fixed;

     top:0;

    right: 0;

    left: 0;

   

    margin: 0;

    width: 100%;

 height: 100px;

   line-height:100px;

font-size:20px;

 z-index: 1;

 



  

     

}

 







.header img {

 position: absolute;

    margin: auto;

   top: 70px !important;

    left: 0;

   right: 0;

    bottom: 0;

  width: 20%;

   z-index: 1;



    

  

}











.header span {

  

    text-align: right;

    padding-right: 25px;

}

  





 

#nav-menu.scrolling {

      position: fixed;

    top: 50px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}



.menu-trigger.scrolling {

      position: fixed;

    top: 0px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:50px;

}



.barra2.scrolling {

  position: fixed;

    top: 50px;

    width:100%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

      display: none;

}



 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 35px !important;

    left: 0;

    right: 0;

    bottom: 0;

  width: 20%;

    

  

}



 





#nav-menu {

      position: fixed;

    top: 140px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  display: none;

    

}





 







.header ul {

  width: 100%;

 background-color: #fff;   

display: block;



}



.header ul > li {

     

   width: 100%;   

display:block;

 border-bottom: 1px solid #fff; 

line-height: 50px;

 





}













.header ul > li a{

    display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #fff;

font-weight: normal;

letter-spacing: 2px;

  width: 100%;

  background-color: #edcd00;

}









.header ul > li a:hover{

  display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

background-color: #000;

font-weight: normal;

letter-spacing: 2px;

 

  

 color: #fff !important;

}



 







 



.header li:hover {

     

     

 display: block;

  

line-height: 50px;

 

 background:#000;

 

}











.header ul > li .active {

     

 display:inline-block ;

  transition: background 0.2s ;

  transform: skew(-20deg) !important;  /* SKEW */

 

 background:#000 ;

 color: #edcd00 !important;



}









.barra2 {

    position: fixed;

    top: 140px;

    width:100%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 

.barra2:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:0px solid transparent;

    border-left:0px solid #000;

       z-index: -1;

}



 

.newswrapper {

  position: relative;

  width: 100%;

  margin: 0 auto 0 auto;

  position: relative;

  color: inherit;

left: 15px;





}





.breaking-news .br-title {

  display: block;

  overflow: hidden;

  position: relative;

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: red;

  line-height: 50px;

  cursor: default;

  left: 0;

   



   

}







.breaking-news .br-article-list {

  display: block;

  position: absolute;

  left: 175px;

  top: 0;

  right: 0;

  line-height: 50px;

  font-size: 12px;

  overflow: hidden;

}

















/*breadcrumbs */



#breadcrumbs {

 border-bottom: 1px solid #000000;

 padding: 10px 10px 10px 10px;

 color: #000;

 background-color: #fff !important;

  

  

 font-weight: normal;

letter-spacing: 2px;

    

}



#breadcrumbs a {

    text-decoration:none;

    color: #000000;

     

   

}



#breadcrumbs a:hover {

    text-decoration:underline;

}



/*breadcrumbs */















  .maincontainer{

max-width: 1200px;

width: 100%;

background-color: #fff;

height: auto;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

margin-bottom: 0px;

box-shadow: 10px 10px 100px 5px #888888;





}







.conteudo{

background-color: #fff;

padding-bottom: 100px;

padding-top: 50px;

}





#related {

  background: #fff; 

  width:100%; 

    display: block;

 text-align: center;

 

 



 }



#related2 {

    margin-bottom: 25px;

    padding: 0;

    width: 100%;

    height: 100%;

    border-right: 0px solid #fff;

      box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.5);



}







  

  div.mobile-collapse {

    width: 100%;

    

    margin-top: 25px;

     

  }

  

  .hide-mobile {

    display: none;

  }

    

  div.info-box {

    display:block;

  text-align:center;

  background-color: #fff;

  padding: 10px;

  font-size: 13px;

  margin: 0 0 15px 0;

  max-height: 100%;

  

}









.clientelogo {

    width: 20%;

}









/* === FOOTER === */

 



.bottom-footer {

  background: #000000;





  

}

.bottom-footer-inner {

  width: 100%;

  margin: 0 auto;

  padding: 0 0 30px 0;

  overflow: hidden;



}

.bottom-footer-inner img {

  margin: 0 auto 0 auto;

  display: block;

  text-align: center;

}

.bottom-footer-inner p {

  float: none;

  text-align: center;

  

  font-size: 13px;

  line-height: 17px;

  color: #ffffff;

  margin: 0 auto;

  padding: 20px;

}

.bottom-footer-inner ul {

  max-width: 100%;hidden;

  float: none;

  display: block;

  text-align: center;

  background: #000000;

  border-bottom: 1px solid #EEEEEE;

}











.bottom-footer-inner ul li {

  display: block;

  zoom:1;

  *display:inline;

  text-align: center;

  float: none;

  font-weight: 500;

  font-style: normal;

  font-size: 13px;

}

.bottom-footer-inner ul li a {

  display: inline-block;

  text-decoration: none;

  color: #ffffff;

  text-transform: uppercase;

  padding: 20px 20px 20px 20px;

  -webkit-transition: all .3s ease 0s;

  -moz-transition: all .3s ease .0s;

  -o-transition: all .3s ease 0s;

  -ms-transition: all .3s ease 0s;

  transition: all .3s ease 0s;

}

.bottom-footer-inner ul li a:hover {

  

  text-decoration: none;

  color: #EEEEEE;

  font-weight: bold;

}







.bottom-footer-inner ul li a:hover {

    display: inline-block;

  zoom:1;

  *display:inline;

}





.bottom-footer-inner ul li a {

  

  background-color: #000000;

  }

  







.bottom-footer-inner .legal-links a {



  font-size: 13px;

  line-height: 17px;

  color: #000000;

  text-transform: none;

  padding: 20px 15px;

}

#embed_npfido {

  display: none;

}

.bottom-footer-inner .legal-links {

  margin: 0 auto;

}

/* Footer */







































 }











/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/

/*******************************************************************************************************************************/



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



 









.menu-trigger{

display: block;

 







 position: absolute;

    top: 90px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  border-bottom: 5px solid #000; 

    line-height:50px;





}



span.menu-trigger {

background-color: #edcd00;

display: block;

color: #fff;

text-align: right;

letter-spacing: 2px !important;

 font-size: 20px;

 cursor:pointer;

}





.header {

    position: fixed;

     top:0;

    right: 0;

    left: 0;

   

    margin: 0;

    width: 100%;

 height: 100px;

   line-height:100px;

font-size:20px;

 z-index: 1;

 



  

     

}

 







.header img {

 position: absolute;

    margin: auto;

   top: 70px !important;

    left: 0;

   right: 0;

    bottom: 0;

  width: 25%;

   z-index: 1;



    

  

}











.header span {

  

    text-align: right;

    padding-right: 25px;

}

  





 

#nav-menu.scrolling {

      position: fixed;

    top: 50px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:40px;

}



.menu-trigger.scrolling {

      position: fixed;

    top: 0px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  

    line-height:50px;

}



.barra2.scrolling {

  position: fixed;

    top: 50px;

    width:100%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

      display: none;

}



 







.logo.scrollimg {

    position: absolute;

    margin: auto;

    top: 0px !important;

    left: 0;

    right: 0;

    bottom: 0;

  width: 20%;

    

  

}



 





#nav-menu {

      position: fixed;

    top: 140px;

    width:100%;

    height:50px;

    color:#FFFFFF;

    background-color:#edcd00;

  display: none;

    

}





 







.header ul {

  width: 100%;

    

display: block;



}



.header ul > li {

     

   width: 100%;   

display:block;

 border-bottom: 1px solid #fff; 

line-height: 50px;

 





}













.header ul > li a{

    display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

color: #fff;

font-weight: normal;

letter-spacing: 2px;

  width: 100%;

  background-color: #edcd00;

}









.header ul > li a:hover{

  display:block;

 font-size: 20px;

  padding:0px 10px 0px 10px;

text-decoration: none;

background-color: #000;

font-weight: normal;

letter-spacing: 2px;

 

  

 color: #fff !important;

}



 







 



.header li:hover {

     

     

 display: block;

  

line-height: 50px;

 

 background:#000;

 

}











.header ul > li .active {

     

 display:inline-block ;

  transition: background 0.2s ;

  transform: skew(-20deg) !important;  /* SKEW */

 

 background:#000 ;

 color: #edcd00 !important;



}









.barra2 {
    position: fixed;

    top: 140px;

    width:100%;

    height:50px;

    color:#fff;

    background-color:#000;

    line-height:50px;

      z-index: -1;

}



 

.barra2:after {

    content:"";

    position: absolute;

    left: 100%;

    top:0px;

    width:0px;

    height:0px;

    border-top:0px solid transparent;

    border-left:0px solid #000;

       z-index: -1;

}



 

.newswrapper {

  position: relative;

  width: 100%;

  margin: 0 auto 0 auto;

  position: relative;

  color: inherit;

left: 15px;





}





.breaking-news .br-title {

  display: block;

  overflow: hidden;

  position: relative;

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 0px;

  text-transform: uppercase;

  color: red;

  line-height: 50px;

  cursor: default;

  left: 0;

   



   

}







.breaking-news .br-article-list {

  display: block;

  position: absolute;

  left: 175px;

  top: 0;

  right: 0;

  line-height: 50px;

  font-size: 12px;

  overflow: hidden;

}









 }







 

}









/* ---------- GENERAL ---------- */

#so-sid a { text-decoration: none; }

#so-sid ul {

 list-style: none;

 margin: 0;

 padding: 0;

}

/* ---------- Social Sidebar ---------- */

#so-sid {

 left: 0;

 margin-top: -75px; /* (li * a:width) / -2 */

 position: fixed;

 top: 50%;

}

#so-sid ul li:first-child a { border-radius: 0 15px 0 0; }

#so-sid ul li:last-child a { border-radius: 0 0 15px 0; }



#so-sid ul li a:hover span {

 left: 130%;

 opacity: 1;

}

#so-sid ul li a span {

 border-radius: 3px;

 line-height: 24px;

 left: -100%;

 margin-top: -16px;

 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

 filter: alpha(opacity=0);

 opacity: 0;

 padding: 4px 8px;

 position: absolute;

 -webkit-transition: opacity .3s, left .4s;

 -moz-transition: opacity .3s, left .4s;

 -ms-transition: opacity .3s, left .4s;

 -o-transition: opacity .3s, left .4s;

 transition: opacity .3s, left .4s;

 top: 50%;

 z-index: -1;

}

#so-sid ul li a span:before {

 content: "";

 display: block;

 height: 8px;

 left: -4px;

 margin-top: -4px;

 position: absolute;

 top: 50%;

 -webkit-transform: rotate(45deg);

 -moz-transform: rotate(45deg);

 -ms-transform: rotate(45deg);

 -o-transform: rotate(45deg);

 transform: rotate(45deg);

 width: 8px;

 z-index: -2;

}

#so-sid ul li a[class*="S1"]:hover,

#so-sid ul li a[class*="S1"] span,

#so-sid ul li a[class*="S1"] span:before { background: #25d366; }

#so-sid ul li a[class*="S2"]:hover,

#so-sid ul li a[class*="S2"] span,

#so-sid ul li a[class*="S2"] span:before { background: #3b5998; }

#so-sid ul li a[class*="S3"]:hover,

#so-sid ul li a[class*="S3"] span,

#so-sid ul li a[class*="S3"] span:before { background: #00b6f1; }

#so-sid ul li a[class*="S4"]:hover,

#so-sid ul li a[class*="S4"] span,

#so-sid ul li a[class*="S4"] span:before { background: #c32aa3; }

#so-sid ul li a[class*="S5"]:hover,

#so-sid ul li a[class*="S5"] span,

#so-sid ul li a[class*="S5"] span:before { background: #f57b05; }



/* ---------- Social   ---------- */















 

 .clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }