@font-face {
  font-family: "PTSerif";
  src: url("../fonts/PTSerif-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "PTSerif-Regular";
  src: url("../fonts/PTSerif.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

*{
  margin: 0;
  padding: 0;
}

#map_container{
  width: 1200px;
  height: auto;
  text-align: center;
  margin: auto;
  position: relative;
}

#map_container #MPCONTENT{
  display: flex;
  position: relative;
}

#map_container p{
    font-family: "PTSerif";
    color: #5c6355;
}

#map_container .nav_content .zoom_btns #btnIN:hover,
#map_container .nav_content .zoom_btns #btnOUT:hover{
  cursor: pointer;
}

#map_container #map{
  width: 900px;
  height: 920px;
  overflow: hidden;
  position: relative;
  margin: auto;
  cursor: move;
}

#map_container #map .map_content .bogoIMG{
  width: 920px;
  height: auto;
}

#map_container #map .icons .clickIcon{
  position: absolute;
}

#map_container #map .icons .clickIcon:hover{
  cursor: pointer;
}

#map_container .nav_content{
  width: 70px;
  position: absolute;
  top: 10%;
  left: 0;
  z-index: 999;
}

#map_container .zoom_btns .zb.inactive{
  display: none;
}

#map .icons img.clickIcon {
    width: 30px;
}

#map_container #others{
  width: 260px;
  margin: ;
}

#map_container #others .conv_content .head_list{
  border-left: 2px solid #BEC4B4;
  border-bottom: 2px solid #BEC4B4;
  margin-bottom: 5px;
}

#map_container #others .conv_content .convention{
  margin: 15px 5px;
  display: flex;
  text-align: left;
  align-items: center;
}

#map_container #others .conv_content .convention p{
  font-size: 16px;
  margin-left: 10px;
}

#map_container #others .conv_content .enter{
  background-image: url("../img/enter-back.png");
  height: 120px;
  background-repeat: no-repeat;
}

#map_container #others .conv_content .enter p{
  padding-top: 20px;
  padding-left: 15px;
  width: 160px;
  text-align: left;
  font-size: 22px;
}

#map_container #others .list_content ul,
#map_container #others .list_content ol,
#map_container #others .list_content li{
  list-style: none;
}

#map_container #others .list_content li ul li{
  text-align: left;
  padding-left: 5px;
  height: 25px;
  font-size: 14px;
  font-family: "PTSerif-Regular";
  cursor: pointer;
}

#map_container #others .list_content li ul li:hover{
  background-color: #EDEDED;
}

#map_container #others .list_content ul{
  background-color: #fff;
}

#map_container #others .list_content li ul{
  display: none;
}

#map_container #others .list_content .convention{
  cursor: pointer;
}

#map_container #others .list_content .convention .right{
  margin-left: auto;
}

#map_container #others .list_content .convention i{
  border: solid #5c6355;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 6px;
}

#map_container #others .list_content .convention i.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

#map_container .slideContent{
  width: 1200px;
  height: 670px;
  margin: auto;
  overflow: hidden;
  position: relative;
}

#map_container .slideContent .mySlider{
  display: flex;
}

#map_container .mySlider li{
  list-style: none;
}

#map_container .mySlider li img{
  display: block;
}

#map_container .slideContent .nav-prev,
#map_container .slideContent .nav-next{
  position: absolute;
  top: 50%;
  margin-top: -22px;
}

#map_container .slideContent .nav-prev:hover,
#map_container .slideContent .nav-next:hover{
  cursor: pointer;
}

#map_container .slideContent .nav-prev{
  left: 15px;
}

#map_container .slideContent .nav-next{
  right: 15px;
}

#map_container #livebox_container .inactive{
  display: none;
}

#map_container #livebox_container .Canchas,
#map_container #livebox_container .Centros,
#map_container #livebox_container .Parques,
#map_container #livebox_container .Escenarios{
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 30px;
  left: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 1);
  padding-top: 3%;
  text-align: left;
}

#map_container #livebox_container .CanchasTitulo,
#map_container #livebox_container .CentrosTitulo,
#map_container #livebox_container .ParquesTitulo,
#map_container #livebox_container .EscenariosTitulo{
  font-size: 40px;
  margin-bottom: 15px;
}


#map_container #livebox_container .CanchasTitulo,
#map_container #livebox_container .Canchas span{
  color: #82b43c;
}
#map_container #livebox_container .CentrosTitulo,
#map_container #livebox_container .Centros span{
  color: #6bb6c1;
}
#map_container #livebox_container .ParquesTitulo,
#map_container #livebox_container .Parques span{
  color: #e7ac5f;
}
#map_container #livebox_container .EscenariosTitulo,
#map_container #livebox_container .Escenarios span{
  color: #486469;
}

#map_container #livebox_container .dataContent{
  display: flex;
  justify-content: center;
}

#map_container #livebox_container .CanchasTexto,
#map_container #livebox_container .CentrosTexto,
#map_container #livebox_container .ParquesTexto,
#map_container #livebox_container .EscenariosTexto{
  margin: auto 5px;
}

#map_container #livebox_container .closeLivebox{
  position: absolute;
  top: 3%;
  right: 3%;
  cursor: pointer;
}

#map_container #livebox_container .forInline{
  display: inline-block;
  max-width: 900px;
  vertical-align: top;
}

#map_container #livebox_container .forInline:nth-of-type(1){
  width: 130px;
  height: 100px;
  margin-right: 15px;
  border-right: 2px solid black;
}

#map_container #livebox_container .forInline:nth-of-type(2){
  margin-left: 15px;
}

#map_container #livebox_container #Canchas .forInline:nth-of-type(1){
  background-image: url('../img/big_icon1.png');
  background-repeat: no-repeat;
}

#map_container #livebox_container #Centros .forInline:nth-of-type(1){
  background-image: url('../img/big_icon2.png');
  background-repeat: no-repeat;
}

#map_container #livebox_container #Parques .forInline:nth-of-type(1){
  background-image: url('../img/big_icon3.png');
  background-repeat: no-repeat;
}

#map_container #livebox_container #Escenarios .forInline:nth-of-type(1){
  background-image: url('../img/big_icon4.png');
  background-repeat: no-repeat;
}


#map_container #livebox_container .headContent{
  width: 1200px;
  margin: auto;
  margin-bottom: 35px;
}