.container .main{
	position: relative;
	margin-left: 8%; 
	margin-top: 5%; 
}

.container .main .back{
	position: absolute;
	margin-left: -4%;
	margin-top: -1%; 
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
	.container .main .back .img-back{
		width: 75%;
	}
	
	.container .main .back:hover{
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		opacity: 0.7;
	}
	
	.container .main .visita-bn .img-back{
		width: 80%;
	}	

.container .main .titulo-1{
	position: absolute;
	margin-left: 39%; 
	margin-top: -1%;
	width: 50%;	
}
	
	.container .main .titulo-1 .img-titulo-1{
		width: 100%;
	}

.container .main .visita{
	position: absolute;
	margin-left: 4%; 
	margin-top: 7%; 
}
	
	.container .main .visita .img-visita{
		width: 80%;
	}
	
.container .main .menu{
	position: absolute;
	margin-left: 70%; 
	margin-top: 7%; 
	font-size: 11px;
}	

	.container .main .menu-item .item-description{
		position: absolute;
		margin-left: 82%;
		padding-left: 0px;
}

	.container .main .menu-item.item-0{
		position: absolute;
		margin-top: 0px;
	}

	.container .main .menu-item.item-1{
		position: absolute;
		margin-top: 56px;
	}
	
	.container .main .menu-item.item-2{
		position: absolute;
		margin-top: 110px;
	}
	
	.container .main .menu-item.item-3{
		position: absolute;
		margin-top: 164px;
	}
	
	.container .main .menu-item.item-4{
		position: absolute;
		margin-top: 220px;
	}
		.container .main .menu-item .img-icon{
			width: 50px;
		}
		
		.container .main .menu-item .img-background{
			width: 184px;
			margin-left: 4px;;
			margin-top: 0px;
		}
		
		.container .main .menu-item .text-menu-item{
			position: absolute;
			color:#5a5558;
			margin-left: 9px;
			margin-top: -40px;
			width: 160px;
			font-size: 13px;
}

.container .main .continua{
	position: absolute;
	margin-left: 71.7%; 
	margin-top: 31%; 
	font-size: 11px;
}	

.container .main .continua-sin{
	position: absolute;
	margin-left: 71.7%; 
	margin-top: 35%; 
	font-size: 11px;
}	



.container .main .continua img.img-back:hover {
filter: url('#grayscale');
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: Gray();
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}


.container .main .continua img.img-back{
	filter: url('#grayscale');
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: Gray();
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media (max-height: 442px) {
	.container .main{
		position: relative;
		margin-left: 8%; 
		margin-top: 5%; 
	}

	.container .main .back{
		position: absolute;
		margin-left: -4%;
		margin-top: -1%; 
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
		.container .main .back .img-back{
			width: 75%;
		}
		
		.container .main .back:hover{
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px);
			opacity: 0.7;
		}
		
		.container .main .visita-bn .img-back{
			width: 80%;
		}	

	.container .main .titulo-1{
		position: absolute;
		margin-left: 39%; 
		margin-top: -1%;
		width: 50%;	
	}
		
		.container .main .titulo-1 .img-titulo-1{
			width: 100%;
		}

	.container .main .visita{
		position: absolute;
		margin-left: 4%; 
		margin-top: 7%; 
	}
		
		.container .main .visita .img-visita{
			width: 80%;
		}
		
	.container .main .menu{
		position: absolute;
		margin-left: 70%; 
		margin-top: 7%; 
		font-size: 11px;
	}	

		.container .main .menu-item .item-description{
			position: absolute;
			margin-left: 82%;
			padding-left: 0px;
	}

		.container .main .menu-item.item-0{
			position: absolute;
			margin-top: 0px;
		}

		.container .main .menu-item.item-1{
			position: absolute;
			margin-top: 41px;
		}
		
		.container .main .menu-item.item-2{
			position: absolute;
			margin-top: 82px;
		}
		
		.container .main .menu-item.item-3{
			position: absolute;
			margin-top: 123px;
		}
		
		.container .main .menu-item.item-4{
			position: absolute;
			margin-top: 164px;
		}
			.container .main .menu-item .img-icon{
				width: 37px;
			}
			
			.container .main .menu-item .img-background{
				width: 142px;
				margin-left: 2px;;
				margin-top: 0px;
			}
			
			.container .main .menu-item .text-menu-item{
				position: absolute;
				color:#5a5558;
				margin-left: 8px;
				margin-top: -35px;
				width: 160px;
				font-size: 11px;
			}

	.container .main .continua{
		position: absolute;
		margin-left: 72%; 
		margin-top: 30.5%; 
		font-size: 11px;
	}	

	.container .main .continua-sin{
		position: absolute;
		margin-left: 71.7%; 
		margin-top: 35%; 
		font-size: 11px;
	}	



	.container .main .continua img.img-back:hover {
	filter: url('#grayscale');
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: Gray();
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}


	.container .main .continua img.img-back{
		filter: url('#grayscale');
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: Gray();
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

}