body{
	background: #FFFFFF;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
#contenedor{
	width:960px;
	}
	
	
/* ----------------- REDES SOCIALES ------------------------*/	

	

	
/* ----------------- FIN REDES SOCIALES ------------------------*/	


/* ----------------- LOGO ------------------------*/	
	
header div{
	
	width:960px;
	height:200px;
	}

/* ----------------- FIN LOGO ------------------------*/

	
/* ----------------- MENU ------------------------*/

nav{	background-color:#FBFBFB;
		width:1200px;	
}
		
nav li{	width:160px;
		font-size:12px;
		font-weight:bold;
		background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 50%);	
}

nav li ul li{ font-size:10px;
			  font-weight:100;

}
		
nav li a{
			color:hsla(0,0%,0%,1.00);
			padding:10px 00px;
			display:block;
			text-decoration:none;
			}
			
nav > ul >li{
	float:left;
	}
	
nav li a:hover {
	color:grey;
	background: #BDB422;
}

nav li ul li{
	border:1px solid hsla(0,3%,86%,1.00);
	background-color:#FFFFFF;
	border-bottom:hidden;
}

nav li ul li:last-child{
	border-bottom:1px solid hsla(0,3%,86%,1.00);
	}

nav li ul li a:hover {
	color:black;	
	background-color:#BDB422;
}

nav li ul{
	display:none;
	position:absolute;
	}
	
nav li:hover > ul{
	display:block;
	}
	
/* -----------------FIN MENU ------------------------*/	


/* -----------------CONTENIDO ------------------------*/	

h1{
	width:400px;
	font-size:28px;
	margin:60px 0 -20px 0;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #BDB422;
	border-bottom:1px solid #BDB422;
}

article h2{
	width:400px;
	font-size:22px;
	margin:60px 0 20px -400px;
	text-align:left;
	padding-left:70px;
	padding-bottom:5px;
	border-bottom:1px solid black;
	}
	
article p{
	text-align:justify;
	width:900px;
	margin-bottom:10px;
	margin-left:40px;
	line-height:1.5em;
}
article p span{
	font-weight:bold;
}

section{
	background-color:hsla(0,1%,83%,1.00);
	margin-bottom:10px;
	width:500px;
	height:750px;
	padding-right:30px;
	margin-top:50px;
	border:10px solid #BDB422;
}

.foto1{	
	position:relative;
	right:15px;
	width: 475px;
	height: 200px;
	margin:30px 10px 10px 45px;
	border-radius: 10px;
	}
	
.foto2{	
	position:relative;
	top:-20px;
	right:-130px;
	width: 200px;
	height: 150px;
	margin:30px 10px 10px 45px;
	border-radius: 10px;
	}

.foto3{	
	position:relative;
	top:-40px;
	right:-130px;
	width: 200px;
	height: 150px;
	margin:30px 10px 10px 45px;
	border-radius: 10px;
	}
	
.foto4{	
	position:relative;
	top:-381px;
	right:110px;
	width: 250px;
	height: 310px;
	margin:30px 10px 10px 45px;
	border-radius: 10px;
	}
	
.foto5{	
	position:relative;
	bottom:400px;
	width: 300px;
	height: 150px;
	margin:30px 10px 10px 45px;
	border-radius: 10px;
	}

.foto1 img{
	width: 475px;
	height: 200px;	
	}

.foto2 img{
	width: 200px;
	height: 150px;	
	}
	
.foto3 img{
	width: 200px;
	height: 150px;	
	}

.foto4 img{
	width: 250px;
	height: 310px;	
	}
	
.foto5 img{
	width: 300px;
	height: 150px;	
	}

section div a{
	border-radius: 10px;
	text-decoration:none;
}	

section div a figure img{
	border-radius: 10px;
	width: 300px;
	height: 225px;	
}

section div a:hover figure img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.5s;
}

section div a figure figcaption{
	font-size:16px;
	font-weight:bold;
	opacity:0;
	padding:10px;
	color:white;
	border-radius: 0px 0px 10px 10px;
}

section div a:hover figure figcaption{
	position: relative;
	top: -38px;
	opacity:1;
	background:#BDB422;	
	transition-duration:0.5s;
}

/* ----------------- FIN CONTENIDO ------------------------*/	
	
	
/* ----------------- footer ------------------------*/	

footer div{
	with:960px;
	clear:both;
	padding-top:40px;
	padding-bottom:2px;	
	}
	
footer div a{
	font-size:12px;
	color:#4B6600;
	text-decoration:none;	
}

footer div a:hover{
	color: black;
}
	
footer img{
	width:1000px;
	height:171px;
	border-top: 1px solid black;
	margin-top:5px;
	margin-left:-35px;	
}

/* ----------------- footer ------------------------*/