@font-face {
  font-family: Gotham_Bold;
  src: url(../font/GOTHAMRND-BOLD.OTF);
}

@font-face {
  font-family: Gotham_Medium;
  src: url(../font/GOTHAMRND-MEDIUM.OTF);
}

@font-face {
  font-family: Gotham_Book;
  src: url(../font/GOTHAMRND-BOOK.OTF);
}

@font-face {
  font-family: KeepCalm_Medium;
  src: url(../font/keepcalm_medium.ttf);
}

* { margin: 0; padding: 0; outline: 0; 
    font-family: Gotham_Book;
    font-size: 12px;
}

.title-default{
  margin: 10px auto;
  display: inline-block;
  background-image: url(../img/logo_bh.png); 
  background-size: 30px 30px; 
  background-repeat: no-repeat; 
  background-position: 0 5px;
  padding: 10px 0 15px 40px;
  border-bottom: 5px solid #000A2A;
  font-family: KeepCalm_Medium; 
  font-size: 20px;
}



body, html { height: 100%; }

.clear{clear:both;}
.bg-white{background: #FFFFFF;}
.bg-blue{background: #000A2A;}
.bg-black{background: #000000;}

#box-top{width: 100%;}
#box-menu-top div{float:right;font-family: Gotham_Book; color:#FFFFFF; padding: 10px 15px;font-size:13px;cursor:pointer;}
#box-menu-top div img{float:left;height: 15px;}
#box-menu-top div:hover{color: #32cbed;}
#box-top-company-img{width:150px;height: 100px;background-image: url(../img/logo_bh.png);background-size: 80px 80px; background-position:  center center; background-repeat: no-repeat; float:left;}
#box-top-company-name{width:430px;height: 50px;padding: 5px 10px 0 0; font-family: Gotham_Book; font-size: 13px; color:#000A2A; float:left;}
#box-top-company-name span{font-size: 13px; font-family: Gotham_Medium;}
#box-top-event{height: 50px; padding: 15px 10px 0 0; float:right; color:#000A2A;}
#box-top-event table tr td:nth-child(1) {width:120px; font-family: Gotham_Medium; color:#000A2A; font-size: 20px; text-align: right;padding-right: 15px; }
#box-top-event table tr td:nth-child(2) {width:200px; height:70px; font-family: Gotham_Book; color:#000A2A; font-size: 12px; padding-left: 15px; border-left:1px solid #000;}
#box-top-event table tr td:nth-child(2) span {font-family: Gotham_Medium;}
#box-menu-btn{display:none;}
#box-menu-pri div{float:left;font-family: Gotham_Medium; color:#FFFFFF; padding: 10px 15px;font-size:13px;cursor:pointer;}
#box-menu-pri div:hover{color: #32cbed;}
#box-find input{background-color: transparent;border:0;color:#ebc034;padding:8px 0 0 5px;text-align: left;}
#box-find .img-1{display:block;float:left;height: 25px;padding:8px 0 0 10px;}
#box-find .img-2{display:none;}

.row{padding: 5px 0 30px 0;}

.col_1-1{
  margin-left: 1%;
  width: 98%; 
}

.col_1-2{
  float:left;
  margin-left: 1%;
  width: 48%; 
}

.col_2-2{
  float:right;
  margin-right: 1%;
  width: 48%;
}

.slider-wrapper { 
  width: 100%; 
  margin: 10px auto;
}

#box-aovivo{font-size: 15px;height: 35px;}
#box-aovivo div{color:#FFFFFF;height: 25px;}
#box-aovivo div:nth-child(1){float:left;font-family: Gotham_Bold;text-align:center; padding: 8px 0 0 0;width: 100px;}
#box-aovivo div:nth-child(1).on{background-color: #f30000;}
#box-aovivo div:nth-child(1).off{background-color: #999999;}

#box-aovivo div:nth-child(2){float:left;font-family: Gotham_Medium;padding: 8px 0 0 5px;width: calc(100% - 110px);cursor:pointer;}
#box-aovivo div:nth-child(2).on{background-color: #4e2424;}
#box-aovivo div:nth-child(2).off{background-color: #777777;}

@media screen and (max-width:1200px){
  .box-news-1 {height: 140px;}
  .box-news-1 .img {height: 140px; width: 140px;}
  .box-news-1 .lbl {float:left; width:calc(100% - 160px);padding: 10px 0 0 0;}

  .box-news-2, .box-news-3, .box-news-4 {height: 120px;}
  .box-news-2 .img, .box-news-3 .img, .box-news-4 .img{height: 50px;}

}
@media screen and (min-width:1201px){
  .box-news-1 {height: 150px;}  
  .box-news-1 .img {height: 150px; width: 150px;}
  .box-news-1 .lbl {float:left; width:calc(100% - 200px);padding: 10px 0 0 0;}

  .box-news-2, .box-news-3, .box-news-4 {height: 140px;}

  .box-news-2 .img, .box-news-3 .img, .box-news-4 .img{height: 70px;}
}

.box-news-1{font-size:12px;font-family: Gotham_Medium;}
.box-news-1{float:left;width: 100%;}
.box-news-1 .img {float:left;}
.box-news-1 .lbl .h1{float:left; width:100%; font-size: 1.7vw; font-family: Gotham_Book;padding: 0 0 10px 20px;}
.box-news-1 .lbl .h2 {float:left; font-size: 1.8vw; font-family: Gotham_Medium;padding: 0 0 10px 20px;}

.box-news-2, .box-news-3, .box-news-4 {float:left; width: 31.3%; margin-right: 1.5%; margin-top: 1%;}
.box-news-2 .lbl .h1, .box-news-3 .lbl .h1, .box-news-4 .lbl .h1{font-size: 1vw;  width:100%; font-family: Gotham_Book;}
.box-news-2 .lbl .h2, .box-news-3 .lbl .h2, .box-news-4 .lbl .h2{font-size: 1.1vw; font-family: Gotham_Medium;}

#box-services{
  color: #FFFFFF;
  font-family: Gotham_Medium;
  font-size: 1.5vw;
  text-align: center;
}


/*
#btn-serv-gene, #btn-serv-form, #btn-serv-stud, #btn-serv-libs{
  margin-top: 2%;
  padding: 12% 0 3% 0;
  background-size: 70px auto; 
  background-repeat: no-repeat; 
  background-position: center 5%;
  cursor: pointer;
}

#btn-serv-gene:hover, #btn-serv-form:hover, #btn-serv-stud:hover, #btn-serv-libs:hover{
  background-color: #333; 
}

#btn-serv-gene{
  background-color: #012F35;
  background-image: url(../img/iconbtn_serv_gene.png); 
}

#btn-serv-form{
  background-color: #FF7300;
  background-image: url(../img/iconbtn_serv_form.png); 
}

#btn-serv-stud{
  background-color: #000A2A;
  background-image: url(../img/iconbtn_serv_stud.png); 
}

#btn-serv-libs{
  background-color: #6B0054;
  background-image: url(../img/iconbtn_serv_libs.png); 
}
*/


#btn-serv-gene, #btn-serv-form, #btn-serv-stud, #btn-serv-libs{
  padding: 15% 0 5% 0;
  background-size: 30% auto; 
  background-repeat: no-repeat; 
  background-position: center 5%;
  cursor: pointer;
}

#btn-serv-gene:hover, #btn-serv-form:hover, #btn-serv-stud:hover, #btn-serv-libs:hover{
  background-color: #333; 
}

