/* Botoes Redes Sociais */
#chama-todos {
  background: url("../images/ico-todos.png") top left no-repeat;
  width: 53px;
  height: 33px !important;
}

#chama-todos:hover {
  background: url("../images/ico-todos-on.png") top left no-repeat;
}

#chama-todos.active {
  background: url("../images/ico-todos-on.png") top left no-repeat;
}

#chama-twitter {
  background: url("../images/ico-twitter.png") top left no-repeat;
  width: 53px;
  height: 33px !important;
}

#chama-twitter:hover {
  background: url("../images/ico-twitter-on.png") top left no-repeat;
}

#chama-twitter.active {
  background: url("../images/ico-twitter-on.png") top left no-repeat;
}

#chama-facebook {
  background: url("../images/ico-facebook.png") top left no-repeat;
  width: 53px;
  height: 33px !important;
}

#chama-facebook:hover {
  background: url("../images/ico-facebook-on.png") top left no-repeat;
}

#chama-facebook.active {
  background: url("../images/ico-facebook-on.png") top left no-repeat;
}

#chama-youtube {
  background: url("../images/ico-youtube.png") top left no-repeat;
  width: 53px;
  height: 33px !important;
}

#chama-youtube:hover {
  background: url("../images/ico-youtube-on.png") top left no-repeat;
}

#chama-youtube.active {
  background: url("../images/ico-youtube-on.png") top left no-repeat;
}


.page-capa .panel-col-last {
  width: 221px;
  margin-right: 32px;
  float: right;
  background-color: #333;
  margin-top: 30px;
  padding-right: 3px;
}



.page-capa #social-network {
  margin-bottom: 28px;
}

/*Social Networks Timeline*/
/* .pane-ebc-redes-sociais-default{
    margin-top: 37px !important;
 }*/

.pane-ebc-redes-sociais-default .pane-title {
  background: none repeat scroll 0 0 #E5E5E5;
  border: 1px solid #D6D6D6;
  border-radius: 5px 5px 0 0;
  color: #282828;
  float: left;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 10px 24px;
}

#social-network-filters {
  /*float:right;*/
  margin: 0;
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
  -o-padding-start: 0px;
  -khtml-padding-start: 0px;
  padding-start: 0px;
  border-top: 1px solid #4D4D4D;
  border-bottom: 1px solid #4D4D4D;
  height: 34px;
  padding-left: 0;
}

#social-network-filters li {
  /*float:left;*/
  display: inline-block;
  margin-right: -4px;
  list-style:none;
  height: 34px;
  /*margin-left: 10px;*/
  border-left: 1px solid #4D4D4D;
  border-right: 1px solid #000;
}

#social-network-filters li:first-child {
  border-left: none;
}

#social-network-filters li:last-child {
  border-right: none;
}

#social-network-filters li a {
  /*padding: 2px 10px;*/
  /*color: #00488b;*/
  font-size: 10px;
  text-transform: uppercase;
  display: block;
}



/*#social-network-filters li a.active,
#social-network-filters li a:hover{
  color:#fff;
  background: #7b7c7c;
  text-decoration: none;
}*/

#social-network-filters li .all:before{
  content:none;
}

#social-network h2{
  font-size:30px;
  color:#2c2c2c;
  float: left;
  margin: 0px;
}


