*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	font-family:tahoma;
	list-style:none;
	text-decoration:none;

}
.contenedor{
	width:90%;
	height:auto;
	margin:0px auto;
	box-shadow:0px 0px 10px #8D8D8D;
	
}
/*-------------------------------------------------------------------HEADER----------------------------------------------------------------------------------------------------------------------------------------------*/			


	header{
		width:100%;
		height:50px;
		background-color:#008143;
		
		}
		.redes_sociales{
			width:99%;
			display:flex;
			justify-content:flex-end;
			
		}
			.redes_sociales p{
				color:#fff;
				line-height:50px;
				font-weight:bold;
			}
			.redes_sociales ul{
				display:flex;
				width:10%;
				/*border:1px dashed lime;*/
			}
				.redes_sociales ul li{
					
					text-align:center;
					width:100%; 
				}
					.redes_sociales ul li a{
						/*margin-left:25px;*/
					}
						.redes_sociales ul li a img{
						padding:4px;
						width:70%;
						}
			
/*------------------------------------------------------------------NAVEGADOR-----------------------------------------------------------------------------------------------------------------------------------------------*/			
	nav{
		width:100%;
		/*border:1px solid red;*/
		display:flex;
	}
		nav .logo{
			/*border:.5px dashed green;*/
			margin:10px;
		}
		nav ul{
			width:100%;
			/*border:.5px dashed blue;*/
			display:flex;
			justify-content:center;
			align-items:center;
		}
			nav ul li{	
				margin:20px;
				text-align:center;
				border-left:2px solid #008143;
				padding:10px;
			}
				nav ul li:hover{
					background-color:#003CA3;
				}
			
				nav ul li a{
					display:block;
					color:#003CA3;
					padding:10px;
					height:auto;
				}
					nav ul li a:hover{
						color:#fff;
					}
/*-----------------------------------------------------------------SLIDER---------------------------------------------------------------------------------------------------------------------------------------------*/		
	
	.slider{
			width:100%;
			height:540px;
			margin:10px auto;
			overflow:hidden;
			border:4px solid yellow;
	}
		.slider ul{
				width:300%;
				display:flex;
				padding:0px;
				animation:cambio 20s infinite;
		}
			.slider ul li{
						width:100%;
						text-align:center;				
			}
					.slider ul li a{
								display:block;
								width:100%;
					}
								.slider ul li a img{
												width:100%;
								}
								
	@keyframes cambio{
		0%{margin-left:0;}
		33%{margin-left:0;}
		
		38%{margin-left:-100%;}
		66%{margin-left:-100%;}
		
		71%{margin-left:-200%;}
		100%{margin-left:-200%;}
	}
			
/*-----------------------------------------------------------------SECCION CERTIFICADOS---------------------------------------------------------------------------------------------------------------------------------------------*/		
	section{
		width:100%;
		margin-top:10px;
		/*border:.5px dashed blue;*/
	}
		section h2{
			margin:0px;
			width:100%;
			height:50px;
			line-height:50px;
			background-color:#008143;
			padding-left:15px;
			color:#fff;
			font-size:1em;
		}
	article{
		width:100%;
		display:flex;
		justify-content: space-around;
		margin:20px 0px;
		
	}
	article img{
		margin:10px 0px;
		width:15%;
		box-shadow:0px 0px 10px #8D8D8D;
	}
	
/*-----------------------------------------------------------------QUIENES SOMOS / NUESTRA HISTORIA---------------------------------------------------------------------------------------------------------------------------------------------*/		
	section .NuestraHistoria{
		width:100%;
		background-image:url(../img/QuienesSomosBG.jpg);
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		margin:0px;	
	}
		section .NuestraHistoria .contenedorNH{
			margin:20px;
			width:90%;
			background-color:rgba(255,255,255,.6);
			display:flex;
			justify-content:center;
		}
		
			section .NuestraHistoria .contenedorNH .NH{
				margin:20px;
			}
					section .NuestraHistoria .contenedorNH #IconNH{
						width:5%;
						/*border:.5px dashed blue;*/
					}
						section .NuestraHistoria .contenedorNH #IconNH img{
							width:100%;
							margin:0px;
							/*border:.5px dashed blue;*/
						}
					section .NuestraHistoria .contenedorNH #TextoNH{
						width:60%;
					}
						section .NuestraHistoria .contenedorNH #TextoNH p{
							text-align:justify;
						}
						
		section .MisVisObj{
			width:100%;
			margin:0px;

		}
		section .MisVisObj img{
			width:100%;
		}