#btn-serv-gene{
  float:left;
  width: 48%;
  margin-left: 1%;
  margin-bottom: 1%;
  background-color: #012F35;
  background-image: url(../img/iconbtn_serv_gene.png); 
}

#btn-serv-form{
  float:left;
  width: 48%;
  margin-left: 1%;
  margin-bottom: 1%;
  background-color: #FF7300;
  background-image: url(../img/iconbtn_serv_form.png); 
}
#btn-serv-stud{
  float:left;
  width: 48%;
  margin-left: 1%;
  background-color: #000A2A;
  background-image: url(../img/iconbtn_serv_stud.png); 
}

#btn-serv-libs{
  float:left;
  width: 48%;
  margin-left: 1%;
  background-color: #6B0054;
  background-image: url(../img/iconbtn_serv_libs.png); 
}

#box-agenda{color:#FFFFFF; font-family: Gotham_Medium;}

#box-agenda div{
  font-family: Gotham_Medium;
  background-color: #000A2A;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}

#box-agenda div input{
  background-color: transparent;
  border:0;
  box-shadow: none;
  font-family: Gotham_Medium;
  color: #fff;
  font-size: 14px;
}

#box-agenda table{
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}


#box-agenda #tbl_agenda{
  width: 100%;
  font-size: 12px;
}

