/* CSS Document */

	
	{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}
body {
	font-family: Playful;
	color:#000066
	text-align:center;	
 }


	 

	
h1 {
 	float: center;
	text-align:center;
 }
 
#banner {
	margin-top: 0;
	position:relative;

	}
	
#banner img {
	width: 100%;
	height:100%;

	justify-content: center;

	}
	

	
#datos .contenedor{

	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	} 	
	
#datos article{	
	margin: 15px;
	text-align:left;
	font-family: Playful;
	color:#000066;
	font-weight: bold;
	font-size:18px;

	}
	
#datos img{	
	width: 100%;
	max-width:400px;
	}
	
#datos image{	
	width: 100%;
	max-width:500px;
	}	
	
#fotos .contenedor{
	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	} 	
	
#fotos foto{	
	margin: 15px;
	}
	
#fotos img{	
	width: 100%;
	max-width:400px;
	}	
	 
#fotos1 img{	
	width: 100%;
	max-width:700px;
	}	

	
#contacto .contenedor{
	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	} 	
	
#contacto contacto{	
	margin: 25px;
	}
	
#contacto img{	
	width: 100%;
	max-width:100px;
	max-height:50px;
	}	
#contacto images{	
	width: 100%;
	max-width:350px;
	}
	
#footer {
	width: 100%;
	height: 60px;
	background: #0982AD;
	color: #000000

}	
	
#footer .contenedor{
	display: flex	;
	justify-content: center;
	flex-wrap: wrap;
	} 		
 
 @media (min-width:1024px) {
.contenedor {
 		width: 1200px;
		margin: center;
	}
}