/*-----------------------------------------------------------------SECCION NUESTROS PRODUCTOS---------------------------------------------------------------------------------------------------------------------------------------------*/		

	article a {
		width:100%;
		
	}
		article a img{
			width:100%;
		}
/*-----------------------------------------------------------------ENCUENTRANOS---------------------------------------------------------------------------------------------------------------------------------------------*/		
	section address{
		margin:20px;
		color:#008143;
	}
	
/*-----------------------------------------------------------------PIE---------------------------------------------------------------------------------------------------------------------------------------------*/		
	footer{
		width:100%;
		height:200px;
		background-color:#2C2F7D;
		display:flex;
		justify-content:space-around;
		color:#fff;
		padding:30px;
	}
		footer div{
			margin-top:200x;
		}
		footer .pie_mapaDeSitio{
			margin-top:200x;
			color:#fff;
		}
			footer .pie_mapaDeSitio ul li{
					margin:10px;
					border-bottom:1px solid #FFF;
			}	
				footer .pie_mapaDeSitio ul li a{
						margin:10px;
						color:#fff;
				}	
	
@media screen and (max-width:320px){
	
.contenedor{
	width:100%;	
}
		.redes_sociales{
			width:100%;
			justify-content:center;			
		}
			.redes_sociales ul{
				width:40%;
			}
				.redes_sociales ul li{
					 
				}
					.redes_sociales ul li a{

					}
						.redes_sociales ul li a img{
						
						margin-top:5px;
						}
/*----------------------------------------*/
	nav{
		display:flex;
		flex-wrap:wrap;
	}
		nav ul{
			display:flex;
			flex-wrap:wrap;
		}
		nav .logo{
			width:100%;
			text-align:center;
		}
			nav .logo img{
			width:90%;
			margin:10px 0px;
		}
		nav ul{
			flex-wrap:wrap;
		}
			nav ul li{
				width:100%;
				border:1px solid #008143;
				margin:0px;
				padding:2px;
			}
/*----------------------------------------*/
		
	.slider{
			height:125px;
			margin:0px;
	}
	
/*----------------------------------------*/
	
		article{
			flex-wrap:wrap;
		
	}
				article img{
					width:90%;
				}
/*----------------------------------------*/				
	footer{

		height:auto;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	footer .logopie, .pie_mapaDeSitio, .dirpie{
			margin-top:20px;
		}
		.logopie img{						
						margin:10px;
						width:100%;
		}
section .NuestraHistoria .contenedorNH{
			margin:10px;
			width:100%;
			flex-wrap:wrap;

}		
section .NuestraHistoria .contenedorNH #IconNH{
	width:50%;
}
section .NuestraHistoria .contenedorNH #TextoNH{
	width:90%;
}
}
@media screen and (min-width:321px) and (max-width:375px){
	
.contenedor{
	width:100%;	
}
		.redes_sociales{
			width:100%;
			justify-content:center;			
		}
			.redes_sociales ul{
				width:40%;
			}
				.redes_sociales ul li{
					 
				}
					.redes_sociales ul li a{

					}
						.redes_sociales ul li a img{
						padding:4px;
						width:65%;
						}
/*----------------------------------------*/
	nav{
		display:flex;
		flex-wrap:wrap;
	}
		nav ul{
			display:flex;
			flex-wrap:wrap;
		}
		nav .logo{
			width:100%;
			text-align:center;
		}
			nav .logo img{
			width:90%;
			margin:10px 0px;
		}
		nav ul{
			flex-wrap:wrap;
		}
		nav ul li{
			width:100%;
			border:1px solid #008143;
			margin:0px;
			padding:2px;
		}
/*----------------------------------------*/		
		.slider{
			height:145px;
			margin:0px;
	}
	
/*----------------------------------------*/
	
		article{
			flex-wrap:wrap;
		
	}
				article img{
					width:90%;
				}
/*----------------------------------------*/				
	footer{

		height:auto;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	footer .logopie, .pie_mapaDeSitio, .dirpie{
			margin-top:20px;
		}
		.logopie img{						
						margin:10px;
						width:100%;
		}
section .NuestraHistoria .contenedorNH{
			margin:10px;
			width:100%;
			flex-wrap:wrap;

}		
section .NuestraHistoria .contenedorNH #IconNH{
	width:50%;
}
section .NuestraHistoria .contenedorNH #TextoNH{
	width:90%;
}
}
@media screen and (min-width:376px) and (max-width:425px){
	
.contenedor{
	width:100%;	
}
		.redes_sociales{
			width:100%;
			justify-content:center;
			/*border:1px dashed blue;*/
					
		}
			.redes_sociales ul{
				width:75%;
				/*border:.5px dashed lime;*/
					
				
			}
				.redes_sociales ul li{
					width:50%;
					 /*border:.5px dashed #fff;*/
				}
					.redes_sociales ul li a{
						/*border:.5px dashed red;*/
					}
						.redes_sociales ul li a img{
						padding:4px;
						width:30%;
						/*border:.5px dashed yellow;*/
						}
/*----------------------------------------*/
	nav{
		display:flex;
		flex-wrap:wrap;
	}
		nav ul{
			display:flex;
			flex-wrap:wrap;
		}
		nav .logo{
			width:100%;
			text-align:center;
		}
			nav .logo img{
			width:90%;
			margin:10px 0px;
		}
		nav ul{
			flex-wrap:wrap;
		}
		nav ul li{
			width:100%;
			border:1px solid #008143;
			margin:0px;
			padding:2px;
		}
/*----------------------------------------*/
		
	.slider{
			height:160px;
			margin:0px;
	}
	
/*----------------------------------------*/
	
		article{
			flex-wrap:wrap;
		
	}
				article img{
					width:90%;
				}
/*----------------------------------------*/				
	footer{

		height:auto;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	footer .logopie, .pie_mapaDeSitio, .dirpie{
			margin-top:20px;
		}
		.logopie img{						
						margin:10px;
						width:100%;
		}
section .NuestraHistoria .contenedorNH #IconNH{
	width:50%;
}
section .NuestraHistoria .contenedorNH #TextoNH{
	width:90%;
}
}
@media screen and (min-width:426px) and (max-width:768px){
	.contenedor{
		width:100%;
	}
		.redes_sociales{
			width:100%;
			display:flex;
			justify-content:flex-start;
			
		}
		.redes_sociales p{
			margin-left:20px;
		}
			.redes_sociales ul li a img{
				margin:5px;
				width:100%;
			}
		nav ul{
			/*flex-wrap:wrap;
			justify-content:flex-start;
			align-items:flex-start;*/
			display:block;
		}
		
			nav ul li{	
					margin:0px;
					text-align:left;
					border:.5px solid #008143;
					padding:0px;
				}
				nav ul li{
					padding:0px;

				}
				nav ul li a{
					padding:0px;
					margin:8px;
				}
/*----------------------------------------*/
		
	.slider{
			height:290px;
			margin:0px;
	}
/*----------------------------------------*/				
	footer{

		height:auto;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	footer .logopie, .pie_mapaDeSitio, .dirpie{
			width:30%;
			/*border:1px dashed lime;*/
			margin:10px;
			font-size:.7em;
		}
		.logopie img{						
						margin:10px;
						width:100%;
		}
		
}
@media screen and (min-width:769px) and (max-width:1024px){
	.redes_sociales ul{
				width:15%;
			}
	nav .logo{
			/*border:.5px dashed green;*/
			margin:10px;
			width:30%;
			}
			nav .logo img{
				width:100%;
			}
	nav ul{
			width:70%;
			/*border:.5px dashed blue;*/
			display:flex;
			justify-content:center;
			align-items:center;
			}
			nav ul li{
				/*border:.5px dashed blue;*/
				width:22%;
			}
			nav ul li a{
				font-size:.8em;
				padding:0px;
			}
	/*----------------------------------------*/
		
	.slider{
			height:350px;
			margin:0px;
	}
	footer{

		height:auto;
		flex-wrap:wrap;
		justify-content:center;
		padding:20px;
	}
	footer .logopie, .pie_mapaDeSitio, .dirpie{
			width:30%;
			/*border:1px dashed lime;*/
			margin:10px;
			font-size:.7em;
		}
		.logopie img{						
						margin:10px;
						width:100%;
		}
}