@charset "UTF-8";
#intro {
	margin-top: 33px;
}
#location_box {
	background-image: url(../img/huatulco/location_back.jpg);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
#location_content {
	padding-top: 5%;
	padding-bottom: 48%;
}
#activities_box {
	background-color: #936839;
	padding-top: 15px;
	padding-bottom: 78px;
}
#activity_gallery {
	margin-top: -50px;
	background-color: #FFFFFF;
}
#map_flights {
	background-color: #FFFFFF;
	margin-top: -15px;
	margin-right: -15px;
	-webkit-box-shadow: 1px 1px 17px 4px rgba(0,0,0,0.23);
	box-shadow: 1px 1px 17px 4px rgba(0,0,0,0.23);
	border: 15px solid #FFFFFF;
}
#map_back {
	width: 100%;
	height: auto;
}
#table_flights_real {
	border-style: none;
	color: #c1b49a;
}
.flight_blue {
	color: #56493f;
}
#flight_content {
	padding-bottom: 49px;
}
.google_pointer {
	color: #AF0002;
	font-size: 34px;
	vertical-align: -8px;
}
#enlarge_map {
	text-align: right;
	padding-top: 7px;
}
#enlarge_map a {
	color: #c1b49a;
	-webkit-transition: all 5s ease-in-out;
  	-moz-transition: all 5s ease-in-out;
  	-o-transition: all 5s ease-in-out;
  	transition: all .5s ease-in-out;
	
}
#enlarge_map a:hover {
	color: #62421B;
	text-decoration: none;
}
#plane_icon {
	text-align: center;
}
#icon_flights {
	margin-top: -29px;
}
#flight_box {
	background-image: url(../img/layout/brown-back.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
#flight_row {
	background-color: #FFFFFF;
	padding-bottom: 65px;
}
.brown_back {
	background-image:none;
}
#hux_gallery_col {
	width: 33.3333%;
	float: left;
	min-width: 43px;
	background-color: #FF0004;
	min-height: 42px;
}

.mosaic-box{
	width: 40%;
	overflow: hidden;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
.mosaic {
	width: 100%;
	height: 100px;
	background: url("http://lorempixel.com/300/200");
	background-position: center;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
} 
.mosaic:hover {
  transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 
.picture_box_hux {
	width: 20%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	-webkit-transition: all 5s ease-in-out;
  -moz-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  transition: all .5s ease-in-out;
}
.picture_box_hux:hover {
	background-color:#BD8D46;
}
.picture_box_hux img {
	width: 100%;
	height: auto;
}

.picture_box_hux img:hover {
	
}

@media screen and (max-width:768px){
#location_content {
	padding-bottom: 85%;
}

}

@media screen and (max-width:550px){
#location_content {
	padding-bottom: 120%;
}
}

@media screen and (max-width:450px){
.flight_brown {
	display: none;
}
}

@media screen and (max-width:992px){
#map_flights {
	margin-top: 40px;
}
}