/****** CSS HOME - Classes especificas *********/

/******BANNER ROTATIVO - PRINCIPAL************************************************************************/
#principal_carousel .carousel-control.right, .carousel-control.left {
  background-image: none;
  color: #ffffff;
}
#principal_carousel .carousel-indicators {
  margin-bottom: 20px;
}
#principal_carousel .carousel-indicators li {
  border-color: #444444;
}
#principal_carousel .carousel-indicators li.active {
  border-color: #222222;
  background-color: #222222;
}
#principal_carousel .carousel-inner {
  max-height: 750px;
}
#principal_carousel .carousel-inner img {
  width: 100%;
  margin: auto;
}
#principal_carousel .carousel-inner .item {
  max-height: 750px;
}
#principal_carousel .carousel-caption {
  background-color: #444444;
  filter: alpha(opacity=80);
  opacity: 0.8;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align: center;
  padding: 30px 5px 10px 5px;
}
@media (max-width: 767px) {
#principal_carousel .carousel-caption, #principal_carousel .carousel-indicators {
  display: none;
}
}
/******NOTÍCIAS************************************************************************/
.noticias {
  margin-top: 30px;
}
.noticias .list-group-item:hover {
  color: #b38d4d;
  border-left: solid 1px #b38d4d;
}
.noticias .noticia_destaque h4 {
  display: inline-block;
  margin: 5px 0px 0px 0px;
}
.noticias .noticia_destaque img {
  position: relative;
  display: block;
  width: 100%;
  margin: 5px 5px 5px 0px;
  border: solid 1px #dddddd;
}
/******EVENTOS************************************************************************/
.eventos {
  margin-top: 30px;
}
.eventos .tab-content {
  border: solid 1px #dddddd;
  border-top: solid 1px #ffffff;
}
.eventos .tab-pane {
  padding: 10px;
}
.eventos td {
  color: #777777;
  font-size: 11px;
}
.eventos th {
  background-color: #dddddd;
  color: #777777;
  font-size: 12px;
  text-align: center;
}
.eventos tr td:nth-child(1) {
  text-align: center;
}
.eventos tr td:nth-child(2) {
  width: 60%;
}
.eventos tr td:nth-child(3) {
  text-align: center;
}
.eventos .nenhum {
  color: #aaaaaa;
  padding: 20px 0px 20px 0px;
}
/******PUBLICAÇÕES************************************************************************/
.publicacoes {
  border: solid 1px #dddddd;
  width: 100%;
  padding: 10px;
}
.publicacoes .nav {
  width: 40%;
  text-align: center;
}
.publicacoes .nav li {
  border: solid 1px #ffffff;
}
.publicacoes .nav li:hover {
  border: solid 1px #b38d4d;
  color: #b38d4d;
}
.publicacoes .publicacao {
  float: right;
  width: 60%;
  height: auto;
  padding-left: 10px;
}
@media (max-width:400px) {
.publicacoes .nav {
  width: 100%;
}
.publicacoes .publicacao {
  display: none;
}
}
/******DESTAQUES************************************************************************/
.faixa-destaques {
  width: 100%;
  background-color: #dedede;
  margin-top: 80px;
  padding: 60px 0px 80px 0px;
}
.destaques {
  margin: auto;
}
.destaque a, .destaque img {
  width: 100%;
  height: auto;
}
/*DESTAQUE*/
.destaque a {
  display: block;
  transition: .2s;
}
.destaque a:hover {
  opacity: 0.8;
}
/*ATIVIDADES*/
#atividades_carousel .carousel-control.right, #atividades_carousel .carousel-control.left {
  background-image: none;
  color: #ffffff;
}
#atividades_carousel .carousel-caption {
  background-color: #222222;
  filter: alpha(opacity=80);
  opacity: 0.8;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align: center;
  padding: 15px 5px 15px 5px;
}
@media (max-width: 767px) {
#atividades_carousel .item img {
  width: 100%;
  height: auto;
}
}
/*VIDEOS*/
.videos{
  display: inline-block;
  width: 100%;
  position: relative;
}
.videos:after {
  padding-top: 66.66%;
  /*600x400 ratio */
  display: block;
  content: '';
}
.videos iframe {
  position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (max-width: 767px) {
.videos {
  width: 100%;
  height: auto;
}
}
/******GUIAS************************************************************************/
.guias {
  margin-top: 70px;
}
.guias .row img {
  margin: 0px auto 30px auto;
}
/******COMISSÕES************************************************************************/
.faixa-comissoes {
  width: 100%;
  background-color: #353535;
  padding: 30px 0px;
  margin-top: 70px;
}
.comissoes {
  text-align: center;
}
.comissoes h2 {
  color: #ffffff;
  margin-bottom: 70px;
}
.comissoes a {
  margin: 20px 0px;
}
.comissoes .row div img {
  max-height: 110px;
  width: auto;
  opacity: 0.6;
  transition: 0.2s;
  margin: 20px auto 70px auto;
}
.comissoes .row div img:hover {
  opacity: 1;
}
@media (max-width: 767px) {
.comissoes .row div img {
  max-height: 80px;
}
.comissoes .btn {
  white-space: normal;
}
}
/******LINKS************************************************************************/
.links {
  background-color: #b5b5b5;
  background-image: url(https://crcsp.org.br/portal/img/geral/fundo_comissoes.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
  font-size: 19px;
}
.links .link {
  text-align: center;
  margin: 70px 0px;
}
.links .link a {
  display: inline-block;
  color: #555555;
  height: 70px;
  width: 250px;
  margin: 25px;
  padding: 15px;
  transition: 0.2s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.links .link a:hover {
  color: #b38d4d;
  background-color: #353535;
  text-decoration: none;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.links .glyphicon {
  margin-right: 10px;
  font-size: 35px;
  vertical-align: middle;
}
@media (max-width: 767px) {
.links .link a {
  margin: 15px;
}
}