@charset "utf-8";

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

#overflow_panning {
  width:2000px;
  height:1600px;
  position:absolute;
  margin:0;
}

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

@media all and (max-width:480px) and (orientation:portrait) {
  #contentor_panning {
    overflow-x:hidden;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:100vw;
    height:auto;
  }
}

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

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

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

@media all and (min-width:769px) and (max-width:959px) {
  #contentor_panning {
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #overflow_panning {
    width:140vw;
    height:120vw;
  }

}

@media all and (min-width:960px) {
  #contentor_panning {
    overflow-x:hidden;
    overflow-y:hidden;
  }

  #overflow_panning {
    width:200vw;
    height:180vw;
  }
}