/* Scss Document */
.div_ubicacion {
  width: 100%;
  font-size: 0;
  box-sizing: border-box;
  background: url(../imagenes/fondo3.png) no-repeat top;
  background-size: contain; }

.div_info_ubicacion {
  width: 50%;
  height: 35vw;
  display: inline-block;
  box-sizing: border-box;
  color: black;
  font-size: 1.5vw;
  font-family: 'Bitter-Regular';
  padding: 7vw 10vw;
  vertical-align: top; }

.div_map_ubicacion {
  width: 50%;
  height: 35vw;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top; }

.div_text_ubicaion {
  display: inline-block;
  width: 15vw;
  text-align: center;
  vertical-align: top; }

.tit_ubicacion {
  font-size: 3vw;
  font-family: 'ChaparralPro-Bold';
  line-height: 3vw;
  display: block; }

.subtit_ubicacion {
  font-size: 1.5vw;
  font-family: 'AvenirLTStd-Medium'; }

.div_ubicacion_obser {
  width: 50%;
  display: inline-block;
  background-color: #45beb8;
  padding: 0.5vw 1.5vw;
  box-sizing: border-box;
  text-align: right; }

.div_ubicacion_aloja {
  width: 50%;
  display: inline-block;
  background-color: #927eb7;
  padding: 0.5vw 1.5vw;
  box-sizing: border-box;
  text-align: left; }

.boton_ubicacion_reser {
  padding: 0.2vw 2vw;
  font-size: 1.3vw;
  color: white;
  background-color: black;
  font-style: italic;
  font-family: 'ChaparralPro-Bold';
  border-radius: 30vw;
  vertical-align: middle; }

.div_text_ubicacion {
  vertical-align: middle;
  color: white;
  width: 12vw;
  text-align: left;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 1.2vw; }

.sub_tit_ubicacion {
  font-size: 2vw;
  font-family: 'ChaparralPro-Bold';
  display: block; }

.text_ubicacion {
  font-size: 1vw;
  font-family: 'AvenirLTStd-Medium';
  display: block; }

.icono_ubicacion_p {
  font-size: 6vw;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 2vw; }

.icono_ubicacion {
  color: black;
  font-size: 4vw;
  vertical-align: middle; }

@media screen and (max-width: 800px) {
  .div_map_ubicacion {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 550px; }

  .div_info_ubicacion {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 24px;
    padding: 100px 150px;
    height: 550px; }

  .sub_tit_ubicacion {
    font-size: 32px; }

  .icono_ubicacion_p {
    font-size: 80px;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 32px; }

  .tit_ubicacion {
    font-size: 48px;
    line-height: 48px; }

  .subtit_ubicacion {
    font-size: 24px; }

  .div_ubicacion_obser {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px 24px; }

  .div_ubicacion_aloja {
    width: 100%;
    display: block;
    text-align: left;
    padding: 10px 24px; }

  .icono_ubicacion {
    color: black;
    font-size: 60px;
    vertical-align: middle; }

  .div_text_ubicacion {
    width: 220px; }

  .text_ubicacion {
    font-size: 16px; }

  .boton_ubicacion_reser {
    padding: 4px 32px;
    font-size: 20px; } }