@charset "utf-8";

#contentor_panning {
  position:relative;
  width:100vw;
  height:100vh;
  overflow:hidden;
}

#overflow_panning {
  width:3437px;
  height:1849px;
  position:absolute;
  margin:0;

}

/*////////////////////// RESPONSIVO //////////////////////*/

@media all and (max-width:480px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;

  }
  #overflow_panning {
    width:1719px;
    height:925px;
  }
}

@media all and (max-width:480px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:1719px;
    height:925px;
  }
}

@media all and (min-width:481px) and (max-width:768px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2406px;
    height:1284px;
  }
}

@media all and (min-width:481px) and (max-width:768px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2406px;
    height:1284px;
  }
}

@media all and (min-width:769px) and (max-width:959px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2406px;
    height:1284px;
  }

}

@media all and (min-width:769px) and (max-width:959px) and (orientation:landscape) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:2750px;
    height:1379px;
  }

}