@charset "utf-8";

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

#overflow_panning {
  width:3908px;
  height:2817px;
  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:1954px;
    height:1408px;
  }
}

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

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

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

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

}

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

}