main{
	background-color: rgba(114,121,137,0);
	min-width:100%;
	margin:0 auto;
}
	.galeria{
		margin: 0 auto;
		background-color: rgba(114,121,137,0.8);
		border-radius: 5px;
		padding: 20px;
		margin-bottom: 30px;
		height:130px;
		max-width:850px;
		width: 90%;
	}
	
		.galeria div{
			float:left;
			padding:0px 5px;
		}
				
			.galeria div:hover{
				opacity:0.7;
			}
					
			.galeria div img{
				border-radius:3px;
			}
	

	.zoom{
		display: inline-block;
		margin-bottom:20px;
		min-width:100%;
		margin:0 auto;

		
	}
	
		.flecha{
			padding-bottom:20%;
			margin:10px;
		}
			.flecha:hover{
				opacity:0.5;
			}
		
		.zoom div{
			position:relative;
			margin:0 auto;
		}
			
			.zoom div .grande{
				border-radius: 5px;
				background-color: rgba(114,121,137,0.8);
				padding:15px;
				height:600px;
				
			}
			
				.g01{
					display:inline;
					left:33%;
				}
				

				.g02{
					display:none;
					left:24%;
				}
				
				.g03{
					display:none;
					left:35%;
				}
				
				.g04{
					display:none;
					left:30%;
				}
				
				.g05{
					display:none;
					left:33.5%;
				}
				
				.g06{
					display:none;
					left:21%;
				}
				

				
	@media screen and (max-width: 1670px){
				.g01{
					left:31%;
				}
				

				.g02{
					left:20%;
				}
				
				.g03{
					left:32%;
				}
				
				.g04{
					left:28%;
				}
				
				.g05{
					left:32%;
				}
				
				.g06{
					left:16%;
				}
	}
	
	@media screen and (max-width: 1500px){
		.zoom div .grande{

				height:500px;
				
			}
	}
	
	@media screen and (max-width: 1300px){
				.g01{
					left:29%;
				}
				

				.g02{
					left:17%;
				}
				
				.g03{
					left:30%;
				}
				
				.g04{
					left:26%;
				}
				
				.g05{
					left:30%;
				}
				
				.g06{
					left:12%;
				}
	}
	
		@media screen and (max-width: 1200px){
		.zoom div .grande{
				height:450px;
			}
	}
	
			@media screen and (max-width: 1100px){
		.zoom div .grande{
				height:400px;
			}
	}
	
	@media screen and (max-width: 960px){
		.galeria{
		height:100px;
		max-width:670px;
	}
	
	.zoom div .grande{
		height:350px;
	}

	@media screen and (max-width: 800px){
		.zoom div .grande{
		height:250px;
	}
	}
	@media screen and (max-width: 760px){
		.galeria{
		height:90px;
		max-width:610px;
	}
	
	
		@media screen and (max-width: 700px){
		.galeria{
		display:none;
	}
	.flecha{
		display:none;
	}
	.zoom div{
		display:block;
		position:static;
		margin: 0 auto;
		padding-bottom:10px;
	}
	
	.zoom div .grande{
		width:85%;
		max-width:600px;
		height:auto;
		
	

	}
}