.site-title {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 8px;
}

.site-description {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 20px;
}

.tab-area {
  /*width: 21%;
  margin: 2%;*/
  float: left;
}

.tab-link {
 /* text-transform: uppercase; */
 font-size: 17px !important;
 cursor: pointer;
 color: #555;
 font-weight: bold;
 text-decoration: none;
 display: block;
 float: left;
 width: 170px;
 padding: 12px 0;
 text-align: center;
 background: #96141C;
 /* border: 1px solid #BBB; */
 /* border-left: 0; */
 /* border-bottom: #FFE4C4; */
 margin-top: -47px;
 margin-bottom: 21px;
 padding-bottom: 10px;
 margin-right: 25px;
 margin-left: -15px;
}

/*
.tab-link:hover {
  background: #eee;
}

.tab-link:nth-of-type(1) {
  border-left: 1px solid #bbb;
}

.tab-link:hover {
  color: #666;
}
*/

.tab {
  clear: both;
  display: none;
  /*background: #ddd;
  padding: 25px;
  height: 180px;
  border: 1px solid #bbb;*/
}

.target-fix {
  display: block;
  top: 0;
  left: 0;
  position: fixed;
}


@media only screen and (max-width: 1150px) {

  .tab-area {
    width: 46%;
    margin: 2% 2% 5%;
    float: left;
  }

}

@media only screen and (max-width: 560px) {

  .tab-area {
    width: 100%;
    margin: 0 0 5%;
    float: left;
  }


}


.tabs-focus .tab-link:focus,
.tabs-hover .tab-link:hover,
#eventos:target ~ a:nth-of-type(3),
#estrutura:target ~ a:nth-of-type(2),
#eventos:not(:target) ~ #estrutura:not(:target) ~ a:nth-of-type(1),
#tab-C:checked ~ label:nth-of-type(3),
#tab-B:checked ~ label:nth-of-type(2),
#tab-B:not(:checked) ~ #tab-C:not(:checked) ~ label:nth-of-type(1) {
  background: #EAC986;
   color: #442612;
}

.tabs-focus .tab-link:focus:after,
.tabs-hover .tab-link:hover:after,
#eventos:target ~ a:nth-of-type(3):after,
#estrutura:target ~ a:nth-of-type(2):after,
#eventos:not(:target) ~ #estrutura:not(:target) ~ a:nth-of-type(1):after,
#tab-C:checked ~ label:nth-of-type(3):after,
#tab-B:checked ~ label:nth-of-type(2):after,
#tab-B:not(:checked) ~ #tab-C:not(:checked) ~ label:nth-of-type(1):after {
  position: absolute;
  content: "";
  margin: 5px 0 0 0;
  width: 55px;
  height: 1px;
  display: block;
  background: #EAC986;
}