#box-agenda #tbl_agenda thead tr{
  background-color: #444444;
  color: #FFFFFF;
  font-weight:normal;
}

#box-agenda #tbl_agenda thead tr th{
  font-family: Gotham_Book;
  padding: 5px;
  text-align: left;
  width: 50%;
}

#box-agenda #tbl_agenda tbody tr:nth-child(odd){
  background-color: #CECECE;
}

#box-agenda #tbl_agenda tbody tr:nth-child(even){
  background-color: #FFFFFF;
}

#box-agenda #tbl_agenda tbody tr td{
  font-family: Gotham_Book;
  padding: 5px;
  text-align: left;
  width: 50%;
}


#box-clubevantagens{
  background-color: #eaeaea;
  background-image: url('../img/banner_clubevantagens.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 120px;
  width: 100%;
  box-shadow: 0 0 5px #333;
  cursor:pointer;
}

#box-edital{
  background-image: url('../img/banner_edital_20210707_02.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 200px;
  width: 100%;
  box-shadow: 0 0 5px #333;
  cursor:pointer;
}

#box-festival{
  background-image: url('../img/banner_festival.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 150px;
  width: 100%;
  box-shadow: 0 0 5px #333;
  cursor:pointer;
}

#btn-cons-estatistica, #btn-cons-animal, #btn-cons-regional, #btn-cons-ranking{
  border: 1px solid pink;
  background-color: #12203a;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  height: 250px;
  width: 200px;
  margin: 5px;
  cursor:pointer;
  float:left;
  font-family: KeepCalm_Medium;
  font-size: 18px;
  text-align: center;
  color: #FFFFFF;
  padding: 205px 0 0 0;
	
}

#btn-cons-estatistica{
  /* Firefox */
  margin-left: -moz-calc((100% - 840px) / 2);
  /* WebKit */
  margin-left: -webkit-calc((100% - 840px) / 2);
  /* Opera */
  margin-left: -o-calc((100% - 840px) / 2);
  /* Standard */
  margin-left: calc((100% - 840px) / 2);
  
  background-image: url('../img/iconbtn_cons_estatistica.png');  
}

#btn-cons-animal{
  background-image: url('../img/iconbtn_cons_animal.png');  
}

#btn-cons-regional{
  background-image: url('../img/iconbtn_cons_regional.png');  
}

#btn-cons-ranking{
  background-image: url('../img/iconbtn_cons_ranking.png');  
}

#box-bhstore{
  background-color: #eaeaea;
  background-image: url('../img/banner_bhstore.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 120px;
  width: 100%;
  box-shadow: 0 0 5px #333;
  cursor:pointer;
}

#box-anuncio, #box-venda{
}

#box-instagram{
  border-top: 5px solid #000;
  border-bottom: 5px solid #000;
  background-color: #000A2A;
  color: #ffffff;
}

#box-instagram div:nth-child(1){
  font-size: 18px;
  font-family: Gotham_Book;
  text-align: center;
  padding: 10px;  
}
#box-instagram div:nth-child(2){
  font-size: 15px;
  font-family: Gotham_Medium;
  text-align: center;
  padding: 10px;  
}

#box-foot{
  background-color: #ececec;
  margin:0;
  padding: 20px;
}

#box-foot-logo, #box-foot-menu, #box-foot-ender, #box-foot-social{
  font-family: Gotham_Book;
  font-size: 1.1vw;
  text-align: left;
  float:left;
  width:20%;
  margin: 0 2.4%;
}

#box-foot-logo{
  text-align: center;
  font-size: 1vw;
}

#box-foot-logo img{
  height: 135px;
  padding: 0 0 10px 0;
}

#box-foot-menu .title, #box-foot-ender .title, #box-foot-social .title{
  font-weight: bold;
  padding: 5px 0;
}


.div-head-page{
  padding:10px 0;
  text-align:center;
  width: 100%;
}

.btn-head-page{
  display: inline-block;
  font-family: Gotham_Medium;
  font-size: 13px;
  cursor: pointer;
  color: #495ff2;
  padding: 10px 0;
  margin: 0 10px;
  margin-bottom: 5px;
  border-bottom: 2px solid #fff;
}

.btn-head-page:hover, .btn-head-page.on{
  border-bottom: 2px solid #495ff2;
}

#box-html{
  padding: 20px;
  text-align: justify;
}