@import url('https://fonts.googleapis.com/css?family=Mr+Dafoe');

/*-- For 3 Column Layout--*/
.float-l {
  display: inline-block;
  width:	265px;
  text-align: left;
  vertical-align:top;
}

.float-pad {
  margin: 0px 28px;
}

.attention {
  width:862px;
}


/*-- For 2 Column Layout--*/
.float-l-2 {
  display: inline-block;
  width:	417px;
  text-align: left;
  vertical-align:top;
}

.float-pad2 {
  padding: 0px 24px 0 0;
}

.zt-dates {
  display: inline-block;
  width:90px;
  font-weight: bold;
}

.zc-dates {
  display: inline-block;
  width:70px;
  font-weight: bold;
}

.button a {
  display: block;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  background: #81B9C1;
}

.button a:hover {
  background: #5c868b;
}

.jobs a {
  display: block;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background: #ffbc01;
  text-transform: uppercase;
  transition: background ease-in-out 0.2s;
}

.jobs a:hover {
  background: #e5aa12;
}

.register a {
  display: block;
  padding: 12px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
  background: #b02b33;
}

.register a:hover {
  text-decoration: none;
  background: #8b1e24;
}

.zootique {
  background: url(../../img/zootique.png);
  width:417px;
  height: 370px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.zoo-hdr {
  font-family: 'Mr Dafoe', cursive;
  color: #4d5991;
  font-size: 26px;
  line-height: 28px;
}

.zoo-hdr-main {
  font-size: 26px;
  color: #c41aac;
  font-weight: bold;
  padding: 10px;
}

.zoo-sub {
  font-size: 20px;
  line-height: 22px;
  padding: 10px;
  color: #385623;
}

.zoolights {
  background-color: #200E40;
  background-image: url(../../img/Zoolights.png);
  height: 510px;
}

.zoolights .info {
  margin-top: 140px;
  padding: 10px;
  color: #fff;
}

.zoolights .info em {
  font-size: 10px;
}

.zoolights .info a {
  display: block;
  background-color: #0fb4ee;
  color: #fff;
  border-radius: 6px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px;
  transition: background-color 0.2s ease-in-out;
}

.zoolights .info a:hover {
  background-color: #db7f18;
}