article.network-item {
  width: 99.6% !important;
  height: 89px;
  overflow: hidden;
  margin: 0;
  font-size: 12px;
  color: #575757;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #1A1A1A;
  border-top: 1px solid #4D4D4D;
}
article.network-item.youtube {width: 260px;}
article.network-item.twitter {width: 230px;}
article.network-item.twitter:hover {
  background: #33b3e2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ 
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYjNlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwYTRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjhiYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); 
  background: -moz-linear-gradient(top, #33b3e2 0%, #00a4c6 40%, #068bb8 100%); /* FF3.6+ */ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33b3e2), color-stop(40%,#00a4c6), color-stop(100%,#068bb8)); /* Chrome,Safari4+ */ 
  background: -webkit-linear-gradient(top, #33b3e2 0%,#00a4c6 40%,#068bb8 100%); /* Chrome10+,Safari5.1+ */ 
  background: -o-linear-gradient(top, #33b3e2 0%,#00a4c6 40%,#068bb8 100%); /* Opera 11.10+ */ 
  background: -ms-linear-gradient(top, #33b3e2 0%,#00a4c6 40%,#068bb8 100%); /* IE10+ */ 
  background: linear-gradient(to bottom, #33b3e2 0%,#00a4c6 40%,#068bb8 100%); /* W3C */ 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b3e2', endColorstr='#068bb8',GradientType=0 ); /* IE6-8 */;
  color: #f1f1f1 !important;
}

article.network-item.facebook:hover{
  background: #1f4189;
  background-image: linear-gradient(bottom, rgb(31,65,137) 12%, rgb(89,124,199) 100%);
  background-image: -o-linear-gradient(bottom, rgb(31,65,137) 12%, rgb(89,124,199) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(31,65,137) 12%, rgb(89,124,199) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(31,65,137) 12%, rgb(89,124,199) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(31,65,137) 12%, rgb(89,124,199) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#597cc7', endColorstr='#1f4189',GradientType=0 ); /* IE6-8 */;
  color: #f1f1f1 !important;
}

article.network-item.youtube:hover{
  background: #922420;
  background-image: linear-gradient(bottom, rgb(146,36,32) 12%, rgb(235,62,56) 100%);
  background-image: -o-linear-gradient(bottom, rgb(146,36,32) 12%, rgb(235,62,56) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(146,36,32) 12%, rgb(235,62,56) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(146,36,32) 12%, rgb(235,62,56) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(146,36,32) 12%, rgb(235,62,56) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb3f38', endColorstr='#922420',GradientType=0 ); /* IE6-8 */;
  color: #f1f1f1 !important;
}

  article.network-item header {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    z-index: 2;
    padding: 0 7px;
    margin-top: 10px;
  }
 
    article.network-item header div {
      width: auto;
      float:right;
    }
    article.network-item header h3 {
      float:left;
      margin:0;
      margin-right:10px;
      font-size:15px;
      color:#9c9b9b;
      font-weight:normal;
      line-height:25px;
      vertical-align: middle;
    }
    article.network-item header h3 a {
      color:#9c9b9b;
    }
    article.network-item header .network-icon {
      width: 22px;
      height: 25px;
      display: block;
      overflow: hidden;
      float: left;
      text-indent: -999em;
      background-repeat: no-repeat;
      text-align: left; }
 
      article.network-item header .network-icon.facebook { background-image: url("../images/facebook_img.png"); }
      article.network-item.facebook:hover .network-icon.facebook{background-image: url("../images/facebook_img_hover.png"); }


      article.network-item header .network-icon.twitter { background-image: url("../images/twitter_img.png"); }
      article.network-item.twitter:hover .network-icon.twitter { background-image: url("../images/twitter_img_hover.png"); } 
      

      article.network-item header .network-icon.youtube { background-image: url("../images/youtube_img.png"); }
      article.network-item.youtube:hover .network-icon.youtube{ background-image: url("../images/youtube_img_hover.png");}



  article.network-item figure img {
    float: none;
    position: absolute;
    margin-left: -75%;
    left: 50%;
    height: 64px;
  }

  
  article.network-item figure span.btPlay{
    display: block;
    background: url("../images/play_icon.png") center center no-repeat;
    top: 0;
    left: 0;
    text-indent: -999em;
    position: absolute;
    width: 100%;
    height: 64px;
    margin: 0;
    opacity: 0.8;
  }

  article.network-item figure{
    width: 64px;
    height: 64px;
    text-align: center;
    overflow: hidden;
    position: relative;
    margin: 15px 20px 0 5px;
    float:left;
  }


  article.network-item.facebook figure,
  article.network-item.twitter figure {
    width: 65px;
    height: 65px;
  }


  article.network-item.facebook figure img,
  article.network-item.twitter figure img {
    width: auto;
  }

  article.network-item.facebook .item-text,
  article.network-item.twitter .item-text {
    float: none;
  }

  article.network-item.facebook .item-text, article.network-item.youtube .item-text{
    /*margin-top: 12px;*/
  }

  article.network-item .item-content {
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0px 10px 0px 50px;
    height: 79px;
    margin-top: 10px;
  }

  article.network-item .item-content a {
    color: #017cb6;
  }

  article.network-item:hover .item-content a{
    color: #fff;
  }

  article.network-item .item-content>a{
    float: left;
  }


  article.network-item .item-content.facebook a,
  article.network-item .item-content.youtube a{
     margin-right: 10px;
    width: 80px;
    height: 100%;
    text-decoration: none;
  }

  article.network-item .item-date {
    font-size: 9px;
    width: 130px;
    clear: none;
    float: left;
    text-transform: lowercase;
  }
  article.network-item .aspas{
    display: block;
    width: 43px;
    height: 39px;
    position: absolute;
    top: 30px;
    left: 0px;
    float:left;
    text-indent:-999em;
    background:url("../images/aspas_icon.jpg") 0 0 no-repeat;
    z-index:2;
    display: none;
  }

  article.network-item .item-text {
    text-align: left;
    float: none;
    height: 50px;
    /*margin-bottom: 10px;*/
    line-height: 14px;
  } 
    article.network-item .item-content p {
      margin: 0 !important;
      font-size: 14px; }
  
  article.network-item .bt-actions.twitter {
    float: right;
  }

  article.network-item .bt-actions.twitter a {
    font-size: 10px;
    display: none;
  }
  article.network-item.twitter:hover .bt-actions.twitter a{
    color:#fff;
    display: block;
  }


  article.network-item .bt-actions.twitter a:before {
    content: "| ";
  }

  article.network-item .bt-actions.twitter a:first-child:before {
    content:none;
  }

  
  .item-content.facebook, .item-content.youtube{
    padding-top: 0 !important;
  }

  .item-content.facebook .item-date{
    clear: none;
    margin-top: 5px;
  }

  article.network-item .bt.like {
    width: 55px;
    overflow: hidden;
    height: 24px;
    position: absolute;
    bottom: 9px;
    right: 10px;
  }
  article.network-item.browserIE .bt.like {
    margin-right:10px;
  }

#social-network .loading {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("../images/loading.gif");
  background-position: center center;
  width: 92.5%;
  height: 84%;
  border: 10px solid transparent;
  margin: 77px -3px 0 0 !important;
  color: #494949;
  border: 10px solid #f1f1f1;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  background-repeat: no-repeat;
  background-color: white;
  z-index: 3;
  text-align: center;
  line-height: 200px;
  filter: alpha(opacity=50);
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5; }
 
  #social-network .loading.active { display: block; }
 
#social-network {
  clear: both;
  margin: 0;
  position: relative;
  background: #333;
  /*padding: 0 10px;*/
  margin-bottom: 50px;
  /*border: 1px solid #d6d6d6;*/
}
 
#social-network .viewport {
  width: 99.5%;
  height: 452px;
  margin-bottom: 0;
  position: relative;
  overflow: scroll;
  overflow-y: hidden;
  /*border-top: 1px solid #D6D6D6;*/
  padding-top: 30px;
}
 
  #social-network .overview {
    list-style: none;
    height: 220px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0; }

.sn-nav {
  /*height: 50px;*/
  /*border: 1px solid #CCC;*/
  width: 20px;
  display: block;
  position: absolute;
  line-height: 30px;
  text-align: center;
  top: -130px;
  cursor: pointer;
  text-indent: -999em;
  /*background-image: url('../images/seta.jpg');*/
  background-color: white;
  background-repeat: no-repeat;
}
.sn-nav.navLeft {
  /*border-radius: 5px 0 0 5px;*/
  left: 0px;
  top: -490px;
  width: 98.5%;
  height: 38px;
  /*border-right: 1px solid white;*/
  /*background-position: 0 18px;*/
  background-color: #333;
  text-align: center;
  background: url('../images/seta-cima.jpg') center center no-repeat;
}
.sn-nav.navRight {
  right: 3px;
  top: -2px;
  width: 98.5%;
  height: 38px;
  /*border-left: 1px solid white;*/
  /*border-radius: 0 5px 5px 0;*/
  /*background-position: 0 -14px;*/
  text-align: center;
  background: #333 url('../images/seta-baixo.jpg') center center no-repeat;
}
.sn-navigation {
    width: 101.4%;
    height: 15px;
    position: absolute;
    bottom: 0px;
    z-index: 2;
    left: 0;
    /*background: #333;*/
    /*padding-right: 1px;*/
}