body{	
	color:#FFF;
	background: #FFF;
	margin:0;
}

article{
	background-color: #000;
	width: 90%;
	max-width: 1100px;
	min-width: 300px;
	margin:0 auto;
	border: 1px solid #FFF;	
	height:768px;
}

header,section{
background-color: #00F;
width:40%;
padding:2%;
float:left;
border:1px solid black;
margin:0.5%;
border-top-right-radius: 20%;
border-bottom-left-radius: 20%;
float:left;
height: 40%;
max-height:40%;
}

section#curriculum{
	float:left;
	max-width:50%;
}

ul#descripcion{
	list-style: none;	
}

img#imagenJack{
height:auto;
width:50%;
float:left;
}
audio{
margin: 0 auto;
margin-left: 10%;
max-width:90%;
}


section#curriculum{
background:#00F;
border-radius:0;
border-top-left-radius: 20%;
border-bottom-right-radius: 20%;
}

section#curriculum ul{
  list-style:none;
	padding:2%;
}

section#curriculum ul li{
	margin:2%;
	padding: 1%;
}


section#galeria, section#multimedia{
	border-radius:10%;
	float:right;
	height:90%;
	max-height: 90%;	
	max-width: 22%;
	width: 22%;
}

.imagenGaleria{
	width:90%;
	padding:2%;
	height:30%;
	max-height: 33%;
	margin:1.5%;
	float:left;
	border-radius: 20%;
}

section#multimedia{
float:rigth;
}

section#multimedia iframe{
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 4%;
	width:96%;
	max-width: 96%;
	height:30%;
	max-height:90%;
}

footer{
	clear: both;
    color: red;
    height: 10px;
    margin-left: 20%;
    margin-top: 10px;
}  




@media screen and (min-width: 481) and (max-width: 780px){
	body{
		background:#FF0;
	}
	section#curriculum{
		background: #0F0;
		width:90%;
	}
}


@media screen and (max-width: 480px){
	body{
		background:#0F0;
	}
	
	article{
	max-width:480px;
	}
	
	audio{
  margin: 0 auto;
  margin-left: 2%;
  max-width:60%;
  max-height:5%;
}
	
	header,section#curriculum{
	width: 94%;
	max-width: 94%;
	border-radius:0;
	height: 35%;	
	max-height:35%;
	}
	
	section#curriculum ul li{
	  margin: 0;
	margin-bottom:2%;
	padding: 0;
}
	
	section#galeria{
	width: 94%;
	max-width: 94%;
	height: 20%;
	max-height:20%;
	border-radius:0;
	}
	
	section#multimedia{
	display:none;
	border-radius:none;
	}	
	
	.imagenGaleria{
	width:28%;
	height:90%;
	max-height: 90%;
	padding:1%;
	
	
	margin:1.5%;
	float:left;
	border-radius: 20%;
	}
	
	
	footer{
   	clear: both;
    color: red;
    height: 10px;
    margin-left: 5%;
    margin-top: 10px;
 	  font-size:0.6em;
	}

}