#hotel{
     background-image: url(../img/bg_huellas_gris.png);
}
#planes{
     background-image: url(../img/bg_huellas_gris.png);
}

}
#transporte{
     background-image: url(../img/bg_huellas_gris.png);
}
.telefono{
 color:#333; 
 padding: auto;
 margin: auto;

  font-weight: bold;
}
.col-blog{
  padding: 0px;
  text-align: left;
}
a{
  color: none;
}

.datos{
  padding: 40px 0px 0px 0px;
}
.map{
    background-image: url(../img/bg_huellas_gris.png);
  background-size: cover;
  background-repeat: none;

}
.map-blog{
    background-image: url(../img/bg_huellas.png);
  background-size: cover;
  background-repeat: none;
}
.gal{
    background-image: url(../img/bg_huellas.png);
  background-size: cover;
  background-repeat: none;
}
#guarderia{
  background-image: url(../img/bg_huellas_gris.png);
  background-size: cover;
  background-repeat: none;
}

#nosotros{
  background-image: url(../img/bg_huellas.png);
  background-size: cover;
  background-repeat: none;
  	}
  #myModal-1{
  background-image: url(../img/bg_huellas.png);
  background-size: cover;
  background-repeat: none;
    }
      #myModal-2{
  background-image: url(../img/bg_huellas_gris.png);
  background-size: cover;
  background-repeat: none;
    }
      #myModal-3{
  background-image: url(../img/bg_huellas.png);
  background-size: cover;
  background-repeat: none;
    }
          #myModal-4{
  background-image: url(../img/bg_huellas_gris.png);
  background-size: cover;
  background-repeat: none;
    }
 .p-about{
 	color:#fff; 
 	text-align: right;
 	font-size:17px;
 } 
  .p-about-n{
  color:#333; 
  text-align: left;
  font-size:17px;
 }   
 .p-about-n2{
  color:#333; 
  text-align: left;
  font-size:14px;
 } 
  .title-about{
 	color:#fff; 
 	text-align: right;
 } 		
 .hr-align{
 	display: block;
 	float: right;
 	width: 50%;
 }
 .spacing-about{
 	padding: 40px 40px 40px 40px; 
 }
  .img-effect{
    cursor: pointer;

    margin: 0px 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
 }
 .img-effect:hover {
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.img-effect2{
  cursor: pointer;
  margin: auto;


    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;


}
.img-effect2:hover{
  padding-top: 0px;
    margin: auto;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
      -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.img-effect4{
  cursor: pointer;
  margin: auto;
  padding: auto;
  padding-top: 70px;
  padding-bottom: 70px;


    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;


}
.img-effect4:hover{
  padding-top: 70px;
    margin: auto;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
      -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.bg-white{
  background-color: #fff;
  color: #333
}
.btn-ofre{
  width: 30%;
  float: right;
  background-color:transparent;
  color: #fff;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 1.5em;
  height: auto;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      margin-bottom: 20px;

}
.btn-ofre:hover{
  width: 30%;
  float: right;
  background-color:#fff;
  color: #cc0000;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 1.5em;
  height: auto;
  transition: all 0.3s ease-in-out;

}
.btn-ofre2{
  width: 100%;
  background-color:transparent;
  height: 25px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 20px;

}
.btn-ofre2:hover{
  width: 100%;
  background-color:#fff;
  color: #cc0000;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  transition: all 0.3s ease-in-out;


}

.btn-ofre3{
  width: 100%;
  background-color:transparent;
  color: #c00;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#c00; 
  border: 2px solid #c00;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  float: right;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      margin-bottom: 20px;

}
.btn-ofre3:hover{
  width: 100%;
  background-color:#fff;
  color: #cc0000;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  transition: all 0.3s ease-in-out;


}
.btn-ofre4{
  width: 100%;
  background-color:transparent;
  height: 25px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  margin-bottom: 20px;

}
.btn-ofre4:hover{
  width: 100%;
  background-color:#fff;
  color: #cc0000;
  height: 25px;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  padding: .75em 0em;
  height: auto;
  transition: all 0.3s ease-in-out;


}




.btn-ofre6{
  width: 60%;
  background-color:#c00;
  color: #fff;
  height: 50px;
  border-radius: 5px;
  text-align: center;
  border-color:#c00; 
  border: 2px solid #c00;
  vertical-align: middle;
  padding: 10px; auto;
  margin: auto;

      transition: all 0.3s ease-in-out;
      cursor: pointer;
      margin-bottom: 20px;

}
.btn-ofre6:hover{
  width: 60%;
  background-color:#fff;
  color: #cc0000;
  border-radius: 5px;
  text-align: center;
  border-color:#fff; 
  border: 2px solid #fff;
  vertical-align: middle;
  transition: all 0.3s ease-in-out;


}


 @media (max-width: 768px) {

 .p-about{
 	color:#fff; 
 	text-align: center;
 	font-size:17px;
 } 	
  .p-about-n{
  color:#333; 
  text-align: left;
  font-size:17px;
 } 
 .hr-align{
 	display: block;
 	margin: auto;
 	padding: auto;

 }
 .title-about{
 	color:#fff; 
 	text-align: center;
 	width: 90%;
 } 
 .img-effect{

    margin: 15px 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
 }
 .img-effect:hover {
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
 .spacing-about{
 	padding: 0px 40px 40px 40px; 

 }